body {font-family: "Montserrat", serif; line-height: 1.7; color: gray; font-weight: 400; font-size: 1.1rem;}
::-moz-selection {background: rgb(189, 4, 4); color: #fff}
::selection {background: rgb(189, 4, 4); color: #fff}
a {color: #ec2028; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease}
a:hover {text-decoration: none; color: #c5280d;}
.action-btn {padding: 14px 32px 14px 32px; font-size: 16px; color: #FFF; font-weight: 600; display: inline-block; margin: 3px; border-radius: 5px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; cursor: pointer; border: 0px #000 solid;}
.primary-btn {background: rgb(41,170,225); background: linear-gradient(90deg, rgba(41,170,225,1) 0%, rgba(44,82,159,1) 100%);}
.primary-btn:hover {color: #FFF;}
.secondary-btn {background: #18253e;}
.secondary-btn:hover {color: #FFF;}
/* Button */
.bg-navy {background: #f2f4ff;}
.form-control {height: auto; font-size: 0.9rem; padding: 15px;}
.form-control:active, .form-control:focus {border-color: #7971ea}
.form-control:hover, .form-control:active, .form-control:focus {-webkit-box-shadow: none !important; box-shadow: none !important}
/* Header */
header {position: fixed; width: 100%; padding: 10px; margin: 0px auto; top: 50px !important; z-index: 1; /* border-bottom: 1px #eee solid; */ transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
header.sticky {background: #011321; box-shadow: 0px 0px 5px 1px #ccc; width: 100%; top: 0 !important;}
.logo {width: 150px;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
 header.sticky .logo {width: 100px;} 
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-con {display: flex; justify-content: space-between; align-items: center;}
.main-nav, .main-nav * {margin: 4px 0px; padding: 0; list-style: none;}
.main-nav>ul>li { position: relative; white-space: nowrap; float: left;}
.main-nav a {display: block; position: relative; color: #FFF; padding: 0px 25px; transition: 0.3s; font-size: 16px; font-weight: 600; line-height: 12px; border-right: 0px #fff solid;}
.main-nav li:last-child a {border-right: 0px #fff solid;}
.main-nav a:hover, .main-nav .active>a,
.main-nav li:hover>a {color: #FFF; text-decoration: none;}
.sticky .main-nav a {color: #FFF;}
.sticky .main-nav a:hover, .sticky .main-nav .active>a, .sticky .main-nav li:hover>a {color: #FFF;}
.main-nav .drop-down ul {display: block; position: absolute; left: 0; top: calc(100% + 10px); z-index: 99; opacity: 0; visibility: hidden; padding: 0px 5px; background: #fff; box-shadow: 0px 15px 30px rgba(127, 137, 161, 0.25); transition: ease all 0.3s; border-radius: 5px;}
.main-nav .drop-down:hover>ul {opacity: 1; top: 30px; visibility: visible;}
.main-nav .drop-down li {min-width: 180px; position: relative;}
.main-nav .drop-down ul a {padding: 10px 20px; font-size: 13px; color: #333; border-bottom: 1px #eee solid;}
.main-nav .drop-down ul li:last-child a {padding: 10px 20px; font-size: 13px; color: #333; border-bottom: 0px #eee solid;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active>a, .main-nav .drop-down ul li:hover>a {color: #FFF; background: rgb(249,173,59, 0.8); background: linear-gradient(90deg, rgba(249,173,59,0.8) 0%, rgba(237,64,48, 0.8) 100%); border-radius: 5px;}
.main-nav .drop-down>a:after {content: "\f107"; font-family: FontAwesome; padding-left: 5px;}
.main-nav .drop-down .drop-down ul {top: 0; left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover>ul {opacity: 1; top: 0; left: 100%;}
.main-nav .drop-down .drop-down>a {padding-right: 35px;}
.main-nav .drop-down .drop-down>a:after {content: "\f105"; position: absolute; right: 15px;}
/* Mobile Navigation */
.mobile-nav {position: fixed; top: 0; bottom: 0; z-index: 9999; overflow-y: auto; left: -260px; width: 260px; padding-top: 18px; background: rgba(230, 51, 18, 0.8); transition: 0.4s;}
.mobile-nav * {margin: 0; padding: 0; list-style: none;}
.mobile-nav a {display: block; position: relative; color: #fff; font-weight: 400; padding: 10px 20px; font-weight: 400;}
.mobile-nav a:hover, .mobile-nav .active>a, .mobile-nav li:hover>a { color: #FFF; text-decoration: none;}
.mobile-nav .drop-down>a:after {content: "\f078"; font-family: FontAwesome; padding-left: 10px; position: absolute; right: 15px;}
.mobile-nav .active.drop-down>a:after {content: "\f077";}
.mobile-nav .drop-down>a {padding-right: 35px;}
.mobile-nav .drop-down ul {display: none; overflow: hidden;}
.mobile-nav .drop-down li {padding-left: 20px;}
.mobile-nav-toggle {position: fixed; right: 10px; top: 0; z-index: 9998; border: 0; background: none; font-size: 24px; transition: all 0.4s; outline: none !important; line-height: 1; cursor: pointer; text-align: right;}
.mobile-nav-toggle i {margin: 30px 20px 0 0; color: #FFF;}
.mobile-nav-overly {width: 100%; height: 100%; z-index: 9997; top: 0; left: 0; position: fixed; background: rgba(19, 39, 57, 0.8); overflow: hidden; display: none;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left: 0;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
/* Header */

/* Banner */
.banner {width: 100%; height: 100%; min-height: 800px; background: #011321; background-size: cover; background-position: center; position: relative; display: flex; align-items: center; overflow: hidden;}
.banner:after {content: ''; position: absolute; width: 54%; height: 800px; bottom: 0; right: 0; background: url('../images/banner-after.png') no-repeat; background-size: cover; background-position: center;}
.banner::before {content: ''; position: absolute; width: 230px; height: 1200px; top: -17%; left: 2%; background: #0B1C2A; transform: rotate(30deg);}
.banner-text {width: 100%; max-width: 812px; margin: 0px auto; text-align: center; position: relative; z-index: 1;}
.banner-text h1 {font-size: 70px; font-weight: 600; color: #FFF;}
.banner-text p {font-size:20px; font-weight: 500; color: #FFF;}
.text-gradient {background: linear-gradient(to right, #ED4030, #F9AD3B); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.banner-bottom-con {position: relative; height: 450px;}
.banner-bottom-image {position: absolute; left: 0; top: -85%;}
.banner-bottom-image img {width: 100%;}
.container {position: relative; max-width: 1595px;}
.banner-number {width: 100%; max-width: 800px; display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: -30px; right: 4%;}
.banner-number > div {text-align: right;}
.banner-number img {width: 80%;}
.section-title {text-align: center;}
.section-title h2 {font-size: 60px; font-weight: 600; position: relative; display: inline-block; color: #000;}
.section-title h2 span {background: linear-gradient(to right, #ED4030, #F9AD3B); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.section-title h2::after {content: ''; position: absolute; top: -20px; right: -45px; background: url(../images/section-title-after.png) no-repeat; background-size: cover; width: 38px; height: 40px;}
.servicesBox {width: 100%; display: flex; align-items: center; column-gap: 20px; margin: 20px 0px; padding: 15px; box-shadow: 0px 0px 10px 0px rgba(0, 43, 137, 0.149); border-radius: 10px;}
.servicesBox img {width: 40px; height: 40px;}
.servicesBox span {font-size: 18px; font-weight: 600; color: #000; line-height: normal;}
.about-us {background-image: url(../images/home-about-us-left.png), url(../images/home-about-us-circle.png); background-position: left top, right bottom; background-repeat: no-repeat, no-repeat; background-size: contain; padding: 100px 0px;}
.aboutus-left {}
.aboutus-right {}
.about-us .section-heading {text-align: left;}
.about-us .section-heading h2::after {width: 150px; left: 38%;}
.about-us p {color: #000; width: 100%; max-width: 700px;}
.about-us span {font-weight: 600; color:#89f090;}
.getintouch {background: url('../images/home-get-in-touch-bg.png') no-repeat; background-size: cover; position: relative; margin: 100px 0px; padding-top: 80px;}
.getintouch::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(249,173,59, 0.8); background: linear-gradient(90deg, rgba(249,173,59,0.8) 0%, rgba(237,64,48, 0.8) 100%);}
.getintouch .section-title {z-index: 1; position: relative; min-height:900px;}
.getintouch .section-title img {width: 100%; position: absolute; bottom: 0; left: 0;}
.getintouch .section-title h2 {color: #FFF;}
.getintouch .section-title p {font-size: 60px; font-weight: 600; color: #FFF;}
.getintouch .action-btn {background: #000;}
.owl-carousel {max-width: 100%; text-align: center; margin: 50px auto;}
.owl-carousel.owl-drag .owl-item {padding: 20px; background: #fff; min-height: 200px; margin-top: 50px; margin-bottom: 20px; border: 1px #eee solid; border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0, 43, 137, 0.149);}
.owl-carousel.owl-drag .owl-item img {width: 50px; margin: 20px auto; margin: -45px auto 30px auto;}
.owl-carousel p {font-size: 14px; font-weight: 500; padding: 0px 0px; color: #606060;}
.owl-carousel h2 {font-size: 18px; font-weight: 600; color: #000; margin: 0;}
.testimonial-name {font-size: 16px; font-weight: 600; color: #000;}
.testimonial-name p {font-size:14px; font-weight: 700; background: linear-gradient(to right, #2C529F, #29AAE1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.owl-dots {display: flex; justify-content: center; column-gap: 10px; margin-top: 50px;}
.owl-dots .owl-dot { background: #D9D9D9 !important; width: 20px; height: 5px;}
.owl-dots .owl-dot.active {width: 20px; height: 5px; background: rgb(249,173,59, 0.8); background: linear-gradient(90deg, #29AAE1 0%, #2C529F 100%) !important;}
.marquee {position: relative; max-width: 100%; height: 140px; overflow-x: hidden; margin-top: 50px;}
.track {position: absolute; white-space: nowrap; will-change: transform; animation: marquee 20s linear infinite;}
.track span {width: 228px; display: inline-block; text-align: center; margin-right: 0px; border: 1px #eee solid;}
.track span img {width: 100px; height: 100px; object-fit: contain;}

@keyframes marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.contactUs {background: #F4F4F4; padding: 30px; border-radius: 20px; margin: 20px 0px 50px 0px;}
.contactform h2 {color: #000; font-weight: 700;}
.contactform h2 span {background: linear-gradient(to right, #ED4030, #F9AD3B); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.contactform .featureright {margin:0; padding: 30px 0px; display: flex; column-gap: 20px; text-align: left; border-bottom: 1px #D9D9D9 solid;}
.contactform .featureright:last-child {border-bottom: 0px #fff solid;}
.contactform .featureright .featureleft-icon {width: 30px;}
.contactform .featureright .featureleft-icon img {width: 30px;}
.contactform .featureright p {font-size: 18px; font-weight: 700; color: #000; margin: 0px;}
.contactUs form {background: #FFF; padding: 20px; border-radius: 10px;}
.contactUs h3 {font-size:23px; font-weight: 600; margin-bottom: 15px; background: linear-gradient(to right, #F9AD3B, #ED4030); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.contactUs .form-control {font-size:16px; height: auto; padding: 20px; border: 1px #ccc solid; border-radius: 5px;}
#contactForm h4 {font-size: 18px; font-weight: 600; color: #000;}
footer {background: #011321; padding: 30px 30px 10px 30px;}
.footerBox {text-align: center;}
.footerSubBox {margin:0; padding: 30px 0px; display: flex; column-gap: 20px; text-align: left;}
.footerSubBox .footerSubBox-icon {width: 50px;}
.footerSubBox .footerSubBox-icon img {width: 50px;}
.footerSubBox h3 {font-size:23px; font-weight: 600; margin-bottom: 15px; color: #FFF;}
.footerSubBox .footerSubBox-text p {font-size: 18px; font-weight: 700; color: #FFF; margin: 0px;}
.footerwidgetBox {display: flex; justify-content: space-between; margin-top: 30px;}
.footer-widget {width: 100%;}
.footer-widget:nth-of-type(1) {min-width: 500px;}
.footer-widget:last-child {margin-left: 40px;}
.footer-widget p {color: #FFF; max-width: 300px;}
.footer-widget ul {margin: 0; padding: 0;}
.footer-widget ul li {margin: 0; padding: 0; list-style-type: none;}
.footer-widget ul li a {font-size: 18px; font-weight: 400; color: #FFF;}
.footer-widget-heading h3 {font-size: 18px; font-weight: 600; background: linear-gradient(to right, #F9AD3B, #ED4030); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.footerpost {padding: 5px 0px;}
.footerpost p {font-size: 18px; font-weight: 600; line-height: normal;}
.footerpost span {font-size: 14px; color:#F9AD3B;}
.copyright-area {font-size: 16px; font-weight: 400; color: #fff; text-align: center; margin: 20px 0px 0px 0px; padding: 15px; border-top: 1px solid rgba(255, 255, 255, 0.2);}
.copyright-area span {background: linear-gradient(to right, #F9AD3B, #ED4030); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.innerbanner {min-height: 450px;}
.innerbanner::before {content: ''; width: 187px; height: 238px; position: absolute; left: 0; top: auto; bottom: 50px; background: url('../images/innerbanner-before.png') no-repeat; background-size: cover; transform: rotate(0deg);}
.innerbanner::after {content: ''; width: 187px; height: 238px; position: absolute; right: 0; top: auto; bottom: 50px; background: url('../images/innerbanner-after.png') no-repeat; background-size: cover;}
.innerbanner .banner-text {margin: 165px auto 0px auto;}
.innerbanner .banner-text h1 {font-size: 60px;}
.aboutUs {width: 100%; max-width: 1180px; margin: 0px auto; padding-top: 100px;}
.aboutUs p {font-size: 18px; font-weight: 500; color:#3A3A3A; text-align: center;}
.aboutUs ul li {font-size: 18px; font-weight: 500; color:#3A3A3A; text-align: left;}
.callUs {min-height: 170px; padding: 40px; border-radius: 10px; margin: 50px 0px;}
.callUs h3 {font-size: 50px; font-weight: 700; color: #1D2449; margin: 0px 0px 20px 0px;}
.callUs p {font-size: 18px; font-weight: 400; color: #606060;}
.border {min-height: 200px; border: 8px solid; padding: 1rem;}
.orangeborder, .blueborder {position: relative; background: #fff; background-clip: padding-box; border: solid 8px transparent; border-radius: 40px;}
.orangeborder:before {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; margin: -8px;
  /* same as border width */ border-radius: inherit; /* inherit container box's radius */ background: linear-gradient(to left, #ED4030, #F9AD3B);}
.blueborder:before {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; margin: -8px; /* same as border width */ border-radius: inherit; /* inherit container box's radius */ background: linear-gradient(to left, #29AAE1, #2C529F);}
.locationmap {width: 100%; height: 400px; border: 0px #000 solid;}
.tabs_wrapper {width: 100%; text-align: center; margin: 50px 0; background: transparent;}
ul.tabs {display: inline-block; vertical-align: top; position: relative; z-index: 10; margin: 0px 0 0; padding: 20px; width: 23%; min-width: 175px; list-style: none; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px #D1AB71 solid; background: #FFF5DE; border-radius: 40px; /* box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4); */}
ul.tabs li {margin: 20px 0px; cursor: pointer; padding: 10px 15px; line-height: 31px; color: #000; font-size: 18px; text-align: center; font-weight: 500; background: #FFF; border-radius: 20px; border: 1px #D1AB71 solid; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
ul.tabs li:hover {background: rgb(249,173,59, 1); background: linear-gradient(90deg, rgba(249,173,59,1) 0%, rgba(237,64,48, 1) 100%); color: white; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
ul.tabs li.active {background: rgb(249,173,59, 1); background: linear-gradient(90deg, rgba(249,173,59,1) 0%, rgba(237,64,48, 1) 100%); color: #FFF; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.tab_container {display: inline-block; vertical-align: top; position: relative; z-index: 20; left: -2%; width: 70%; min-width: 10px; text-align: left; background: white;}
.tab_content {padding: 0px; height: 100%; display: none;}
.tab_content p {color: #3A3A3A;}
.tab_content img {width: 100%;}
.tab_drawer_heading {display: none;}
@media screen and (max-width: 781px) {
  ul.tabs {display: none;}
  .tab_container {display: block; margin: 0 auto; width: 95%; border-top: none; border-radius: 0; box-shadow: 0px 0px 10px black;}
  .tab_drawer_heading {background: rgb(249,173,59, 1); background: linear-gradient(90deg, rgba(249,173,59,1) 0%, rgba(237,64,48, 1) 100%); color: #fff; margin: 10px 0px 0px 0px; padding: 5px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center;}
  .tab_drawer_heading:hover {background: rgb(249,173,59, 1); background: linear-gradient(90deg, rgba(249,173,59,1) 0%, rgba(237,64,48, 1) 100%); color: white;}
  .d_active {background: rgb(249,173,59, 1); background: linear-gradient(90deg, rgba(249,173,59,1) 0%, rgba(237,64,48, 1) 100%); color: #dddddd;}
}
.tab_container h2 {margin-top: 50px;}
.career {margin: 100px 0px;}
.careerBox {display: flex; align-items: center; column-gap: 20px; box-shadow: 0px 0px 10px 0px #002B8926; padding: 10px; margin: 20px; border-radius: 20px;}
.careernumber {position: relative; background: #fff; background-clip: padding-box; border: solid 2px transparent; border-radius: 40px; width: 60px; height: 60px; font-size: 26px; font-weight: 600; display: flex; justify-content: center; align-items: center; color: #000;}
.careernumber:before {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; margin: -2px; /* same as border width */ border-radius: inherit; /* inherit container box's radius */ background: linear-gradient(to left, #ED4030, #F9AD3B);}
.careertitlename {display: flex; column-gap: 10px; align-items: center;}
.careertitle h3 {font-size: 18px; font-weight: 800; color: #000; margin: 0;}
.careertitle small {font-size: 10px; font-weight: 600; color: #ED4030; background: rgba(237, 64, 48, 0.102); padding: 2px 10px; border-radius: 5px;}
.careerlocation span {font-size: 14px; font-weight: 600; color:#3d3d3d; position: relative; margin-right: 20px; padding-left: 20px;}
.careerlocation {margin-top: 10px;}
.careerlocation span::before {content: ''; position: absolute; left: 0; top: 7px; background: #ED4030; width: 7px; height: 7px; border-radius: 50%; box-shadow: 0px 0px 0px 7px #fbd9d6;}
.careerbtn {width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 15px;}
.privacy-policy {margin: 20px 0px; padding: 0px 0px;}
.privacy-policy h2 {font-size: 16px; font-weight: 600; color: #000;}
.privacy-policy p {font-size: 14px; font-weight: 400; color: #555454; text-align: left;}
.privacy-policy ul {}
.privacy-policy ul li {list-style-type: disc;font-size: 14px; font-weight: 400; color: #555454;}
.privacy-policy strong {font-weight: 500; color: #000;}
.desktopicon {display: block;}
.mobileBtn {display: none;}
.mobileBtn img {width: 35px;}
.Headercontact-btn {margin: 0px 45px 0px 0px;}

@media screen and (max-width: 768px) {
  header {top:25px !important;}
  .logo, header.sticky .logo {width: 90px;}
  .banner {min-height: 600px;}
  .banner-text {margin: 135px auto 0px auto;}
  .banner-bottom-con {height: auto;}
  .banner-bottom-image {top: -98px;}
  .banner-text h1 {font-size: 18px;}
  .section-title h2 {font-size: 30px;}
  .banner-number {position: static;}
  .services-bg {margin-top: 130px;}
  .about-us {background-size: 175px; padding: 70px 0px;}
  .aboutus-right img {width: 100%;}
  .getintouch .section-title {min-height: 420px;}
  .getintouch .section-title p {font-size: 30px;}
  .footerwidgetBox {display: block;}
  .footer-widget {margin-top: 25px;}
  .footer-widget:last-child {margin-left: 0;}
  .footer-widget:nth-of-type(1) {min-width: 100%;}
  .getintouch .section-title h2::after {right: 0;} 
  .desktopicon {display: none;}
  .mobileBtn {display: block;}
  /* header.sticky .mobileBtn img {filter: invert(1);} */
  .mobile-nav-toggle {top: 25px;}
  #contact-us .row:nth-of-type(1) .col-md-4:nth-of-type(1) {order: 2;}
  #contact-us .row:nth-of-type(1) .col-md-4:nth-of-type(2) {order: 1;}
  #contact-us .row:nth-of-type(1) .col-md-4:nth-of-type(3) {order: 3;}
  #contact-us .row:nth-of-type(1) .col-md-4:nth-of-type(2) .footerBox .footerSubBox {display: block;}
  .footerSubBox {padding: 10px 0px;}
  .footerSubBox img {width: 100px;}
  footer {padding: 30px 10px 10px 10px;}
  #contact-us .row:nth-of-type(1) .col-md-4:nth-of-type(3) .footerBox .footerSubBox {justify-content: flex-start !important;}
  .banner-text p {font-size: 15px;}
  .stickynavbtn {top:0;}
  .stickynavbtn i {color:#FFF;}
  .tab_container h2 {font-size: 18px;}
  .innerbanner {min-height: auto;}
  .innerbanner::before, .innerbanner::after {width: 45px; height: 60px;}
  .innerbanner .banner-text h1 {font-size: 32px;}
  .innerbanner .banner-text {margin: 165px auto 35px auto;}
  .tab_content {margin-top: 10px; padding: 10px; border: 1px #ccc solid;}
  .tab_container {box-shadow: 0px 0px 0px 0px #ccc;}
  .careerBox {flex-direction: column;}
  .careertitlename {margin-top: 10px; justify-content: center;}
  .careerbtn {margin-left: 0 !important; width: 100%; margin-top: 15px;}
}