body {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400;
  color: #45424e;
} 
* {
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
}

h1 {
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
}

h2 {
  font-size: 32px;
  font-weight: 600;
  line-height: 50px;
}

h3 {
  font-size: 28px;
  font-weight: 300;
}

h4 {
  font-size: 20px;
  font-weight: 300;
}

h5 {
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
  color: #45424e;
}

p {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 0;
}

ul,
li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

a,
input {
  text-decoration: none;
  outline: none;
}

section {
  padding: 20px 0;
}
.container { max-width: 1302px !important; }
/* ======== Header start ======= */
.fullheader{}
.headertop{padding: 10px 0;
  background: #fff;
  box-shadow: 0 2px 2px #d0d0d0;
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;}
.fullheader nav ul{
  /* display: flex;  */
  padding-top: 20px; justify-content: right;}
.fullheader nav ul li{
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #091c1e;
  line-height: 24px;
  padding: 0 14px;}
  .fullheader nav ul li a{color: #091c1e;}
  .fullheader nav ul li a:hover, .fullheader nav ul li.active a{color: #0e79ca;}
  .callunbtn{
  font-size: 18px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: #fff;
  background: #0e79ca;
  width: 192px;
  display: block;
  text-align: center;
  line-height: 50px;
  border-radius: 51px;
  margin-top: 10px;
  float: right;
  }
.fullheader nav ul li ul{padding-top: 0;}
.callunbtn:hover{background: #f7f7f7;
  color: #0e79ca;}
.full-banner{
  padding: 80px 0; 
  /* background: #0e79ca; */
  background: url(../images/banner-home.png) 0 0 no-repeat;
  margin-top: 80px;

}
.banleftcontent{}
.banleftcontent h2{
  font-size: 48px;
  line-height: 52px;
  font-family: "Inter", sans-serif;
  color: #fff;
  margin-bottom: 36px;
}
.banleftcontent h2 span{display: block; font-size: 22px; line-height: 36px; font-weight: 500;}
.banleftcontent p{
  font-size: 15px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  color: #ececec;
  font-weight: 400;
  padding-bottom: 20px;
}
.banleftcontent p strong {
  color: #daefff;
  font-weight: 700;
}
.banleftcontent a{font-size: 16px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: #fff;
  background: #0e79ca;
  width: 192px;
  display: block;
  text-align: center;
  line-height: 50px;
  border-radius: 51px;
  margin-top: 20px;
  }
  .videopop{position: relative;}
  .playbtn{position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  cursor: pointer;
  top: 36%;}
/* ======== Header end ======= */

/* ======== mid body start ======= */
.deliinvpara{background-color: rgb(247, 248, 250); padding: 60px 0; text-align: center;}
.deliinvpara h2{
  font-size: 40px;
  line-height: 46px;
  font-family: "Inter", sans-serif;
  color: #0f172a;
  margin-bottom: 20px;
  font-weight: 600;
  padding-bottom: 10px;
}
.deliinvpara p{
  font-size: 15px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  color: #161616;
  font-weight: 400;
}
.readmorebtn {
  font-size: 16px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: #fff;
  background: #0e79ca;
  width: 192px;
  display: block;
  text-align: center;
  line-height: 50px;
  border-radius: 51px;
  margin-top: 20px;
  margin: 0 auto;
  margin-top: 30px;
}
.whychooseus{}
.chooselft{padding-top: 30px;}
.whychooseus h2{
  font-size: 40px;
  line-height: 64px;
  font-family: "Inter", sans-serif;
  color: #0f172a;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.whychooseus ul li{background:url(../images/arrow.png) 20px center no-repeat #0e79ca;
  color: #fff;
  border-radius: 50px;
  padding: 10px;
    padding-left: 10px;
  padding-left: 50px;
  font-size: 18px;
  line-height: 26px;
  font-family: "Inter", sans-serif;
  margin-bottom: 15px;
}
.grybg{background-color: rgb(247, 248, 250);}
.keyfeaturessec{padding: 60px 0;}
.keyfeaturessec h2{
  font-size: 40px;
  line-height: 46px;
  font-family: "Inter", sans-serif;
  color: #0f172a;
  font-weight: 600;
  padding-bottom: 30px;
   text-align: center;
}
.keyfeaturesbox {
  display: flex;
  justify-content: center;
  align-content: center;
  text-align: center;
  flex-wrap: wrap;
  gap:30px;
}
.keycard {
  flex-shrink: 0;
  width: 30%;
  padding: 30px 20px;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(140, 140, 140, 0.25);
}
.keycard span{
  display: flex;
  margin: 0 auto;
  margin-bottom: 0px;
  background: #0e79ca;
  width: 60px;
  border-radius: 50%;
  height: 60px;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.keycard img{width: 40px; height: 40px; filter: invert(100%);}
.keycard h3{
font-size: 20px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  color: #1f2b4d;
  font-weight: 400;
  padding-bottom: 10px;
  margin: 0;
}
.keycard h3 span{display: block; margin: auto; background: none; width: auto; border-radius: inherit; height: auto; margin-bottom: 0; 
  font-size: 14px; line-height: 20px;}
.keycard p{
font-size: 14px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  color: #333;
  font-weight: 400;
}
.seamlessint{background: #0e79ca; padding: 50px 0;}
.seamlessint h2{
  font-size: 40px;
  line-height: 46px;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-weight: 600;
  padding-bottom: 0;
  text-align: center;
  padding-bottom: 15px;
}
.seamlessint .keycard{
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  /* background: none;  */
  box-shadow: none;
}
.seamlessint .keycard h3, .seamlessint .keycard p{color: #fff;}
.technologies{padding: 50px 0; background: #101f30;}
.technologies h2{
font-size: 40px;
  line-height: 46px;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-weight: 600;
  text-align: right;
  display: block;
  border-right: 1px solid #576677;
  padding:35px 20px 35px 0;
}
.techcard{display: flex;
  flex-wrap: wrap;
  gap: 10px;}
.techcard img{border: 1px solid #cbcbcb;}
.our-clients{padding: 50px 0;}
.our-clients  h2{font-size: 40px;
  line-height: 46px;
  font-family: "Inter", sans-serif;
  color: #0f172a;
  font-weight: 600;
  text-align: center;
  padding-bottom: 20px;
}
.clientcard{display: flex;
  flex-wrap: wrap;
  gap: 20px;
justify-content: center;}
.clientcard img{border: 1px solid #cbcbcb;}
.keycard a{
  font-size: 15px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: #0e79ca;
  background: #fff;
  width: 160px;
  display: block;
  text-align: center;
  line-height: 44px;
  border-radius: 51px;
  margin-top: 20px;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 20px;
}
.customerreview{padding: 50px 0;}
.customerreview h2{font-size: 40px;
  line-height: 46px;
  font-family: "Inter", sans-serif;
  color: #0f172a;
  font-weight: 600;
  text-align: center;
  padding-bottom: 20px;}
  .customerreview h2 span{display: block;
  font-size: 18px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: #303030;
  line-height: 25px;}
.testimonialswrap {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.testimonial-cards{flex-shrink: 0; width: 30%; padding: 30px 20px;
   background: #fff;  text-align: center;
   box-shadow: 0 0 10px 0 rgba(140, 140, 140, 0.25);}
.testimonial-cards img{border-radius: 50px; margin-bottom: 15px; width: 80px; height: 80px;}
.testimonial-cards h3{font-size: 20px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  color: #1f2b4d;
  font-weight: 400;
  padding-bottom: 10px;
  margin: 0;}
.testimonial-cards h3 span{
  font-size: 14px;
  line-height: 16px;
  font-family: "Inter", sans-serif;
  color: #2f3b5e;
  font-weight: 400;
  margin: 0;
  display: block;
}
.testimonial-cards p{font-size: 14px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  color: #333;
  font-weight: 400;}
.testimonial-cards a{
  font-size: 16px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: #fff;
  background: #0e79ca;
  width: 160px;
  display: block;
  text-align: center;
  line-height: 44px;
  border-radius: 51px;
  margin: 0 auto;
  margin-top: 15px;
}
.assistance-contact {
  background:url(../images/assistance-banner.png) center 0 no-repeat #0e79ca;
  padding: 50px 0;
}
.assistance-contact h2{
  font-size: 40px;
  line-height: 46px;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-weight: 600;
  text-align: left;
  padding-bottom: 10px;
}
.assistance-contact h2 span{
  display: block;
  font-size: 16px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: #fff;
  line-height: 25px;
  font-style: italic;
}
.assistance-contact p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}
.assistance-contact p a{color: #fff;}
.assistance-contact p strong{font-weight: 600;}
.assistance-contact input[type="text"], .assistance-contact input[type="submit"]{
  height: 48px;
  background: #fff;
  border: 0;
  font-size: 16px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: #000;
  padding-left: 15px;
  margin-bottom: 10px;
  width: 49%;
}
.assistance-contact input[type="submit"]{background: #1F1F1F; color: #fff; margin-top: 10px;}
.lftassistxt {
  border-right: 1px solid #74bef7;
  min-height: 438px;
  margin-right: 20px;
}
.calltoactionbtns{
display: flex;
  justify-content: left;
  gap: 16px;
  margin-top: 20px;
}
.calltoactionbtns a{
background: #fff;
  width: 184px;
  text-align: center;
  border-radius: 30px;
  line-height: 48px;
  font-size: 17px;
  color: #3e3e3e;
  font-weight: 500;
  box-shadow: 0 2px 5px #00467a;
}
.calltoactionbtns a img{max-height: 26px;}
.keycard a.dtlsbtn{background: #0e79ca; color: #fff;}
.serviceslider .keycard p{min-height: 72px;}
/* ======== mid body end ======= */

/* ======== footer start ======= */
.mainfooter{
  background-color: rgb(18, 20, 29);
  padding: 50px 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.footer_shap::before {
  content: "";
  width: 1650px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/f_shap.png) no-repeat left bottom/cover;
  z-index: -1;
}
.mainfooter ul{text-align: center;}
.mainfooter ul li{text-align: center;
  display: inline-block;
  font-size: 16px;
  color: #dedede;
  border-right: 1px solid #5e5e5e;
  padding: 0 15px;
  line-height: 16px;}
.mainfooter ul li a{color: #dedede;}
.mainfooter ul li:last-child{border-right: 0;}
.mainfooter p{text-align: center;
  color: #BBB;
  font-size: 13px;
  padding-top: 20px;
  border-top: 1px solid #2F2F2F;
  margin-top: 20px;}
/* ======== footer end ======= */

/* ========= Menu ========== */
 .nav-container {
      /* max-width: 1000px;
      margin: 0 auto;
      padding: 10px 15px; */
      position: relative;
    }

    /* Hamburger styles */
    .hamburger {
      display: none;
      flex-direction: column;
      cursor: pointer;
      width: 30px;
      height: 25px;
      justify-content: center;
      align-items: center;
      position: relative;
      z-index: 1001;
    }

    .hamburger span {
      position: absolute;
      height: 3px;
      width: 100%;
      background: #fff;
      border-radius: 2px;
      transition: 0.3s ease-in-out;
    }

    .hamburger span:nth-child(1) {
      top: 0;
    }

    .hamburger span:nth-child(2) {
      top: 50%;
      transform: translateY(-50%);
    }

    .hamburger span:nth-child(3) {
      bottom: 0;
    }

    .hamburger.active span:nth-child(1) {
      transform: rotate(45deg);
      top: 50%;
    }

    .hamburger.active span:nth-child(2) {
      opacity: 0;
    }

    .hamburger.active span:nth-child(3) {
      transform: rotate(-45deg);
      bottom: auto;
      top: 50%;
    }

    /* Menu styles */
    .menu {
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      transition: max-height 0.4s ease;
    }

    .menu li {
      position: relative;
    }

    .menu > li {
      /* margin-right: 20px; */
    }

    .menu a {
      color: #fff;
      text-decoration: none;
      /* padding: 10px 15px; */
      display: block;
      transition: background 0.3s;
    }

    .menu li:hover > a {
      /* background-color: #444; */
    }

    /* Dropdown Styles */
  .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
  padding-top: 10px;
  border-radius: 10px;
  box-shadow: 0 0 3px #B7B7B7;
  width: 280px;
  z-index: 1;
    }
.dropdown li{border-bottom: 1px solid #dfdfdf;}
    .dropdown li a {
      padding: 10px;
      color: #000;
    }

    .menu li:hover .dropdown {
      max-height: 500px;
    }

    /* Mobile Styles */
    @media (max-width: 768px) {
      .hamburger {
        display: flex;
      }

      .menu {
        flex-direction: column;
        max-height: 0;
        overflow: hidden;
        background: #333;
        padding-top: 0 !important;
      }

      .menu.active {
        max-height: 1000px;
      }

      .menu > li {
        margin-right: 0;
      }

      .dropdown {
        position: static;
        background-color: #555;
        max-height: 0;
      }

      .menu li.open .dropdown {
        max-height: 500px;
      }
    }
/* ========= Menu end========== */

/* ====== Slider =======*/
.hpmebannervideoslide, .serviceslider {
  overflow: hidden;
}
.serviceslider{display: inherit;}
.serviceslider .keycard{width: auto;}
.hpmebannervideoslide .owl-nav{display: none;}
.hpmebannervideoslide .owl-dots{text-align: center;}
.hpmebannervideoslide .owl-dot{width: 12px;
  height: 12px;
  border-radius: 50px;
  margin: 2px;
  background: #E8E8E8;
  border: 0;}
.hpmebannervideoslide .owl-dot.active{background: #25a1ff;}
.owl-item{float: left;}
.serviceslider .owl-prev, .serviceslider .owl-next{
  background: #fff;
  width: 36px;
  height: 36px;
  margin: 0 2px;
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
  border: 1px solid #064fa0;
}
.serviceslider .owl-prev span{background: url(../images/arrow-left.png) center center no-repeat;
  width: 13px;
  height: 20px;
  display: block;
  font-size: 0;
  margin: 0 auto;}
.serviceslider .owl-next span{
background: url(../images/arrow-right.png) center center no-repeat;
  width: 13px;
  height: 20px;
  display: block;
  font-size: 0;
  margin: 0 auto;
}

.serviceslider .owl-dots{display: none;}
/* ====== Slider end=======*/

/* ============ inner page =============== */
.inner-banner{position: relative; margin-top: 90px;}
.inner-banner .container{position: absolute; left: 0; right: 0; top: 20%; margin: 0 auto; text-align: center;}
.inner-banner h2{font-size: 50px;
  line-height: 60px;
  font-family: "Inter", sans-serif;
  color: #fff;
  margin-bottom: 20px;
  font-weight: 500;
  letter-spacing: 1px;
 }
.inner-banner h2 span{display: block; font-size: 18px; line-height: 20px;}
.inner-banner p{font-size: 16px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  color: #ececec;
  font-weight: 400;
padding-bottom: 30px;}
.inner-banner a{font-size: 16px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: #fff;
  background: #0e79ca;
  width: 192px;
  display: block;
  text-align: center;
  line-height: 50px;
  border-radius: 51px;
  margin-top: 20px;
margin: 0 auto;}
.deliinvpara h2 span{
  display: block;
  font-size: 16px;
  line-height: 28px;
  font-family: "Inter", sans-serif;
  color: #161616;
  font-weight: 600;
}
.whostoreflect{padding: 50px 0;}
.whostoreflect ul{
  display: flex;
  flex-wrap: wrap;
}
.whostoreflect ul li{
    background: url(../images/circle-thik.png) 0 center no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-color: inherit;
    background-size: 24px;
    color: #161616;
    margin:5px 0;
    padding: 5px 0;
    padding-left: 40px;
    font-size: 16px;
    flex-shrink: 0;
    width: 50%;
}
.whostoreflect P{color: #333;
  font-weight: 400;
  font-size: 14px;
  padding-top: 20px;}
.whostoreflect h2{margin-bottom: 0;}
.storeflectbenifits{}
.storeflectbenifits ul{display: flex; flex-wrap: wrap; padding-top: 34px;}
.storeflectbenifits ul li{flex-shrink: 0;
  width: 40%;
  font-size: 16px;
  color: #fff;
  position: relative;
  padding: 5px 0;
  padding-left: 30px;
margin-top: 10px;}
.storeflectbenifits ul li::before{content: ''; position: absolute; left: 0; top: 10px; width: 12px; height: 12px; border-radius: 50%; background: #fff;}
.booknowratnakum{position: relative;
  text-align: center;
  padding: 0;
height: 220px;}
.booknowratnakum img{
  width: 100%;
  height: 100%;
} 
.booknowratnakum .container{position: absolute; left: 0; right: 0; top: 34px; margin: 0 auto;}
.booknowratnakum h2{
  font-size: 46px;
  line-height: 60px;
  font-family: "Inter", sans-serif;
  color: #fff;
  margin-bottom: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  padding-bottom: 15px;
}
.booknowratnakum a{
font-size: 18px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: #fff;
  background: #0e79ca;
  width: 282px;
  display: block;
  text-align: center;
  line-height: 50px;
  border-radius: 51px;
  margin: 0 auto;
}
.jewelleryban h2{color: #000;}
.jewelleryban p{color: #000;}
.hrdesignfor {
  background: #002542;
  padding: 50px;
}
.hrdesignfor h2{
  font-size: 40px;
  line-height: 46px;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-weight: 600;
 padding-bottom: 20px;
  text-align: center;
}
.designforwrap {
  display: flex;
  position: relative;
  gap: 15px;
}
.designforcard{position: relative; background: #edf7ff;  padding: 1px;}
.designforcard img{}
.designforcard h3{
font-size: 16px;
  line-height: 24px;
  font-family: "Inter", sans-serif;
  color: #fff;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  padding: 10px 0;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: -8px;
}
.nowraplist ul{display: block;}
.nowraplist ul li{width: 100%;}
.assistance-contact textarea{height: 80px; padding: 5px 10px;}
.fullwid {
  width: 98.8% !important;
}
.assistance-contact p{font-size: 13px; font-weight: 400; padding-top: 10px;}
.assistance-contact p a{font-weight: 500;}
.assistance-contact p input[type="checkbox"]{margin-right: 10px;}
.assistance-contact p.checkpara{display: flex;}
.lftassistxt h2 span {
  padding-right: 20px;
}
/* ============ inner page end=============== */