@import url("bootstrap-icons.css");

@font-face {
   font-family: 'Lato-Bold';
   src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Bold.woff') format('woff'), url('../fonts/Lato-Bold.ttf') format('truetype'), url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Lato-Light';
   src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Light.woff') format('woff'), url('../fonts/Lato-Light.ttf') format('truetype'), url('../fonts/Lato-Light.svg#Lato-Light') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Lato-Regular';
   src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.ttf') format('truetype'), url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

:root {
   --font-regular: 'Lato-Bold', sans-serif;
   --font-light: 'Lato-Light', sans-serif;
   --font-regular: 'Lato-Regular', sans-serif;
}

body {
   font-family: var(--font-regular);
   overflow-x: hidden;
   /*padding-top: 162px;*/
}

* {margin: 0;padding: 0;box-sizing: border-box;}
a {color: inherit;text-decoration: none;}
a {/*color: #2f0802;*/}
h1,
h2,
h3,
h4 {color: #000000;}
*:focus {outline: none !important;box-shadow: none !important;}
button:focus {outline: none;}
button {border: 0;}
ol,
ul {padding-left: 0;}
ol,
ul,
dl {margin-top: 0;margin-bottom: 0;}
ul li {list-style: none;color: inherit;}
img {max-width: 100%;}
a:hover {-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;-ms-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;text-decoration: none;}

/*================================MOBILE MENU START================================*/

.c-hamburger--htx,
.c-hamburger--htx.is-active,
.c-hamburger--htx.is-active span {background: none;}
.bg-color {background-color: #22376a;color: #fff;}
.c-hamburger span {display: block;position: absolute;top: 15px;left: 0;right: 0;height: 3px;background: #ffffff;border-radius: 9px;}
.c-hamburger--htx span {-webkit-transition: background 0s .3s;transition: background 0s .3s;}
.c-hamburger span::after,
.c-hamburger span::before {border-radius: 8px;position: absolute;display: block;left: 0;width: 100%;height: 3px;background-color: #ffffff;content: "";}
.c-hamburger span::before {top: -10px;}
.menu-icon {position: absolute;width: 29px;right: 27px;top: 45px;z-index: 999999;}
.c-hamburger--htx span::after,
.c-hamburger--htx span::before {-webkit-transition-duration: .3s, .3s;transition-duration: .3s, .3s;-webkit-transition-delay: .3s, 0s;transition-delay: .3s, 0s;}
.c-hamburger--htx span::before {-webkit-transition-property: top, -webkit-transform;transition-property: top, transform;}
.c-hamburger span::after {bottom: -10px;}
.c-hamburger--htx span::after {-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform;}
header.transparent-header .c-hamburger--htx.is-active span {background: 0 0;}
.c-hamburger--htx.is-active span::before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.c-hamburger--htx.is-active span::after,
.c-hamburger--htx.is-active span::before {-webkit-transition-delay: 0s, .3s;-moz-transition-delay: 0s, .3s;-ms-transition-delay: 0s, .3s;transition-delay: 0s, .3s;}
header.transparent-header .c-hamburger span,
header.transparent-header .c-hamburger span::after,
header.transparent-header .c-hamburger span::before {background: #fff;}
.c-hamburger.c-hamburger--htx.is-active span::after {bottom: 0;}
.c-hamburger--htx.is-active span::after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-icon {display: none;}
@media only screen and (max-width: 900px) {.c-hamburger {   display: block;}}
.content-wrapper {transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;/*-webkit-transform: translate(0%, 0);*//*transform: translate(0%, 0);*//*-webkit-transform: translateX(0%);*//*transform: translateX(0%);*/}
.navigation {color: #fff;position: fixed;width: 100%;height: 100%;display: block;position: fixed;position: absolute;top: 0;left: -100%;top: 0px;margin: 0;border: 0;border-radius: 0;overflow-y: auto;overflow-x: hidden;height: 100%;padding: 55px;background-color: fff;visibility: visible;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;/* box-shadow: 0 0 10px 0 rgb(50 50 50 / 75%); */z-index: 999;padding: 60px 15px 35px;}
@media (max-width: 900px) {.content-wrapper {   z-index: 800;   position: relative;   width: 100%;   height: 100%;   overflow-y: auto;   overflow-x: hidden !important;}
.sticky-header {   top: -1px;}}
.navigation.visible {left: 0;}
.opacity {position: fixed;top: 0;bottom: 0;left: 0;right: 0;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;-webkit-transform: translate(80%, 0);transform: translate(100%, 0);}
.menu-header ul li,
.menu-header ul li a {display: block;color: #ffffff;font-family: 'Lato-Light';font-size: 27px;/* font-weight: 600; */line-height: 59px;text-align: left;text-transform: capitalize;margin-right: 30px;position: relative;width: 100%;letter-spacing: 1px;text-align: center;}
span.ion-ios-close-empty {color: #ffffff;}
span.title-mo-menu {display: block;color: #ffffff;/*  font-family: 'Roboto-Light', sans-serif;*/font-size: 24px;font-weight: 600;line-height: 36px;text-align: left;text-transform: uppercase;margin-right: 30px;position: relative;width: 100%;margin-bottom: 18px;margin-top: 15px;}
.menu-header>ul>li>a:not(:only-child):after {content: '\f3d3';font-family: 'Ionicons';font-size: 20px;margin-left: 9px;font-weight: bold;float: right;}
.menu-header ul li a:hover {color: #f1aa28;}
.menu-header ul.sub-menu {position: relative;left: 0;right: 0;transform: none;width: 100%;transition: 0s ease out;margin-bottom: 15px;box-shadow: none;display: none;}
li.active a::after {transform: rotate(90deg);}
.menu-header ul.sub-menu li a {padding: 5px 15px;font-size: 17px;border-left: 1px solid;}
.menu-header>ul>li>a.active:after {transform: rotate(90deg);}
.mobile-menu {position: absolute;right: 16px;font-size: 55px;top: 10px;color: #000;}
.lock-scroll {position: fixed;overflow: hidden;}

/*================================MOBILE MENU END================================*/
.menu-header .toChild:after {content: '\f3d3';font-family: 'Ionicons';font-size: 17px;margin-left: 9px;font-weight: bold;float: right;}
span.toChild {position: absolute;display: block;right: 0;width: 20px;z-index: 9999;}
span.toChild.active::after {transform: rotate(90deg);}
span.toChild.active::after {transform: rotate(90deg);}

/*14march*/
.head-top {display: inline-flex;justify-content: space-between;width: 100%;align-items: center;}
.main-menu {display: inline-flex;gap: 15px;}
ul.menu-rgt {display: inline-flex;align-items: center;gap: 25px;}
ul.menu-rgt li a {font-size: 17px;line-height: 30px;color: rgb(31, 31, 31);font-family: lato-light, lato, sans-serif;color: #ffffff;}
ul.menu-lft {display: inline-flex;gap: 5px;}
header#menu {padding: 20px 0;position: fixed;width: 100%;background: #151a1d;z-index: 9999;top: 0;}
section.banner {min-height: 1180px;position: relative;/* object-fit: cover; *//* object-position: 50% 50%; */background-attachment: fixed !important;/* transform: translate3d(0px, -52px, 0px); */}
section.banner:before {content: '';position: absolute;width: 100%;height: 100%;background: rgba(24, 24, 24, 0.5);}
.bannerInner {position: relative;color: #fff;background-color: rgba(24, 24, 24, 0.5);width: 625px;/*    margin: 80px 0px 10px calc((100% - 980px) * 0.5);*/margin-top: 80px;display: inline-block;text-align: center;min-height: 1020px;}
.bannerInner h1 {font-size: 88px;line-height: 104px;text-align: center;color: #fff;margin-bottom: 33px;}
.bannerInner .bannerInnerSub {margin: 155px calc((100% - 490px) * 0.5) 33px calc((100% - 490px) * 0.5);padding: 0 40px;}
.bannerInner h6 {margin-bottom: 29px;font-size: 40px;line-height: 58px;font-family: lato-light, sets-serif;font-style: italic;}
.bannerInner p {font-size: 22px;line-height: 31px;font-family: lato-light, sets-serif;}
header {background-color: #fafbfb;}
.sticky {position: fixed;top: 0;z-index: 99;background-color: #fafbfb;width: 100%;}
.bannerInner h6 {margin-bottom: 29px;font-size: 40px;line-height: 58px;font-family: lato-light, sets-serif;font-style: italic;}
.bannerInner p {font-size: 22px;line-height: 31px;font-family: lato-light, sets-serif;}
.sticky {position: fixed;top: 0;z-index: 99;background: #fff;width: 100%;}
section.featured {text-align: center;background-color: rgb(186, 218, 230);padding: 123px 0px;}
section.featured h2 {font-size: 50px;font-weight: 700;line-height: 67px;font-family: lato-light, sans-serif;margin-bottom: 27px;}
section.featured p {font-weight: 700;color: rgb(24, 24, 24);font-size: 18px;line-height: 31px;font-family: lato-light, sans-serif;}
section.serviceSection {margin: 120px 0px;}
.serviceSection ul {display: inline-flex;flex-wrap: wrap;width: 100%;justify-content: space-evenly;align-items: baseline;row-gap: 60px;column-gap: 41px;}
.serviceSection ul li h2 {color: rgb(57, 127, 119);font-size: 28px;line-height: 38px;font-weight: 700;white-space: break-spaces;min-height: 76px;margin-top: 67px;color: #2abbaa;}
.serviceSection ul li {width: 300px;}
section.contactIdx {width: 100%;display: inline-flex;}
/*.IdxConactLft {background-attachment: fixed;}*/
section.contactIdx>div {width: calc(100% / 2);box-sizing: border-box;position: relative;background-position: center;background-repeat: no-repeat;background-size: contain;}
.IdxConactRgt {padding: 120px 107px;}
/*.IdxConactLft:before {content: '';width: 100%;position: absolute;top: 0;left: 0;height: 100%;background: rgba(24, 24, 24, 0.6);}*/
.IdxConactRgt h2 {color: #2abbaa;font-family: 'Lato-Bold';font-size: 72px;line-height: 92px;margin-bottom: 29px;}
.IdxConactRgt p {font-size: 22px;line-height: 33px;color: rgb(24, 24, 24);font-family: 'Lato-Light';margin-bottom: 30px;color: #ffffff;}
.IdxConactRgt span {color: rgb(24, 24, 24);font-size: 20px;line-height: 33px;display: block;font-family: 'Lato-Bold';margin-bottom: 5px;color: #ffffff;}
.IdxConactRgt ul li {margin-bottom: 7px;font-size: 20px;line-height: 33px;font-family: 'Lato-Light';color: #ffffff;}
.IdxConactRgt ul {margin-bottom: 20px;}
.IdxConactRgt form>div>label {font-size: 15px;line-height: 15px;display: block;color: rgb(24, 24, 24);font-family: 'Lato-Light';margin-bottom: 3px;}
.IdxConactRgt form {width: 100%;}
.IdxConactRgt form>div>input,
.IdxConactRgt form>div>textarea {width: 100%;border: 1px solid rgb(255 255 255);padding: 5px;font-size: 15px;line-height: 29px;font-family: 'Lato-Light';min-height: 51px;background: #151a1d;color: #ffffff;}
.IdxConactRgt form>div {margin-bottom: 10px;}
.IdxConactRgt form>div>textarea {height: 126px;resize: unset;margin-bottom: 20px;}
.IdxConactRgt form a {display: inline-block;margin: auto;display: inline-flex;justify-content: center;background: rgb(255 255 255);width: 142px;font-size: 14px;color: #000;padding: 11px;font-family: 'Lato-Bold';}
section.map {margin-top: -5px;}
section.map {margin-top: -5px;}
footer.text-center {display: inline-flex;width: 100%;text-align: center;justify-content: center;padding: 36px 0 0;background-color: #159d8e;color: #fff;flex-wrap: wrap;}
footer>a {margin-bottom: 22px;display: inline-block;font-size: 22px;line-height: 33px;font-family: 'Lato-Bold';}
footer>div {display: block;width: 100%;margin-bottom: 22px;}
footer>div>a {font-size: 15px;line-height: 28px;font-family: 'Lato-Light';}
.footerBtm {width: 100%;margin-top: 36px;background: rgb(24, 24, 24);margin-bottom: 0px;padding: 12px;}
.footerBtm span {display: block;font-size: 14px;line-height: 25px;font-family: 'Lato-Light';}
/*.logo{width: 133px}*/
.logo img {height: 90px;width: auto;}
.mob-img {display: none;}
.mobSection {display: none;}
.aboutUs {width: 100%;display: inline-flex;flex-wrap: wrap;gap: 20px;margin: 80px 0;}
.aboutUs>div {width: calc(100% / 2 - 10px);}
.aboutLft {background: rgb(24, 24, 24);color: #fff;padding: 148px 6%;text-align: center;background: white;color: #000000;}
.aboutLft h1 {font-size: 50px;line-height: 67px;color: #fff;font-family: 'Lato-Bold';margin-bottom: 31px;color: #000000;}
.aboutLft p {font-size: 18px;line-height: 31px;font-family: 'Lato-Light';margin-bottom: 0px;}
.aboutRgt {height: 100%;background-size: cover;position: relative; background-position: center;}
/*.aboutRgt:after {content: '';position: absolute;width: 100%;height: 100%;background: #ffffff8f;left: 0;top: 0;background: #00000073;}*/
body {scroll-behavior: smooth;padding-top: 140px;background-color: #151a1d;}
.ContactRgt {background-size: cover;}
.contact {gap: 0px;}
.contact .aboutLft {text-align: left;padding: 120px 80px;}
.contact>div {width: calc(100% / 2);}
.contact h1 {font-size: 50px;line-height: 57px;margin-bottom: 25px;}
.contact p {font-size: 18px;font-family: 'Lato-Bold';margin-bottom: 12px;}
.contact a {font-family: 'Lato-Light';font-size: 18px;display: inline-block;margin-bottom: 15px;}
.IdxConactRgt form>div>input::placeholder {color: #a1a1a1;}
@media (max-width: 400px) {.bannerInner .bannerInnerSub {   margin: 36px 0;   width: 100%;   padding: 0 18px;}}
.menu-header ul li.active,
.menu-header ul li.active a {color: #2abbaa;}
h2.title1 {text-align: center;color: #ffffff;font-family: 'Lato-Bold';text-transform: capitalize;margin-bottom: 62px;font-size: 72px;line-height: 92px;}
.serviceSection ul li p {color: #ffffff;font-size: 15px;letter-spacing: 0px;line-height: 24px;margin-top: 20px;}
.ExpertiseBlock ul {display: inline-flex;justify-content: center;width: 100%;gap: 100px;}
.ExpertiseBlock ul li h3 {text-align: center;color: #ffffff;font-family: 'Lato-Bold';font-size: 28px;}
.ExpertiseBlock ul li img {width: 100px;margin-bottom: 20px;display: block;margin: auto;margin-bottom: 20px;}
.ExpertiseBlock {margin-bottom: 120px;}
.title2 {color: #2abbaa;margin-bottom: 70px;font-size: 50px;line-height: 67px;font-family: 'Lato-Bold';}
.category {margin-bottom: 110px;}
.category ul {width: 100%;display: inline-flex;color: #000000;flex-wrap: wrap;gap: 20px;}
.category ul li {width: calc(100% / 2 - 10px);font-size: 18px;font-family: 'Lato-Regular';color: #ffffff;width: 55%;margin: auto;position: relative;display: inline-flex;gap: 10px;font-size: 20px;padding-left: 39px;}
.category ul li:before {content: '';width: 20px;height: 20px;background-image: url(../img/check-button.png);display: inline-block;background-size: cover;background-position: center;position: absolute;left: 0;top: 7px;}
.category ul li:before {content: '';width: 15px;height: 15px;}
/*slider*/

header {
  overflow: hidden;
}

.hero-text h2 {
  margin-bottom: 50px;
}

.hero-text .hero {
  position: relative;
}

.hero-text .hero .hero-slide a:hover span {
  color: #033a71;
}

/*.hero .hero-slide img {
  width: 100%;
  height: 600px;
  object-fit: cover;
  object-position: top center;
}*/

.hero .hero-slide .header-content {
  top: 20%;
  margin-left: 8rem;
  max-width: 550px;
  width: 100%;
  padding: 2rem;
}

.slide-content {
  padding: 10px 20px 10px 0;
}

/*.slide-content .h1 {
  font-size: 62px;
}*/


/** Text Animation **/

@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}


/*new*/
@-webkit-keyframes fadeSideRgtSD {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeSideRgtSD {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeSideRgtSD {
  -webkit-animation-name: fadeSideRgtSD;
  animation-name: fadeSideRgtSD;
}

.slick-active .slide-content {
  animation-name: fadeInUpSD;
  animation-duration: 1s;
  opacity: 1;
  width: 100%;
  padding: 10px 20px 30px 0;
}

/* Media Queries */

@media (max-width: 768px) {
  .hero-text .hero .hero-slide a {
    padding-top: 0.8rem;
  }

  .hero-text .hero .hero-slide a span {
    font-size: 20px;
    margin-top: 0.5rem;
  }

  .hero .hero-slide .header-content {
/*    left: 50%;*/
/*    -webkit-transform: translateX(-50%);*/
/*    transform: translateX(-50%);*/
    margin: 0 auto;
    top: 2%;
    padding: 24px;
    width: 50%;
/*    left: 50%;*/
  }
}
@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}

.slick-active .slide-content {
  animation-name: fadeInUpSD;
  animation-duration: 1s;
  opacity: 1;
  width: 100%;
  padding: 10px 20px 30px 0;
}
.hero-text {
    background: #ffffff;
}


.header-content p {
    color: #000000;
    font-size: 24px;
}

.header-content h1 {
    font-size: 50px;
    font-family: 'Lato-Bold';
    margin-bottom: 33px;
    font-size: 88px;
    line-height: 104px;
}
.hero .hero-slide img {
    width: 50%;
    height: 100%;
    object-fit: unset;
    object-position: unset;
    position: relative;
    left: 50%;
    bottom: 0;
    transform: translateX(0%);
     animation-name: fadeSideRgtSD;
  animation-duration: 1s;
  opacity: 1;
}

.slick-prev, .slick-next {
    background: #151a1d45;
    padding: 50px 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
}

.slick-prev {
    left: 0;
}
.slick-next {
   right: 0;
}
.slick-prev:before {
    content: '\f3cf';
    font-family: 'Ionicons';

}

.slick-prev:before, .slick-next:before {
    opacity: 1;
}

.slick-prev, .slick-next {
    z-index: 99999;
    padding: 45px 18px;
    opacity: 1;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    background: #00000059;
    color: #ffffff;
    opacity: 1;
}

.slick-next:before {
    content: '\f3d1';
    font-family: 'Ionicons';
}
.slick-next:before,.slick-prev:before{
    font-size: 38px;
    color: #ffffff;
    opacity: 1;
}


.marquee {
  height: 150px;
  width: 100%;
  overflow: hidden;
  position: relative;
  justify-content: center;
  align-items: center;
  display: flex;
}

.merquee-item {
  padding: 34px;
}

.marquee img {
  height: 124px;
}