article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

/* ------------------ Quicksand ------------ */
@font-face {
  font-family: "Quicksand";
  src: url("../font/Quicksand/Quicksand-Light.ttf");
  font-weight: 300;
}

@font-face {
  font-family: "Quicksand";
  src: url("../font/Quicksand/Quicksand-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: "Quicksand";
  src: url("../font/Quicksand/Quicksand-Medium.ttf");
  font-weight: 500;
}

@font-face {
  font-family: "Quicksand";
  src: url("../font/Quicksand/Quicksand-SemiBold.ttf");
  font-weight: 600;
}

@font-face {
  font-family: "Quicksand";
  src: url("../font/Quicksand/Quicksand-Bold.ttf");
  font-weight: 700;
}

/* -----------Inter--------------- */

@font-face {
  font-family: "Inter";
  src: url("../font/Inter/Inter-Light.ttf");
  font-weight: 300;
}

@font-face {
  font-family: "Inter";
  src: url("../font/Inter/Inter-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: "Inter";
  src: url("../font/Inter/Inter-Medium.ttf");
  font-weight: 500;
}

@font-face {
  font-family: "Inter";
  src: url("../font/Inter/Inter-SemiBold.ttf");
  font-weight: 600;
}

@font-face {
  font-family: "Inter";
  src: url("../font/Inter/Inter-Bold.ttf");
  font-weight: 700;
}

/* ---------- Plus_Jakarta_Sans ------------ */
@font-face {
  font-family: "Plus_Jakarta_Sans";
  src: url("../font/Plus_Jakarta_Sans/PlusJakartaSans-Light.ttf");
  font-weight: 300;
}

@font-face {
  font-family: "Plus_Jakarta_Sans";
  src: url("../font/Plus_Jakarta_Sans/PlusJakartaSans-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: "Plus_Jakarta_Sans";
  src: url("../font/Plus_Jakarta_Sans/PlusJakartaSans-Medium.ttf");
  font-weight: 500;
}

@font-face {
  font-family: "Plus_Jakarta_Sans";
  src: url("../font/Plus_Jakarta_Sans/PlusJakartaSans-SemiBold.ttf");
  font-weight: 600;
}

@font-face {
  font-family: "Plus_Jakarta_Sans";
  src: url("../font/Plus_Jakarta_Sans/PlusJakartaSans-Bold.ttf");
  font-weight: 700;
}

/* Sora */
@font-face {
  font-family: "sora";
  src: url("../font/Sora/Sora-Regular.ttf");
  font-weight: 700;
}


/* Manrope */
@font-face {
  font-family: "manrope";
  src: url("../font/Manrope/Manrope-Bold.ttf");
  font-weight: 700;
}

/* SetaRetaNF */
@font-face {
  font-family: "SetaRetaNF";
  src: url("../font/Nick\'s\ Fonts\ -\ SetaRetaNF.otf");
  font-weight: 700;
}

:root {
  --family-Inter: "SetaRetaNF";
  --family-Quicksand: "SetaRetaNF";
  --family-Plus_Jakarta_Sans: "SetaRetaNF";

  --font-52: 52px;
  --font-40: 40px;
  --font-42: 42px;
  --font-32: 32px;
  --font-30: 30px;
  --font-28: 28px;
  --font-26: 26px;
  --font-24: 24px;
  --font-22: 22px;
  --font-20: 20px;
  --font-18: 18px;
  --font-16: 16px;
  --font-14: 14px;
  --font-12: 12px;

  --middle_orange: #FE9C39;
  --middle_black: #101212;
  --main_black: #1C1C1C;
  --middle_blue: #677294;
  --white: #fff;
  --black: #000;
  --darkgray: #6A6B6C;
}

body {
  margin: 0;
  /* font-family: var(--family-Inter); */
  font-family: var(--family-SetaRetaNF);
  font-weight: 300;
  line-height: 1.5;
  background-color: var(--white);
  overflow-x: hidden;
}

a {
  text-decoration: none !important;
}

ul {
  list-style: none;
}

/*.container {max-width: 90%;}*/
/* -------- Header --------  */
.header_miansection {
  padding: 30px 0px;
  position: absolute;
  width: 100%;
  border-bottom: 1px solid #fff;
}

.header_miansection .row {
  display: flex;
  align-items: center;
}

.header_miansection .header_navlinks ul {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 0px;
  justify-content: end;
  padding: 0;
}

.header_miansection .header_navlinks li a {
  font-family: var(--family-Plus_Jakarta_Sans);
  font-size: var(--font-18);
  font-weight: 600;
  color: var(--white);
  padding: 0 20px;
}

@media (min-width: 992px) and (max-width: 1400px) {
  .header_miansection .header_navlinks ul {
    gap: 0px;
  }
  .header_miansection .header_navlinks li a {
    font-size: var(--font-14);
  }
  .header_navlinks .main_button {
    font-size: var(--font-14) !important;

  }
}

.header_miansection .main_logo_text,
.header_miansection .main_logo_text a {
  font-family: var(--family-Plus_Jakarta_Sans);
  font-size: var(--font-24);
  font-weight: 700;
  color: var(--white);
  margin: 0;
}

.header_miansection .main_logo_text .title {
  max-width: 300px;
  width: 80%;
}

.header_miansection .header_navlinks li a.main_button {
  display: block;
  font-family: var(--family-Plus_Jakarta_Sans);
  font-size: var(--font-18);
  font-weight: 600;
  color: var(--white);
  background: #C3AF93;
  padding: 15px 29px;
  border-radius: 100px;
  border: 1px solid #C3AF93;
  text-wrap: nowrap;
}

.header_miansection .navbar-toggler-icon {
  width: 2.5em;
  color: #FE9C39;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28225, 225, 225, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  opacity: 1;
}

.white_header {
  position: relative;
  padding: 18px 0px;
  background: #FFFFFF;
  box-shadow: 0px 10px 19px 14px #00000008;
  margin-bottom: 4em;
}

.white_header .main_logo_text,
.white_header .main_logo_text a {
  color: #C3AF93;
}

.white_header .header_navlinks li a {
  color: #C3AF93;
}

section.hero_area {
  padding: 13em 0 8em;
  background-color: #B9CBD2;
  /*background-image: url(../images/hero-bg.png);background-repeat: no-repeat;background-size: cover;background-position: top center;*/
}

section.hero_area .hero_content {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

section.hero_area .hero_content h6 {
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  font-family: var(--family-Inter);
  margin: 0;
}

section.hero_area .hero_content h2 {
  font-size: 52px;
  line-height: 70px;
  font-weight: 700;
  font-family: var(--family-Quicksand);
  margin-bottom: 7px;
}

section.hero_area .hero_content p {
  font-size: 18px;
  line-height: 32px;
  font-weight: 300;
  font-family: var(--family-Inter);
}

.btn_area {
  min-height: 100px;
  flex-grow: 1;
  position: relative;
  display: flex;
  justify-content: center; /* Center horizontally */
  /* align-items: center;  */
}

@media only screen and (max-width: 991px) {
  .btn_area {
    min-height: 100px;
    flex-grow: 1;
    position: relative;
    display: flex;
    justify-content: center; /* Center horizontally */
    margin-bottom: 40px;
  }
}

.btn_area .global_btn {
  box-shadow: 0px 13px 31px 0px #8C8C8C38;
  font-family: var(--family-Plus_Jakarta_Sans);
  font-size: var(--font-16);
  font-weight: 600;
  color: var(--white);
  background: #C3AF93;
  padding: 15px 29px;
  border-radius: 12px;
  border: 1px solid #C3AF93;
  width: fit-content;
  transition: .3s ease;
  display: inline-block;
  position: absolute;
  top: calc(50% - 10px);
  /* margin: auto; */
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
}

.global_btn {
  box-shadow: 0px 13px 31px 0px #8C8C8C38;
  font-family: var(--family-Plus_Jakarta_Sans);
  font-size: var(--font-16);
  font-weight: 600;
  color: var(--white);
  background: #C3AF93;
  padding: 15px 29px;
  border-radius: 12px;
  border: 1px solid #C3AF93;
  width: fit-content;
  transition: .3s ease;
  display: inline-block;
}

.global_btn:hover {
  color: #C3AF93;
  background: #fff;
  transform: scale(1.1);
}

/*.global_btn {box-shadow: 0px 13px 31px 0px #8C8C8C38;font-family: var(--family-Plus_Jakarta_Sans);font-size: var(--font-18);font-weight: 600;color: var(--white);background: #253764;padding: 15px 29px;border-radius: 12px;border: 1px solid #253764;width: fit-content;transition: .3s ease;display: inline-block;}
.global_btn:hover{color: #253764;background: #fff;transform: scale(1.1);}*/



section.reach_upto_area {
  padding: 7em 0;
  background-color: #fff;
  position: relative;
  /*background-image: url(../images/reach-bg.png);background-repeat: no-repeat;background-size: 100% 100%;background-position: bottom center;*/
}

/*section.reach_upto_area::before{content: ''; background-image: url(../images/reach-bg.png);background-repeat: no-repeat;background-size: cover;background-position: top center;position: absolute;width: 100%;height: 64px;bottom: -9px;}*/
section.reach_upto_area .reach_upto_left img {
  width: 100%;
  margin-bottom: 30px;
}

section.reach_upto_area .reach_upto_right {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

section.reach_upto_area h2 {
  font-family: var(--family-Quicksand);
  font-size: var(--font-42);
  font-weight: 700;
  line-height: 56px;
  color: var(--middle_black);
  margin-bottom: 80px;
}

section.reach_upto_area h2 span {
  color: #C3AF93;
}

section.reach_upto_area .reach_upto_right p {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  font-family: var(--family-Inter);
  color: var(--darkgray);
}

section.reach_upto_area .reach_upto_right h6 {
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  font-family: var(--main_black);
  margin: 0;
  color: var(--middle_black);
}

section.reach_upto_area:before {
  content: '';
  position: absolute;
  bottom: -6em;
  left: 12em;
  width: 230px;
  height: 250px;
  background: url(../images/testi-be-1.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}

section.reach_upto_area::after {
  content: '';
  position: absolute;
  bottom: -3em;
  right: 14em;
  width: 160px;
  height: 170px;
  background: url(../images/testi-be-2.png);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}



section.testimonial_area {
  padding: 7em 0 6em;
  position: relative;
  display: none;
}

section.testimonial_area h3 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 600;
  font-family: var(--family-Quicksand);
  color: #FF9500;
  text-align: center;
  margin-bottom: 25px;
}

section.testimonial_area h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  font-family: var(--family-Quicksand);
  margin-bottom: 60px;
  color: var(--middle_black);
  text-align: center;
}

section.testimonial_area .swiper-wrapper .item {
  border: 2px dashed #FF9500;
  border-radius: 10px;
  padding: 35px 30px;
}

section.testimonial_area .swiper-wrapper .item .slide_content {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  font-family: var(--family-Inter);
  padding: 18px 0;
}

section.testimonial_area .swiper-wrapper .item .client_info {
  display: flex;
  gap: 15px;
  align-items: center;
}

section.testimonial_area .swiper-wrapper .item .client_info h5 {
  font-family: var(--family-Quicksand);
  font-size: var(--font-18);
  font-weight: 700;
  line-height: 18px;
  color: #0E2A46;
}

section.testimonial_area .swiper-wrapper .item .client_info .designation {
  color: #00BEAE;
  font-family: Sora;
  font-size: var(--font-18);
  font-weight: 400;
  line-height: 32px;
}

section.testimonial_area .row {
  position: relative;
}

section.testimonial_area .row:before {
  content: '';
  position: absolute;
  top: -13em;
  left: 88px;
  width: 230px;
  height: 250px;
  background: url(../images/testi-be-1.png);
  background-size: contain;
  background-repeat: no-repeat;
}

section.testimonial_area .row::after {
  content: '';
  position: absolute;
  top: -13em;
  right: 0px;
  width: 160px;
  height: 170px;
  background: url(../images/testi-be-2.png);
  background-size: contain;
  background-repeat: no-repeat;
}

section.testimonial_area:before {
  content: '';
  position: absolute;
  bottom: 3em;
  left: 0px;
  width: 200px;
  height: 200px;
  background: url(../images/testi-be-4.png);
  background-size: contain;
  background-repeat: no-repeat;
}

section.testimonial_area .col-12:before {
  content: '';
  position: absolute;
  bottom: -4em;
  right: 25em;
  width: 69px;
  height: 70px;
  background: url(../images/testi-be-3.png);
  background-size: contain;
  background-repeat: no-repeat;
}

section.testimonial_area .swiper-pagination.swiper-pagination-bullets {
  display: none;
}


section.your_service {
  padding: 5em 0;
  background-color: #B9CBD2;
  position: relative;
  /*background-image: url(../images/blue-curve.png);background-repeat: no-repeat;background-size: 100% 100%;    background-position: center;*/
}

section.your_service .sec-title {
  font-family: var(--family-Quicksand);
  font-size: var(--font-42);
  font-weight: 700;
  line-height: 56px;
  color: #fff;
}

section.your_service .main-con {
  font-family: var(--family-Inter);
  font-size: var(--font-18);
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  color: #fff;
}

section.your_service .bottom-sec {
  padding-top: 35px;
}

section.your_service .bottom-sec .global_btn {
  margin: auto;
}

section.your_service .bottom-sec .left_side .service_img {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; /* Center horizontally */
  justify-content: center; /* Center vertically */
}

section.your_service .bottom-sec .left_side .service_img h5 {
  font-family: var(--family-Quicksand);
  font-size: var(--font-32);
  font-weight: 700;
  line-height: 40px;
  text-align: left;
  color: #101212;
}

section.your_service .bottom-sec .left_side .service_img img {
  width: auto;         /* Maintain original aspect ratio */
  max-width: 100%;     /* Make sure it doesn’t exceed container width */
  height: auto;        /* Maintain aspect ratio */
  margin: auto;        /* Center horizontally if image is smaller than container */
}

/* section.your_service .bottom-sec .left_side:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 65%;
  height: 1px;
  background: #fff;
  z-index: 11;
} */

section.your_service .bottom-sec .left_side {
  position: relative;
  height: 100%;
}

section.your_service .bottom-sec .right_side ul {
  padding: 0px;
}

section.your_service .bottom-sec .right_side ul li {
  transition: .3s ease;
  background: #FFFFFF;
  padding: 25px 18px 25px 90px;
  position: relative;
  border-radius: 10px;
  margin-bottom: 30px;
  margin-top: 30px;
}
section.your_service .bottom-sec .right_side ul li .last {
  transition: .3s ease;
  background: #FFFFFF;
  padding: 25px 18px 25px 90px;
  position: relative;
  border-radius: 10px;
}

section.your_service .bottom-sec .right_side ul li:hover {
  box-shadow: 0px 0px 12px 3px #00000017;
  transform: scale(1.1);
}

section.your_service .bottom-sec .right_side ul li h6 {
  color: #101212;
  font-family: var(--family-Quicksand);
  font-size: var(--font-24);
  font-weight: 800;
}

section.your_service .bottom-sec .right_side ul li p {
  color: #677294;
  font-family: var(--family-Inter);
  font-size: var(--font-18);
  font-weight: 500;
  margin: 0
}

section.your_service .bottom-sec .right_side ul li:before {
  position: absolute;
  content: '';
  width: 60px;
  height: 60px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 15px;
  background: url(../images/right.png);
  background-repeat: no-repeat;
  background-size: contain;
}


section.advantages {
  padding: 4em 0
}

section.advantages .title-sec h3 {
  font-family: var(--family-Quicksand);
  font-size: var(--font-42);
  font-weight: 700;
  line-height: 56px;
  color: #C3AF93;
  text-align: center;
  margin-bottom: 64px;
}

section.advantages .title-sec h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  font-family: var(--family-Quicksand);
  margin-bottom: 60px;
  color: var(--middle_black);
  text-align: center;
}

section.advantages .advant_sec .left-content_side {
  max-width: 70%;
  margin: auto;
}

section.advantages .advant_sec .left-content_side .boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}

section.advantages .advant_sec .left-content_side .boxes .advantage_box {
  width: 47%;
  border-radius: 10px;
  padding: 20px 15px;
  position: relative;
  min-height: 230px;
  transition: .3s ease;
  cursor: pointer;
  background: #B9CBD2;
}

section.advantages .advant_sec .left-content_side .boxes .advantage_box:hover {
  box-shadow: 0px 4px 11px 0px #00000073;
}

section.advantages .advant_sec .left-content_side .boxes .advantage_box.before_img:before {
  content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  right: 0;
  background: url(../images/card-be.png);
}

section.advantages .advant_sec .left-content_side .boxes .advantage_box.box_4 {
  background: #C3AF93;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

section.advantages .advant_sec .left-content_side .boxes .advantage_box.box_4 img {
  padding: 5px;
  width: 60px;
  background: #fff;
  border-radius: 50%;
  height: 60px;
  object-fit: contain;
}

section.advantages .advant_sec .left-content_side .boxes .advantage_box.box_4 p {
  padding: 0;
  color: var(--white);
  font-family: var(--family-Inter);
  font-size: 24px;
  font-weight: 700;
  line-height: 42px;
  text-align: left;
  border-radius: 10px;
}

section.advantages .advant_sec .left-content_side .boxes .advantage_box .advantage_icon {
  background: #fff;
  box-shadow: 0px 4px 18px 3px #00000017;
  padding: 15px;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.advantages .advant_sec .left-content_side .boxes .advantage_box h4 {
  font-family: var(--family-Quicksand);
  font-size: var(--font-24);
  font-weight: 600;
  line-height: 24px;
  color: #fff;
  margin: 7px 0;
}

section.advantages .advant_sec .left-content_side .boxes .advantage_box p {
  font-family: var(--family-Inter);
  font-size: var(--font-18);
  font-weight: 400;
  line-height: 26px;
  color: #fff;
  margin: 0;
}

section.advantages .advant_sec .right_img_side img {
  width: 100%;
}


/*section.work_together {background: #6787FC;padding: 5em 0;}
section.work_together .inner_sec{position: relative;}
section.work_together .inner_sec h3 {font-size: 32px;line-height: 32px;font-weight: 800;font-family: var(--family-Quicksand);color: var(--white); margin-bottom: 15px;}
section.work_together .inner_sec h5 {font-size: 32px;line-height: 40px;font-weight: 400;font-family: var(--family-Quicksand);margin-bottom: 30px;color: var(--white); }
section.work_together .inner_sec ul{padding: 0}
section.work_together .inner_sec ul li{border-radius: 6px;background: #fff;margin-bottom: 30px;transition: .3s ease;cursor: pointer;box-shadow: 0px 0px 12px 3px #00000017;}
section.work_together .inner_sec ul li span{font-family: var(--family-Quicksand);font-size: var(--font-20);font-weight: 800;line-height: 25.2px;text-align: left;color: #fff;display: block;padding: 12px;border-radius: 6px 6px 0 0;transition: .3s ease; background: #253764;}
section.work_together .inner_sec ul li p{font-family: var(--family-Inter);font-size: var(--font-16);font-weight: 500;line-height: 26px;text-align: left;padding: 12px;color: #535252;margin-bottom: 0;}
section.work_together .inner_sec .work_btn {text-align: right;margin-top: 35px;}
section.work_together .inner_sec .left_side img{width: 100%;    padding-bottom: 5em;}
section.work_together .inner_sec .left_side a{margin: auto;display: block;}
section.work_together .inner_sec:before{content: '';position: absolute;width: 50px;height: 50px;background: url(../images/white-fl.png);top: 150px;bottom: 0;left: 50px;margin: auto;background-size: contain;background-repeat: no-repeat;}
section.work_together .inner_sec::after{content: '';position: absolute;width: 50px;height: 50px;background: url(../images/white-fl.png);top: 25px;right: 50px;margin: auto;background-size: contain;background-repeat: no-repeat;}
*/

section.work_together .inner_sec {
  background: #B9CBD2;
  padding: 50px 25px 40px;
  border-radius: 50px;
  position: relative;
}

section.work_together .inner_sec h3 {
  font-family: var(--family-Quicksand);
  font-size: var(--font-42);
  font-weight: 700;
  line-height: 56px;
  color: #fff;
  margin-bottom: 10px;
}

section.work_together .inner_sec h5 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  font-family: var(--family-Quicksand);
  margin-bottom: 30px;
  color: #fff;
}

section.work_together .inner_sec ul {
  padding: 0
}

section.work_together .inner_sec ul li {
  border-radius: 10px;
  background: #fff;
  margin-bottom: 20px;
  transition: .3s ease;
  cursor: pointer;
  border: none;
}

section.work_together .inner_sec ul li:hover {
  box-shadow: 0px 0px 12px 3px #00000017;
}

section.work_together .inner_sec ul li span {
  font-family: var(--family-Quicksand);
  font-size: var(--font-24);
  font-weight: 600;
  line-height: 25.2px;
  text-align: left;
  color: #fff;
  display: block;
  padding: 10px;
  border-radius: 10px 10px 0 0;
  transition: .3s ease;
  background: #C3AF93;
}

section.work_together .inner_sec ul li:hover span {
  /* color: #000; */
  /* background: var(--middle_orange); */
}

section.work_together .inner_sec ul li p {
  font-family: var(--family-Inter);
  font-size: var(--font-18);
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  padding: 10px;
  color: #000;
  margin-bottom: 0;
}

section.work_together .inner_sec .left_side img {
  width: 100%;
  /* padding-bottom: 40px; */
}

section.work_together .inner_sec .left_side a {
  margin: auto;
  display: block;
}

section.work_together .inner_sec:before {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  background: url(../images/white-fl.png);
  top: 150px;
  bottom: 0;
  left: 50px;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
}

section.work_together .inner_sec::after {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  background: url(../images/white-fl.png);
  top: 25px;
  right: 50px;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
}


section.our_cooperation {
  padding: 5em 0 6em;
  background-color: #fff;
  position: relative;
  background-image: url(../images/coop-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

section.our_cooperation .title-sec h3 {
  font-family: var(--family-Quicksand);
  font-size: var(--font-42);
  font-weight: 700;
  line-height: 56px;
  color: #C3AF93;
  text-align: center;
  margin-bottom: 25px;
}

section.our_cooperation .title-sec h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  font-family: var(--family-Quicksand);
  margin-bottom: 60px;
  color: var(--middle_black);
  text-align: center;
}

section.our_cooperation .step_box {
  padding-bottom: 13em;
}

section.our_cooperation .step_box .step_row {
  display: flex;
  gap: 150px;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

section.our_cooperation .step_box .step_row .step {
  padding: 40px;
  position: relative;
  width: 50%;
  z-index: 9;
}

section.our_cooperation .step_box .step_row .step .step_inner_box {
  background: #B9CBD2;
  padding: 40px;
  border-radius: 65px;
  position: relative;
  z-index: 2;
}

section.our_cooperation .step_box .step_row .step .step_inner_box .step_img {
  display: inline-block;
  background: #fff;
  box-shadow: 0px 0px 12px 5px #00000014;
  padding: 16px;
  border-radius: 50%;
  margin-bottom: 20px;
}

section.our_cooperation .step_box .step_row .step .step_inner_box .step_title {
  font-family: var(--family-Quicksand);
  font-size: var(--font-24);
  font-weight: 700;
  line-height: 30px;
  color: #fff;
}

section.our_cooperation .step_box .step_row .step .step_inner_box p {
  font-family: var(--family-Inter);
  font-size: var(--font-18);
  font-weight: 500;
  line-height: 30px;
  color: #fff;
}

section.our_cooperation .step_box .step_row .step .step_inner_box .step_img img {
  width: 45px;
  height: 45px;
  object-fit: contain;
}

section.our_cooperation .step_box .step_row .step:first-child:before {
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  border-left: 0;
  border-top-right-radius: 67px;
  border-bottom-right-radius: 67px;
  background: #C3AF93;
  z-index: 1;
}

section.our_cooperation .step_box .step_row .step:last-child:before {
  content: '';
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  border-right: 0;
  border-top-left-radius: 67px;
  border-bottom-left-radius: 67px;
  background: #C3AF93;
  z-index: 1;
}

section.our_cooperation .step_box .step_row .step:last-child {
  top: 10em;
}

section.our_cooperation .step_box .step_row .step::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 99%;
  border: 1px dashed #000;
  top: 2px;
  left: 0;
  border-radius: 67px;
  z-index: 0;
}

section.our_cooperation .step_box .step_row.row_2 {
  margin-top: 10em;
}

/*section.our_cooperation .step_box .step_row.row_1.step_row::after {content: '';position: absolute;bottom: -263px;width: 36%;height: 217px;border-top: 1px dashed #000;right: 0;left: 0;margin: auto;border-left: 1px dashed #000;}*/
section.our_cooperation .step_box .middle-divi {
  position: absolute;
  bottom: 30px;
  width: 36%;
  height: 217px;
  border-top: 1px dashed #000;
  right: 0;
  left: 0;
  margin: auto;
  border-left: 1px dashed #000;
  top: 0;
  z-index: 1;
}

section.our_cooperation .step_box .step_row .step:first-child .step_inner_box:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: -88px;
  margin: auto;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-bottom-width: 52px;
  border-top-width: 52px;
  border-left: 52px solid #C3AF93;
}

section.our_cooperation .step_box .step_row .step:last-child .step_inner_box:before {
  content: '';
  position: absolute;
  bottom: 34px;
  left: -88px;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-top-width: 52px;
  border-bottom-width: 52px;
  border-right: 52px solid #C3AF93;
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* Your CSS styles here */
  section.our_cooperation .step_box .step_row .step:last-child .step_inner_box:before {
    content: '';
    position: absolute;
    bottom: 54px;
    left: -88px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-width: 52px;
    border-bottom-width: 52px;
    border-right: 52px solid #C3AF93;
  }
}

@media (min-width: 1700px) and (max-width: 1920px) {
  /* Your CSS styles here */
  section.our_cooperation .step_box .step_row .step:last-child .step_inner_box:before {
    content: '';
    position: absolute;
    bottom: 6px;
    left: -88px;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-width: 52px;
    border-bottom-width: 52px;
    border-right: 52px solid #C3AF93;
  }
}

/* @media (max-width: 577px) {
.mobile_line {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  width: 0;
  border-left: 1px dashed #000;
  height: 50%;
}
} */

section.our_cooperation .step_box .step_row .step.step_4 .step_inner_box:before {
  display: none;
}

section.our_cooperation .step_box .step_row:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  width: 150px;
  border-top: 1px dashed #000;
  height: 0;
}

section.our_cooperation .global_btn {
  display: block;
  margin: auto;
}


section.technologies {
  padding: 5em 0;
  background-color: #C3AF93;
  position: relative;
  /*background-image: url(../images/blue-curve.png);background-repeat: no-repeat;background-size: 100% 100%;*/
}

section.technologies .technology-img {
  text-align: center;
}

section.technologies .technology-img img {
  width: 100%
}

section.technologies h3 {
  font-family: var(--family-Quicksand);
  font-size: var(--font-42);
  font-weight: 700;
  line-height: 56px;
  text-align: center;
  color: var(--white);
  max-width: 55%;
  margin: auto;
  margin-top: 40px;
}

section.technologies .bottom_sec {
  padding-top: 40px;
  margin-bottom: -20em;
}

section.technologies .bottom_sec .bot_box {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  padding-bottom: 6em
}

section.technologies .bottom_sec .bot_box .box {
  position: relative;
  z-index: 9;
  width: 23.7%;
  background: #fff;
  padding: 50px 30px;
  border-radius: 24px;
  box-shadow: 0px 4px 24px 1px #00000024;
  transition: .3s ease;
}

section.technologies .bottom_sec .bot_box .box:hover {
  box-shadow: 0px 4px 11px 0px #00000073;
  transform: scale(1.1);
}

section.technologies .bottom_sec .bot_box .box h5 {
  font-family: var(--family-Quicksand);
  font-size: var(--font-24);
  font-weight: 700;
  line-height: 27px;
  color: #C3AF93;
}

section.technologies .bottom_sec .bot_box .box h6 {
  font-family: var(--family-Quicksand);
  font-size: var(--font-20);
  font-weight: 700;
  line-height: 27px;
  color: #C3AF93;
}

section.technologies .bottom_sec .bot_box .box p {
  font-family: var(--family-Inter);
  font-size: var(--font-18);
  font-weight: 500;
  line-height: 30px;
  margin: 0;
}

section.technologies .bottom_sec .global_btn {
  display: block;
  margin: auto;
  position: relative;
  z-index: 9;
}

section.about_us {
  text-align: center;
  padding: 22em 0 6em;
  z-index: 0;
  background-color: #fff;
  position: relative;
  background-image: url(../images/about-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}

section.about_us h3 {
  font-family: var(--family-Quicksand);
  font-size: var(--font-42);
  font-weight: 700;
  line-height: 56px;
  color: #C3AF93;
  margin-bottom: 25px;
}

section.about_us h5 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  font-family: var(--family-Quicksand);
  margin-bottom: 35px;
  color: var(--middle_black);
}

section.about_us p {
  font-family: var(--family-Inter);
  font-size: var(--font-18);
  font-weight: 400;
  line-height: 33px;
  color: #535252;
}

section.about_us .about_content {
  max-width: 65%;
  margin: auto;
}


section.faqs {
  padding: 6em 0 9em;
  background-color: #C3AF93;
  position: relative;
  /*background-image: url(../images/faq-bg.png);background-repeat: no-repeat;background-size: 100% 100%;*/
}

section.faqs h3 {
  font-family: var(--family-Quicksand);
  font-size: var(--font-42);
  font-weight: 700;
  line-height: 56px;
  text-align: center;
  color: #fff;
}

section.faqs h5 {
  font-family: var(--family-Quicksand);
  font-size: var(--font-32);
  font-weight: 600;
  line-height: 55px;
  text-align: center;
  color: #fff;
  margin-bottom: 35px;
}

section.faqs .accordion-item {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #fff;
  border-radius: 0;
}

section.faqs .accordion-item .accordion-button {
  box-shadow: none;
  background: none;
  color: #fff;
  padding: 10px 0;
  font-family: var(--family-Quicksand);
  font-size: var(--font-18);
  font-weight: 700;
  line-height: 36px;
}

section.faqs .accordion-item .accordion-body {
  padding: 0 0 26px;
  font-family: var(--family-Inter);
  font-size: var(--font-18);
  color: #fff;
  line-height: 25px;
  font-weight: 400;
}

section.faqs .accordion-item .accordion-button::after {
  background-image: none;
  background-color: #fff;
  content: "+";
  width: 40px;
  height: 40px;
  color: #C3AF93;
  text-align: center;
  border-radius: 50%;
  font-size: 35px;
  line-height: 39px;
  font-weight: 100 !important;
  font-family: 'Quicksand';
}

section.faqs .accordion-item .accordion-button:not(.collapsed)::after {
  content: "-";
  line-height: 34px;
}

section.faqs:after {
  content: '';
  /*background-color: #C3AF93;*/
  background-color: #B9CBD2;
  position: absolute;
  height: 40px;
  width: 100%;
  bottom: 0;
}

section.map_sec {
  padding: 80px 0;
  display: none;
}

section.map_sec iframe {
  border-radius: 20px;
}

section.map_sec h3 {
  font-size: var(--font-32);
  line-height: 32px;
  font-weight: 700;
  font-family: var(--family-Quicksand);
  color: #FF9500;
  margin-bottom: 25px;
}

section.map_sec p {
  font-family: var(--family-Inter);
  font-size: var(--font-18);
  font-weight: 400;
  line-height: 33px;
  text-align: left;
  color: #535252;
}


/* ------- Footer section ------ */
.footer_section_main {
  /*background: #C3AF93;*/
  background: #B9CBD2;
  padding: 25px 0px;
}

.footer_section_main .footer_first_content h2 {
  font-family: var(--family-Plus_Jakarta_Sans);
  font-size: var(--font-24);
  font-weight: 700;
  margin-bottom: 28px;
  color: var(--white);
}

.footer_section_main .footer_first_content p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 40px;
  color: var(--white);
  width: 76%;
}

.footer_section_main .footer_first_content .social_icons_flex {
  display: flex;
  align-items: center;
  gap: 18px;
}

.footer_section_main .footer_links_content ul {
  padding-left: 0px;
}

.footer_section_main .footer_links_content li {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.footer_section_main .footer_links_content li a {
  font-family: var(--family-Quicksand);
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

.footer_section_main .footer_links_content h3 {
  font-family: var(--family-Quicksand);
  font-size: var(--font-22);
  font-weight: 700;
  color: var(--white);
  margin-bottom: 25px;
}

.footer_section_main .footer_links_content p {
  font-family: var(--family-Quicksand);
  font-size: var(--font-16);
  font-weight: 400;
  color: var(--white);
  margin-bottom: 20px;
}

.footer_section_main .footer_links_content .foot_contactflex {
  display: flex;
  align-items: self-start;
  gap: 12px;
  margin: 24px 0;
}

.footer_section_main .footer_links_content span {
  color: var(--white);
  font-family: var(--family-Quicksand);
  font-size: var(--font-16);
  font-weight: 500;
  margin-top: -5px;
}


.laptop_area {
  margin-top: 20px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9;
}

.laptop_area .mockup {
  display: inline-block;
  position: relative;
  z-index: 3;
  text-align: center;
  font-size: 0;
  perspective: 2400px;
  perspective-origin: 50% 100%;
  opacity: 0;
  transition: .5s opacity;
}

.laptop_area .mockup .part.top {
  transform: translate3d(0, 0, 0) rotateX(-90deg);
}

.laptop_area .mockup .part {
  /*width: 650px;*/
  display: inline-block;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transform-origin: 50% 100%;
  transition: .9s;
}

.laptop_area .mockup .part .top {
  transform-origin: 50% 0;
  transform: translate3d(0, 0, -11px) rotateX(90deg);
  transition: .9s;
}

.laptop_area .mockup .part .bottom,
.laptop_area .mockup .part .top {
  position: absolute;
  top: 0;
  left: 0;
}

.laptop_area .mockup img {
  display: block;
  max-width: 100%;
  backface-visibility: hidden;
}

.laptop_area .mockup .part .cover {
  position: relative;
  width: 100%;
}

.laptop_area .mockup .part.top .video {
  position: absolute;
  top: 51px;
  left: 32px;
  right: 32px;
  bottom: 0;
}

.laptop_area .mockup .part.top .video video#video-iframe {
  width: 100%;
}

.laptop_area .mockup .part.bottom {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0) rotateX(-90deg);
}

.laptop_area .mockup .part .bottom {
  transform-origin: 50% 0;
  transform: translate3d(0, 0, 0) rotateX(90deg);
}

.laptop_area .mockup.loaded {
  opacity: 1;
}

.laptop_area .mockup.closed .part.top {
  transform: translate3d(0, 0, 0) rotateX(0);
}



.contact_inner {
  max-width: 60%;
  margin: 0 auto;
  padding: 0em 0 10vh;
}

@media screen and (max-width: 991px) {
  .contact_inner {
    max-width: 90%;
    margin: 0 auto;
    padding: 0em 0 10vh;
  }

  .buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.thank_inner {
  max-width: 60%;
  margin: 0 auto;
  padding: 5em 0 20vh;
}

.contact_content h1 {
  font-size: 60px;
  line-height: 76px;
  font-weight: 600;
  margin-bottom: 45px;
}

.contact_content p {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  padding-bottom: 25px;
}

@media screen and (max-width: 601px) {
  .contact_content h1 {
    font-size: 30px;
    line-height: 50px;
    font-weight: 600;
    margin-bottom: 45px;
  }
}

form#ConatctFormID {}

form#ConatctFormID .contact-group {
  opacity: .25;
  position: relative;
  /* padding: 10% 0; */
  display: none;
}

form#ConatctFormID .contact-group.active {
  opacity: 1;
  display: block;
}

form#ConatctFormID .contact-group .form-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 30px;
}

form#ConatctFormID .contact-group .form-group>label {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

form#ConatctFormID .contact-group .form-group>label span {
  font-style: italic;
  font-weight: 400;
  color: #c02b0a;
  font-size: 14px;
}

form#ConatctFormID .contact-group .form-group input.form-control {
  height: 45px;
  padding: 10px 8px;
  border-radius: 4px;
  border-color: #C3AF93;
}

form#ConatctFormID .contact-group .radio_field {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

form#ConatctFormID .contact-group .radio_field>label {
  color: #C3AF93;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  border: 1px solid #C3AF93;
  width: 100%;
  text-align: center;
  padding: 15px;
  border-radius: 40px;
  cursor: pointer;
  transition: all 0.2s linear;
}

form#ConatctFormID .contact-group .radio_field input[type=radio] {
  display: none;
}

form#ConatctFormID .contact-group .radio_field:hover {}

form#ConatctFormID .contact-group .radio_field:hover>label,
form#ConatctFormID .contact-group .radio_field input[type=radio]:checked+label {
  color: #fff;
  background: #C3AF93;
}

/*form#ConatctFormID .contact-group .radio_field input:checked + label*/

form#ConatctFormID .contact-group .form-group button.btn {
  background: #C3AF93;
  margin-top: 20px;
  color: #fff !important;
  padding: 10px 25px;
  border-radius: 6px;
  cursor: pointer;
  width: max-content;
}

form#ConatctFormID .contact-group .form-group button.next-step {
  display: none;
}

form#ConatctFormID .contact-group .form-group button.next-step.active {
  display: inline-block;
}

form#ConatctFormID .contact_submit_btn {}

form#ConatctFormID .contact_submit_btn button {
  /*box-shadow: 0px 8px 24px 0px rgba(25.99, 229, 143.99, 0.30);*/
  color: #fff;
  background-color: #368336;
  pointer-events: all;
  opacity: 1;
  padding: 15px 20px;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 18px;
}

form#ConatctFormID .contact_submit_btn button[disabled] {
  cursor: not-allowed;
  opacity: 0.6;
  background-color: #C3AF93;
  box-shadow: unset;
}

form#ConatctFormID .contact-group .position_cls {
  position: relative;
}

form#ConatctFormID .contact-group .position_cls:after {
  content: '';
  position: absolute;
  right: 2px;
  top: 2px;
  width: 50px;
  height: calc(100% - 4px);
  background: #fff;
  border-radius: 12px;
}

.slider {
  position: relative;
  max-width: 600px;
  /* Set the width of the slider */
  margin: auto;
  overflow: hidden;
  /* Hide overflow */
}

.slides {
  display: flex;
  /* Display images in a row */
  transition: transform 0.5s ease;
  /* Smooth transition for sliding */
}

.slides img {
  max-width: 100%;
  /* Make images responsive */
  display: block;
  /* Remove bottom space */
}

.landscape {
  background-image: url(../images/landscape.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 768px) {
  .landscape {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/portrait.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.phonenumber_area{
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.phonenumber_area span{
  color: white;
  font-size: 48px;
}

.phonenumber_area img{
  width: 48px;
  height: 48px;
}

.phonenumber {
  margin-top: 10px !important;
}