:root {

  --font: "Mona Sans", sans-serif;

  --font2: "Mona Sans", sans-serif;

  --font3: "Instrument Serif", serif;

  --liner: linear-gradient(180deg,

      rgba(255, 255, 255, 0.15),

      rgba(255, 255, 255, 0));

  --pri: #cca646;

  --sec: #26251f;

  --text-color: #201813;

  --text-muted: #8d9eb5;

  --text-light: #8c8c8c;

  --para-color: #646464;

  --border-color: #e3e3e3;

  --white: #fff;

  --off-white: #fffbf8;

  --black: #212529;

  --bs-primary: #0082ff;

  --bs-success: #03b562;

  --bs-info: #0fbcf9;

  --bs-warning: var(--pri);

  --bs-danger: #dc3545;

  --bs-primary-rgb: 0, 130, 255;

  --bs-success-rgb: 3, 181, 98;

  --bs-info-rgb: 15, 188, 249;

  --bs-warning-rgb: 255, 169, 9;

  --bs-danger-rgb: 219, 33, 35;

}



body {

  background: var(--white);

  font-family: var(--font2);

  color: var(--para-color);

  font-size: 14px;

  margin: 0;

  padding: 0;

  font-weight: 400;

  line-height: 1.5;

  min-height: 100vh;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: var(--font);

}



img {

  max-width: 100%;

  width: auto;

  height: auto;

}



p {

  color: var(--para-color);

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 10px;

  font-family: var(--font2);

  line-height: 1.7;

}



a {

  display: block;

  text-decoration: none;

}



p a {

  display: inline;

  color: var(--text-muted);

}



p a:hover {

  color: var(--pri);

}



hr {

  border-color: transparent;

  background: linear-gradient(90deg,

      rgba(0, 0, 0, 0.3) 0%,

      rgba(0, 0, 0, 0.3) 50%,

      rgba(0, 0, 0, 0.3) 100%);

  height: 1.4px;

}



.head-sec {

  text-align: center;

  max-width: 950px;

  margin: 0 auto 35px;

}



.head-sec.text-start,

.head-sec.text-md-start {

  max-width: 100%;

}



.head-sec .sub-tt {

  border-radius: 10px;

  display: inline-block;

  font-size: 15px;

  font-weight: 500;

  color: var(--pri);

  margin-bottom: 3px;

  font-family: var(--font2);

  position: relative;

}



.head-sec .tt {

  font-family: var(--font);

  color: var(--text-color);

  font-weight: 600;

  font-size: 38px;

  line-height: 1.2;

  margin-bottom: 5px;

  position: relative;

}



.head-sec .tt span {

  color: var(--pri);

}



.head-sec p {

  color: var(--para-color);

  font-weight: 400;

  margin-bottom: 0;

}



.head-sec.text-white .sub-tt {

  color: var(--pri);

}



.head-sec.text-white .sub-tt::before {

  background: url("data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%205.333V8H0V5.333h2.667V2.667H0V0h2.667v2.667h2.666V0H8z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat;

}



.head-sec.text-white .tt,

.head-sec.text-white p {

  color: white;

}



.badge {

  font-size: 13px;

  font-weight: 400;

  border: 1px solid;

  border-radius: 18px;

  padding: 7px 12px;

}



.bg-primary-transparent {

  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;

  color: var(--bs-primary) !important;

}



.bg-primary-transparent:hover {

  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;

  color: var(--bs-primary) !important;

}



.bg-info-transparent {

  background-color: rgba(var(--bs-info-rgb), 0.1) !important;

  color: rgb(var(--bs-info-rgb)) !important;

}



.bg-info-transparent:hover {

  background-color: rgba(var(--bs-info-rgb), 0.1) !important;

  color: rgb(var(--bs-info-rgb)) !important;

}



.bg-success-transparent {

  background-color: rgba(var(--bs-success-rgb), 0.1) !important;

  color: rgb(var(--bs-success-rgb)) !important;

}



.bg-success-transparent:hover {

  background-color: rgba(var(--bs-success-rgb), 0.1) !important;

  color: rgb(var(--bs-success-rgb)) !important;

}



.bg-warning-transparent {

  background-color: rgba(var(--bs-warning-rgb), 0.1) !important;

  color: rgb(var(--bs-warning-rgb)) !important;

}



.bg-warning-transparent:hover {

  background-color: rgba(var(--bs-warning-rgb), 0.1) !important;

  color: rgb(var(--bs-warning-rgb)) !important;

}



.bg-danger-transparent {

  background-color: rgba(var(--bs-danger-rgb), 0.1) !important;

  color: rgb(var(--bs-danger-rgb)) !important;

}



.bg-danger-transparent:hover {

  background-color: rgba(var(--bs-danger-rgb), 0.1) !important;

  color: rgb(var(--bs-danger-rgb)) !important;

}



.bg-grey-transparent {

  background-color: var(--off-white) !important;

  color: var(--text-muted) !important;

}



.bg-pri-transparent {

  background-color: #fffdf9 !important;

  color: var(--pri) !important;

}



.text-muted {

  color: var(--text-muted) !important;

}



.text-pri {

  color: var(--pri) !important;

}



.text-sec {

  color: var(--sec) !important;

}



.w-btn {

  padding: 10px 15px;

  border-radius: 50px;

  color: white;

  border: 1px solid #00c966;

  display: inline-flex;

  justify-content: center;

  gap: 5px;

  align-items: center;

  font-size: 14px;

  font-weight: 500;

  font-family: var(--font);

  text-transform: capitalize;

  white-space: nowrap;

  background-color: #00c966;

  outline: none;

  transition: 0.2s ease-in-out;

  line-height: 1;

}



.w-btn:hover {

  border-color: #00c966;

  background-color: #00b95d;

}



.main-btn {

  padding: 5px;

  padding-left: 14px;

  color: var(--pri);

  border: 1px solid var(--sec);

  background-color: var(--sec);

  display: inline-flex;

  gap: 7px;

  align-items: center;

  justify-content: center;

  font-size: 14px;

  font-weight: 500;

  font-family: var(--font);

  white-space: nowrap;

  outline: none;

  transition: 0.2s ease-in-out;

  justify-content: center;

  line-height: 1;

  border-radius: 30px;

}



.main-btn span {

  width: 34px;

  height: 34px;

  background-color: var(--pri);

  border-radius: 100%;

  color: var(--sec);

  transition: 0.2s ease-in-out;

  display: inline-flex;

  align-items: center;

  justify-content: center;

}



.main-btn.sm {

  font-size: 13px;

}



.main-btn.sm span {

  width: 30px;

  height: 30px;

}



.main-btn:hover {

  background: var(--white);

  color: var(--pri);

  border-color: var(--pri);

}



.main-btn2 {

  color: var(--sec);

  background-color: var(--pri);

  border-color: var(--pri);

}



.main-btn.main-btn2 span {

  background-color: var(--sec);

  color: var(--pri);

}



.main-btn2:hover {

  background-color: transparent;

  border-color: var(--pri);

  color: var(--pri);

}



.main-btn.main-btn2:hover span {

  background-color: var(--pri);

  color: var(--sec);

}



.main-btn.light {

  background-color: transparent;

    border: 1px solid var(--pri);

    color: var(--pri);

}



.main-btn.light:hover {

  background-color: var(--sec);

  color: var(--pri);

}



.productBrochureandvideo {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  gap: 5px;

  border: 1px dashed #b5b5b5;

  padding: 7px 15px;

  font-weight: 500;

  transition: 0.3s;

  font-size: 14px;

  color: var(--text-color);

  font-family: var(--font);

  background-color: transparent;

  border-radius: 20px;

}



.form-label {

  font-size: 14px;

  color: var(--text-color);

  font-family: var(--font);

  font-weight: 400;

  margin-bottom: 5px;

}



.form-group {

  position: relative;

  margin-bottom: 15px;

}



.form-control,

.form-select,

.SumoSelect>.CaptionCont {

  font-weight: 400;

  border-radius: 7px;

  font-size: 14px;

  padding: 8px 12px;

  color: var(--text-color);

  font-family: var(--font2);

  background: #fcfaf6;

  height: 40px;

  align-content: center;

  border-color: #eee;

}



.form-select {

  background-position: right 0 center;

}



.form-control::placeholder {

  opacity: 0.8;

}



textarea.form-control {

  min-height: 100px;

  resize: none;

  align-content: start;

}



.form-control:focus,

.form-select:focus {

  border-color: #e3e3e3;

  box-shadow: none;

}



input:-webkit-autofill {

  filter: none !important;

}



input:-webkit-autofill,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus,

textarea:-webkit-autofill,

select:-webkit-autofill {

  -webkit-text-fill-color: currentColor !important;

  /* text color */

  transition: background-color 5000s ease-in-out 0s;

  caret-color: currentColor;

  color: inherit !important;

  background-color: inherit !important;

}



.logo {

  max-width: 160px;

  width: auto;

  height: auto;

  filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.5));

}



header {

  position: fixed;

  top: 30px;

  z-index: 999;

  width: 100%;

  transform: translateY(0);

  transition:

    transform 0.2s ease,

    box-shadow 0.2s ease,

    background-color 0.2s ease;

  will-change: transform;

  /* height: 157px; */

  display: flex;

  flex-direction: column;

  justify-content: end;

}



.menubar {

  padding: 8px 10px;

  background-color: #241a13b5;

  -webkit-backdrop-filter: blur(8px);

  backdrop-filter: blur(8px);

  border-radius: 100px;

  width: 100%;

  position: relative;

  overflow: visible;

  box-shadow: inset 0 2px 4px #fff3;

}



.navigation ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.menu-list a {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 2px;

  line-height: 1.2;

  position: relative;

}



.kr-dropdown-icon {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  width: 18px;

  height: 18px;

  flex: 0 0 auto;

  transform-origin: center;

  transition: transform 0.2s ease;

  padding: 0;

  border: 0;

  background: transparent;

  color: currentColor;

  cursor: pointer;

}



.kr-dropdown-icon svg {

  width: 18px;

  height: 18px;

  pointer-events: none;

}



/* ################### main ###################### */



main,

main img {

  overflow: hidden;

  display: block;

  width: 100%;

  position: relative;

  border-radius: 20px;

}



.carousel-control-next,

.carousel-control-prev {

  line-height: 0;

  position: absolute;

  top: 52%;

  display: block;

  width: 28px;

  height: 28px;

  padding: 0;

  transform: translate(0, -50%);

  cursor: pointer;

  color: #fff;

  border: 0;

  outline: 0;

  background-color: rgba(255, 255, 255, 0.2);

  backdrop-filter: blur(2px);

  border-radius: 100%;

  z-index: 9;

  opacity: 1;

}



.carousel-control-next-icon,

.carousel-control-prev-icon {

  height: 13px;

  width: 13px;

}



.carousel-control-next:hover,

.carousel-control-prev:hover {

  background-color: var(--sec);

  opacity: 1;

}



.carousel-control-prev {

  left: 20px;

}



.carousel-control-next {

  right: 20px;

}



@media (max-width: 980px) {



  .carousel-control-next,

  .carousel-control-prev {

    width: 20px;

    height: 35px;

  }



  .carousel-control-next-icon,

  .carousel-control-prev-icon {

    height: 15px;

    width: 15px;

  }



  .carousel-control-prev {

    left: 0px;

    border-radius: 0 3px 3px 0;

  }



  .carousel-control-next {

    right: 0px;

    border-radius: 3px 0px 0px 3px;

  }

}



.swiper_wrap {

  position: relative;

}



.cate-next,

.cate-prev {

  width: 38px;

  height: 38px;

  background-color: #fff;

  /* border: 1px solid var(--border-color); */

  border-radius: 100%;

  color: var(--pri);

  align-content: center;

  text-align: center;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  user-select: none;

}



.cate-next svg,

.cate-prev svg {

  width: 20px;

  height: 20px;

}



.cate-next:hover,

.cate-prev:hover {

  background-color: var(--pri);

  color: var(--white);

}



.swiper-button-next,

.swiper-button-prev {

  border: 1px solid #eeebff;

  background-color: #f4f2ff;

}



.swiper-button-next:after,

.swiper-button-prev:after {

  font-size: 14px;

  font-weight: 600;

  color: currentColor;

}



.swiper-button-next {

  right: -18px;

}



.swiper-button-prev {

  left: -18px;

}



.lead-sure-section {

  padding: 60px 0;

  overflow: hidden;

  position: relative;

  z-index: 1;

}



.lead-sure-section.before::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-image: url(../images/bg/bg-effect.png);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  z-index: -1;

}



.lead-sure-section.before2::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  opacity: 0.4;

  background-image: url(../images/bg/parttern.png);

  background-position: 50% 0;

  background-repeat: no-repeat;

  background-size: auto;

  z-index: -1;

}



.bg-sec {

  background: linear-gradient(90deg,

      rgba(255, 255, 255, 0.95) 0%,

      rgba(255, 255, 255, 0.95) 100%) !important;

  background-color: var(--pri) !important;

}



.bg-pri {

  background-color: var(--sec) !important;

  align-content: center;

  color: var(--off-white);

}



.bg-liner {

  background: var(--liner);

  background-color: var(--pri);

}



.bg-light {

  background-color: var(--off-white) !important;

}



.bg-effect {

  background-image: url("../images/bg/bg1.webp"), url("../images/bg/bg2.webp");

  background-position:

    left 0,

    right -70px;

  background-repeat: no-repeat, no-repeat;

  background-size: auto, auto;

}



.odometer.odometer-auto-theme,

.odometer.odometer-theme-default {

  font-family: var(--font);

  line-height: 40px;

}



.read-mr {

  font-size: 0.9em;

  color: var(--pri);

  font-weight: 400;

  transition: 0.2s;

  display: inline-flex;

  align-items: center;

  gap: 3px;

  white-space: nowrap;

  padding: 0;

  background-color: transparent;

  border: 0;

  text-transform: capitalize;

}



.read-mr.text-decoration:hover {

  text-decoration: underline;

}



.read-mr:hover {

  color: var(--text-color);

}



.swiper-pagination {

  position: static;

}



.swiper-pagination-bullet {

  transition: 0.2s ease;

  background-color: var(--text-color);

}



.swiper-pagination-bullet-active {

  background-color: var(--pri);

  width: 18px;

  border-radius: 4px;

}



.bg-pri .swiper-pagination-bullet {

  background-color: white;

  opacity: 0.3;

}



.bg-pri .swiper-pagination-bullet-active {

  background-color: var(--pri);

  opacity: 1;

}



.mobile_nav {

  display: none;

}



.ls-pillTabs {

  position: relative;

  display: inline-flex;

  gap: 0;

  justify-content: center;

  /* background-color: var(--off-white); */

  /* padding: 4px; */

  /* border-radius: 999px; */

  /* overflow: hidden; */

  z-index: 1;

  /* border: 1px solid #e3e3e3; */

}



.ls-pillTabs.dark {

  background:

    radial-gradient(62.56% 62.56% at 28.14% -10.42%,

      rgba(255, 255, 255, 0.2) 0%,

      rgba(255, 255, 255, 0) 100%),

    linear-gradient(0deg, #272727, #272727);

  box-shadow:

    0px 3px 3px 0px #00000024,

    0px -3px 0px 0px #080808 inset,

    0px 1px 0px 0px #ffffff4d inset;

}



.ls-pillIndicator {

  position: absolute;

  top: 4px;

  left: 0;

  height: calc(100% - 8px);

  width: 0;

  border-radius: 999px;

  background:

    radial-gradient(62.56% 62.56% at 28.14% -10.42%,

      rgba(255, 255, 255, 0.2) 0%,

      rgba(255, 255, 255, 0) 100%),

    linear-gradient(0deg, var(--pri), var(--pri));

  background: transparent;

  transform: translateX(0);

  transition:

    transform 0.28s ease,

    width 0.28s ease;

  pointer-events: none;

  z-index: -1;

}



.ls-pillTabs.dark .ls-pillIndicator {

  background:

    radial-gradient(62.56% 62.56% at 28.14% -10.42%,

      rgba(255, 255, 255, 0.5) 0%,

      rgba(255, 255, 255, 0) 100%),

    linear-gradient(0deg, var(--pri), var(--pri));

}



.ls-pillTabs .nav-link {

  color: var(--text-color);

  font-size: 14px;

  padding: 7px 15px;

  background-color: var(--off-white);

  border: 1px solid #fff2d1;

  border-radius: 20px;

}



.ls-pillTabs .nav-link:hover {

  color: var(--pri);

}



.ls-pillTabs.dark .nav-link {

  color: var(--white);

  font-weight: 600;

}



.ls-pillTabs .nav-link:hover {

  color: var(--pri);

}



.ls-pillTabs .nav-link.active {

  color: var(--white);

  background-color: var(--pri);

}



.ls-pillTabs.dark .nav-link.active {

  color: var(--text-color);

}



.breadcum-sec {

  padding: 10px 0;

  border-bottom: 1px solid #eee;

}



.breadcum-sec ul {

  list-style: none;

  padding: 0;

  margin: 0;

  display: inline-flex;

  gap: 4px 15px;

  flex-wrap: wrap;

  justify-content: center;

  /* padding: 10px 15px; */

  /* background-color: rgba(0, 0, 0, 0.1); */

  border-radius: 999px;

  line-height: 1;

}



.breadcum-sec ul li {

  color: var(--text-color);

  font-weight: 500;

  position: relative;

  font-family: var(--font2);

  font-size: 12px;

}



.breadcum-sec ul li::before {

  content: "/";

  position: absolute;

  top: 0px;

  right: -15px;

  width: 15px;

  height: 20px;

  color: var(--text-color);

  text-align: center;

}



.breadcum-sec ul li:last-child:before {

  content: none;

}



.breadcum-sec ul li a {

  color: var(--pri);

}



.breadcum-sec ul li a:hover {

  color: var(--sec);

}



.img-breadcum-sec {

  overflow: hidden;

  position: relative;

  z-index: 1;

  padding: 170px 0 80px;

  background-image: url('../images/bread-crumb.webp');

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  border: 0;

}



.img-breadcum-sec::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  opacity: 0.8;

  z-index: -1;

  background-color: var(--sec);

}



.img-breadcum-sec .head-sec .tt {

  font-size: 35px;

  color: white;

}



.img-breadcum-sec.breadcum-sec ul li {

  color: white;

}



.img-breadcum-sec.breadcum-sec ul li::before {

  color: white;

}



.img-breadcum-sec.breadcum-sec ul li a:hover {

  color: var(--white);

}



.contact-container {

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  border-radius: 3px;

  overflow: hidden;

  padding: 30px 25px;

}



.contact-bx .head-sec {

  margin-bottom: 30px;

}



.contact-bx .head-sec .tt {

  font-size: 23px;

}



.contact-bx .head-sec .tt::before {

  top: 40px;

}



.contact-bx .main-btn {

  padding: 13px 15px;

  font-size: 14px;

}



.contact-bx .con-bx {

  display: flex;

  align-items: center;

  margin-bottom: 13px;

  gap: 10px;

}



.contact-bx .tx-bx .tt {

  font-size: 16px;

  font-weight: 600;

  color: var(--text-color);

}



.contact-bx .con-bx .ic-bx {

  min-width: 40px;

  width: 40px;

  height: 40px;

  border-radius: 100%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background-color: var(--pri);

  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05);

}



.contact-bx .con-bx .ic-bx svg {

  min-width: 15px;

  width: 15px;

  height: 15px;

  color: var(--white);

}



.contact-bx .con-bx a,

.contact-bx .con-bx p {

  font-family: var(--font2);

  font-weight: 400;

  font-size: 14px;

  line-height: 24px;

  color: var(--text-color);

  margin-bottom: 0px;

}



.contact-bx .con-bx a {

  font-weight: 500;

}



.contact-bx .con-bx a:hover {

  color: var(--pri);

}



.map-bx {

  width: 100%;

  display: block;

}



.content-sec table {

  margin-bottom: 15px;

  width: 100%;

  /* text-align: center; */

}



.content-sec table strong,

.content-sec table b {

  font-weight: 600;

}



tbody,

td,

tfoot,

th,

thead,

tr {

  border-color: #d8d8d8;

  border-style: solid;

  border-width: 1px;

  padding: 5px 10px;

  font-size: 14px;

}



th {

  color: var(--text-color);

}



.swiper-wrap {

  position: relative;

}



.clientSlider .swiper-wrapper {

  transition-timing-function: linear;

}



.clients-bx img {

  aspect-ratio: 25 / 14;

  object-fit: cover;

  border-radius: 20px;

  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);

  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);

}



.clients-bx img:hover {

  transform: scale(1.04);

}



.table-of-con {

  background-color: var(--off-white);

  border-radius: 15px;

  padding: 23px;



}



.table-of-con .title {

  font-weight: 700;

  font-size: 20px;

  color: var(--text-color);

  margin-bottom: 10px;

  font-family: var(--font);

}



.table-of-con ul {

  padding-left: 20px;

  margin-bottom: 0;

  display: flex;

  flex-direction: column;

  align-items: start;

}



.table-of-con ul li {

  padding: 2px 0;

  color: var(--para-color);

  font-weight: 400;

  cursor: pointer;

}



.table-of-con ul li:hover {

  text-decoration: underline;

}



.glow {

  transform-origin: center;

  animation: glowEffect 1s ease-in-out;

  animation-delay: 600ms;

}



@keyframes glowEffect {

  0% {

    background: rgba(255, 255, 0, 0);

    box-shadow: 0 0 0 rgba(255, 255, 0, 0);

  }



  50% {

    background: rgba(255, 255, 0, 0.3);

    box-shadow: 0 0 10px rgba(255, 255, 0, 0.3);

  }



  100% {

    background: rgba(255, 255, 0, 0);

    box-shadow: 0 0 0 rgba(255, 255, 0, 0);

  }

}



.iti {

  width: 100%;

}



.iti--allow-dropdown .iti__flag-container,

.iti--separate-dial-code .iti__flag-container {

  height: 40px;

}



.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,

.iti--separate-dial-code .iti__selected-flag {

  background-color: transparent;

}



.g-recaptcha {

  transform: scale(0.8);

  transform-origin: 0 0;

}



.business-enq {

  position: fixed;

  bottom: 75px;

  right: 20px;

  z-index: 9;

  border: 0;

  outline: 0;

  background-color: var(--pri);

  color: var(--white);

  font-size: 14px;

  padding: 5px;

  padding-right: 15px;

  border-radius: 24px;

  transition: 0.2s ease-in-out;

  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

  font-weight: 400;

}



.business-enq:hover {

  transform: scale(1.03);

}



.business-enq .icon {

  height: 32px;

  width: 32px;

  border-radius: 100%;

  line-height: 32px;

  text-align: center;

  display: inline-block;

  background: var(--white);

  color: var(--pri);

}



.business-enq .icon svg {

  height: 18px;

  width: 18px;

}



.whatapp_btn {

  background: #01e675;

  width: 40px;

  height: 40px;

  color: var(--white);

  position: fixed;

  right: 20px;

  bottom: 130px;

  cursor: pointer;

  z-index: 9;

  border-radius: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.2s ease-in-out;

  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15);

  border: 0;

}



.whatapp_btn svg {

  width: 19px;

  height: 19px;

}



.whatapp_btn:hover {

  transform: scale(1.1);

}



.whatapp_btn:focus,

.whatapp_btn:hover {

  background: #01e675;

  color: var(--white);

}



.error {

  font-size: 14px;

  color: red;

}



.modal-header {

  padding: 0;

  padding-inline: 25px;

  padding-top: 18px;

  border-radius: 0;

  border: 0;

  /* background: var(--off-white); */

}



.modal-header.modal-header2 {

  background: var(--liner);

  background-color: var(--pri);

  color: white;

  padding-block: 12px;

}



.modal-header.modal-header2 .main-tt {

  color: white;

}



.modal-content {

  border-radius: 10px;

  overflow: hidden;

  border: 0;

  background: white;

}



.modal-header.modal-header2 .btn-close {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");

}



@media (min-width: 576px) {

  .modal-sm {

    max-width: 300px;

  }

}



.modal-body {

  padding: 10px 25px 20px;

  /* background: var(--off-white); */

}



.modal-content .main-tt {

  text-align: center;

  font-size: 18px;

  font-weight: 600;

  color: var(--text-color);

  font-family: var(--font);

  margin-bottom: 15px;

}



.btn-close {

  float: right;

  box-shadow: none;

}



.btn-close:hover,

.btn-close:focus {

  box-shadow: none;

}



.pop-img {

  aspect-ratio: 1 / 1;

}



.pop-img img {

  aspect-ratio: 1 / 1;

  object-fit: contain;

  object-position: center;

  width: 100%;

  border-radius: 4px;

  overflow: hidden;

}



.content-sec h1,

.content-sec h2,

.content-sec h3,

.content-sec h4,

.content-sec h5,

.content-sec h6,

.content-sec .tt,

.cmTitle {

  text-transform: capitalize;

  font-size: 25px;

  font-weight: 500;

  color: var(--text-color);

  text-align: left;

  margin-bottom: 7px;

  line-height: 1.3;

}



.cmTitle {

  color: var(--pri);

  font-size: 18px;

  margin-bottom: 5px;

}



.content-sec h2,

.content-sec h3,

.content-sec h4,

.content-sec h5,

.content-sec h6,

.content-sec .tt {

  font-size: 20px;

}



.content-sec h4,

.content-sec h5,

.content-sec h6 {

  font-size: 18px;

}



.content-sec ul,

.content-sec ol {

  padding-left: 20px;

  margin: 0;

  margin-bottom: 10px;

}



.content-sec p,

.content-sec li {

  font-size: 14px;

  line-height: 1.6;

  color: var(--para-color);

  text-align: justify;

  font-family: var(--font2);

  font-weight: 400;

}



.content-sec p a {

  color: var(--pri);

}



.content-sec li {

  margin-bottom: 3px;

  position: relative;

}



.content-sec li a {

  display: inline;

  color: var(--text-color);

}



.content-sec ul {

  padding-left: 0;

}



.content-sec ul li {

  padding-left: 20px;

  display: flow-root;

}



.content-sec ul li::before {

  content: "➤";

  position: absolute;

  left: 0px;

  color: var(--pri);

  font-size: 15px;

  top: 1px;

}



.content-sec ul li a {

  display: inline;

  color: var(--text-color);

}



.content-sec table {

  width: -webkit-fill-available;

  margin-bottom: 20px;

  overflow: hidden;

}



.content-sec table p {

  margin-bottom: 0;

  color: var(--para-color);

  font-size: 14px;

}



.content-sec table tr:nth-child(even) {

  background-color: #f8f8f8;

  color: var(--para-color);

}



.content-sec table tr:nth-child(odd) {

  background-color: var(--white);

  color: var(--para-color);

}



.content-sec table th {

  background-color: var(--pri);

  color: var(--white);

  font-weight: 500;

  font-size: 12px;

  text-transform: uppercase;

}



ul.footer-menu-list {

  display: flex;

  flex-wrap: wrap;

  padding: 0;

  margin-bottom: 18px;

  list-style: none;

}



ul.footer-menu-list li a {

  margin-right: 15px;

  font-weight: 300;

  display: inline-block;

  line-height: 1.3;

  position: relative;

  text-transform: capitalize;

  color: var(--off-white);

}



ul.footer-menu-list li a:hover {

  color: var(--sec);

  opacity: 1;

}



ul.footer-menu-list li a::before {

  content: "|";

  padding: 0;

  font-size: 13px;

  position: absolute;

  right: -9px;

  top: 1px;

  color: var(--white);

  opacity: 0.8;

}



ul.footer-menu-list li:last-child a::before {

  content: none;

}



footer {

  padding: 70px 0 15px;

  position: relative;

  z-index: 1;

  overflow: hidden;

  background-color: var(--text-color);

}



.ft-bx {

  position: relative;

  z-index: 1;

}



.ft-bx .logo {

  max-width: 250px;

}



.ft-bx .con-bx {

  display: flex;

  align-items: start;

  margin-bottom: 10px;

  gap: 10px;

}



.ft-bx .con-bx .ic-bx svg {

  min-width: 17px;

  width: 17px;

  height: 17px;

  color: var(--pri);

}



.ft-bx .con-bx a,

.ft-bx .con-bx p {

  font-weight: 400;

  font-size: 14px;

  line-height: 1.8;

  color: rgba(255, 255, 255, 0.8);

  margin-bottom: 0px;

}



.ft-bx .con-bx a:hover {

  color: var(--pri);

  opacity: 1;

}



.ft-bx .ft-tt {

  font-family: var(--font);

  font-weight: 600;

  font-size: 20px;

  color: var(--pri);

  text-transform: capitalize;

  margin-bottom: 10px;

  position: relative;

}



.ft-bx p {

  color: rgba(255, 255, 255, 0.8);

  line-height: 1.8;

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 20px;

}



.ft-bx ul {

  padding: 0;

  list-style: none;

  margin: 0;

}



.ft-bx ul li a {

  font-size: 14px;

  color: rgba(255, 255, 255, 0.8);

  padding: 3px 0;

  transition: 0.1s;

  display: inline-block;

  font-weight: 400;

}



.ft-bx ul li a:hover {

  color: var(--pri);

  opacity: 1;

}



.ft-bx ul.social {

  display: flex;

  gap: 5px;

  justify-content: start;

  background-color: transparent;

}



.ft-bx ul.social li a {

  background: var(--pri);

  width: 38px;

  height: 38px;

  color: var(--white);

  border-radius: 100%;

  align-content: center;

  text-align: center;

  line-height: 1;

  opacity: 1;

}



.ft-bx ul.social li a svg {

  width: 17px;

  height: 17px;

}



.ft-bx ul.social li a:hover {

  background: var(--white);

  color: var(--pri);

}



.contact-bx.ft-bx ul.social li a {

  border: 1px solid rgba(0, 0, 0, 0.4);

  color: var(--sec);

}



.contact-bx.ft-bx ul.social li.facebook a {

  background: #3c5b9b;

  color: white;

  border: 0;

}



.contact-bx.ft-bx ul.social li.twitter a {

  background: var(--liner);

  background-color: #000;

  color: white;

  border: 0;

}



.contact-bx.ft-bx ul.social li.linkedin a {

  background: #027ba5;

  color: white;

  border: 0;

}



.contact-bx.ft-bx ul.social li.youtube a {

  background: #f70000;

  color: white;

  border: 0;

}



.contact-bx.ft-bx ul.social li.instagram a {

  background: radial-gradient(circle at 30% 107%,

      #fdf497 0%,

      #fdf497 5%,

      #fd5949 45%,

      #d6249f 60%,

      #285aeb 90%);

  color: white;

  border: 0;

}



.copyright {

  padding-top: 15px;

  margin-top: 30px;

  border-top: 1px solid rgba(255, 255, 255, 0.12);

}



.copyright svg {

  color: var(--pri);

}



.copyright p {

  color: rgba(255, 255, 255, 0.7);

  margin-bottom: 0;

  font-weight: 400;

  font-size: 13px;

}



.copyright p a {

  color: rgba(255, 255, 255, 0.9);

  display: inline;

  font-weight: 400;

}



.copyright p a:hover {

  color: var(--pri);

}



footer .content-sec h1,

footer .content-sec h2,

footer .content-sec h3,

footer .content-sec .tt {

  color: var(--white);

  font-size: 18px;

  text-transform: capitalize;

}



footer .content-sec p,

footer .content-sec ul li {

  color: var(--off-white);

  font-weight: 300;

  font-size: 14px;

  line-height: 1.7;

}



.sitemap {

  border-left: 1px solid #666;

  padding: 0;

}



.sitemap li {

  list-style: none !important;

  background: transparent url(../images/sitemap_hr.png) no-repeat scroll 0px 9px;

  padding: 0px 0px 0px 15px;

  margin-bottom: 5px;

  font-family: var(--font2);

  color: var(--text-color);

  font-weight: 400;

}



.sitemap li ul {

  border-left: 1px solid #666;

  padding: 0;

}



.sitemap li a {

  color: var(--text-color);

  font-size: 14px;

  padding-bottom: 5px;

  display: inline-block;

}



.sitemap li a:hover {

  color: var(--pri);

}



.market-sec {

  padding: 60px 0;

  font-family: var(--font2);

}



.market-sec h1,

.market-sec .main-tt,

.market-sec h2,

.market-sec h3 {

  font-size: 20px;

  color: var(--text-color);

  line-height: 26px;

  margin: 20px 0 15px;

  font-weight: 600;

}



.market-sec h2,

.market-sec h3 {

  font-size: 18px;

  font-weight: 600;

}



.market-sec .market-bx {

  padding: 10px 12px;

  background-color: var(--off-white);

  color: var(--text-color);

  font-size: 14px;

  transition: 0.2s ease-in-out;

  border-radius: 10px;

}



.market-sec .market-bx:hover {

  background-color: var(--pri);

  color: white;

}



.expend-content-sec {

  overflow: hidden;

}



.expend-content-sec2 {

  max-height: 260px;

  overflow: clip;

}



.expend-content-sec2.expanded {

  overflow-y: auto;

  padding-right: 10px;

}



.expend-content-sec2.expanded::-webkit-scrollbar {

  width: 5px;

}



.expend-content-sec2.expanded::-webkit-scrollbar-thumb {

  background-color: rgba(0, 0, 0, 0.2);

  border-radius: 5px;

}



.read-toggle {

  display: inline-block;

  color: currentColor;

  cursor: pointer;

  font-weight: 400;

  margin-top: 10px;

  user-select: none;

  font-size: 0.9em;

}



.read-toggle:hover {

  opacity: 0.8;

}



.abt-vid-bx,

.reels-vid {

  overflow: hidden;

  border-radius: 15px;

  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;

}



.abt-vid-bx iframe,

.reels-vid iframe {

  aspect-ratio: 16 / 9;

  object-fit: cover;

  object-position: center;

  width: 100%;

  display: block;

  overflow: hidden;

  pointer-events: none;

  transform: scale(1.02);

  transform-origin: 50% 50%;

}



.reels-vid iframe {

  aspect-ratio: 35 / 62;

}



.blog-sec h1,

.blog-sec h2,

.blog-sec h3,

.blog-sec h4,

.blog-sec h5,

.blog-sec h6 {

  scroll-margin-top: 100px;

  background: transparent;

  -webkit-background-clip: unset !important;

  -webkit-text-fill-color: initial !important;

}



.gallery-bx {

  background: #fff;

  position: relative;

  aspect-ratio: 1 / 1;

  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);

  margin-bottom: 3px;

  border-radius: 15px;

  overflow: hidden;

}



.gallery-bx img {

  aspect-ratio: 1 / 1;

  width: 100%;

  object-fit: cover;

  object-position: center;

  transition: 0.3s ease;

}



.gallery-bx:hover img {

  filter: blur(3px);

}



.gallery-bx.certificate-bx img,

.gallery-bx.certificate-bx {

  aspect-ratio: 164 / 235;

}



.gallery-bx img {

  max-width: 100%;

}



.gallery-bx .link-wrap {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 3;

  display: inline-block;

  height: 45px;

  width: 45px;

  line-height: 40px;

  background-color: rgba(255, 255, 255, 0.2);

  border: 2px solid rgba(255, 255, 255, 0.3);

  text-align: center;

  color: #fff;

  font-size: 14px;

  opacity: 0;

  transition: all 0.5s ease-in-out;

  pointer-events: none;

  border-radius: 100%;

}



.gallery-bx .link-wrap svg {

  width: 20px;

  height: 20px;

}



.gallery-bx:hover .link-wrap {

  opacity: 1;

}



.gallery-bx .tt {

  color: white;

  position: absolute;

  bottom: 0;

  left: 0;

  padding: 45px 20px 10px;

  pointer-events: none;

  width: 100%;

  font-weight: 500;

  font-size: 18px;

  letter-spacing: 0.5px;

  background: linear-gradient(to top,

      rgba(2, 20, 4, 0.75) 10%,

      rgba(0, 0, 0, 0) 70%);

  text-shadow: 1px 1px 5px #000;

  z-index: 2;

}



.contactBx-container {

  background-color: var(--off-white);

  padding: 30px;

  border: 1px solid var(--off-white);

  height: 100%;

  border-radius: 15px;

}



.contact-bx .head-sec {

  margin-bottom: 20px;

}



.contact-bx .head-sec .tt {

  font-size: 25px;

}



.lsm-filter-design-wrap .filter-accordion-item {

  border: 1px solid #e6ebf1;

  border-radius: 14px;

  overflow: hidden;

  background: #ffffff;

  margin-bottom: 12px;

  transition: all 0.3s ease;

  padding: 0;

}



.lsm-filter-design-wrap .filter-accordion-item:last-child {

  margin-bottom: 0;

}



.lsm-filter-design-wrap .category-head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  padding: 8px 12px;

  background: var(--off-white);

  border-radius: 10px;

}



.lsm-filter-design-wrap .parent-select-area {

  display: flex;

  align-items: center;

  gap: 10px;

  flex: 1;

}



.lsm-filter-design-wrap .parent-checkbox,

.lsm-filter-design-wrap .child-checkbox,

.form-check-input:checked {

  width: 17px;

  height: 17px;

  cursor: pointer;

  accent-color: var(--pri);

  border-color: #e3e3e3;

  box-shadow: none !important;

}



.form-check-input:checked,

.form-check-input[type="checkbox"]:indeterminate {

  background-color: var(--pri);

  border-color: var(--pri);

}



.lsm-filter-design-wrap .parent-title {

  font-size: 14px;

  font-weight: 500;

  color: var(--text-color);

  margin: 0;

  line-height: 1.3;

  cursor: pointer;

}



.lsm-filter-design-wrap .accordion-toggle {

  width: 28px;

  height: 28px;

  border: none;

  border-radius: 50%;

  background: var(--pri);

  position: relative;

  cursor: pointer;

  transition: all 0.3s ease;

  flex: 0 0 auto;

}



.lsm-filter-design-wrap .accordion-toggle::before,

.lsm-filter-design-wrap .accordion-toggle::after {

  content: "";

  position: absolute;

  background: var(--white);

  border-radius: 10px;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  transition: all 0.25s ease;

}



.lsm-filter-design-wrap .accordion-toggle::before {

  width: 10px;

  height: 2px;

}



.lsm-filter-design-wrap .accordion-toggle::after {

  width: 2px;

  height: 10px;

}



.lsm-filter-design-wrap .accordion-toggle:not(.collapsed)::after {

  opacity: 0;

}



.lsm-filter-design-wrap .accordion-body {

  padding: 14px;

  background: var(--off-white);

  margin-top: 10px;

  border-radius: 10px;

}



.lsm-filter-design-wrap .subcategory-list {

  list-style: none;

  padding: 0;

  margin: 0;

}



.lsm-filter-design-wrap .subcategory-list li {

  margin-bottom: 8px;

}



.lsm-filter-design-wrap .subcategory-list li:last-child {

  margin-bottom: 0;

}



.lsm-filter-design-wrap .child-label {

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 10px 11px;

  border-radius: 10px;

  background: #fff;

  cursor: pointer;

  transition: all 0.25s ease;

}



.lsm-filter-design-wrap .child-title {

  font-size: 14px;

  font-weight: 500;

  color: var(--text-color);

  line-height: 1.3;

}



@media (max-width: 575px) {

  .lsm-filter-design-wrap .category-head {

    padding: 12px;

  }



  .lsm-filter-design-wrap .parent-title {

    font-size: 14px;

  }



  .lsm-filter-design-wrap .child-title {

    font-size: 13px;

  }



  .lsm-filter-design-wrap .accordion-toggle {

    width: 25px;

    height: 25px;

  }

}



.custom-from-row {

  padding: 35px;

  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);

  background-color: var(--off-white);

  color: var(--text-color);

  border-radius: 10px;

}



.custom-from-row .form-control {

  background-color: var(--white);

}



.hero-tx-bx {

  position: absolute;

  top: 52%;

  left: 8%;

  transform: translateY(-50%);

  z-index: 5;

  text-align: left;

  max-width: 500px;

  width: 100%;

}



.hero-tx-bx .sub-tt {

  color: var(--pri);

  font-size: 16px;

  letter-spacing: 0.5px;

  font-weight: 500;

}



.hero-tx-bx .tt {

  font-family: var(--font);

  color: var(--white);

  font-weight: 500;

  font-size: 50px;

  line-height: 1.2;

  margin-bottom: 20px;

}



.hero-tx-bx .tt span {

  font-family: var(--font3);

  font-weight: 400;

  font-style: italic;

  opacity: 0.9;

}



.hero-tx-bx p {

  font-size: 16px;

  color: rgba(255, 255, 255, 0.9);

  margin-bottom: 30px;

}



main .carousel {

  overflow: hidden;

  border-radius: 20px;

  position: relative;

}



main .carousel::before {

  content: "";

  background: linear-gradient(70deg,

      rgba(0, 0, 0, 0.59) 0%,

      rgba(255, 255, 255, 0) 100%);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

}



main .carousel img {

  height: calc(100vh - 18px);

  object-fit: cover;

  width: 100%;

  object-position: center;

}



.carousel-item.active img {

  animation: heroScaling 8000ms linear forwards;

}



@keyframes heroScaling {

  0% {

    transform: scale(1);

  }



  50% {

    transform: scale(1.08);

  }



  100% {

    transform: scale(1);

  }

}



.counter-bx .tt {

  font-size: 35px;

  font-weight: 600;

  color: var(--text-color);

  letter-spacing: -0.5px;

  text-align: center;

}



.counter-bx p {

  margin-bottom: 0;

  text-align: center;

  color: var(--pri);

}



.jsmarquee-sec {

  width: 100%;

  color: #fff;

  overflow: hidden;

  background-color: var(--sec);

}



.js-marquee-wrapper {

  display: flex;

  width: 100%;

}



.jsmarquee-list {

  display: flex;

  gap: 50px;

}



.jsmarquee-list a,

.jsmarquee-list span {

  font-family: var(--font);

  font-weight: 400;

  font-size: 15px;

  color: white;

  white-space: nowrap;

  position: relative;

  line-height: 1;

}



.jsmarquee-list a:hover {

  color: var(--pri);

}



.jsmarquee-list a::before,

.jsmarquee-list span::before {

  position: absolute;

  content: "";

  width: 16px;

  height: 16px;

  top: 0px;

  right: -33px;

  background: url(../images/icon/star.png);

  background-position: center;

  background-size: contain;

}



.img-cate-bx {

  aspect-ratio: 1 / 1;

  position: relative;

  overflow: hidden;

  border-radius: 20px;

}



.img-cate-bx::before {

  content: "";

  background: linear-gradient(0deg,

      rgb(35 30 24 / 62%) 0%,

      rgba(255, 255, 255, 0) 100%);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

}



.img-cate-bx.aspect-16-9 {

  aspect-ratio: 16 / 9;

}



.img-cate-bx .img {

  height: 100%;

  width: 100%;

}



.img-cate-bx .img img {

  width: 100%;

  height: 100%;

  object-position: center;

  object-fit: cover;

  transition: 0.3s ease-in-out;

}



.img-cate-bx:hover .img img {

  transform: scale(1.05);

}



.img-cate-bx .tx-bx {

  position: absolute;

  bottom: 0;

  width: 100%;

  padding: 15px 20px;

  display: flex;

  justify-content: space-between;

  align-items: end;

  z-index: 2;

}



.img-cate-bx.aspect-16-9 .tx-bx {

  padding: 20px 30px;

}



.img-cate-bx .tx-bx .sub-tt {

  font-size: 14px;

  color: rgba(255, 255, 255, 0.9);

}



.img-cate-bx .tx-bx .tt {

  color: white;

  font-family: var(--font3);

  font-size: 23px;

}



.img-cate-bx.aspect-16-9 .tx-bx .tt {

  font-size: 30px;

}



.img-cate-bx .tx-bx svg {

  width: 22px;

  height: 22px;

  color: white;

  margin-bottom: 12px;

}



.cate-bx .img-bx {

  aspect-ratio: 1 / 1;

  border-radius: 10px;

  overflow: hidden;

  margin-bottom: 10px;

}



.cate-bx .img-bx img {

  width: 100%;

  height: 100%;

  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);

}



.cate-bx .img-bx:hover img {

  transform: scale(1.05);

}



.cate-bx .tx-bx .tt {

  font-size: 18px;

  margin-bottom: 5px;

  font-weight: 500;

  line-height: 1.3;

  color: var(--sec);

}



.cate-bx .tx-bx .tt a {

  color: var(--text-color);

}



.cate-bx .tx-bx .tt a:hover {

  color: var(--pri);

}





.cate-bx.pro-bx{

  border-radius: 20px;

  padding: 15px;

  border: 1px solid var(--border-color);

  transition: 1s cubic-bezier(0.22, 1, 0.36, 1);

}



.cate-bx.pro-bx:hover{

  background-color: var(--off-white);

  border-color: var(--pri);

}



.feature-bx {

  border: 1px solid var(--pri);

  padding: 20px;

  background-color: white;

  border-radius: 20px;

  height: 100%;

}



.feature-bx .count {

  color: var(--pri);

  font-weight: 500;

  margin-bottom: 2px;

}



.feature-bx .tt {

  color: var(--sec);

  font-weight: 600;

  font-size: 20px;

  margin-bottom: 8px;

  line-height: 1.3;

}



.feature-bx p {

  margin-bottom: 0;

}



.why-pointers-bx {

  display: flex;

  gap: 15px;

  align-items: start;

  padding: 18px;

  background-color: white;

  border: 1px solid var(--pri);

  margin-bottom: 10px;

  border-radius: 20px;

}



.why-pointers-bx:last-child {

  margin-bottom: 0px;

}



.why-pointers-bx .icon {

  width: 45px;

  height: 45px;

  flex-shrink: 0;

  color: var(--pri);

  border: 1px solid var(--pri);

  border-radius: 10px;

  align-content: center;

  text-align: center;

  background-color: #fef9ed;

  font-weight: 600;

  font-size: 16px;

  margin-top: 5px;

}



.why-pointers-bx .icon.count {

  background-color: var(--pri);

  border-radius: 100%;

  width: 35px;

  height: 35px;

  color: white;

  font-size: 15px;

}



.why-pointers-bx .tt {

  font-size: 17px;

  font-weight: 600;

  font-family: var(--font);

  color: var(--sec);

}



.why-pointers-bx p {

  margin-bottom: 0;

}



.step-row {

  display: flex;

  gap: 20px;

  border-top: 1px solid var(--pri);

}



.step-row .step-bx {

  position: relative;

  padding-top: 25px;

}



.step-row .step-bx::before {

  content: "";

  width: 13px;

  height: 13px;

  display: block;

  border-radius: 10px;

  border: 1px solid var(--pri);

  position: absolute;

  top: -7px;

  left: 0;

  background-color: white;

  transition: 0.2s ease-in-out;

}



.step-row .step-bx:hover::before {

  background-color: var(--pri);

}



.step-row .step-bx .sub-tt {

  color: var(--pri);

  font-size: 14px;

  font-weight: 500;

}



.step-row .step-bx .tt {

  font-size: 16px;

  color: var(--sec);

  font-weight: 600;

  margin-bottom: 5px;

}



.step-row .step-bx p {

  margin-bottom: 0;

  line-height: 1.5;

  font-size: 13px;

}



.market-ul ul {

  padding: 0;

  margin: 0;

  list-style: none;

}



.market-ul ul li {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 5px 0;

  color: var(--text-color);

  text-wrap: nowrap;

  gap: 10px;

  font-size: 14px;

}



.market-ul ul li span {

  color: var(--pri);

  font-size: 13px;

  display: inline-block;

  order: 1;

}



.market-ul ul li::after {

  content: "";

  width: 100%;

  border-bottom: 1px solid var(--sec);

  order: 0;

  opacity: 0.1;

}



.testiSlider .swiper-slide {

  height: auto;

}



.texti-bx {

  padding: 25px;

  /* border-radius: 20px; */

  position: relative;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.1);

  border-radius: 20px;

}



.texti-bx .img {

  width: 60px;

  height: 60px;

  border-radius: 100%;

  margin-bottom: 15px;

  background-color: white;

  align-content: center;

  text-align: center;

  font-family: var(--font);

  font-weight: 600;

  text-transform: uppercase;

  color: var(--pri);

  font-size: 30px;

}



.texti-bx .name {

  color: var(--white);

  margin-bottom: 15px;

  font-weight: 600;

}



.texti-bx .name span {

  display: block;

  color: var(--pri);

  font-size: 0.95em;

  font-weight: 400;

}



.texti-bx p {

  color: rgba(255, 255, 255, 0.8);

  margin-bottom: 0;

}



.texti-bx .star-rating {

  display: flex;

  gap: 3px;

  position: absolute;

  top: 30px;

  right: 20px;

}



.texti-bx .star-rating svg {

  width: 16px;

  height: 16px;

}



.star-rating-wrap {

  display: flex;

  align-items: center;

  gap: 0;

}



.rating {

  display: flex;

  gap: 0;

  user-select: none;

}



.rating .star {

  width: 30px;

  height: 30px;

  cursor: pointer;

  position: relative;

  display: inline-block;

}



.rating .star i {

  position: absolute;

  inset: 0;

  font-style: normal;

}



.rating .star i::before {

  content: "★";

  position: absolute;

  inset: 0;

  color: #d9d9d9;

  font-size: 30px;

  line-height: 30px;

}



.rating .star i::after {

  content: "★";

  position: absolute;

  inset: 0;

  color: #ffc107;

  font-size: 30px;

  line-height: 30px;

  width: 0%;

  overflow: hidden;

}



.accordion-item,

.accordion-item:first-of-type,

.accordion-item:not(:first-of-type) {

  margin-bottom: 15px;

  background: transparent;

  border: 0;

  border-radius: 0;

  padding: 0;

}



.accordion-item:last-of-type {

  margin-bottom: 0;

}



.accordion-button {

  background: transparent;

  font-weight: 500;

  outline: 0 !important;

  color: var(--text-color);

  font-size: 16px;

  padding: 0;

  padding-right: 20px;

  padding-bottom: 15px;

  border-bottom: 1px solid var(--border-color);

  font-family: var(--font);

  align-content: center;

  border-radius: 0 !important;

}



.accordion-button .fi-num {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background-color: white;

  margin-right: 10px;

  width: 30px;

  font-size: 14px;

  height: 30px;

  border: 1px solid currentColor;

}



.accordion-body {

  padding: 0;

  padding-top: 15px;

  color: var(--para-color);

  font-size: 15px;

}



.accordion-body p {

  margin-bottom: 0;

}



.accordion-button::after {

  position: absolute;

  right: 3px;

  top: 5px;

  width: 20px;

  height: 20px;

  background-size: 18px;

  background-position: center;

  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23111" class="bi bi-plus-lg" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2"/> </svg>');

  transform-origin: center;

}



.accordion-button:not(.collapsed) {

  box-shadow: none !important;

  background: transparent;

  color: var(--pri);

}



.accordion-button:focus {

  box-shadow: none !important;

  border: 0;

  border-bottom: 1px solid var(--border-color);

}



.accordion-button:not(.collapsed)::after {

  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23f3b41e" class="bi bi-dash-lg" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8"/> </svg>');

}



.blog-bx .img-bx {

  aspect-ratio: 16 / 9;

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.blog-bx .img-bx img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  object-position: center;

  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);

}



.blog-bx .img-bx:hover img {

  transform: scale(1.05);

}



.blog-bx .date {

  display: flex;

  padding: 0;

  margin: 8px 0;

  list-style: none;

  gap: 10px;

  align-items: center;

  color: var(--pri);

  font-weight: 500;

}



.blog-bx .date svg {

  margin-right: 2px;

}



.blog-bx .tt {

  margin-top: 3px;

  margin-bottom: 5px;

  font-size: 18px;

  font-weight: 500;

  line-height: 1.5;

  margin-bottom: 10px;

}



.blog-bx .tt a {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  text-overflow: ellipsis;

  white-space: normal;

  -webkit-line-clamp: 2;

  overflow: hidden;

  color: var(--text-color);

  transition: 0.2s;

}



.blog-bx .tt:hover a {

  color: var(--pri);

}



.blog-bx .read-mr {

  gap: 3px;

  color: var(--text-color);

  font-size: 13px;

  font-weight: 500;

}



.blog-bx .read-mr:hover {

  color: var(--pri);

}



.float-name {

  font-size: 85px;

  line-height: 1;

  text-wrap: nowrap;

  font-weight: 600;

  text-transform: uppercase;

  color: var(--white);

  opacity: 0.2;

  text-align: center;

  margin-top: 25px;

  pointer-events: none;

  user-select: none;

}



.glow {

  transform-origin: center;

  animation: glowEffect 1s ease-in-out;

  animation-delay: 600ms;

}



@keyframes glowEffect {

  0% {

    background: rgba(255, 255, 0, 0);

    box-shadow: 0 0 0 rgba(255, 255, 0, 0);

  }



  50% {

    background: rgba(255, 255, 0, 0.3);

    box-shadow: 0 0 10px rgba(255, 255, 0, 0.3);

  }



  100% {

    background: rgba(255, 255, 0, 0);

    box-shadow: 0 0 0 rgba(255, 255, 0, 0);

  }

}



.glow::before,

.glow::after {

  content: "";

  position: absolute;

  width: 1100px;

  height: 700px;

  border-radius: 50%;

  filter: blur(110px);

  pointer-events: none;

}



.glow::before {

  background: radial-gradient(ellipse,

      #6e503a 0%,

      #2b1f18 40%,

      transparent 72%);

  top: -420px;

  right: -400px;

  opacity: 0.65;

  animation: sweep1 9s ease-in-out infinite;

}



.glow::after {

  background: radial-gradient(ellipse,

      #8f773b 0%,

      #5c4118 35%,

      transparent 70%);

  width: 700px;

  height: 500px;

  bottom: -350px;

  left: -350px;

  opacity: 0.4;

  animation: sweep2 9s ease-in-out infinite;

}



@keyframes sweep1 {

  0% {

    transform: translate(0, 0) scale(0.9);

    opacity: 0.35;

  }



  25% {

    transform: translate(-80px, 40px) scale(1.05);

    opacity: 0.6;

  }



  50% {

    transform: translate(-150px, 80px) scale(1.15);

    opacity: 0.75;

  }



  75% {

    transform: translate(-80px, 40px) scale(1.05);

    opacity: 0.6;

  }



  100% {

    transform: translate(0, 0) scale(0.9);

    opacity: 0.35;

  }

}



@keyframes sweep2 {

  0% {

    transform: translate(0, 0) scale(0.9);

    opacity: 0.25;

  }



  25% {

    transform: translate(60px, -40px) scale(1);

    opacity: 0.4;

  }



  50% {

    transform: translate(120px, -80px) scale(1.1);

    opacity: 0.5;

  }



  75% {

    transform: translate(60px, -40px) scale(1);

    opacity: 0.4;

  }



  100% {

    transform: translate(0, 0) scale(0.9);

    opacity: 0.25;

  }

}



.prSlider {

  background-color: var(--off-white);

  border: 1px solid #dbe5f0;

}



.prSlider .swiper-button-next,

.prSlider .swiper-button-prev {

  width: 25px;

  height: 25px;

  background-color: rgba(0, 0, 0, 0.3);

  color: var(--white);

  line-height: 1;

  opacity: 0.8;

  border-radius: 100%;

}



.prSlider .swiper-button-next:after,

.prSlider .swiper-button-prev:after {

  font-size: 11px;

  font-weight: 700;

}



.prSlider .swiper-button-prev {

  left: 10px;

}



.prSlider .swiper-button-next {

  right: 10px;

}



.prSlider .swiper-button-next:hover,

.prSlider .swiper-button-prev:hover {

  /* opacity: 1; */

  background-color: var(--sec);

}



.prSlider .swiper-slide img {

  /* border: 1px solid #dbe5f0; */

  aspect-ratio: 1 / 1;

  object-fit: contain;

  object-position: center;

  width: 100%;

  height: 100%;

  background-color: var(--off-white);

  display: block;

}



.prThumbsSlider .swiper-slide {

  border: 1px solid #dbe5f0;

  overflow: hidden;

}



.prThumbsSlider .swiper-slide img {

  overflow: hidden;

  position: relative;

  cursor: pointer;

  width: 100%;

  height: 100%;

  aspect-ratio: 1 / 1;

  object-fit: cover;

  object-position: center;

  background-color: #f5f5f5;

  overflow: hidden;

}



.prThumbsSlider .swiper-slide {

  opacity: 1;

}



.prThumbsSlider .swiper-slide-thumb-active {

  border: 1px solid var(--pri);

}



.nav-tabs.nav-style-2 .nav-link {

  border: 0;

  border-bottom: 1px solid transparent;

  font-weight: 500;

  padding-inline: 15px;

  color: var(--para-color);

  background-color: transparent;

}



.nav-tabs.nav-style-2 .nav-link:hover {

  color: var(--pri);

}



.nav-tabs.nav-style-2 .nav-link svg {

  width: 16px;

  height: 16px;

  margin-right: 3px;

}



.nav-tabs.nav-style-2 .nav-link.active {

  border-bottom: 2px solid var(--pri);

  color: var(--pri);

}



.white-bx {

  background-color: white;

  border: 1px solid #f0eff8;

  border-radius: 15px;

  padding: 25px;

}



.white-bx .title svg {

  width: 20px;

  height: 20px;

  margin-right: 2px;

  color: var(--pri);

}



.white-bx .title {

  color: var(--text-color);

  font-weight: 500;

  font-size: 15px;

  padding-bottom: 10px;

  margin-bottom: 15px;

  border-bottom: 1px solid #e7e7e7;

}



.white-bx p:last-child {

  margin-bottom: 0;

}



.contact-bx .con-bx.con-bx2 {

  gap: 10px;

  margin-top: 15px;

  margin-bottom: 0;

}



.contact-bx .con-bx.con-bx2 .ic-bx {

  min-width: 35px;

  width: 35px;

  height: 35px;

  background-color: #fff8e8;

}



.contact-bx .con-bx.con-bx2 .ic-bx svg {

  color: var(--pri);

}



.contact-bx .con-bx.con-bx2 .tx-bx .tt {

  color: var(--para-color);

  font-size: 13px;

  font-weight: 500;

  line-height: 1;

}



.counter-bxes .bx .tt {

  font-size: 30px;

}



.counter-bxes .row .col .bx {

  border-right: 1px solid rgba(0, 0, 0, 0.1);

}



.counter-bxes .row .col:last-child .bx {

  border: none;

}



.abt-img-bx {

  aspect-ratio: 4/3;



  overflow: hidden;

}



.abt-img-bx img {

  border-radius: 20px;

}



.abt-btm-bx .tt {

  font-size: 16px;

  color: var(--text-color);

  font-weight: 500;

  text-align: center;

  margin: 5px 0;

  line-height: 1.2;

}



.abt-btm-bx p {

  margin: 0;

  font-size: 13px;

  line-height: 1.4;

  text-align: center;

}



.abt-btm-bx .icon-bx {

  height: 50px;

  width: 50px;

  overflow: hidden;

}



.abt-btm-bx .icon-bx img {

  height: 100%;

  width: 100%;

  object-fit: contain;

}



.abt-btm-bx .bx {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}



.abt-btm-bx {

  padding: 15px;

  border-radius: 12px;

  border: 1px solid #cca64657;

  transition: all 0.2s ease-in-out;

}



.table-bx {

  /* background-color: var(--off-white); */

  /* padding: 25px; */

  border-radius: 12px;

  /* box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.06) inset; */

  transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);

}



.table-bx .table-wrap {

  border: 1px solid rgba(0, 0, 0, 0.2);

  border-radius: 12px;

  overflow: hidden;

}







.table-bx .content-sec table a {

  color: var(--text-color);

  display: inline;

}



.table-bx .content-sec table {

  margin: 0 !important;

  transition: all 0.2s ease-in-out;

  height: 100%;

}



.table-bx .table-wrap table {

  transition: all 0.2s ease-in-out;

}



.table-bx .table-wrap table:hover {

  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.06);

  /* transform: rotateX(-360deg); */

}



.bg-light .table-bx.table-bx2 {

  transition: all 0.2s ease-in-out;

  background-color: var(--white);

}



.table-bx.table-bx2 {

  background-color: var(--off-white);

}



.trade-bx .tt {

  font-size: 25px;

  color: var(--text-color);

  font-weight: 500;

  line-height: 1;

  margin-bottom: 8px;

}



.trade-bx p {

  line-height: 1.4;

  font-size: 15px;

}



.trade-bx {

  overflow: hidden;

  background-color: var(--white);

  border: 1px solid var(--pri);

  border-radius: 20px;

  transition: all 0.2s ease-in-out;

}



.trade-bx:hover {

  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.08);

  border-color: transparent;

  transform: translateY(-10px);

}



.trade-bx .cont-bx {

  padding: 20px 25px;

}



.trade-bx ul {

  list-style: none;

  margin: 0;

  padding: 0;

  display: flex;

  flex-direction: column;

  gap: 8px;

}



.trade-bx ul li {

  font-size: 15px;

  line-height: 1;

  position: relative;

  padding-left: 28px;

}



.trade-bx ul li::before {

  content: "";

  position: absolute;

  left: 0px;

  top: -3px;

  width: 22px;

  height: 22px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cca646' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M15 16l4 -4'/%3E%3Cpath d='M15 8l4 4'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-size: contain;

}



.audit-bx .icon-bx {

  height: 40px;

  width: 40px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  border: 1px solid rgba(255, 255, 255, 0.2);

  border-radius: 8px;

  margin-bottom: 5px;

}



.audit-bx svg {

  height: 25px;

  width: 25px;

}



.audit-bx .tt {

  font-size: 18px;

  font-weight: 400;

  color: var(--white);

  margin: 5px 0;

}



/* .audit-bx .tt span{

  height: 30px;

  width: 30px;

  background-color: var(--white);

  color: var(--text-color);

  padding: 3px;

  border-radius: 50%;

  line-height:1;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-right: 4px;

  font-size: 16px;

} */



.audit-bx p {

  color: rgba(255, 255, 255, 0.75);

  line-height: 1.4;

  font-size: 15px;

  margin: 0;

}



.ceo-rbx {

  padding: 30px 30px;

}



.ceo-rbx .content-sec p {

  color: rgba(255, 255, 255, 0.8);

}



.abt-page .texti-bx {

  background-color: var(--sec);



  .cust-qbx .bx {

    background-color: var(--bg);

  }

}



.cust-qbx .bx {

  padding: 15px;

  background-color: var(--white);

  height: 100%;

  border-left: 4px solid var(--pri);

  border-radius: 12px;

  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);

  transition: all 0.2s ease-in-out;

}



.cust-qbx .bx:hover {

  box-shadow: 0 6px 26px #cca64636;

}



.cert-img-overlay-container {

  position: relative;

  overflow: hidden;

  height: 100%;



}



.cert-img-overlay-container img {

  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);

}



.cert-img-overlay-container:hover img {

  transform: scale(1.05);

}



.cert-img-overlay {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  padding: 24px;

  background: linear-gradient(to top,

      rgba(0, 0, 0, 0.85) 0%,

      rgba(0, 0, 0, 0.4) 60%,

      rgba(0, 0, 0, 0) 100%);

  display: flex;

  align-items: flex-end;

  box-sizing: border-box;

}



.cert-img-overlay-card {

  background: rgba(255, 255, 255, 0.08);

  backdrop-filter: blur(12px);

  -webkit-backdrop-filter: blur(12px);

  border: 1px solid rgba(255, 255, 255, 0.18);

  border-radius: 12px;

  padding: 15px;

  width: 100%;

  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);

  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);

}



.cert-img-overlay-container:hover .cert-img-overlay-card {

  background: rgba(255, 255, 255, 0.14);

  border-color: rgba(255, 255, 255, 0.3);

  transform: translateY(-5px);

  box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.35);

}



.cert-badge {

  background: var(--pri, #cca646);

  color: #fff;

  font-size: 10px;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 1px;

  padding: 4px 10px;

  border-radius: 20px;

  display: inline-block;

  margin-bottom: 2px;

}



.cert-title {

  color: #fff;

  font-size: 20px;

  font-weight: 600;

  font-family: "Mona Sans", sans-serif;

}



.cert-desc {

  color: rgba(255, 255, 255, 0.85);

  font-size: 14px;

  line-height: 1.4;

  margin: 0;

}



.audit-bx {

  border: 1px solid var(--white);

  padding: 10px 15px;

  border-radius: 8px;

}



.certi-bx {

  padding: 15px 20px;

  border-radius: 16px;

  background-color: var(--white);

  transition: all .2s ease-in-out;

}



.certi-bx:hover {

  box-shadow: 0 20px 40px rgba(204, 166, 70, 0.15);

}





.certi-bx .tt {

  font-size: 20px;

  font-weight: 600;

  color: var(--text-color);

  margin-bottom: 6px;

}



.certi-bx p {

  font-size: 14px;

  line-height: 1.4;

  margin: 0;

  opacity: 0.9;

  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);

}



.certi-bx .certi-badge {

  background-color: var(--pri);

  color: var(--white);

  padding: 4px 10px;

  border-radius: 30px;

  font-size: 10px;

  margin-bottom: 8px;

  display: inline-block;

  font-weight: 500;

  text-transform: uppercase;

  border: 1px solid rgba(255, 255, 255, 0.3);

  z-index: 3;



  transition: all 0.3s ease;

}



.labor-list {

  display: flex;

  list-style: none;

  margin: 0;

  padding: 0;

  gap: 3px;

  flex-wrap: wrap;

}



.labor-list li {

  font-size: 13px;

  color: var(--white);

  background-color: #3b2d2440;

  -webkit-backdrop-filter: blur(2px);

  backdrop-filter: blur(2px);

  border: 1px solid rgba(255, 255, 255, 0.2);

  padding: 8px 12px;

  border-radius: 100px;

  line-height: 1;

  font-weight: 300;

  font-family: var(--font2);

  letter-spacing: 1px;

}



.labor-bx {

  position: relative;

  overflow: hidden;

  aspect-ratio: 16/9;

}



.labor-bx .img-bx {

  aspect-ratio: 16/9;

  width: 100%;

  position: relative;

  z-index: -1;

}



.labor-bx .img-bx::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background: linear-gradient(to bottom,

      rgba(0, 0, 0, 0) 0%,

      rgba(0, 0, 0, 0.2) 40%,

      rgba(0, 0, 0, 0.6) 70%,

      rgba(0, 0, 0, 0.95) 100%);

  pointer-events: none;

  z-index: 1;

}



.labor-bx .img-bx img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}



.labor-bx .cont-bx {

  position: absolute;

  bottom: 20px;

  left: 20px;

  width: 80%;

}



.labor-bx {

  overflow: hidden;

  border-radius: 12px;

}



.manufacturing-bx {

  position: relative;



}



.manufacturing-bx .overlays {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  height: 120px;

  width: 120px;

  background-color: var(--pri);

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  padding: 10px;

  border-radius: 50%;

  border: 6px solid var(--white);

  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2)inset;

}





.manufacturing-bx .overlays .tt {

  color: var(--white);

  font-size: 22px;

  font-weight: 500;

  line-height: 1;

  text-align: center;

  margin-bottom: 2px;



}



.manufacturing-bx .overlays .tt>* {

  line-height: 1;

}



.manufacturing-bx .overlays p {

  margin: 0;

  color: var(--white);

  text-align: center;

  line-height: 1.1;

}





.why-us-bx {

  border: 1px solid var(--border-color);



  border-radius: 16px;



  padding: 15px;



  background-color: var(--off-white);



  height: 100%;

  border-top: 4px solid var(--pri);

  transition: 0.3s ease-in-out;

}



.why-us-bx:hover {

  background-color: white;



  box-shadow: 0 16px 56px #cca64654;



  border-color: transparent;

}



.why-us-bx .icon-bx {

  background-color: var(--pri);



  width: 40px;



  height: 40px;



  border-radius: 8px;



  align-content: center;



  text-align: center;



  color: white;



  margin-bottom: 10px;

}



.why-us-bx .icon-bx svg {

  width: 20px;



  height: 20px;

}



.why-us-bx span {

  display: block;

  color: var(--pri);

  font-weight: 500;

}



.why-us-bx .tt {

  font-size: 18px;



  font-weight: 500;



  margin-bottom: 5px;



  color: var(--text-color);

}



.why-us-bx p {

  margin-bottom: 0;



  font-size: 15px;



  line-height: 1.5;

}





.in-house-bx {

  padding: 20px 25px;

  background-color: var(--white);

  border-radius: 16px;

  overflow: hidden;

}







.in-house-list {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  flex-direction: column;

  color: rgba(0, 0, 0, 0.75);

  font-size: 15px;

  font-weight: 500;

}



.in-house-list li {

  position: relative;

  padding-left: 25px;



}



.in-house-list li::before {

  content: "";

  position: absolute;

  width: 20px;

  height: 20px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-arrow-badge-right'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none' /%3E%3Cpath d='M13 7h-6l4 5l-4 5h6l4 -5l-4 -5' /%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

  left: 0;

  top: 1px;

}





.in-house-bx2 .in-house-list li::before {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-arrow-narrow-right'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none' /%3E%3Cpath d='M5 12l14 0' /%3E%3Cpath d='M15 16l4 -4' /%3E%3Cpath d='M15 8l4 4' /%3E%3C/svg%3E");

}





.video {

  overflow: hidden;

  border-radius: 6px;

  background-color: #F4F4F4;

  height: 100%;

  transition: all .2s ease-in-out;

}



.video .cont-bx {

  padding: 10px 15px;

}



.bg-light .video {

  background-color: var(--white);

}





.video .abt-vid-bx {

  display: block;

  overflow: hidden;

  border-radius: 0;

  position: relative;

  aspect-ratio: 16/9;

}



.video .abt-vid-bx.abt-img-bx .g-play {

  display: none;

}



.video:hover {

  box-shadow: 0px 3px 7px #cca64659;

}



.g-play {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 46px;

  height: 46px;

  border-radius: 50%;

  background: rgba(255, 255, 255, .2);

  backdrop-filter: blur(8px);



  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 1;



}



.g-play svg {

  width: 22px;

  height: 22px;

  color: var(--white);

  margin-left: 4px;

  margin-top: 2px;

}









.video .abt-vid-bx img {

  width: 100%;

  aspect-ratio: 16/9;

  display: block;

  object-fit: cover;

  border-radius: 0;

}



.video .abt-vid-bx .badge2 {

  position: absolute;

  top: 5px;

  left: 5px;

  color: var(--white);

  background-color: var(--pri);

  padding: 4px 10px;

  font-size: 12px;

  border-radius: 4px;

  font-weight: 500;

  z-index: 999;

  line-height: 1;

}



.vid-top-bx {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 5px;

  justify-content: space-between;



  margin-bottom: 5px;

}



.vid-top-bx .sm-tt {

  color: var(--pri);

  font-weight: 600;

  font-size: 12px;

  text-transform: uppercase;



}



.vid-top-bx .badge3 {

  background: var(--sec);



  font-size: 11px;

  font-weight: 500;

  color: var(--white);

  padding: 1px 6px;

  padding-top: 3px;

  border-radius: 4px;

}



.video .cont-bx .tt {

  font-size: 16px;

  color: var(--text-color);

  font-weight: 500;

  margin-bottom: 0;

  line-height: 1.2;

  padding-bottom: 10px;

  /* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */

  transition: all .1s ease-in-out;

}



.video .cont-bx .tt:hover {

  color: var(--pri);



}



.date-loc {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 5px;

}



.date-loc .loc,

.date-loc .date {

  font-size: 12px;

  font-weight: 400;

  color: var(--para-color);

}



.date-loc .loc {

  position: relative;

  padding-left: 18px;

  display: flex;

  align-items: center;



}



.date-loc .loc::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 16px;

  height: 16px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 11a3 3 0 1 0 6 0a3 3 0 0 0 -6 0'/%3E%3Cpath d='M17.657 16.657l-4.243 4.243a2 2 0 0 1 -2.827 0l-4.244 -4.243a8 8 0 1 1 11.314 0'/%3E%3C/svg%3E");

  background-repeat: no-repeat;

  background-size: contain;

}





.sourse-bx ul {

  margin: 0;

  padding: 0;

  list-style: none;

  display: flex;

  gap: 10px;

  margin-top: 15px;

  flex-wrap: wrap;

}





.sourse-bx ul li {

  font-size: 12px;

  padding: 4px 8px;

  color: var(--para-color);

  border: 1px solid var(--para-color);

  border-radius: 100px;

  font-weight: 500;

  display: flex;

  align-items: center;

  gap: 4px;

}



.sourse-bx ul li svg {

  height: 17px;

  width: 17px;

  color: var(--pri);

  stroke-width: 2.5

}



.source-sec {

  position: relative;

  background: url("../images/sourcing.png") no-repeat center center;

  background-size: cover;

  overflow: hidden;

  z-index: 1;

}



.w-before::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgb(255 255 255 /90%);

  z-index: -1;



}



.sourse-bx .content-sec,

.sourse-bx ul {

  position: relative;

  z-index: 2;

  width: 100%;



  p {

    color: var(--text-color) !important;

  }



  li {

    color: var(--text-color) !important;

  }

}





.img-bxs .main-img-bx {

  aspect-ratio: 16/9;

  width: 100%;

  overflow: hidden;

  border-radius: 16px;

  border: 6px solid var(--white);

  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);

}



.img-bxs .main-img-bx img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}



.img-bxs {

  position: relative;

  margin-left: 35px;

  margin-bottom: 20px;

}



.img-bxs .overlay-img {

  position: absolute;

  height: 200px;

  width: 300px;

  aspect-ratio: 16/9;

  overflow: hidden;

  border-radius: 12px;

  bottom: -20px;

  left: -30px;

  border: 6px solid var(--white);

  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);

}



.img-bxs .overlay-img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}





.matterial-bx {

  padding: 25px;

  background-color: var(--white);

  border-radius: 16px;

  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);

}





.matterial-bx .tt {

  font-size: 26px;

  color: var(--white);

  font-weight: 500;

  font-family: var(--font3);

  letter-spacing: 1.5px;

}



.matterial-bx p {

  font-size: 16px;

  line-height: 1.3;

  margin: 0;

  color: rgba(255, 255, 255, .76);

}





.matterial-bx .img-bx {

  aspect-ratio: 16/9;

  border-radius: 12px;

  width: 100%;

  position: relative;

  overflow: hidden;

  border: 1px solid rgba(0, 0, 0, 0.15);

}



.matterial-bx .img-bx::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);

  pointer-events: none;

}



.matterial-bx .img-bx img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}



.matterial-bx .img-bx .cont-bx {

  position: absolute;

  left: 0;

  bottom: 15px;

  padding: 0 20px;

  z-index: 2;

}



.techniques-sec {

  display: flex;

  flex-wrap: wrap;

  transition: all .2s ease-in-out;

  border-radius: 12px;

  overflow: hidden;

  border-top-left-radius: 0;

  border-bottom-left-radius: 0;

  border-left: 6px solid var(--pri);

}





.techniques-sec .why-us-bx {

  border-radius: 0;

  height: 100%;

  border: none;

  width: calc(100% / 3);

  pointer-events: none;

  border-right: 1px solid #ddd;

  border-bottom: 1px solid #ddd;





}



.techniques-sec .why-us-bx p {

  color: var(--text-color);

}



.techniques-sec .why-us-bx .tt {

  color: var(--text-color);

}



.big-tt {

  padding: 5px 0;

  padding-left: 10px;

  border-left: 5px solid var(--pri);

  font-size: 17px;

  font-weight: 500;

  color: var(--text-color);

}



.story-overlays {

  font-size: 18px;

  font-weight: 500;

  background-color: var(--white);

  padding: 15px 20px;

  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.14);

  position: absolute;

  bottom: 90px;

  left: -148px;

  color: var(--text-color);

  border-radius: 12px;

  transform: rotate(-90deg);

  border-right: 5px solid var(--pri);

  /* font-family: var(--font3); */

}



.story-img {

  margin-left: 30px;

  margin-bottom: 20px;

  margin-top: 20px;

  z-index: 1;

}



.story-img::before {

  content: "";

  position: absolute;

  height: 150px;

  width: 150px;

  left: -20px;

  top: -20px;

  background-color: var(--pri);

  border-radius: 20px;

  z-index: -1;

  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.14);

}



.happend-bx span {

  color: var(--pri);

  font-size: 14px;

  font-weight: 400;

}



.happend-bx .tt {

  color: var(--text-color);

  font-size: 22px;

  font-weight: 500;

  margin-bottom: 1px;

  margin-top: 1px;

}



.happend-bx p {

  line-height: 1.4;

  margin: 0;

}



.happend-main-bx {

  padding-left: 35px;

  position: relative;

}



.happend-main-bx::before {

  content: "";

  position: absolute;

  height: 100%;

  width: 3px;

  border-radius: 12px;

  background-color: var(--black);

  top: 0;

  left: 0;





}





.happend-bx {

  position: relative;

}



.happend-bx::before {

  content: "";

  position: absolute;

  height: 15px;

  width: 15px;

  background-color: var(--white);

  border-radius: 50%;

  border: 3px solid var(--black);

  top: 50%;

  transform: translateY(-50%);

  left: -42px;

  transition: all .2s ease-in-out;

}





.happend-bx:hover:before {

  background-color: var(--black);

}





.happend-main-bx .happend-bx {

  padding-bottom: 20px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.15);

}



.happend-main-bx .row .col-12:last-child .happend-bx {

  border-bottom: none;

  padding-bottom: 0;

}







.happend-img-copy {

  position: absolute;

  z-index: 1;

  right: 34px;

  bottom: 36px;

  left: 34px;

  max-width: 430px;

  color: var(--white);

}



.happend-img-copy>span {

  display: inline-block;

  margin-bottom: 12px;

  padding: 5px 12px;

  border-radius: 50px;

  background-color: var(--pri);

  color: var(--white);

  font-size: 11px;

  font-weight: 600;

  letter-spacing: .09em;

  text-transform: uppercase;

}



.happend-img-copy .tt {

  margin-bottom: 8px;

  color: var(--white);

  font-size: clamp(18px, 2vw, 28px);

  font-weight: 500;

  line-height: 1.15;

}



.happend-img-copy p {

  margin: 0;

  color: rgba(255, 255, 255, 0.8);

  line-height: 1.5;

}







.happend-img-bx .img-bx::after {

  content: "";

  position: absolute;

  background-color: #2125294a;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  border-radius: 10px;

}



.happend-img-bx-2 {

  max-height: 180px;

  width: 100%;

  margin-top: 15px;

  border-radius: 12px;

  overflow: hidden;

  position: relative;

}





.happend-img-bx-2 img {

  height: 100%;

  width: 100%;

  object-fit: cover;

}



.happend-img-bx-2 .overlays p {

  display: none;

}





.happend-img-bx-2 .overlays {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 20px;

  width: 53%;

}



.happend-img-bx-2 .overlays .tt {

  font-size: 20px;

  color: var(--white);

  font-weight: 400;

  margin-bottom: 2px;

}



.happend-img-bx-2 .overlays p {

  margin: 0;

  color: var(--white);

  line-height: 1.3;

  font-weight: 300;



}





.happend-img-bx {

  padding: 14px;

  border-radius: 16px;

  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);

}



.hw-happend .why-us-bx .tt {

  margin-bottom: 2px;



}



.hw-happend .why-us-bx p {

  font-size: 14px;

}



.bench-bx .img-bx {

  aspect-ratio: 1/1;

  width: 100%;

  overflow: hidden;

  border-radius: 16px;

  position: relative;

  background-color: var(--sec);

}



.bench-bx .img-bx>img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform .45s ease, opacity .45s ease;

}



.bench-bx:hover .img-bx>img,

.bench-bx:focus-within .img-bx>img {

  transform: scale(1.06);

  opacity: .58;

}



.bench-social {

  position: absolute;

  inset: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  background: linear-gradient(180deg, transparent, rgba(38, 37, 31, .45));

  opacity: 0;

  transform: translateY(10px);

  transition: opacity .3s ease, transform .3s ease;

}



.bench-bx:hover .bench-social,

.bench-bx:focus-within .bench-social {

  opacity: 1;

  transform: translateY(0);

}



.bench-social a {

  display: inline-flex;

  width: 42px;

  height: 42px;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background-color: var(--white);

  color: var(--sec);

  box-shadow: 0 6px 16px rgba(0, 0, 0, .2);

  transform: translateY(8px);

  transition: background-color .2s ease, color .2s ease, transform .3s ease;

}



.bench-bx:hover .bench-social a,

.bench-bx:focus-within .bench-social a {

  transform: translateY(0);

}



.bench-social a:nth-child(2) {

  transition-delay: .05s;

}



.bench-social a:nth-child(3) {

  transition-delay: .1s;

}



.bench-social a:hover,

.bench-social a:focus-visible {

  background-color: var(--pri);

  color: var(--white);

}



.bench-social svg {

  width: 16px;

  height: 16px;

  fill: currentColor;

}



.bench-social a[aria-label="Instagram"] svg {

  fill: none;

  stroke: currentColor;

  stroke-width: 2;

}



.bench-social .instagram-dot {

  fill: currentColor;

  stroke: none;

}



@media (hover: none) {

  .bench-social {

    inset: auto 0 0;

    min-height: 64px;

    opacity: 1;

    transform: none;

  }



  .bench-social a {

    width: 38px;

    height: 38px;

    transform: none;

  }

}



.bench-bx {

  /* border: 1px solid rgba(0,0,0,0.1); */

  /* border-radius: 16px; */

  /* box-shadow: 0px 2px 3px rgba(0,0,0,0.16) inset; */

  overflow: hidden;

}



.bench-bx .name {

  font-size: 20px;

  color: var(--text-color);

  font-weight: 600;



}



.bench-bx .deg {

  font-size: 16px;

  font-weight: 500;

  color: rgba(0, 0, 0, 0.8);

}



.bench-bx .cont-bx {

  padding: 10px 15px;

  background-color: var(--white);

  padding-bottom: 0;

}





.we-will .in-house-list li::before {

  height: 17px;

  width: 17px;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%2316a34a'/%3E%3Cpath d='M7 12.5l3 3l7-7' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");

}



.we-will .in-house-bx2 .in-house-list li::before {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23dc2626'/%3E%3Cpath d='M8.5 8.5l7 7M15.5 8.5l-7 7' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");

}





.quality-overlays {

  position: absolute;

  top: 8px;

  left: 10px;

  border-radius: 8px;

  border-right: 4px solid var(--pri);

  padding: 10px 15px;

  background-color: var(--white);

  font-size: 17px;

  color: var(--text-color);

  font-weight: 500;



  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);

}





.quality-img-bx::before {

  content: "";

  position: absolute;

  height: 100%;

  width: 100%;

  background-color: var(--pri);

  top: -30px;

  left: -30px;

  z-index: -1;

  border-radius: 16px;

}



.why-us-bx2:hover {

  box-shadow: none;



}



.search-bx {

  display: flex;

  align-items: center;

  border-radius: 10px;

  overflow: hidden;

  padding: 0;

  padding-left: 0;

  background-color: var(--off-white);

  /* box-shadow: 0 1px 1px 0px rgba(0, 0, 0, .05); */

  border: 1px solid #eee;

}



.search-bx input {

  width: 100%;

  max-width: 100%;

  outline: none;

  border: none;

  color: var(--text-color);

  font-weight: 400;

  height: 20px;

  font-size: 14px;

  min-width: 220px;

  background-color: var(--off-white);

  height: 40px;

  padding-left: 18px;

}



.search-bx button {

  outline: none;

  border: none;

  height: 40px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 0;

  padding-right: 15px;

  color: var(--para-color);

  background: transparent;

}





.blog-bx.blog-card {

  display: flex;

  transition: 0.2s ease;

  gap: 15px;

  border-radius: 10px;

  overflow: hidden;

  background-color: var(--off-white);

}



.blog-bx.blog-card .img-bx,

.blog-bx.blog-card .img-bx img {

  width: 100%;

  aspect-ratio: 1 / 1;

  object-fit: cover;

  width: 90px;

  min-width: 90px;

}



.blog-bx.blog-card .tx-bx {

  padding: 0;

  flex-grow: 1;

}



.blog-bx.blog-card .tx-bx .tt a,

.blog-bx.blog-card .tx-bx .tt {

  font-size: 14px;

  margin: 0;

  padding: 0;

  border: 0;

  -webkit-line-clamp: 2;

}



.blog-bx.blog-card .read-mr {

  font-size: 13px;

  width: auto;

  margin-top: 5px;

}







.ls-thankyou-modal .ls-thankyou-modal-content {

  background-color: var(--pri);

  border: none;

  border-radius: 18px;

  overflow: hidden;

  position: relative;

}



.ls-thankyou-modal .ls-thankyou-modal-header {

  border-bottom: none;

  padding: 16px 16px 0;

  justify-content: flex-end;

  background: unset;

}



.ls-thankyou-modal .ls-thankyou-modal-header .btn-close {

  filter: invert(1);

  opacity: 0.6;

  box-shadow: none;

}



.ls-thankyou-modal .ls-thankyou-modal-header .btn-close:hover {

  opacity: 1;

}



.ls-thankyou-modal .ls-thankyou-modal-body {

  display: flex;

  flex-direction: column;

  align-items: center;

  text-align: center;

  padding: 16px 40px 16px;

  position: relative;

  z-index: 1;

  background-color: unset;

}



.ls-thankyou-modal .ls-thankyou-modal-footer {

  border-top: none;

  justify-content: center;

  padding: 8px 40px 40px;

  position: relative;

  z-index: 1;

}



.ls-thankyou-modal .ls-thankyou-modal-content::before {

  content: "";

  position: absolute;

  bottom: -15px;

  left: -5px;

  width: 150px;

  height: 150px;

  background-image: url("../images/svgs/baby-svgrepo-com.svg");

  background-size: contain;

  background-repeat: no-repeat;

  opacity: 0.5;

  bottom: 10px;

}



.ls-thankyou-modal .ls-thankyou-modal-content::after {

  content: "";

  position: absolute;

  top: 38px;

  right: 5px;

  width: 90px;

  height: 90px;

  background-image: url("../images/family.svg");

  background-size: contain;

  background-repeat: no-repeat;

  opacity: 0.5;

}



.ls-thankyou-modal .ls-thankyou-title {

  font-size: 34px;

  font-weight: 800;

  color: #ffffff;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  margin-bottom: 10px;

}



.ls-thankyou-modal .ls-thankyou-desc {

  font-size: 15px;

  color: rgba(255, 255, 255, 0.85);

  line-height: 1.65;

  max-width: 300px;

  margin: 0 auto;

}



.ls-thankyou-modal .ls-thankyou-btn-home {

  padding: 11px 36px;

  background-color: #ffffff;

  color: var(--pri);

  border: none;

  border-radius: 8px;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 0.08em;

  text-transform: uppercase;

  cursor: pointer;

  transition: opacity 0.2s;

}



.ls-thankyou-modal .ls-thankyou-btn-home:hover {

  opacity: 0.88;

  color: var(--pri);

}



.ls-thankyou-modal .tt {

  font-size: 16px;

  font-weight: 800;

  color: #ffffff;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  margin-bottom: 10px;

}



.review-page .texti-bx {

  background-color: var(--sec);

}





.review-page .texti-bx .img {

  width: 50px;

  height: 50px

}



/* #collapse-horns{

  background-color: var(--off-white);

} */





.contact-bx .form-control {

  background-color: var(--white);

}

.seo-content-bx {
  padding: 30px;
  border-radius: 20px;
  position: relative;
  background-color: var(--off-white);
}

.seo-content-bx .main-title {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  color: var(--text-color);
  padding-right: 50px;
}

.seo-content-bx .main-title span {
  color: var(--pri);
}

.seo-content-bx .read-toggle {
  position: absolute;
  right: 20px;
  top: 25px;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  color: var(--pri);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
}
/* ==========================================================================
   SEO: semantic headings (<h1>-<h4>) that replaced <div class="tt"> blocks.
   Neutralises Bootstrap's default heading styles so the design is unchanged;
   the existing component rules (.head-sec .tt, .feature-bx .tt, ...) still apply.
   ========================================================================== */
.seo-h {
  margin-top: 0;
  margin-bottom: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
  color: inherit;
}