html,
body {
  margin: 0px;
  padding: 0px;
  min-height: 100%;
  overflow-x: hidden;
}

body {
  font-family: "Poppins", sans-serif;
  color: #000;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 28px;
  background: #fff;
  position: relative;
  overflow-x: hidden;
  box-sizing: border-box;
}
p {
  font-size: 17px;
  line-height: 31px;
}
a,
a:link,
a:visited {
  outline: none;
  text-decoration: none;
  -moz-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

img {
  border: none;
  margin: 0px;
  max-width: 100%;
}

h1 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 85px;
  line-height: 95px;
  letter-spacing: -2px;
  margin: 0px;
  padding: 0px;
}
h2 {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 70px;
  line-height: 75px;
  letter-spacing: -2px;
  margin: 0px;
  padding: 0px;
}

h3 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 45px;
  line-height: 55px;
  letter-spacing: -2px;
  margin: 0px;
  padding: 0px;
}
h4 {
  font-size: 35px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  line-height: 45px;
  letter-spacing: -2px;
  margin: 0px;
  padding: 0px;
}
h5 {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -0.2px;
  margin: 0px;
  padding: 0px;
}

h6 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.2px;
  margin: 0px;
  padding: 0px;
}
form,
input,
select,
textarea,
p,
button,
pre {
  margin: 0px;
  padding: 0;
  background: none;
  font-family: "Poppins", sans-serif;
}
button {
  border: none;
}
textarea {
  resize: none;
}

input:focus,
textarea:focus {
  outline: none;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time {
  display: block;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
* {
  box-sizing: border-box;
}
.page-center {
  max-width: 1760px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}
figure,
picture {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
/* header css start */
header .page-center {
  justify-content: space-between;
  gap: 50px;
  display: flex;
  align-items: center;
}

.logo {
  display: flex;
  max-width: 197px;
  width: 100%;
}
.logo img {
  object-fit: scale-down;
  width: 100%;
  height: 90.533px;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.log-anim-frame {
  width: 114px;
  height: 69px;
  position: relative;
  transition: all 0.7s cubic-bezier(0.37, 0, 0.63, 1);
  transform: scale(1.7);
  left: 42px;
}

.fr-logo {
  max-width: 100%;
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 1 !important;
}

.la-aniversary {
  background: url(../images/icon-aniversary-min.png) no-repeat 0 0;
  background-size: 100% 100%;
  width: 60px;
  height: 29px;
  position: absolute;
  top: 12px;
  left: 43px;
  z-index: 3 !important;
  transform: translate(7px, -15px) rotate(100deg) scale(0.1);
  transform-origin: top left;
  opacity: 0;
}

.la-seventeen {
  background: url(../images/seventeenYear-min.png) no-repeat 0 0;
  background-size: 100% 100%;
  width: 30px;
  height: 37px;
  position: absolute;
  top: 0px;
  left: 51px;
  z-index: 2 !important;
  transform: translateY(10px) scale(0.5);
  transform-origin: bottom bottom;
  opacity: 0;
}

.la-tagline {
  background: url(../images/tagline.svg) no-repeat 0 0;
  background-size: 100% 100%;
  width: 75px;
  height: 8px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1 !important;
  transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7466%) hue-rotate(208deg) brightness(114%) contrast(108%);
}

.header-fixed .log-anim-frame {
  transform: scale(1);
  left: 0;
}

.header-fixed .la-tagline, .inner-logo .la-tagline {
  filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(0%) hue-rotate(56deg) brightness(92%) contrast(98%);
}

.menu-area {
  display: flex;
  justify-content: right;
  gap: 10px;
  flex-grow: 1;
  align-items: center;
}
.menu-area ul {
  display: flex;
  gap: 52px;
  background-color: #fff;
  padding: 27px 39px 27px 50px;
  border-radius: 24px;
  height: 85px;
  align-items: center;
}
.menu-right {
  background-color: #fff;
  height: 85px;
  padding: 24px 34px 24px 38px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  gap: 48px;
}
.menu-area ul li a {
  color: rgb(1, 1, 1);
  font-size: 20px;
  line-height: normal;
  font-weight: 500;
  cursor: pointer;
  font-family: "Space Grotesk", sans-serif;
  display: flex;
}
.contact-flag{
  display: flex;
  gap: 40px;
  align-items: center;
}
.phone-header{
    cursor: pointer;
}
.ai-header{
   display: flex;
   gap: 12px;
   align-items: center;
   max-width: 180px;
   width: 100%;
   font-size: 20px;
   line-height: 18px;
   color: #000;
   font-weight: 500;
   position: relative;
}
.ai-header img{
  animation: aiRotate 4s linear infinite;
}

@keyframes aiRotate {
  0% {
    transform: rotate(0deg);
    animation-timing-function: ease-in;
  }
  50% {
    transform: rotate(360deg);
    animation-timing-function: ease-out;
  }
  100% {
    transform: rotate(720deg);
  }
}
.ai-header::before{
  content: "";
  background: rgb(189, 190, 195);
  position: absolute;
  left: -20px;
  width: 1px;
  height: 100%;
  display: block;
}
.ai-header::after{
  content: "";
  background: rgb(189, 190, 195);
  position: absolute;
  right: -20px;
  width: 1px;
  height: 100%;
  display: block;
}
.contact-flag img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.breadcrumb {
  display: flex;
  width: 28px;
  height: 26px;
  object-fit: contain;
  cursor: pointer;
}

header .page-center * {
  z-index: 1;
}
/* header css end */
/* home-banner css start */
.slick-prev,
.slick-next {
  width: 30%;
  height: 100%;
  z-index: 10;
}
.slick-prev::before {
  content: "";
  background: url(../images/arrow-left-min.png) no-repeat;
  background-position: center center;
  background-size: 14px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  opacity: 1;
  display: block;
  transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%)
    hue-rotate(153deg) brightness(104%) contrast(101%);
  position: absolute;
  left: 50%;
  right: 50%;
  top: 50%;
  bottom: 50%;
  border: 1px solid #fff;
  transform: translate(-50%, -50%);
}

.slick-next::before {
  content: "";
  background: url(../images/arrow-right-min.png) no-repeat;
  background-position: center center;
  background-size: 14px;
  display: block;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%)
    hue-rotate(153deg) brightness(104%) contrast(101%);
  position: absolute;
  left: 50%;
  right: 50%;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  top: 50%;
  bottom: 50%;
  border: 1px solid #fff;
  transform: translate(-50%, -50%);
}
.slick-prev::before,
.slick-next::before,
.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
  opacity: 0;
}
.slick-prev:hover::before,
.slick-next:hover::before {
  opacity: 1;
}
.slick-prev.slick-disabled:hover::before,
.slick-next.slick-disabled:hover::before {
  opacity: 0.5;
}
.slick-prev.slick-disabled:hover,
.slick-next.slick-disabled:hover {
  cursor: default;
}
.banner-bottom-slider .banner-item > img,
.banner-bottom-slider .banner-item > p > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50px;
}
.banner-item {
  position: relative;
}

.banner-text > img,
.banner-text > p > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}


/* home-banner css end */
.btn-arrow {
  background-color: rgb(232, 92, 48);
  width: 67px;
  height: 111px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  line-height: 27px;
  color: #fff;
  border-radius: 67px;
  cursor: pointer;
  transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  box-shadow: 0 0 0 transparent;
  transform: scale(1);
  font-weight: 200;
}

.btn-arrow:hover {
  box-shadow: 0 8px 20px rgba(232, 92, 48, 0.4);
  transform: scale(1.15);
  animation: bounce 0.6s;
}

@keyframes bounce {
  0%   { transform: scale(1); }
  60%  { transform: scale(1.2); }
  100% { transform: scale(1.15); }
}

.btn-text {
  display: flex;
  gap: 32px;
  align-items: flex-end;
  padding: 63px 47px;
  position: relative;
  height: 100%;
}
.btn-text h4 {
  color: #fff;
  line-height: 39px;
  max-width: 275px;
  width: 100%;
}

.discover-banner {
  max-width: 470px;
  width: 100%;
  overflow: hidden;
  border-radius: 50px;
  position: relative;
}
.discover-banner figure {
  position: absolute;
  left: 0;
  top: 0;
}
.discover-banner figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.discover-title-right {
  font-size: 18px;
  line-height: 28px;
}
.smart-section {
  padding-top: 156px;
  padding-bottom: 156px;
  border-radius: 100px 100px 0 0;
  background-color: #151515;
}
.smart-title {
  display: flex;
  gap: 70px;
  margin-bottom: 70px;
}
.smart-title h2 {
  max-width: 1142px;
  width: 100%;
  font-size: 70px;
  line-height: 75px;
  color: #fff;
  font-weight: 500;
}
.smart-title p {
  max-width: 404px;
  width: 100%;
  font-size: 22px;
  line-height: 32px;
  font-weight: 300;
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
}
.smart-item {
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.smart-item > img {
  width: 100%;
  height: 417px;
  object-fit: cover;
}
.smart-text {
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  padding: 45px;
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 25px;
  line-height: normal;
  letter-spacing: -0.2px;
}
.smart-item:hover .smart-text {
  opacity: 1;
}
.smart-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: rgba(22, 23, 28, 0.7);
  filter: blur(30px);
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.smart-item:hover::before {
  opacity: 1;
}

.smart-slider .slick-slide {
  margin: 0 15px;
}
.smart-slider .slick-list {
  margin: 0 -15px;
}

.smart-slider .slick-dots li button {
  color: rgb(99, 99, 99);
  color: #fff;
  font-size: 22px;
  line-height: 22px;
  line-height: normal;
  padding: 0;
  margin: 0;
  opacity: 0.5;
  width: auto;
  height: auto;
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.smart-slider .slick-dots li button::before {
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  font-size: inherit;
  border-radius: 0;
  background-color: #fff;
  color: #fff;
  width: 39px;
  height: 2px;
  content: "";
  left: calc(100% + 9px);
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
}

.smart-slider .slick-dots li.slick-active button {
  opacity: 1;
  cursor: auto;
}

.smart-slider .slick-dots li {
  padding: 0;
  margin: 0;
  display: flex;
  height: auto;
}
.smart-slider .slick-dots {
  display: flex;
  align-items: center;
  gap: 60px;
  justify-content: center;
  bottom: -76px;
}
.smart-slider .slick-dots li:last-child button::before {
  display: none;
}
.dark-bg {
  background-color: #151515;
}
.awards-section {
  border-radius: 100px 100px 0 0;
  padding: 145px 0 150px;
  background-color: #fff;
}
.btn-group {
  display: flex;
  width: fit-content;
  gap: 3px;
}

.btn-group .btn-primary {
  background-color: rgb(18, 18, 18);
  font-size: 18px;
  line-height: normal;
  letter-spacing: -0.2px;
  padding: 15px 27px;
  border-radius: 47px;
  color: #fff;
  transition: all 0.3s;
  text-transform: uppercase;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-group .btn-play {
  background-color: rgb(18, 18, 18);
  width: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.5s;
}
.btn-group .btn-play img {
  width: 18px;
  height: 20px;
  object-fit: contain;
}

.btn-group > *:nth-child(1) {
  transform: scale3d(0.5, 0.5, 1);
  margin-right: calc(var(--icon-width, 60px) * -1);
  opacity: 0;
}
.btn-group > *:nth-child(3) {
  transform: scale3d(1, 1, 1);
  margin-left: 0;
  opacity: 1;
}
.btn-group:hover > *:nth-child(1) {
  transform: scale3d(1, 1, 1);
  margin-right: 0;
  opacity: 1;
}
.btn-group:hover > *:nth-child(3) {
  transform: scale3d(0.5, 0.5, 1);
  margin-left: calc(var(--icon-width, 60px) * -1);
  opacity: 0;
}
.title-flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 42px;
  width: 100%;
}
.title-flex h2 {
  flex-grow: 1;
}

.accordion-header {
  cursor: pointer;
}

.learn-btn {
  font-size: 17px;
  line-height: 17px;
  color: #0c0d0d;
  border: 1px solid rgb(209, 209, 209);
  background-color: #fff;
  padding: 17px 40px;
  border-radius: 50px;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  display: inline-flex;
}
.learn-btn:hover {
  background-color: #0c0d0d;
  color: #fff;
  border-color: #0c0d0d;
}
.client-section {
  background-color: #f9f3ee;
  border-radius: 100px 100px 0 0;
  padding: 130px 0 100px;
}
.star-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding-bottom: 5px;
}
.star-flex img {
  height: 22px;
  width: 24px;
  object-fit: contain;
}

.client-bottom {
  margin-top: 72px;
  padding: 60px 0;
  border-top: 1px solid rgb(230, 225, 220);
  border-bottom: 1px solid rgb(230, 225, 220);
}
.client-slider .slick-slide {
  margin: 0 15px;
}
.client-slider .slick-list {
  margin: 0 -15px;
}
.client-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.client-img img {
  max-width: 150px;
  width: 100%;
  height: 60px;
  object-fit: scale-down;
}
.advanced-section {
  background-color: #fff;
  border-radius: 100px 100px 0 0;
  padding: 165px 0;
}
.color-bg {
  background-color: #f9f3ee;
}
.advanced-section .title-flex {
  margin-bottom: 0;
}
.advanced-section .title-flex h2 {
  z-index: 1;
}
.zoonic-section {
  border-radius: 100px 100px 0 0;
  position: relative;
  overflow: hidden;
}
.zoonic-box {
  margin-top: 362px;
  max-width: 689px;
  width: 100%;
  position: relative;
  background-color: rgb(18, 18, 18);
  padding: 94px 73px 65px 73px;
  z-index: 1;
  margin-left: 148px;
  min-height: 400px;
  margin-bottom: 100px;
}
.zoonic-arrow {
  position: absolute;
  top: 0;
  right: 0;
}
.zoonic-arrow img {
  width: 177px;
  height: 177px;
  object-fit: contain;
}
.zoonic-section > figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.zoonic-item {
  max-width: 445px;
  width: 100%;
}
.zoonic-item img {
  max-width: 285px;
  width: 100%;
  object-fit: contain;
  margin-bottom: 35px;
}
.zoonic-item h6 {
  color: #28c775;
  font-weight: 500;
}
.zoonic-item h3 {
  color: #fff;
  font-size: 60px;
  line-height: 60px;
  padding-bottom: 18px;
}
.zoonic-item p {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 30px;
}
.zoonic-item .btn-group {
  margin-bottom: 40px;
}
.zoonic-item .btn-group * {
  background-color: #fff;
  color: #000;
}
.zoonic-item .btn-play img {
  margin: 0;
}
.zoonic-slider .slick-dots {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.zoonic-slider .slick-dots button {
  padding: 0;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 10px;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 0.4;
}
.zoonic-slider .slick-dots li {
  margin: 0;
  width: fit-content;
  height: fit-content;
}
.zoonic-slider .slick-dots li button::before {
  display: none;
}
.zoonic-slider .slick-dots li.slick-active button {
  background: #28c775;
  width: 34px;
  opacity: 1;
}
.blog-section {
  padding: 140px 0 260px;
  border-radius: 100px 100px 0 0;
  background-color: #d8e9e4;
}
.top-move {
  position: relative;
  margin-top: -100px;
  z-index: 1;
}
.blog-slider .slick-slide {
  margin: 0 12.5px;
}
.blog-slider .slick-list {
  margin: 0 -12.5px;
}
.blog-item img {
  height: 420px;
  object-fit: cover;
  border-radius: 50px;
  background-color: rgb(255, 255, 255);
  margin-bottom: 30px;
}
.blog-slider {
  padding-top: 38px;
}
.blog-item label {
  display: block;
  margin-bottom: 20px;
  border: 1px solid rgb(0, 0, 0);
  background-color:transparent;
  font-size: 15px;
  line-height: normal;
  letter-spacing: -0.2px;
  border-radius: 30px;
  width: fit-content;
  padding: 12px 25px;
  font-weight: 300;
  color: #000;
}

/* footer css start */
footer {
  background-color: #121212;
  border-radius: 100px 100px 0 0;
  padding: 0 0 20px;
  color: #fff;
}
.footer-flex {
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.122);
}
.footer-left img {
  max-width: 182px;
  width: 100%;
  padding-bottom: 15px;
}
.footer-left p {
  font-size: 15px;
  line-height: 23px;
  font-weight: 300;
  padding-bottom: 30px;
}
.footr-social-media-flex {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-grow: 1;
}
.footr-social-media-flex a {
  display: flex;
  max-width: 55px;
  width: 100%;
}
.footr-social-media-flex a img {
  object-fit: contain;
}
.footer-left {
  max-width: 507px;
  width: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.122);
  padding: 94px 60px 20px 0;
}
.footer-right {
  max-width: 1219px;
  width: 100%;
  padding-top: 94px;
}
.footer-right-top {
  border-bottom: none;
  padding: 40px 0 50px 75px;
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.footer-top-item h5 {
  padding-bottom: 10px;
  font-size: 25px;
  letter-spacing: -0.4px;
  line-height: normal;
}
.footer-top-item label {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.612);
  line-height: 25px;
  font-weight: 400;
}
.footer-top-item a {
  display: block;
  color: rgb(255, 255, 255);
  font-size: 16px;
  line-height: 23px;
}

.footer-top-item,
.footer-top-item ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
.footer-top-item:first-child {
  max-width: 264px;
}
.footer-top-item:nth-child(2) {
  max-width: 130px;
}
.footer-top-item:nth-child(3) {
  max-width: 395px;
}
.footer-top-item p {
  font-size: 15px;
  line-height: 23px;
  color: rgba(255, 255, 255, 0.502);
  font-weight: 300;
  padding-bottom: 30px;
}
.img-gallery {
  display: flex;
  gap: 18px;
}
.img-gallery a {
  max-width: 118px;
  width: 100%;
}
.img-gallery a img {
  object-fit: cover;
  height: 120px;
  border-radius: 15px;
}
.footer-right-bottom {
  display: flex;
  justify-content: space-between;
  gap: 50px;
  padding: 50px 0 40px 75px;
}
.footer-bottom-item {
  width: 100%;
}
.footer-bottom-item h5 {
  font-size: 25px;
  line-height: normal;
  padding-bottom: 15px;
  letter-spacing: -0.4px;
}
.footer-bottom-item p {
  font-weight: 300;
  font-size: 15px;
  line-height: 23px;
  color: rgba(255, 255, 255, 0.502);
}
.footer-copy {
  padding: 40px 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.footer-copy p {
  font-size: 16px;
  line-height: 25px;
  font-weight: 300;
}
.footer-copy ul {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.footer-copy ul li a {
  font-weight: 300;
  color: #fff;
  font-size: 16px;
  line-height: normal;
}
footer a,
.menu-area ul li a {
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
footer a:hover,
.menu-area ul li a:hover,
.footer-copy ul li a:hover {
  color: rgb(249, 146, 25);
}
.current_page_item>a,.current-menu-parent>a{
  color: rgb(249, 146, 25) !important;
}
/* footer css end */
/* Custom Cursor start */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: clip;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.cursor,
.follower {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 50;
}

.cursor {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  mix-blend-mode: difference;
  transition: transform 0.1s ease-out;
}

.follower {
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  border-color: #ffffff;
  mix-blend-mode: difference;
  transition: transform 0.1s ease-out;
}
.blog-item h4 {
  color: #000 !important;
}
/* Custom Cursor end */
.sub-page-banner{
   padding-bottom: 100px;
}
.sub-page-banner::before{
  content: "";
  background: linear-gradient(
    to right,
    rgb(253, 243, 250),
    rgb(251, 239, 249),
    rgb(228, 224, 255)
  );
  filter: blur(50px);
  width: 100%;
  height: 500px;
  position: absolute;
  top: 0;
  z-index: -1;
}
.sub-page-banner figure{
  overflow: hidden;
  border-radius: 50px;
  display: flex;
}
.sub-page-banner figure img{
  width: 100%;
  object-position: center;
  aspect-ratio: 5/2;
  object-fit: cover;
  
}
.sub-page-banner .page-center{
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.sub-page-banner h1{
  max-width: 1440px;
  width: 100%;
  padding-top: 45px;
  letter-spacing: -2px;
}
.services{
  padding-bottom: 160px;
}
.services .page-center{
   display: flex;
   gap: 100px;
}
.service-left{
   max-width: 812px;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 30px;
}
.service-right{
  max-width: 800px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  row-gap: 60px;
}
.service-grid{
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  border-left: 1px solid #000;
}
.service-grid h4{
  line-height: 40px;
}
.service-grid img{
  max-width: 50px;
  height: 50px;
  width: 100%;
  object-fit: contain;
}
.service-grid:nth-child(odd){
   max-width: 430px;
   padding: 19px 90px 0 50px;
}
.service-grid:nth-child(even){
   max-width: 369px;
   padding: 19px 2px 0 75px;
}
.service-left h5{
  font-size: 30px;
  line-height: normal;
  font-weight: 400;
}
.service-left h2{
   padding-bottom: 30px;
}
.industries{
  color: #fff;
  padding-top: 170px;
  padding-bottom: 150px;
  border-radius: 100px 100px 0 0;
  background-color: #151515;
}
.industries .page-center{
  display: flex;
  gap: 110px;
}
.industries-left{
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 658px;
  width: 100%;
}
.industries-right{
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 950px;
  width: 100%;
  padding-right: 60px;
}
.industries-left h2 span{
  display: block;
  font-size: 140px;
  line-height: 140px;
}
.industries-left p{
  padding-bottom: 20px;
  font-size: 30px;
  line-height: 42px;
}
.industries-left figure{
  display: flex;
}
.industries-left img{
  border-radius: 50px;
  object-fit: cover;
  max-height: 389px;
  height: 100%;
  width: 100%;
}
.industries-right p{
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 80px;
}
.industry-grid{
  display: flex;
  gap: 125px;
  flex-wrap: wrap;
}
.i-grid-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
  max-width: 120px;
  width: 100%;
}
.i-grid-item img{
  font-size: 20px;
  line-height: normal;
   width: 54px;
   height: 54px;
  object-fit: contain;
}
.i-grid-item h6{
  font-weight: 400;
}
.technology{
  padding-top: 130px;
  padding-bottom: 220px;
  border-radius: 100px 100px 0 0;
  background-color: #fff;
}
.title-center{
  display: flex;
  flex-direction: column;
  gap: 30px;
  text-align: center;
  max-width: 1185px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 50px;
}
.title-center p{
  font-size: 20px;
  line-height: 31px;
}
.title-center h2{
  line-height: 85px;
}
.technology-slider{
  max-width: 1185px;
  width: 100%;
  margin: 0 auto;
  margin-top: 70px;
}
.technology-slider figure img{
  width: 100%;
}
.technology-slider .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.technology-slider .slick-dots button {
  padding: 0;
  width: 10px;
  height: 10px;
  background: #a5a5a5;
  border-radius: 10px;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 0.4;
}
.technology-slider .slick-dots li {
  margin: 0;
  width: fit-content;
  height: fit-content;
}
.technology-slider .slick-dots li button::before {
  display: none;
}
.technology-slider .slick-dots li.slick-active button {
  background: #000;
  width: 25px;
  opacity: 1;
}
.light-bg{
  background-color: #f8f8f9;
}
.blog-section.light-bg{
  padding-top: 140px;
}
.overview-title{
  display: flex;
  gap: 65px;
  padding-bottom: 100px;
}
.overview-title-left{
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 765px;
  width: 100%;
}
.overview-title-left p{
  font-size: 22px;
  line-height: 35px;
  color: rgb(12, 13, 13);
}
.overview-title-right{
  max-width: 900px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 90px;
  justify-content: space-between;
}
.overview-title-right p{
   max-width: 400px;
   width: 100%;
   position: relative;
   color: rgb(12, 13, 13);
}
.overview-title-right p:nth-child(odd):after{
  width: 1px;
  height: 100%;
  content: "";
  background-color: #000;
  position: absolute;
  display: block;
  right:-45px;
  top: 0;
}
.over-view-body{
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  justify-content: space-between;
}
.over-view-body-item{
  width: 558px;
  flex-grow: 1;
  border-radius: 50px;
  overflow: hidden;
  padding: 65px 60px 70px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.over-view-body-item:nth-child(3n+1) {
  background-color: rgb(229, 243, 254);
  border-bottom-right-radius: 0;
}
.over-view-body-item:nth-child(3n+2) {
  background-color: rgb(254, 240, 233);
  border-top-left-radius: 0;
}
.over-view-body-item:nth-child(3n+3) {
  background-color: rgb(249, 241, 243);
  border-bottom-left-radius: 0;
}
.over-view-body-item h4{
   display: flex;
   align-items: center;
   gap: 25px;
   font-size: 40px;
   line-height: normal;
   font-weight: 400;
}
.over-view-body-item h4 img{
    max-width: 85px;
    width: 100%;
    object-fit: contain;
}
.overview{
  padding-bottom: 110px;
}
.title-flex p{
  max-width: 561px;
  width: 100%;
}
.process .title-flex{
  align-items: center;
}
.process .title-flex h2{
  flex-grow: 0;
}
.proess-flex{
  padding-top: 100px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.proess-flex h4{
    font-size: 24px;
    line-height: normal;
    display: flex;
    flex-direction: column;
    align-items: center;  
    gap: 25px;
    text-align: center;
    font-weight: 400;
    position: relative;
    max-width: 240px;
    width: 100%;
    letter-spacing: -0.2px;
}
.proess-flex h4::after{
  content: "";
  background: url(../images/prrocess-after-min.png) no-repeat;
  width: 10px;
  height: 100%;
  position: absolute;
  background-position: center;
  right: -10px;
}
.proess-flex h4:last-child::after{
   display: none;
}
.proess-flex h4 img{
  height: 88px;
  object-fit: contain;
  max-width: 60px;
  width: 100%;
}
.process{
  padding-bottom: 150px;
}
.our-technologies{
  padding-bottom: 180px;
}
.our-technologies .page-center{
  display: flex;
  gap: 30px;
}
.our-technologies figure{
  max-width: 654px;
  width: 100%;
  border-radius: 50px;
  overflow: hidden;
  height: auto;
  display: flex;
}
.our-technologies figure img{
  object-fit: cover;
}
.our-tech-content{
  max-width: 1038px;
  width: 100%;
  border-radius: 50px;
  background-color: rgb(247, 247, 250);
  padding: 90px 65px 136px;
}
.our-tech-title{
  display: flex;
  justify-content: space-between;
  gap: 45px;
  align-items: flex-start;
  padding-bottom: 90px;
}
.our-tech-title h2{
  line-height: 70px;
  max-width: 441px;
  width: 100%;
}
.our-tech-titlem p{
  flex-grow: 1;
}
.our-tech-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 70px;
  row-gap: 50px;
}
.our-tech-flex img{
  object-fit: scale-down;
  display: flex;

}
.establishment{
  border-radius: 100px 100px 0 0;
  background-color: rgb(216, 233, 228);
  padding-top: 183px;
  padding-bottom: 342px;
}
.establish-content{
  display: flex;
  gap: 20px;
  flex-direction: column;
  max-width: 810px;
  width: 100%;
}
.establish-content h2{
   font-size: 80px;
   line-height: 90px;
}
.establish-content h2 span{
   display: block;
   font-size: 110px;
   line-height: 110px;
}
.establish-content p{
   font-size: 26px;
   line-height: 36px;
}
.establishment figure{
  border-radius: 50px;
  overflow: hidden; 
  display: flex;
  max-width: 786px;
  width: 100%;
  height: auto;
}
.establishment figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 2/1;
  min-height: 400px;
}
.establishment .establish-item{
    display: flex;
    gap: 120px;
}
.blog{
  padding-bottom: 280px;
}
.blog-flex{
  display: flex;
  flex-wrap: wrap;
  gap: 86px;
  padding-bottom: 90px;
}
.blog-flex-item{
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 515px;
  max-width: 100%;
  position: relative;
}
.blog-flex-item img{
  border-radius: 30px;
  margin-bottom: 20px;
  height: 365px;
  width: 100%;
  object-fit: cover;
}
.blog-flex-item h4{
  font-size: 30px;
  line-height: 40px;
  padding-bottom: 5px;
  letter-spacing: -1px;
}
.blog-flex-item label{
   font-size: 16px;
   line-height: normal;
}
.blog-flex-item p{
  font-size: 16px;
  line-height: 28px;
}
.blog-flex-item:nth-child(3n+1):after,.blog-flex-item:nth-child(3n+2):after{
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgb(224, 224, 224);
  position: absolute;
  display: block;
  right: -43px;
  top: 0;
}
.blog-pagination{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.blog-pagination p{
  line-height: normal;
}
.blog-pagination p strong{
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -1px;
}
.pagination{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.pagination .page-numbers{
  border: 1px solid rgb(224, 224, 224);
  border-radius: 50%;
  background-color: rgba(18, 18, 18, 0);
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  font-size: 17px;
  line-height: normal;
}
.pagination .page-numbers.current{
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}
.pagination .page-numbers:hover{
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}
.pagination .page-numbers.next,.pagination .page-numbers.prev{
  border: none;
}
.blog-banner-detail{
  padding-bottom: 200px;
}
a.blog-flex-item{
  color: inherit;
}
.blog-banner-detail .page-center{
    gap: 25px;
    max-width: 1314px;
}
.blog-banner-detail h1{
  font-size: 70px;
  line-height: 75px;
}
.blog-banner-detail h2{
  font-size: 50px;
  line-height: 56px;
  padding-top: 15px;
}
.blog-banner-detail h3{
  font-size: 40px;
  line-height: 48px;
  padding-top: 15px;
}
.blog-banner-detail h4{
  font-size: 30px;
  line-height: 36px;
  padding-top: 15px;
}
.blog-banner-detail h5{
  font-size: 20px;
  line-height: 25px;
  padding-top: 15px;
}
.blog-banner-detail h6{
  font-size: 18px;
  line-height: 23px;
  padding-top: 15px;
}
.blog-banner-detail a{
   color: #000;
   font-weight: 600;
   cursor: pointer;
}
.blog-banner-detail ul,.blog-banner-detail ol{
  margin: 0;
  padding: 0;
  padding-left: 30px;
}
.blog-banner-detail ul{
  list-style: disc;
}
.blog-banner-detail label{
  font-size: 16px;
  line-height: normal;
}
.blog-banner-detail figure{
  border-radius: 30px;
}
form input,form textarea{
  border: 1px solid rgb(198, 198, 198);
  height: 63px;
  display: flex;
  align-items: center;
  padding: 10px;
  width: 100%;
  border-radius: 8px;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);

}
form textarea{
  min-height: 190px;
}
.blog-banner-detail form{
  max-width: 974px;
  width: 100%;
}
.blog-banner-detail form >p{
  padding-bottom: 30px;
}
.input-wrap{
  padding-bottom: 30px;
}
.input-wrap p{
  width: 100%;
}
.input-flex{
  display: flex;
  gap: 15px;
  row-gap: 30px;
}
.input-flex input{
  flex-grow: 1;
}
form label{
  font-size: 17px;
  line-height: 31px;
}
form input[type="submit"]{
  width: fit-content;
  border: 1px solid rgb(198, 198, 198);
  border-radius: 8px;
  background-color: rgb(18, 18, 18);
  color: #fff;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  font-size: 20px;
  height: 57px;
  line-height: normal;
  padding: 10px 25px;
  cursor: pointer;
}
form input:focus,form textarea:focus{
  border: 1px solid #000;
}
form input[type="submit"]:hover{
   background-color: #fff;
   color: #000;
}
.career-banner .page-center{
   align-items: center;
   text-align: center;
}
.career-banner h1{
  font-size: 120px;
  line-height: 135px;
}
.career-banner p{
  font-size: 26px;
  line-height: 40px;
  margin: 0 auto;
  max-width: 654px;
  width: 100%;
}
.career-banner{
  padding-bottom: 160px;
}
.dark-accordion{
  border-radius: 100px 100px 0 0;
  padding-top: 130px;
  padding-bottom: 200px;
  background-color: #121212;
  color: #fff;
}
.opening-accordion-title{
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
  padding-bottom: 75px;
}
.opening-accordion-title p{
  font-size: 26px;
  line-height: normal;
  font-weight: 400;
  max-width: 805px;
  width: 100%;
  margin: 0 auto;
}
.opening-accordion-title h2{
  font-size: 80px;
}
.opening-accordion-wrapper{
  padding: 40px 0;
  border-bottom: 1px solid rgb(51, 51, 51);;
}
.opening-accordion-wrapper{
  border-top: 1px solid rgb(51, 51, 51);
}
.accordion-body{
  padding-top: 40px;
}
.accordion-header .awrds-right figure{
  display: none;
}
.dark-accordion .page-center{
  max-width: 1322px;
}
.opening-accordion-wrapper .accordion-header{
   display: flex;
   justify-content: space-between;
   gap: 20px;
}
.opening-header-left{
  display: flex;
  gap: 40px;
  max-width: 932px;
  width: 100%;
}
.opening-header-right{
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-grow: 1;
}
.opening-header-left p{
  font-weight: 300;
  font-size: 28px;
  line-height: normal;
  color: rgb(153, 153, 153);
}
.opening-header-right p{
  font-size: 22px;
  color: rgb(153, 153, 153);
  line-height: normal;
}
.opening-header-right span{
  width: 25px;
  height: 25px;
  position: relative;
  transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0);
  text-align: right;
}
.opening-header-right span::after{
  content: "+";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  font-weight: 100;
  font-size: 40px;
  color: rgb(174, 174, 174);
  transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0);
}
.accordion-active .opening-header-right span::after{
  content: "-";
}
.gallery-grid{
    border-radius: 100px 100px 0 0;
    background-color: #fff;
    padding-top: 150px;
    padding-bottom: 300px;
}
.gallery-grid .page-center{
  max-width: 1322px;
}
.gallery-grid .opening-accordion-title{
  gap: 50px;
}
.image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
  justify-content: center;
  margin: auto;
}

.image-item {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.image-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  height: 300px;
}

.image-item:nth-child(6n+2) {
  grid-row: span 2;
}
.image-item:nth-child(6n+2) img{
   height: 100%;
}
.image-item:nth-child(6n+3) {
  grid-column: span 2;
}
.career-detail-flex{
  display: flex;
  justify-content: space-between;
  gap: 100px;
  padding-top: 70px;
  padding-bottom: 200px;
}
.career-detail-banner .page-center{
  max-width: 1324px;
}
.career-detail-left{
  max-width: 725px;
  width: 100%;
  padding-right: 160px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
}
.career-detail-left::after{
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgb(198, 198, 198);
  opacity: 0.502;
}

.career-detail-right{
  max-width: 460px;
  width: 100%;
  align-self: center;
}
.career-detail-left h1{
  font-size: 50px;
  line-height: normal;
  padding: 0;
}
.career-detail-left h2{
  font-size: 40px;
  line-height: normal;
  padding-top: 10px;
}
.career-detail-left h3{
  font-size: 30px;
  line-height: normal;
  padding-top: 10px;
}
.career-detail-left h4{
  font-size: 25px;
  line-height: normal;
  padding-top: 10px;
}
.career-detail-left h5{
   font-size: 20px;
   line-height: normal;
   padding-top: 10px;
}
.career-detail-left h6{
  font-size: 18px;
  line-height: normal;
  font-weight: 500;
  padding-bottom: 40px;
}
.career-detail-left p,.career-detail-left li{
   font-size: 17px;
   line-height: 28px;
}
.career-detail-left ul{
  padding-left: 25px;
  list-style: disc;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.career-detail-left strong,.career-detail-left a{
   color: #000;
   font-weight: 600;
}
.career-detail-right .input-wrap{
  padding-bottom: 20px;
}
.career-detail-right label{
  font-size: 18px;
  line-height: normal;
  padding-bottom: 10px;
  display: block;
  font-weight: 300;
}
.career-detail-right input[type="submit"]{
   font-size: 20px;
   line-height: normal;
   padding: 20px 35px;
   color: #000;
   font-weight: 500;
   border-radius: 8px;
  background-color: rgb(250, 147, 26);
  height: 100%;
  border: 1px solid transparent;
  margin-top: 20px;
}
.career-detail-right input[type="submit"]:hover{
  border: 1px solid rgb(198, 198, 198);
}
.career-detail-right .custom-checkbox {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: normal;
  font-weight: 300;
  cursor: pointer;
  user-select: none;
  position: relative;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.custom-checkbox input {
  display: none;
}

.checkmark {
  width: 35px;
  height: 35px;
  min-width: 35px;
  border: 1px solid rgb(198, 198, 198);
  border-radius: 8px;
  display: inline-block;
  position: relative;
  margin-right: 10px;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.custom-checkbox:has(input:checked) .checkmark {
  background-color: #fa931a;
  border-color: #fa931a;
}

.custom-checkbox:has(input:checked) .checkmark::after {
  content: "";
  position: absolute;
  left: 11px;
  top: 4px;
  width: 9px;
  height: 18px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}


.custom-checkbox .wpcf7-not-valid-tip{
  position: absolute;
  bottom: -20px;
}
.career-detail-right h5{
  padding-bottom: 50px;
}
.faq-banner .page-center{
  display: flex;
  gap: 150px;
  flex-direction: row;
  padding-bottom: 200px;
}
.faq-banner .page-center>p{
  max-width: 373px;
  width: 100%;
  font-weight: 300;
  font-size: 24px;
  line-height: 37px;
}
.faq-banner .page-center > p a{
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: right;
  margin-top: 20px;
  margin-left: auto;
  margin-right: 20px;
}
.faq-banner .page-center > p a img{
  object-fit: contain;
  width: 100%;
}
.faq-right{
  max-width: 962px;
  width: 100%;
}
.faq-right h1{
  padding-top: 0;
  font-size: 110px;
  line-height: 120px;
  padding-bottom: 50px;
}
.faq-right .opening-accordion-wrapper{
  border-top: none;
  border-bottom: 1px solid rgb(221, 221, 221);
  padding: 30px 0;
}
.faq-right .opening-accordion-wrapper:last-child{
  border-bottom: none;
}
.faq-right .accordion-body {
  padding-top: 30px;
}
.faq-right .accordion-body p{
  font-size: 18px;
  line-height: 35px;
}
.faq-right .opening-header-left h6{
  font-weight: 500;
  font-size: 22px;
  line-height: normal;
}
.faq-right .opening-header-right span::after {
  color: #000;
  font-weight: 300;
}
.country-contacts-wrap ul li img {
  width:33px;
  height:23px;
  margin-right:12px
}
.country-contacts-wrap ul {
  display:flex;
  margin-bottom: 140px;
}
.country-contacts-wrap ul li {
  flex:1;
  border-bottom:2px solid #e9e9e9;
  margin-right:28px;
  transition:all ease-in-out .2s
}
.country-contacts-wrap ul li:last-child {
  margin-right:0
}
.country-contacts-wrap ul li:hover,
.country-contacts-wrap ul li.active {
  border-bottom:3px solid rgb(250, 147, 26);
}

.country-contacts-wrap ul li a {
  display:flex;
  align-items:center;
  padding-bottom:15px;
  font-size:20px;
  line-height: normal;
  font-weight:600;
  cursor: pointer;
}
.country-name{
   font-size: 30px;
   line-height: normal;
   font-weight: 600;
   padding-bottom: 30px;
   display: block;
}
.contact-box-wrap{
  display: flex;
  gap: 100px;
}
.contact-box-left{
  max-width: 715px;
  width: 100%;
}
.country-contacts-wrap{
  padding-bottom: 120px;
}
.contact-box-right{
  max-width: 468px;
  width: 100%;
}
.branch-wrap{
  display: flex;
  gap: 30px;
}
.branch-wrap >div{
  width: 331px;
  flex-grow: 1;
  margin-bottom: 20px;
}
.sub-page-banner figure.contact-box-right{
  height: auto;
  border-radius: 0;
}
.sub-page-banner figure.contact-box-right img{
  object-fit: contain;
  aspect-ratio: inherit !important;
}
.branch-wrap h5{
   font-size: 20px;
   line-height: normal;
   padding-bottom: 20px;
   font-weight: 600;
}
.branch-wrap p{
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 20px;
}
.branch-wrap span{
  font-size: 18px;
  line-height: 28px;
  display: block;
}
.branch-wrap span a{
  color: #000;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.branch-wrap span a:hover{
  color: rgb(249, 146, 25);
}
.zap-banner .page-center{
  gap: 10px;
  text-align: center;
  max-width: 1522px;
  padding-top: 70px;
}
.zap-banner figure {
  border-radius: 0;
  max-width: 859px;
  width: 100%;
  height: auto;
  margin: 0 auto;
  margin-top: -228px;
  z-index: -1;
}
.zap-banner figure img{
  object-fit: contain;
  aspect-ratio: inherit !important;
}
.zap-banner{
  padding-bottom: 70px;
}
.zap-banner h1{
  max-width: 100%;
  padding-top: 0;
  font-size: 80px;
  line-height: 80px;
  font-weight: 700;
}
.zap-banner h4{
  font-size: 40px;
  line-height: 40px;
  font-weight: 600;
}
.zap-banner h3{
  font-size: 50px;
  line-height: 50px;
  font-weight: 400;
}
.earn-money .page-center{
  max-width: 1522px;
  flex-direction: column;
  display: flex;
  gap: 140px;
}
.earn-money-top-flex{
   display: flex;
   gap: 28px;
} 
.earn-money-item{
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 40px 65px;
  text-align: center;
  max-width: 475px;
  width: 100%;
  border: 2px solid rgb(232, 233, 237);
  border-radius: 30px;
}
.earn-money-item h5{
  font-weight: 600;
  font-size: 26px;
  line-height: normal;
}
.earn-money-item p{
   font-size: 20px;
   line-height: 29px;
}
.earn-money-top h4{
  text-align: center;
  padding-bottom: 40px;
  font-size: 39.01px;
  line-height: normal;
}
.earn-money-top h4 strong{
  position: relative;
  padding: 0 20px;
}
.earn-money-top h4 strong::before{
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/quotes-left-min.png) no-repeat;
  background-size: 18px;
  position: absolute;
  left: -2px;
  top: 9px;
}
.earn-money-top h4 strong::after{
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/quotes-right-min.png) no-repeat;
  background-size: 18px;
  position: absolute;
  right: -4px;
  top: 9px;
}
.earn-money{
  padding-bottom: 118px;
}
.earn-money-box{
  display: flex;
  gap: 266px;
  padding: 30px 60px;
  border-radius: 30px;
  background-color: rgb(255, 128, 39);
  position: relative;
  margin-top: 114px;
}
.earn-money-box img{
  position: absolute;
  left: 50%;
  right: 50%;
  transform: translateX(-53%);
  max-width: 300px;
  width: 100%;
  object-fit: contain;
  height: 314px;
  top: -60px;
  z-index: 0;
}
.earn-money-box h4{
  max-width: 50%;
  width: 100%;
  font-size: 48px;
  line-height: 53px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0;
  z-index: 1;
  font-family: "Arial Rounded MT Bold", Arial, sans-serif;
}
.earn-money-box h4:first-child{
  text-align: right;
}
.earn-money-box h4 span{
  font-size: 60.343px;
  display: block;
}
.earn-money-bottom{
  max-width: 1038px;
  width: 100%;
  margin: 0 auto;
}
.earn-money-bottom>h2{
  text-align: center;
  font-size: 60px;
  line-height: 65px;
  font-weight: 400;
  padding-bottom: 15px;
}
.earn-money-bottom>h4{
  text-align: center;
  font-size: 30px;
  line-height: normal;
  color: rgb(248, 104, 4);
  font-weight: 400;
}
.earn-money-bottom p{
  text-align: right;
  font-size: 14px;
  list-style: none;
  padding-right: 20px;
  font-weight: 300;
  z-index: 1;
  position: relative;
}
.referal .page-center p{
  font-size: 14px;
  list-style: none;
  font-weight: 300;
  padding-top: 20px;
}
.referal{
  border-radius: 100px 100px 0 0;
  background-color: rgb(249, 243, 238);
  padding-top: 180px;
  padding-bottom: 400px;
}
.referal .page-center{
  max-width: 1522px;
}
.refer-box{
  display: flex;
  gap: 47px; 
}
.referbox-left{
  max-width: 570px;
  width: 100%;
  border-radius: 35px;
  background-color: rgb(253, 251, 250);
  padding: 86px 60px 60px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.referbox-center{
  max-width: 675px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  row-gap: 20px;
}
.referbox-item{
  border-radius: 35px;
  background-color: rgb(253, 251, 250);
  padding: 25px;
  max-width: 323px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.referbox-right{
  position: relative;
  min-width: 100px;
}
.referbox-right img{
  max-width: 459px;
  width: 459px;
  height: 531px;
  object-fit: contain;
  position: absolute;
  left: -296px;
  bottom: -214px;
  pointer-events: none;
}
.referbox-left h4{
  font-weight: 500;
  font-size: 30px;
  line-height: 44px;
  color: rgb(12, 13, 13);
}
.btn-join{
  transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0);
  border: 1px solid rgb(255, 128, 39);
  width: fit-content;
  color: rgb(255, 128, 39);
  font-size: 25px;
  line-height: normal;
  border-radius: 15px;
  padding: 10px 38px;
}
.btn-join:hover{
  border: 1px solid transparent;
  background-color: rgb(255, 128, 39);
  color: #fff;
}
.referbox-item h5{
  font-size: 26px;
  line-height: normal;
  display: flex;
  gap: 15px;
  font-weight: 600;
}
.referbox-item h5 span{
  font-size: 24px;
  color: #fff;
  width: fit-content;
  height: fit-content;
  background-color: rgb(255, 128, 39);
  border-radius: 50%;
  width: 41px;
  height: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.referal  .referbox-item p{
  font-size: 20px;
  line-height: 29px;
  padding-top: 10px;
}
.contact-bottom{
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-top: 130px;
  padding-bottom: 160px;
  border-top: 1px solid rgba(221, 221, 221,0.8);
}

.contact-bottom h2{
  text-align: center;
  font-size: 80px;
  line-height: 90px;
  font-weight: 600;
}
.contact-bottom .btn-orange{
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  border-radius: 20px;
  background-color: rgb(250, 147, 26);
  border: 1px solid transparent;
  padding: 30px 60px;
  font-size: 20px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
  font-weight: 500;
  cursor: pointer;
}
.contact-bottom .btn-orange:hover{
  border: 1px solid rgb(250, 147, 26);
  color: rgb(250, 147, 26);
  background-color: #fff;
}
.contact-banner .page-center{
  max-width: 1322px;
}
.contact-top h1{
  font-size: 120px;
  line-height: 120px;
  display: inline;
  text-align: left;
  margin-bottom: 0px;
  margin-right: 60px;
  padding-top: 0;
}
.contact-top span{
   font-size: 17px;
   line-height: 31px; 
   text-align: justify;
   max-width: 650px;
   width: 100%;
   display: inline-block;
   letter-spacing: -0.6px;
}
.contact-top{
  padding-top: 50px;
  padding-bottom: 60px;
}
.award-banner .page-center{
   padding-bottom: 150px;
}
.award-banner h1{
  font-size: 70px;
  line-height: 75px;
  padding-bottom: 30px;
}
.awards-grid{
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}
.awards-grid-item{
  max-width: 324px;
  width: 100%;
  border:1px solid rgb(203, 206, 212);
  border-radius: 40px;
  padding: 44px 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}
.awards-grid-item img{
   width: 190px;
   height: 190px;
   object-fit: contain;
}
.awards-grid-item p{
   font-size: 19px;
   line-height: 25px;
   font-family: "Space Grotesk", sans-serif;
   font-weight: 500;
}


/* Home-page-discover start */
.discover-section{
  background-color: #fff;
  border-radius: 100px 100px 0 0;
  padding-top: 150px;
  padding-bottom: 150px;
}
.discover-section .page-center{
  display: flex;
  gap: 40px;
}
.discover-content {
  max-width: 1210px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.discover-title-flex{
  display: flex;
  gap: 58px;
}
.d-title-left{
  min-width: 300px;
  position: relative;
}
.d-title-left img{
  width: 298px;
  height: 416px;
  position: absolute;
}
.discover-title-bottom{
  border-radius: 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 33px 65px 0px rgba(144, 151, 185, 0.15);
  padding: 80px 65px;
  z-index: 1;
  margin-left: 30px;
}

.discover-title-bottom p{
  font-size: 21px;
  line-height: 37px;
  font-weight: 300;
}
.d-title-right h3{
  font-size: 55px;
  line-height: 65px;
  font-weight: 600;
  padding-right: 135px;
  padding-top: 90px;
}

.company-loop{
  padding-top: 136px;
  display: flex;
  gap: 50px;
}
.company-item{
  max-width: 264px;
  width: 100%;
  border-right: 2px dotted rgb(194, 194, 194);
  display: flex;
  flex-direction: column;
  padding-right: 30px;
}
.company-item:last-child{
  border: none;
}
.company-item img{
   width: 55px;
   height: 55px;
   object-fit: contain;
   margin-bottom: 30px;
}
.company-item h3{
  font-size: 40px;
  line-height: normal;
  font-weight: 600;
}
.company-item p{
   font-size: 20px;
   line-height: 30px;
   font-weight: 500;
}
.what-we-wrapper{
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  row-gap: 20px;
  padding-top: 40px;
}
.wrapper-box{
  border-radius: 50px;
  padding: 50px 53px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #f9eded;
  max-width: 406px;
  width: 100%;
  gap: 13px;
  color: inherit;
}
.wrapper-box img{
   width: 115px;
   height: 115px;
   object-fit: contain;
   margin-bottom: 15px;
}
.wrapper-box h4{
  font-size: 30px;
  line-height: 34px;
  letter-spacing: -0.2px;
}
.wrapper-box p{
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
}
.wrapper-box:first-child{
  background-color: #f9eded;
}
.wrapper-box:nth-child(2){
  background-color: #ecf5e9;
}
.wrapper-box:nth-child(3){
  background-color: #f0f2fa;
}
.wrapper-box:nth-child(4){
  background-color: #f9ecf9;
}
.wrapper-box:nth-child(5){
  background-color: #f9ecf9;
}
.wrapper-box:nth-child(6){
  background-color: #f0f2fa;
}

.wrapper-box:nth-child(7){
  background-color: #f9f3ef;
}
.wrapper-box:nth-child(8){
  background-color: #f9eded;
}
.appraoch-title{
  font-weight: 500;
  font-size: 30px;
  line-height: 51px;
}
.approach-wrapper{
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-top: 100px;
  padding-bottom: 30px;
}
.approach-item{
  display: flex;
  gap: 30px;
  max-width: 420px;
  width: 100%;
}
.approach-item h3{
  border-radius: 30px;
  background-color: rgb(255, 255, 255);
  width: 81px;
  height: 81px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  line-height: normal;
  font-weight: 400;
}

.approach-right{
  max-width: 306px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-right: 20px;
}
.approach-right h4{
   font-size: 30px;
   line-height: 34px;
}
.approach-right p{
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
}


/* Home-page-discover end */
/* menu-style start */
.menu-wrapper{
  position: relative;
}
.menu-area ul.sub-menu{
   list-style: none;
   display: flex;
   flex-wrap: wrap;
   gap: 50px;
   row-gap: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   height: auto;
   position: absolute;
   top: calc(100% - 20px);
   left: 0;
   z-index: 2;
   width: 100%;
}
.menu-area ul.sub-menu::before{
  content: "";
  width:100%;
  height: 1px;
  background: rgb(221, 226, 230);
  position: relative;
  top: -5px;
  display: block;
  margin-bottom: 20px;
}

.menu-area ul.sub-menu li{
  position: relative;
  padding-left: 10px;
  font-family: "Space Grotesk", sans-serif;
  width: 100%;
  max-width: calc(50% - 25px);
}
.menu-area ul.sub-menu li a{
  font-size: 19px;
  line-height: 40px;
}
.menu-area .sub-menu li::before{
  content: "";
  margin-right: 10px;
  display: inline-block;
  width: 6px;
  height: 6px;
  background: rgb(250, 126, 26);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
  left: -10px;
}
.menu-active{
  color: rgb(249, 146, 25) !important;
}
.navbar-toggle{
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
}
.navbar-toggle>div{
  width: 28px;
  height: 2px;
  border-radius: 3px;
  background-color: #000;
  transition: all .3s ease-in-out;
}
.navbar-toggle .bar1{
   width: 19px;
}
.active-button .navbar-toggle{
  position: relative;
}
.active-button .navbar-toggle>div{
  position: absolute;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
}
.active-button .bar1{
  rotate:45deg;
  width: 28px;
}
.active-button .bar2{
  opacity: 0;
}
.active-button .bar3{
  rotate:-45deg;
}
.main-menu{
  position: fixed;
  background-color: #000;
  width: 100%;
  height: 100%;
  top: 0;
  text-align: center;
  color: #fff;
  max-width: 100%;
  overflow:auto;
  z-index: 1002;
}
/* menu style end*/


.main-menu ul li a{
  font-size:40px;
  line-height: normal;
  color: rgb(154, 154, 154);
  font-weight:200;
  text-decoration:none
}
.main-menu ul li a.active{
  color: #fff;
}
.main-menu .sub-menu li a{
  font-size: 25px;
  line-height: 46px;
  color: #fff;
  font-weight: 200;
}
.main-menu .menu-right{
  background-color: transparent;
}
.main-menu .navbar-toggle > div{
    background-color: #fff;
}
.main-menu header .page-center{
  justify-content: flex-end;
}
.main-menu ul{
  text-align: left;
  display: flex;
  flex-direction: column;
  gap:4px;
  max-width: 300px;
  width: 100%;
  position: relative;
}
.main-menu ul li{
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.main-menu .sub-menu{
  position: absolute;
  left: calc(100% + 50px);
  top: 0;
  transform: translateX(-20%);
  opacity: 0;
  pointer-events: none;
  transition: all .3s ease;
}
.main-menu .active~.sub-menu{
  transform: translateX(0);
  opacity: 1;
  z-index: 1;
  transition:all .75s ease;
  pointer-events: all;
}
.zoonic-section > figure img{
  width: 100%;
}
.main-menu .sub-menu{
  max-width: 100%;
}
.main-menu .menu-item-has-children>a{
  cursor: pointer;
  position: relative;
  display: flex;
  gap:10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.main-menu .menu-item-has-children>a::after{
  content: "";
  background:url(../images/menu-plus-icon.png) 0 0 no-repeat;
  width:24px;
  height:24px;
  display:flex;
  transition:all .3s ease;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none; 
  -ms-user-select: none;  
}
.menu-item-has-children>a.active::after {
  transform:rotate(-45deg);
}
.main-menu ul li a:hover{
  color: rgb(249, 146, 25);
}

.home-banner{
  position: relative;
}
.home-banner::before {
  content: "";
  background-color: #000137;
  background-image: url(../images/bg-gradient-min.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: calc(100% + 312px);
  position: absolute;
  top: -212px;
  z-index: -1;
}
.home-banner,.sub-page-banner,.main-menu>.page-center{
  padding-top: 212px;
}
.main-menu>.page-center{
  padding-top: 80px;
}
.banner-top{
  display: flex;
  gap: 20px;
}
.banner-text{
  max-width: 802px;
  width: 100%;
  padding-top: 180px;
  padding-bottom: 342px;
  position: relative;
}
.banner-right{
  max-width: 908px;
  width: 100%;
}
.banner-text figure img {
  position: absolute;
  object-fit: scale-down;
  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.banner-text figure img:first-child {
 right: 20px;
  top: 0px;
  width: 129px;
  height: 112px;
}
.banner-text figure img:nth-child(2) {
  left: 186px;
   bottom: 68px;
  width: 291px;
  height: 214px;
}

.banner-right figure>img{
  width: 100%;
  height: 100%;
  position: absolute;
  width: 1389px;
  height: 100%;
  right: -317px;
  pointer-events: none;
}
.home-banner .page-center{
  position: relative;
}

.banner-text h3 ,.banner-text h1{
  letter-spacing: -.5px;
  font-size: 65px;
  color: #fff;
  line-height: 60px;
  padding-bottom: 15px;
}
.banner-text h4{
  font-weight: 300;
  font-size: 50px;
  line-height: 64px;
}
.banner-text *{
  color: #fff;
}
.banner-text-inner img {
  max-width: 590px;
  width: 100%;
  object-fit: scale-down;
  height: 83px;
  margin-bottom: 15px;
}
.banner-text p {
  font-weight: 300;
  color: #fff;
  font-size: 22px;
  line-height: 30px;
}
.banner-text-inner h4 span {
color: #fa931a;}
.menu-area .menu .menu-item-has-children>a::after{
  content:"+";
  display: inline-block;
  line-height: normal;
  vertical-align: center;
  padding-left: 3px;
  padding-top: 2px;
}
.banner-right-wrapper{
  width: 100%;
  height: 100%;
  position: relative;
}
.banner-content{
  background-color: transparent;
  color: #fff;
  display: flex;
  font-size: 20px;
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 15px;
  padding:10px 20px;
  border-radius: 16px;
  position: absolute;
  opacity: 0;
  transform: scale(0);
  transition: all 0.6s cubic-bezier(0.61, 1, 0.88, 1);
}
.banner-content img{
  width: 43px;
  height: 43px;
  object-fit: contain;
}

.banner-box:first-child .banner-content{
  top: 41%;
  left: -1%;
}
.banner-box:nth-child(2) .banner-content{
  right: 21%;
  bottom: 22%;
}
.banner-box:nth-child(3) .banner-content{
   bottom: 48%;
   right: 1%;
}
.banner-box:nth-child(4) .banner-content{
   left: 26%;
   top: 15%;
}
.banner-box .banner-content:first-child{
  background-color: #fdb22d;
}
.banner-box .banner-content:nth-child(2){
  background-color: #e73f76;
}
.banner-box .banner-content:nth-child(3){
  background-color: #08c6f4;
}
.banner-box .banner-content:nth-child(4){
  background-color: #00b975;
}
.banner-content.show {
  opacity: 1;
  transform: scale(1);
}
.banner-text h3 span,.banner-text h1 span{
  display: block;
  font-size: 74px;
}
.discover-section{
  z-index: 1;
  position: relative;
}
.blog-banner-detail ol{
  margin-top: 30px;
  margin-bottom: 20px;
}
.blog-banner-detail ol img{
  margin: 0 10px;
  vertical-align: middle;
}
.comment-meta{
  padding: 6px 0;
}
.clutch{
  display: flex;
  gap:20px;
  align-items: center;
  padding-bottom: 20px;
}
.clutch .star-flex{
  gap: 1px;
}
.clutch-left{
  max-width: 91px;
  width: 100%;
}
.clutch-left img{
  max-width: 91px;
  padding-bottom: 0;
}
.clutch-right img{
  padding: 0;
  filter: brightness(0) saturate(100%) invert(57%) sepia(40%) saturate(1330%) hue-rotate(356deg) brightness(96%) contrast(88%);
}
.clutch-left h6{
  font-size: 13px;
  font-weight: 400;
}
.clutch-right{
  max-width: 91px;
  width: 100%;
}
.clutch-right p{
  padding: 0;
}
.footer-left{
  display: flex;
  flex-direction: column;
}
.footer-country{
  padding-top: 80px;
  padding-bottom: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 15px;
}
.footer-country a{
   display: flex;
}
.footer-country a img{
  object-fit: cover;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.getintouchOverlay {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:#000;
  opacity:.3;
  z-index:9998;
}
html.overlay-open,
body.overlay-open {
  overflow: hidden;
}

/* Ensure the popup scrolls if content overflows */
.getintouchPopup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 90vh;
  overflow-y: auto;
  width: 100%;
  max-width: 665px;
  background-color: #fff;
  z-index: 9999;
  border-radius: 30px;
  animation: fadeEffect 0.5s;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none; 
}

.getintouchPopup::-webkit-scrollbar {
  display: none;  /* Chrome, Safari, Edge (WebKit) */
}
.getintouchPopup .getintouchPopupInner {
  position:relative;
  padding:65px 30px;
  z-index:21;
  padding-bottom:20px
}
.getintouchPopup .getintouchPopupClose {
  position:absolute;
  top:27px;
  right:25px;
  width:50px;
  height:50px;
  border-radius:50%;
  background-color:#fdb22d;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor: pointer;
  position: sticky;
  margin-left: auto;
  margin-top: -50px;
}
.getintouchPopup figure{
  display: flex;
  align-items: center;
  justify-content: center;
}
.getintouchPopup .getintouchPopupClose img {
  max-width:30px;
  transition:.3s transform ease;
}
.getintouchDesc{
  padding-bottom: 30px;
}
.getintouchPopup span.wpcf7-form-control-wrap{
  margin-bottom: 15px;
  display: block;
}
.getintouchPopup input[type="submit"]{
  margin-top: 25px;
}
.twoColInput{
  display: flex;
  gap: 15px;
}
.menu-right{
  position: relative;
}
.flag-num-list{
  position: absolute;
  top:calc(100% - 20px);
  left: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 0 0 24px 24px;
}
.flag-num-list-inner{
  padding: 24px 34px 24px 38px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.flag-num-list .flag-item{
  display: flex;
  align-items: center;
  gap: 40px;
}
.flag-num-list a{
  font-weight: 600;
  color: rgb(1, 1, 1);
  line-height: normal;
  display: block;
  font-size: 20px;
  line-height: normal;
  font-family: "Space Grotesk", sans-serif;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.flag-num-list a:hover{
  color: rgb(249, 146, 25);
}
.flag-num-list img{
  width: 34px;
  height: 34px;
  object-fit: cover;
  border-radius: 50%;
}
.btn-apply{
  background-color: #fff;
  font-size: 18px;
  line-height: normal;
  letter-spacing: -0.2px;
  padding: 20px 37px;
  border-radius: 47px;
  display: flex;
  margin-top: 25px;
  font-weight: 500;
  color: #000;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid transparent;
  text-transform: uppercase;
  width: fit-content;
}
.btn-apply:hover{
  background-color: #000;
  border: 1px solid #fff;
  color: #fff;
}
.sub-page-banner.blog-banner-detail figure img{
  aspect-ratio: inherit !important;
}
.clutch-left a{
  color: inherit;
}
.blog-banner-detail strong{
  font-weight: 600;
}
.blog-banner-detail h1 strong,.blog-banner-detail h2 strong,.blog-banner-detail h3 strong,.blog-banner-detail h4 strong,.blog-banner-detail h5 strong,.blog-banner-detail h6 strong{
  font-weight: 500;
}
.blog-banner-detail a{
  font-weight: 400;
  color: rgb(249, 146, 25);
}
.blog-slider .slick-dots,.establishment .slick-dots {
  bottom: -75px;
  display: flex;
  justify-content: center;
  gap: 5px;
}
.blog-slider .slick-dots li,
.slick-dots li {
  margin: 0;
  padding: 0;
}
.blog-slider .slick-dots li button::before,.establishment .slick-dots li button::before{
  color: #000;
  font-size: 16px;
}
.blog-slider .slick-dots li.slick-active button::before,.establishment .slick-dots li.slick-active button::before{
  opacity: 1;
  color: #000;
}

.questionnaire-wrap h1 p,.questionnaire-wrap h2 p,.questionnaire-wrap h3 p,.questionnaire-wrap h4 p,.questionnaire-wrap h5 p,.questionnaire-wrap h6 p{
  letter-spacing: 0;
}
.wpcf7-radio label,.wpcf7-checkbox label{
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
input[type="radio"],input[type="checkbox"]{
  width: 20px;
  height: 20px;
  min-width: 20px;
}

.wpcf7-radio input[type="radio"] {
  margin-top: 3px;
}

.green-slider {
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.radio-select-wrap >.wpcf7-form-control-wrap,.checkbox-wrap >.wpcf7-form-control-wrap{
  display: block;
  margin-top: 10px;
}
.wpcf7-form-control-wrap>.wpcf7-radio,.wpcf7-form-control-wrap>.wpcf7-checkbox{
  display: flex;
  flex-wrap: wrap;
  gap:10px;
  margin-bottom: 35px;
}
.questionnaire-wrap input[type="submit"]{
  margin-top: 20px;
}
.questionnaire-wrap form>p{
  padding-top: 10px;
  padding-bottom: 8px;
  font-size: 23px;
  font-weight: 500;
  text-transform: uppercase;
}
.questionnaire-wrap h1{
  text-align: center;
}
.questionnaire-wrap .page-center>p{
  margin-top: -15px;
}
.col-input{
  padding-bottom: 20px;
}
.custom-checkbox .wpcf7-checkbox{
  margin-bottom: 0 !important;

}
input[type="file"]{
  border:none;
    height: auto;
}
.empty{
  width: 34px;
  display: inline-block;
}
.empty:last-child{
  width: 28px;
  padding-left:30px;
  flex-grow: 1;
}
.flag-item a{
  flex-grow: 1;
  white-space: nowrap;
}
.dicover-slider{
  height: 100%;
  margin-bottom: 0 !important;
}
.dicover-slider .slick-list{
  height: 100%;
}
.dicover-slider .slick-track{
  height: 100%;
}
.discover-slider-item{
  height: 100%;
  position: relative;
}
.dicover-slider .slick-dots {
  bottom: 25px;
  display: flex;
  justify-content: center;
  gap: 0;
}
.dicover-slider .slick-dots li button::before{
  color: #fff;
  font-size: 11px;
}
.dicover-slider .slick-dots li.slick-active button::before{
  opacity: 1;
  color: #fff;
}
.service-list-banner{
  padding-bottom: 200px;
}
.cookie-wrapper{
  background-color: #25303e;
  bottom: 0;
  left: 0;
  position: fixed;
  transition:all .5s ease;
  width: 100%;
  z-index: 102;
  padding: 30px 0;
}
.cookie-wrapper.active-cookie{
  transform: translateY(0) !important;
}
.cookie-wrapper .page-center{
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 150px;
}
.cookie-wrapper p{
   color: #fff;
   max-width: 800px;
   width: 100%;
   font-size: 14px;
   line-height: normal;
}
.cookie-wrapper p a{
     font-weight: 500;
     color: #fff;
     text-decoration: underline;
}
.cookie-wrapper button{
  text-align: center;
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;
  width: fit-content;
  font-size: 16px;
  font-weight: 500;
  padding:10px 50px;
  text-transform: capitalize;
  cursor: pointer;
}
.cookie-wrapper.hidden {
  transform: translateY(100%);
  visibility: hidden;
  z-index: -1;
}
.contact-form-wrapper{
  border-radius: 30px;
  background-color: rgb(251, 239, 249);
  padding: 82px 65px 120px;
  margin-bottom: 60px;
  display: flex;
  gap: 100px;
}
.contact-right input{
   padding: 15px 0;
   border: none;
   height: auto !important;
   border-radius: 0 !important;
   border-bottom: 1px solid #000;
   font-weight: 300;
   font-size: 18px;
   line-height: normal;
}
.contact-right span.wpcf7-form-control-wrap{
  margin-bottom: 20px;
  display: block;
}
.contact-right input::placeholder{
  color: #000;
  opacity: 1;
}
.contact-right input:focus:not(input[type="submit"]){
  border: none !important;
  border-bottom: 1px solid rgb(249, 146, 25) !important;
  color: rgb(249, 146, 25);;
}
.contact-right .file-upload-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-bottom: 30px;
  padding-top: 15px;
}

.contact-right .custom-file-label {
  background-color: transparent;
  cursor: pointer;
  display: inline-block;
  position: relative;
  overflow: hidden;
  background-color: rgba(35, 97, 170, 0);
  border: 1px solid #000;
  border-radius: 30px;
  padding: 10px 30px;
  white-space: nowrap;
  min-width: 160px;
  width: fit-content;
  text-align: center;
}

.contact-right .custom-file-label input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
}

.contact-right .file-info-text {
  font-weight: 300;
  font-size: 13px;
  line-height: 20px;
}
.contact-right input[type="submit"]{
   border-radius: 30px !important;
   padding: 14px 50px;
   font-size: 20px;
   border: none;
}
.contact-left{
  max-width: 508px;
  width: 100%;
}
.contact-right{
  max-width: 484px;
  width: 100%;
  align-self: center;
}
.contact-left h2{
   font-weight: 400;
   color: rgb(0, 0, 0);
   font-size: 55px;
   line-height: 62px;
   padding-bottom: 40px;
}
.contact-left h2 span{
    display: block;
    font-size: 90px;
    line-height: 90px;
}
.contact-left ul{
  padding: 0;
  margin: 0;
  padding-left: 72px;
  display: flex;
  flex-direction: column;
  gap: 45px;
  counter-reset: list-counter;
}
.contact-left ul li{
   font-size: 18px;
   font-weight: 400;
   line-height: normal;
   list-style: none;
   position: relative;
}
.contact-left ul li::before{
  counter-increment: list-counter;
  content: counter(list-counter);
  position: absolute;
  left: -72px;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
  width: 55px;
  height: 55px;
  border: 1px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 28px;
  font-weight: 400;
}
.contact-left ul li::after{
  content: "";
  position: absolute;
  left: -43px;
  top: calc(100% + 12px);
  width: 1px;
  height: 23px;
  background-color: rgb(0, 0, 0);
}
.contact-left ul li:last-child::after{
  display: none;
}

.form-wrapper-section .contact-form-wrapper{
  background-color: transparent;
  border-radius: 0;
  padding: 0;
}
.form-wrapper-section{
  border-radius: 100px 100px 0 0;
  background-color: rgb(251, 239, 249);
  padding-top: 143px;
  padding-bottom: 120px;
}
.form-wrapper-section .page-center{
    max-width: 1150px;
    width: 100%;
}
.referal-bg{
  background-color: rgb(251, 239, 249);
}
.grecaptcha-badge{
  display: none !important;
}
/* Whatsapp icon starts here */
.whatsapp-icon {
  position: fixed;
  bottom: 88px;
  left: 13px;
  width: 50px;
  height: 50px;
  margin: auto;
  z-index: 10;
}
.ai-icon {
  position: fixed;
  bottom: 88px;
  right: 13px;
  width: 50px;
  height: 50px;
  margin: auto;
  z-index: 10;
}

.whatsapp-img {
  display: block;
  position: relative;
  border-radius: 50%;
}
.whatsapp-img img{
  object-fit: contain;
}
.whatsapp-img:before,
.whatsapp-img:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0 0 0 rgba(220,244,222, 1);
  animation: pulse 2s infinite ;
}

.whatsapp-img:after {
  animation-delay: .3s;
}

.whatsapp-img:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(220,244,222, 1);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(220,244,222, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(220,244,222, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(220,244,222, 1);
    box-shadow: 0 0 0 0 rgba(220,244,222, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(220,244,222, 0);
      box-shadow: 0 0 0 20px rgba(220,244,222, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(220,244,222, 0);
      box-shadow: 0 0 0 0 rgba(220,244,222, 0);
  }
}
/* Whatsapp icon ends here */
.whatsapp-icon img,.ai-icon img{
  width: 100%;
  object-fit: contain;
}
.H28Y14Rchat-listings .H28Y14Rchat-list-item .H28Y14Rchat-item-description h3{
  line-height: normal !important;
}
.H28Y14Rchatbot-main .H28Y14Rchatbot-ai-message-item{
  color: #000e33;
  font-family: Euclid Circular A;
  font-size: 15px !important;
  line-height: normal !important;
}
.zsiq_theme1.zsiq_floatmain {
  width: 50px !important;
  max-height: 50px !important;
}
.zsiq_theme1 .zsiq_flt_rel{
  width: 50px !important;
  height: 50px !important;
}
.zsiq_theme1 .zsiq_user{
  border-radius: 50px !important;
}
.zsiq_theme1 .siqicon::before {
  line-height: 50px !important;
  font-size: 23px !important;
}
.siq_bL{
  left: 13px !important;
  bottom: 15px !important;
}
.H28Y14Rchatbot-widget-main-wrapper{
  right: 13px !important;
  bottom: 15px !important;
}
.H28Y14Rchatbot-icon{
  width: 50px !important;
  height: 50px !important;
}
.H28Y14Rchatbot-icon{
  background-image: url(../images/zoonic-icon-min.png) !important;
}
.App{
  z-index: 100;
  position: relative;
}
.H28Y14Rchatbot-main{
  bottom: 60px !important;
}
.col-input label{
  padding-bottom: 15px;
  display: block;
}
.col-input p{
  font-size: 16px;
  line-height: normal;
  padding-bottom: 5px;
  display: block;
  padding-top: 15px;
}
.casestudy-detail{
  padding-bottom: 240px;
}
.casestudy-detail .page-center{
  max-width: 1319px;
  gap: 25px;
}
.casestudy-detail figure{
  border-radius: inherit !important;
}
.casestudy-detail img{
  border-radius: 30px;
  max-height: 577px;
    aspect-ratio: inherit !important;
}
.case-image-flex img:not(:first-child){
  aspect-ratio: 3/3 !important;
}
.casestudy-detail p{
  font-size: 17px;
  line-height: 31px;
  color: #000;
  font-weight: 400;
}
.case-category{
display: flex;
gap: 54px;
padding: 25px 0;
}
.case-category-left{
   max-width: 473px;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 15px;
}
.case-category-right{
  max-width: 742px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.case-category-left label{
  font-size: 22px;
  line-height: normal;
}
.case-category-left h4{
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
}
.case-challenges-grid{
  display: flex;
  flex-wrap: wrap;
}
.case-grid{
  max-width: 639px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 30px 0;
  position: relative;
  border-bottom: 1px solid #000;
}
.case-grid:last-child,.case-grid:nth-last-child(2){
  border: none;
}
.case-grid:nth-child(2){
  border-bottom: 1px solid #000;
}
.case-grid:nth-child(odd){
  padding-right: 70px;
}
.case-grid:nth-child(even){
  padding-left: 70px;
}
.case-grid:nth-child(odd)::after{
    content: "";
    position: absolute;
    width: 1px;
    background: #000;
    height: calc(100% - 60px);
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
    right: 0;
}
.case-result-left{
  max-width: 590px;
  width: 100%;
  padding-left: 0;
}
.case-result-right{
  max-width: 614px;
  width: 100%;
  height: auto;
}
.casestudy-detail ul{
  list-style: disc;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: 17px;
  line-height: normal;
}
.case-results{
  display: flex;
  gap: 70px;
}
.case-challenges{
  padding: 20px 0;
}
.case-image-flex{
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding-top: 40px;
}
.case-image-flex img{
  width: 623px !important;
  max-height: 100%;
  flex-grow: 1;
}
.case-image-flex img:first-child{
  flex-grow: 1;
  width: 100% !important;
}
ul.case-result-left{
  padding-left: 0;
  list-style: none;
}
ul.case-result-left li h5{
  padding-left: 30px;
  position: relative;
  margin-bottom: 15px;
  font-weight: 600;
}
ul.case-result-left li h5::before{
  background: #000;
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}

.casestudy-detail article{
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
}
.casestudy-detail a{
  font-weight: 400;
  color: rgb(249, 146, 25);
}
.casestudy-detail h1{
  font-size: 100px;
  line-height: 110px;
  font-weight: 500;
  margin-top: -15px;
}
.casestudy-detail h2{
  font-size: 40px;
  line-height:48px;
  font-weight: 500
}
.casestudy-detail h3{
  font-size:30px ;
  line-height:40px;
  font-weight: 500;
}
.casestudy-detail h4{
  font-size: 25px;
  line-height:normal;
  font-weight: 600;
}
.casestudy-detail h5{
  font-size: 24px;
  line-height:normal;
  font-weight: 500;
}
.casestudy-detail h6{
  font-size: 20px;
  line-height:normal ;
}
.blog-flex-item:last-child::after{
  display: none !important;
}
.success-msg{
  text-align: center;
  text-align: center;
  background:rgb(249, 146, 25);
  padding:30px 40px;
  border-radius:24px;
  font-size: 17px;
  line-height: normal;
  display: flex;
  flex-direction: column;
  gap:12px;
}
.success-msg strong{
  font-size: 24px;
  line-height: normal;
  font-weight: 600;
}
.success-msg a{
  color: #000;
  font-weight: 500;
  text-decoration:underline;
}
.btn-cancel{
  width: fit-content;
  margin:0 auto;
  background:#000;
  color: #fff !important;
  padding:7px 30px;
  border-radius:9px;
  text-decoration: none !important;
  cursor: pointer;
}
figure.wp-block-table{
  border-radius: 0 !important;
}
.radio-select-wrap .wpcf7-list-item{
  width: 41%;
  align-self: flex-start;
}
header{
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  position: fixed;
  top: 43px;
  width: 100%;
  left: 0;
  z-index: 1000;
}
header.header-fixed:not(.header-hide){
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  background-color: #fff;
  top: 0;
}
header.header-fixed:not(.header-hide) .page-center{
  padding-top: 5px;
  padding-bottom: 5px;
  transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
header.header-fixed:not(.header-hide) .logo img{
  height: 68px;
}

.floating-icons {
  position: fixed;
  bottom: 5%;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 100;
}

.floating-item {
  border-color: rgb(53, 53, 53);
  background-color: rgb(39, 39, 39);
  border-radius: 15px 0 0 15px;
  padding: 12px 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position: relative;
  justify-content: flex-end;
  height: 60px; /* Initial height */
  overflow: hidden;
  transition: height 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.floating-item:hover {
  height: 200px; /* Expanded height */
}

.floating-item img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  z-index: 2;
  transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1)
}

.floating-item p {
  font-size: 17px;
  line-height: 19.8px;
  color: #fff;
  transform: rotate(-90deg);
  width: 130px;
  position: absolute;
  bottom: 110px;
  opacity: 0;
  transition: opacity 0.4s ease, bottom 0.4s ease;
}

.floating-item:hover p {
  opacity: 1;
}

.H28Y14Rchatbot-icon{
  display: none;
}
header.header-fixed.header-hide{
  top: 0 !important;
}
.file-upload-wrapper .wpcf7-form-control-wrap{
  display: none !important;
}
.upload-resume input[type="file"]:focus{
  border: none !important;
}
.upload-resume input[type="file"] {
  font-size: 15px;
  font-family: "Poppins", sans-serif;
}

.upload-resume input[type="file"]::-webkit-file-upload-button {
  background-color: #fa931a;
  color: white;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
}

.upload-resume input[type="file"]::file-selector-button {
  background-color: #fa931a;
  color: white;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
}
.btn-back{
  color: #000 !important;
  border:1px solid #000;
}
.btn-back:hover{
  color: #fff !important;
  border:1px solid #000;
}
.fixed-bottom{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  padding-top: 84px;
  position: relative;
  padding-bottom: 80px;
}
.fixed-bottom::before{
  content:"";
  position: absolute;
  top: 42px;
  width: 100vw;
  height: 1px;
  background:#6b6b6b;
  left: -5vw;
}
.fixed-flex{
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;
}
.fixed-flex .menu-right-menu-container{
  height: 100%;
  flex-grow: 1;
}
.main-menu header.header-hide{
  top: 0 !important;
}
@media only screen and (min-width: 1025px) {
    .scroll-pin>section{
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
}
.banner-slider{
  margin-bottom: 0 !important;
}
.banner-slider .slick-dots {
  bottom: 25px;
  display: flex;
  justify-content: center;
  gap: 5px;
}
.banner-slider .slick-dots li,
.slick-dots li {
  margin: 0;
  padding: 0;
}
.banner-slider .slick-dots li button::before{
  color: #fff;
  font-size: 16px;
  }
.banner-slider .slick-dots li.slick-active button::before{
  opacity: 1;
  color: #fff;
}
.banner-slider .slick-list{
  overflow: visible;
}
.banner-slider .slick-slide:nth-child(2) .banner-right figure > img{
  width: 100%;
  height: 100%;
  position: initial;
  padding-bottom: 80px;
}