* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Inter", sans-serif; font-weight: 400; }
.container { max-width: 1770px; width: calc(100% - 20px);/* margin: 0 auto; */
}
a, button { text-decoration: none; transition: 0.5s all; -webkit-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; }
h1, h2, h3 { font-family: "Inter Tight", sans-serif; }
#business, #contact, #get_in_touch { scroll-margin-top: 100px; }
/* Header */
.heroBanner .navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 999; transition: all 0.5s; background-color: transparent; padding-top: 0; padding-bottom: 0; }
.heroBanner .navbar .navbar-brand { max-width: 350px; width: 64%; }
.heroBanner .navbar .container { border-bottom: 1px solid rgb(255 255 255 / 34%); padding-top: 20px; padding-bottom: 20px; transition: all 450ms ease; }
.heroBanner .navbar.sticky .navbar-toggler span, .heroBanner .navbar.sticky .navbar-toggler span::before, .heroBanner .navbar.sticky .navbar-toggler span::after { background-color: #0f406e; }
.heroBanner .navbar .navbar-toggler:focus { box-shadow: none; }
.heroBanner .navbar .navbar-toggler span { background-image: none; position: relative; width: 25px; height: 2px; background-color: #fff; display: inline-block; border: none; outline: none; z-index: 100 !important; color: #fff; box-shadow: none; transition: 0.5s all; }
.heroBanner .navbar .navbar-toggler span::before, .heroBanner .navbar .navbar-toggler span::after { content: ""; position: absolute; left: 0; top: -8px; width: 18px; height: 2px; background-color: #fff; transition: all 0.5s; }
.heroBanner .navbar .navbar-toggler span::after { top: 8px; }
.heroBanner .navbar .navbar-toggler.open span { background-color: transparent; }
.heroBanner .navbar .navbar-toggler.open span::before, .heroBanner .navbar .navbar-toggler.open span::after { transform: rotate(45deg); top: 0; background-color: #002345; left: 0px; width: 25px; height: 1px; }
.heroBanner .navbar .navbar-toggler.open span::after { transform: rotate(-45deg); }
.heroBanner .navbar .navbar-collapse { z-index: 10; }
.heroBanner .navbar .navbar-collapse ul.navbar-nav .nav-item { padding: 0 10px; }
.heroBanner .navbar .navbar-collapse ul.navbar-nav .nav-item .nav-link { color: #ffffff; font-size: 18px; font-weight: 500; position: relative; transition: all 0.5s; padding: 0; }
.heroBanner .navbar.sticky .navbar-collapse ul.navbar-nav .nav-item:last-of-type:hover .nav-link { color: #444 !important; }
.heroBanner .navbar .navbar-collapse ul.navbar-nav .nav-item .nav-link:hover, .heroBanner .navbar .navbar-collapse ul.navbar-nav .nav-item .nav-link.active { color: #008f7c; }
.heroBanner .navbar .navbar-collapse ul.navbar-nav .get-touch-btn {padding-left: 10px;}
.heroBanner .navbar .navbar-collapse ul.navbar-nav .get-touch-btn a { border: 2px solid #008f7c; padding: 15px 24px; display: block; background-image: -webkit-linear-gradient(30deg, #008f7c 50%, transparent 50%); background-image: linear-gradient(30deg, #008f7c 50%, transparent 50%); background-size: 500px; background-repeat: no-repeat; background-position: 0%; transition: background 500ms ease-in-out; color: #ffffff; }
.heroBanner .navbar .nav-item.get-touch-btn a:hover { color: #fff; background-position: 100%; }
.heroBanner .navbar.sticky { background-color: #fff; border-bottom: 1px solid #cfcfcf; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.heroBanner .navbar.sticky .container { border-color: transparent; padding-top: 12px; padding-bottom: 12px; }
.heroBanner .navbar.sticky .navbar-collapse ul.navbar-nav .nav-item .nav-link { color: #444; }
.heroBanner .navbar.sticky ul.navbar-nav .nav-item:last-of-type .nav-link, .heroBanner .navbar.sticky ul.navbar-nav .get-touch-btn a {color: #fff;transition: all 0.5s;}
.heroBanner .navbar.sticky ul.navbar-nav .nav-item.get-touch-btn a:hover { color: #444 !important; }
/* Footer */
.footer {padding-top: 106px;color: #fff;z-index: 0 !important;background-color: #002448;}
.footer .footer-pattern { position: relative; }
.footer .footer-pattern::after { position: absolute; content: ""; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../img/footer-pattern.svg") no-repeat center left; z-index: -1; background-position: left -5% bottom 0%; }
.footer .footer-pattern::before { position: absolute; content: ""; bottom: 0px; right: 0px; width: 100%; height: 100%; background-image: url("../img/footer-pattern2.svg"); background-repeat: no-repeat; z-index: -1; background-position: right -28% bottom -100%; }
.footer .aboutBusinesses-title { margin-bottom: 92px; }
.footer .aboutBusinesses-title h2 { font-weight: 600; color: #ffffff; }
.footer .aboutBusinesses-title h2::before { width: calc(100% + 15%); width: 0; }
.footer .contact-form {background: rgb(17 55 108 / 53%);padding: 38px;border-radius: 0px;max-width: 617px;width: 100%;display: block;position: relative;}
.footer .contact-form input:focus { border: 1px solid rgba(255, 255, 255, 0.45); color: rgba(255, 255, 255, 0.65); box-shadow: none; }
.footer .contact-form input:focus::placeholder {color: rgba(255, 255, 255, 0.65); }
.footer .contact-form h4 { margin-bottom: 25px; font-size: 36px; font-weight: 600; opacity: 0.65; }
.footer .contact-form .form-control { background: transparent; border: 1px solid #2c4b66; color: #fff; padding: 18px 26px; border-radius: 0px; }
.footer .contact-form .form-control::placeholder {color: rgba(255, 255, 255, 0.45); font-size: 16px; font-weight: 500; }
.footer .contact-form .get-touch-btn {border: 2px solid #03817A;padding: 19px 39px;display: inline-block;background-image: -webkit-linear-gradient( 30deg, #03817A 50%, transparent 50% );color: #fff;background-image: linear-gradient(30deg, #03817A#03817A 50%, transparent 50%);background-size: 500px;background-repeat: no-repeat;background-position: 0%;-webkit-transition: background 500ms ease-in-out;transition: background 500ms ease-in-out;float: right;margin: 0;}
.footer .contact-form .get-touch-btn:hover { background-position: 100%; color: #fff; }
.footer .contact-info { padding: 10px; display: flex; flex-direction: column; row-gap: 30px; }
.footer .contact-info .info-box { display: flex; gap: 40px; }
.footer .contact-info .info-box .info-img { background: #1b3c6b; background: -webkit-linear-gradient( 0deg, rgba(27, 60, 107, 1) 0%, rgba(0, 143, 124, 1) 100% ); background: -moz-linear-gradient( 0deg, rgba(27, 60, 107, 1) 0%, rgba(0, 143, 124, 1) 100% ); background: linear-gradient( 0deg, rgba(27, 60, 107, 1) 0%, rgba(0, 143, 124, 1) 100% );  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1B3C6B", endColorstr="#008F7C", GradientType=0); width: 131px; height: 131px; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.footer .contact-info .info-box .info-img img { width: 60%; height: 50%; object-fit: contain; }
.footer .contact-info .info-box h5 { margin-bottom: 12px; font-size: 18px; font-weight: 600; }
.footer .contact-info .info-box p { margin-bottom: 20px; opacity: 0.65; font-weight: 400; font-size: 18px; white-space: pre-line; }
.footer .contact-info .info-box h6 { margin-bottom: 8px; font-weight: 400; font-size: 18px; }
.footer .contact-info .info-box a { color: #fff !important; margin-bottom: 32px; opacity: 0.65; font-weight: 400; font-size: 18px; display: inline-block; line-height: 0.73; transition: all 0.5s; }
.footer .contact-info .info-box a:hover { opacity: 0.9; }
.footer .follow {margin-top: 72px; text-align: center; padding-bottom: 75px; }
.footer .follow p {font-size: 16px; font-weight: 400; margin-bottom: 23px; letter-spacing: 5px; }
.footer .follow .social-icons { display: flex; gap: 16px; justify-content: center; }
.footer .follow .social-icons a { border: 2px solid rgba(255, 255, 255, 0.65); border-radius: 50%; width: 60px; height: 60px; transition: all 0.5s; position: relative; overflow: hidden; transform: translate(0) rotate(0); display: flex; align-items: center; justify-content: center; }
.footer .follow .social-icons a i { font-size: 22.25px; color: #fff; }
.footer .follow .social-icons a::before { content: ""; position: absolute; inset: 0; background: #1b3c6b; background: linear-gradient(0deg, rgb(27, 60, 107) 0%, rgb(0, 143, 124) 100%); opacity: 0; transition: all 0.5s; z-index: -1; }
.footer .follow .social-icons a:hover::before { opacity: 1; }
.footer .copyright {padding: 25px 10px;background: #008F7C;background: -webkit-linear-gradient(95deg, rgba(0, 143, 124, 1) 0%, rgba(17, 55, 108, 1) 100%);background: -moz-linear-gradient(95deg, rgba(0, 143, 124, 1) 0%, rgba(17, 55, 108, 1) 100%);background: linear-gradient(95deg, rgba(0, 143, 124, 1) 25%, rgba(17, 55, 108, 1) 67%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008F7C", endColorstr="#11376C", GradientType=0);}
.footer .copyright p { font-size: 16px; font-weight: 400; margin-bottom: 0; text-align: center; color: rgba(225, 225, 225, 0.65); }
.footer .copyright .webplus-logo { filter: invert(1) grayscale(1) brightness(2); opacity: 0.55; transition: 0.5s all; }
.footer .copyright .webplus-logo:hover { filter: invert(1) grayscale(1) brightness(2); opacity: 1; }
.moretext { display: none; }
/*---------------  ---------------*/
.readmore { position: relative; padding-bottom: 20px; max-height: 325px; overflow: hidden; width: 100%; transition: 0.5s; z-index: 0; }
.readmore-link { display: block; position: absolute; right: 0; bottom: 0; padding-top: 0; width: 100%; height: 20px; cursor: pointer; z-index: 1; transition: 0.5s; }
.readmore-link::before { content: "Read More +"; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; font-size: 16px; font-weight: 500; color: #ffffff; }
.readmore-link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background-image: linear-gradient(to bottom, rgb(0 27 54 / 0%), rgb(0 26 54 / 72%), rgb(0 26 54)); z-index: -1; transition: 0.5s; }
.readmore.expand { padding-bottom: 30px; max-height: 5000px !important; transition: 0.5s; }
.readmore-link.expand::before { content: "Read less -"; }
.readmore-link.expand::after { height: 0; }






.sub_page h2 {
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	text-transform: capitalize;
	position: relative;
	line-height: 1.08;
	margin: 0 auto;
	display: block;
}

.heroBanner.sub_page .heroBanner-content {padding-top: 155px;padding-bottom: 50px;}

.tnx .tnx-card-content .tnx-card p {}
.tnx .tnx-card-content .tnx-card h2 { font-size: 120px; }
.error .error-card-content .error-card h2, .tnx .tnx-card-content .tnx-card h2 {font-size: 120px;font-family: "Inter Tight", sans-serif;font-weight: 700;text-align: center;text-transform: capitalize;background: linear-gradient(90deg, #1b3c6b 40%, #3fb8b9 60%);background-clip: text;-webkit-background-clip: text;color: transparent;position: relative;padding-bottom: 20px;margin-bottom: 0;line-height: 1.1;display: inline-block;}
.error .error-card-content .error-card h4, .tnx .tnx-card-content .tnx-card h4 { font-size: 25px; font-family: "Inter Tight", sans-serif; font-weight: 600; color: #1b3c6b; text-transform: uppercase; line-height: 1.22; }
.error .error-card-content .error-card p, .tnx .tnx-card-content .tnx-card p {max-width: 600px; font-size: 18px;padding: 0px 0 30px 0;font-family: "Inter", sans-serif;font-weight: 500;color: #444;line-height: 1.22; margin: 0 auto;}
.error .error-card-content .error-card .homeProduct-card-btn, .tnx .tnx-card-content .tnx-card .homeProduct-card-btn { width: 55px; height: 55px; }
.bussiness-btn a {border: 2px solid #03817A;padding: 15px 20px;background-image: -webkit-linear-gradient(30deg, #03817A 50%, transparent 50%);color: #fff;background-image: linear-gradient(30deg, #03817A 50%, transparent 50%);background-size: 520px;background-repeat: no-repeat;background-position: 0%;margin: 0;font-size: 16px;}
.py-80 {
	padding-top: 120px;
	padding-bottom: 120px;
}

.bussiness-btn {display: grid;}

.bussiness-btn a:hover {
	background-position: 100%;
	color: #03817A;
}