/* =========== font-section ================== */

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");



/* ========================================== */



/* ============== common styles============== */

/* banner-videos */



.banner-wrapper {

  position: relative;

}

.inner-toggle-page{

  scroll-behavior: smooth;

}

strong,

ul li{

  font-family: 'Poppins', sans-serif;

}



.artificial-intelligence ul.list-wrap  {

  flex-direction: column;

  margin-bottom: 0;

}

.artificial-intelligence .box-bkg {

  padding: 20px 10px;

}

.artificial-intelligence ul.list-wrap li {

  width: 100%;

  padding-bottom: 30px;

}



.banner-content-wrapper {

  position: absolute;

  top: 0;

  left: 10%;

  right: 0;

  bottom: 0;

  display: flex;

  justify-content: center;

  flex-direction: column;

  width: 50%;

}



.banner-content-wrapper a {

    width: 40px;

    display: block;

    padding-top: 20px;

    transform: rotate(180deg);

}





.banner-content-wrapper a img {

  width: 100%;

}



.banner-content-wrapper p {

  text-align: left;

  width: 85%;

  text-transform: uppercase;

  font-weight: 600;

}



.banner-content-wrapper .home-content {



  text-transform: capitalize;

  color: #fff;



}



.banner-content-wrapper strong.heading-highlight {

  color: #59ffd1;

  font-weight: normal;

}



.video-wrapper{

  position: relative;

}



.video-wrapper:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 300px;

  content: '';

  display: block;

  background-image: linear-gradient(rgba(12, 3, 51, 0.6), rgba(12, 3, 51, 0.5));

}

/* =========== */

/* tooltip */

.tooltip-inner {

  background-color: #22babb;

}



.bs-tooltip-top .arrow::before, 

.bs-tooltip-auto[x-placement^="top"] .arrow::before {

  border-top-color:#22babb;

}



.bs-tooltip-bottom .arrow::before, 

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {

  bottom: 0;

  border-width: 0 0.4rem 0.4rem;

  border-bottom-color: #22babb;

}

/* ====== */

/* page not found */

.page-not-found span {

  width: 100%;

  max-width: 500px;

  display: block;

  margin: 0 auto;

}



.page-not-found p {

  font-size: 16px;

  line-height: 25px;

}



.page-not-found h1 {

  color: #22babb;

  font-size: 40px;

}



.page-not-found {

  width: 100%;

}



.page-not-found button {

  background: #22babb;

  color: #fff;

}



.page-not-found button:hover {

  color: #fff;

}

.page-not-found-content{

  width: 100%;

  max-width: 550px;

  margin: 0 auto;

  padding:0 10px;

}

/* ============= */



/* sitemap */



.banner-content-wrapper h1 {

  color: #fff !important;

  font-size: 27px;

}

.sitemap-section{

  position: relative;



}

.sitemap-banner span{

  width: 100%;

  height:300px;

}

.sitemap-banner img{

  width: 100%;

  height: 300px;

  object-fit: cover;

}

.sitemap-wrapper {

  width: 100%;

  border: 1px solid #deece8;

  border-radius: 20px;

  background: #f8fefa;

}



.sitemap-wrapper .footer-links li{

  padding-bottom: 20px;

}



.sitemap-wrapper .footer-links li a{

  color: #22babb;

  font-size: 17px;

}



.sitemap-wrapper .sitempa-heading {

  border-bottom: 1px solid #d1d1d1;

}

.sitemap-wrapper .sitempa-heading h2 {

  padding: 15px;

}



.sitemap-body {

  margin-bottom: 20px;

  padding: 30px;

}

.arrow-sitemap {

  width: 10px;

  display: block;

  margin-right: 15px;

}

.arrow-sitemap img{

  width: 100%;

}





/* ====== */



body {

  margin: 0;

  padding: 0;

  font-size: 18px;

  color: #042940;

  overflow-x: hidden;

}



* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



h1,

h2,

h3,

h4,

h5,

h6,

p {

  margin: 0;

  font-family: "Poppins", sans-serif;

}

#myHeader {

  background: #ffffff;

}



p {

  font-size: 18px;

  line-height: 30px;

}



h2>span {

  color: #22babb;

}



body a {

  text-decoration: none  !important;

  font-family: "Poppins", sans-serif;

  font-size: 18px;

}



body a:hover {

  color: #22babb;

}



li {

  list-style-type: none;

  font-size: 18px;

  font-family: "Poppins", sans-serif;

}



.container.content-center {

  width: 100%;

  max-width: 1400px;

}



.navbar .common-button,

.banner-content .common-button,

.home-banner-content .common-button {

  background: #22babb;

  font-family: "Poppins", sans-serif;

  font-weight: 500;

  transition: all 0.5s ease;

}

.navbar .common-button:hover,

.home-contents .common-button:hover,

.banner-content-section .common-button:hover

{

  background: #056662;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

  transition: .5s;

}



.banner-content h1 {

  font-size: 60px;

  color: #464646;

}



body h2 {

  font-size: 45px;

  font-weight: 600;

}

body  button.know-more {

  font-size: 18px;

  font-weight: 600;

  padding: 10px;

  background: #22babb;

  width: 100%;

}



/* ai */

ul.ai-level1 li {

  padding-bottom: 30px;

  position: relative;

}

ul.ai-level1,

ul.ai-level2{

  margin-bottom: 0;

}

ul.ai-level2 li {

  padding-bottom: 30px;

  position: relative;

}

.ai-level3 li{

  list-style-type: none;

  padding-bottom: 30px;

}

ul.level-4 li {

  padding-bottom: 10px;

  position: relative;

  padding-left: 30px;

}



ul.ai-level1 li:before, ul.ai-level2 li:before {

  position: absolute;

  top: 10px;

  left: -35px;

  width: 7px;

  height: 7px;

  background: #000;

  border-radius: 100%;

  content: '';

  display: block;

}



ul.level-4 li:before {

  position: absolute;

  top: 10px;

  left: 0;

  width: 7px;

  height: 7px;

  background: #000;

  border-radius: 100%;

  content: '';

  display: block;

}



/* = */



/* ======================================== */

/* ==== quick-contact =========================== */

.banner-wrapper.inner .banner-content {

  justify-content: center;

  display: flex;

}



.quick-contact {

  /* background: #306974; */

  background: url(../images/contactus/quick-contact.jpg);

  height: 400px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  background-size: cover;

  background-repeat: no-repeat;

  position: relative;

}



.quick-contact a:hover {

  text-decoration: none;

}



.quick-contact:after {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  background: linear-gradient(346deg, rgba(48, 105, 116, 1) 0%, rgb(2 85 88) 100%, rgba(241, 246, 248, 1) 100%);

  height: 100%;

  content: '';

  width: 100%;

  opacity: 0.9;

}



.quick-contact button {

  color: #0f0f0f;

  font-size: 22px;

  font-weight: 700;

  display: flex;

  align-items: center;

  padding: 15px 25px;

}



.quick-contact button span {

  width: 30px;

  display: block;

  padding-left: 10px;

}



/* inner page common style */

/* .banner-wrapper.inner {

  background: url(../images/technology/topbanner-inner.svg);

  display: block;

  width: 100%;

  height: 400px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  background-position: center;

  position: relative;

} */

.quick-contact .content-wrapper {

  position: relative;

  z-index: 99;

}



.banner-content {

  position: relative;

  z-index: 99;

  display: flex;

  flex-direction: column;

}



/* .banner-wrapper.inner:after {

  position: absolute;

  top: 0;

  left: 0;

  content: '';

  display: block;

  height: 100%;

  width: 100%;

  background: rgb(60 166 164 / 50%);

  background: linear-gradient(90deg, #033d3d, #db6470);

  opacity: 0.6;

} */

.inner-page {

  background: #f9f9f9;

}



.banner-wrapper.inner h1 {

  transition: 0.5s;

  color: #fff;

  font-size: 27px;

  font-weight: normal !important;

  line-height: 40px;

}



.banner-wrapper.inner p {

  color: #fff !important;

}



.banner-wrapper.inner span {

  width: 100%;

  margin: 0 auto;

  display: block;

  max-width: 500px;

}



.banner-wrapper.inner span img {

  width: 100%;

}



/* ====================== */

/* inner page list items icon before li */

.list-wrap {

  display: flex;

  flex-wrap: wrap;

}



ul.list-wrap li {

  display: inline-block;

  width: 50%;

  padding-bottom: 10px;

  position: relative;

  padding-left: 40px;

  padding-right: 5px;

}



ul.list-wrap li:before {

  position: absolute;

  top: 5px;

  left: 0;

  content: "";

  display: block;

  background: url(../images/product/tick.svg);

  width: 24px;

  height: 24px;

  background-repeat: no-repeat;

  background-position: center;

}

/* =================================== */





/* mediaquery */



@media(min-aspect-ratio:16/9) {



  .myVideo {

    width: 100%;

    height: 300px;

    object-fit: cover;

  }

}



@media(max-aspect-ratio:16/9) {



  .myVideo {

    width: 100%;

    height: 300px;

    object-fit: cover;

}

}





@media(max-width:1280px) {

  body .banner-wrapper.inner h1 {

    font-size: 25px;

    line-height: 35px;

  }

}



@media(max-width:1200px) {

  .quick-contact>span {

    width: 100%;

    max-width: 100px;

    margin: 0 auto;

  }



  .banner-wrapper.inner:after {

    height: 100%;

  }

}



@media(max-width:991px) {

  body .hero__images-separator {

    bottom: -1.1875rem;

    display: block;

    left: 0;

    margin-left: -20%;

    padding-top: 18%;

    position: absolute;

    width: 100%;

    display: none;

  }

  body .navbar {

    padding: 0.5rem 1rem 1rem;

  }

  .banner-content-wrapper {

    width: 60%;

}

  .home-banner-wrapper:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(17, 122, 139, 0.8);

    content: '';

    display: block;

}

.banner-content h1 span {

  color: #fff;

}



  ul.list-wrap li {

    width: 100%;

  }



  body .banner-wrapper.inner h1 {

    font-size: 20px;

    line-height: 28px;

  }



  .banner-content {

    position: relative;

    z-index: 99;

    color: #fff;

  }



  body .banner-bkg {

    display: none;

  }



  .description-wrapper {

    align-items: center;

  }

}





@media(max-width:767px) {



  .myVideo {

    width: 100%;

    height: 300px;

    object-fit: cover;

}

.video-wrapper:after {



  height: 300px;

}

  .quick-contact .content-wraper,

  .quick-contact .description-wrapper {

    display: flex;

    justify-content: center;

    flex-direction: column;

    align-items: center;

  }



  .quick-contact .button-wrapper {

    justify-content: center;

  }



  .quick-contact .content-wrap {

    flex-direction: column;

    text-align: center;

  }



  body .banner-bkg {

    display: none;

  }



  body .banner-wrapper.inner h1 {

    font-size: 20px;

    line-height: 28px;

}

}



@media(max-width:480px) {

  .banner-content-wrapper a {

    width: 33px;

  }

  .page-not-found h1 {

    color: #22babb;

    font-size: 27px;

}



  .quick-contact button {

    font-size: 16px;

    margin-top: 20px;

  }



  .quick-contact span {

    width: 100%;

    max-width: 80px;

  }



  .quick-contact button span {

    font-size: 16px;

  }



  .quick-contact button span img {

    width: 100%;

  }



  body h2 {

    font-size: 28px;

  }



  body h3 {

    font-size: 17px;

    padding-top: 20px;

  }



  body p,

  ul.list-wrap li {

    font-size: 16px;

  }



  .banner-content h1 {

    font-size: 25px;

}



  .banner-content p {

    font-size: 16px;

    line-height: 30px;

  }



  body .owl-theme .owl-dots {

    margin-top: 10px !important;

  }



  body .banner-wrapper.inner h1 {

    font-size: 16px;

    line-height: 25px;

}





  .myVideo {

    width: 100%;

    height: 250px;

    object-fit: cover;

}

.video-wrapper:after {



  height: 250px;

}

}



@media(max-width:380px) {

  body .banner-wrapper.inner h1 {

    font-size: 16px;

  }

}