body {
  font-family: 'General Sans Regular', sans-serif;
}

a {
  cursor: pointer;
}

input,
textarea {
  outline: none;
}

.container {
  padding: 0 15px;
  max-width: 1400px;
  margin: 0 auto;
}

header {
  padding: 15px 0;
}

header ul.nav li a {
  color: #fff;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
}

.btn-main {
  border-radius: 38px;
  background: #008080;
  color: #fff;
  font-family: 'DM Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 112.5% */
  padding: 12px 17px;
  border: 1px solid #008080;
  transition: all 0.3s;
}

.btn-main svg path {
  stroke: #fff;
  transition: all 0.3s;
}

.btn-main:hover {
  background: #fff;
  color: #008080;
  border: 1px solid #008080;
}

.btn-main:hover svg path {
  stroke: #008080;
}

.banner-cap h3 {
  color: #fff;
  font-family: 'DM Sans';
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 120% */
}

.banner-cap h3 {
  color: #fff;
  font-family: 'DM Sans';
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 120% */
}

.banner-cap .btn {
  color: #fff;
  font-family: 'DM Sans';
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 105.882% */
  padding: 5px 0;
  border-bottom: 1px solid transparent;
  transition: all 0.3s;
}

.banner-cap .btn svg path {
  fill: #fff;
}

.banner-cap .btn:hover {
  border-bottom: 1px solid #fff;
}

.banner-option-one h1 {
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 53px;
  /* 94.643% */
  letter-spacing: -1.68px;
}

.banner-option-one span {
  font-weight: 600;
}

.banner-option-one p {
  color: #666;
  font-family: 'DM Sans';
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 120% */
  margin: 15px 0 35px;
}

.btn-length {
  border-radius: 6px;
  background: #000;
  border: 1px solid #000;
  padding: 13.5px;
  color: #fff;
  font-family: 'DM Sans';
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 105.882% */
  transition: all .3s;
  max-width: 320px;
}

.btn-length svg path {
  fill: #fff;
  transition: all .3s;
}

.btn-length:hover {
  background: #fff;
  color: #000;
}

.btn-length:hover svg path {
  fill: #000;
}

.hm-product-left h3 {
  color: #0F1826;
  font-family: "DM Sans";
  font-size: 34px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  /* 102.941% */
  letter-spacing: -0.34px;
  margin-bottom: 16px;
}

.hm-product-left p {
  color: #5B6879;
  font-family: "DM Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 158.824% */
}

.product-sm-list h4 {
  color: #060606;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 29px;
  /* 193.333% */
  text-transform: capitalize;
}

.product-sm-list a svg {
  opacity: 0;
  transition: all .3s;
  min-width: 35px;
}

.product-sm-list a svg path {
  fill: #008080;
}

.product-sm-list:hover a svg {
  opacity: 1;

}

.fontDM {
  font-family: "DM Sans";
}

.product-md-list h4 {
  color: #060606;
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
  line-height: 29px;
  /* 152.632% */
  text-transform: capitalize;
}

.product-md-list p {
  color: #060606;
  font-size: 15px;
  font-style: normal;
  font-weight: 300;
  line-height: 23px;
  /* 153.333% */
}

.product-md-list svg {
  min-width: 14px;
  opacity: 0;
  transition: all .3s;
}

.product-md-list:hover svg {
  opacity: 1;
}

.test-sec-slider p {
  color: #5B6879;
  font-family: "DM Sans";
  font-size: 15.999px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.775px;
  /* 161.111% */
}

.test-sec-slider .test-icon svg {
  width: 33px;
  height: 22px;
}

.test-sec-slider .test-icon svg path {
  fill: #09A1A4;
}

.test-sec-slider h4 {
  color: #060606;
  font-size: 17.776px;
  font-style: normal;
  font-weight: 450;
  line-height: 18.665px;
  /* 105% */
}

.test-sec-slider h5 {
  color: #5B6879;
  font-size: 10.666px;
  font-style: normal;
  font-weight: 400;
  line-height: 18.665px;
  /* 175% */
}

.test-sec-slider span {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
  /* 66.667% */
}

.test-sec-slider img {
  border: 3.475px solid var(--Base-White, #FFF);
  box-shadow: 0 10.424px 13.898px -3.475px rgba(16, 24, 40, 0.08), 0 3.475px 5.212px -1.737px rgba(16, 24, 40, 0.03);
}

.testislider-sec .swiper-slide {
  transform: scale(.8);
  transition: all .3s;
}

.testislider-sec .swiper-slide.swiper-slide-next {
  transform: scale(1);
}

.archive-title h3 {
  color: #0F1826;
  font-family: "DM Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  /* 100% */
  letter-spacing: -0.4px;
}

.archive-title h3 b {
  font-weight: 500;
}

.archive-title h4 {
  color: #060606;
  font-family: "DM Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
  /* 182.353% */
}

.count-list h5 {
  color: #000;
  font-family: "DM Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
}

.count-list h5 b {
  color: #008080;
  font-weight: 500;
}

.count-list h5 span {
  color: #008080;
  font-size: 18px;
  font-weight: 600;
}

.count-list p {
  color: #2A2A2A;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

.count-list h4 {
  color: #000;
  font-family: "DM Sans";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  /* 142.857% */
  letter-spacing: -0.28px;
}

.count-list h4 span {
  font-size: 36px;
  font-weight: 500;
  font-size: 58px;
}

.count-list h4 b {
  color: #5B6879;
  font-size: 58px;
  font-weight: 500;
  line-height: 40px;
  /* 68.966% */
  letter-spacing: -0.58px;
}

.count-list.with-bg {
  background: linear-gradient(180deg, #008080 0%, #21C9C1 100%);
}

.count-list.with-bg p {
  color: #fff;
}

.count-list.with-bg h4 span {
  color: #fff;
}

.count-list.with-bg b {
  color: #FFEC1C;
}

.count-list h3 {
  color: #FFF;
  font-family: "DM Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 145.455% */
}

.archive-title span {
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 406.667% */
  letter-spacing: -0.45px;
}

.archive-title .btn {
  border-radius: 38px;
  background: #FFF;
  padding: 10px 15px;
  width: 165px;
  color: #008080;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  /* 112.5% */
}

.archive-title .btn svg path {
  stroke: #008080;
}

.archive-title h4 {
  color: #060606;
  font-family: "DM Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 129.412% */
}

.archive-main-bg {
  border-radius: 13px;
  background: linear-gradient(180deg, #0AA7A7 0%, #01A5AA 100%);
  padding: 60px 60px 10px;
}

.archive-main-bg .count-list3 h5 {
  color: #FFF;
  font-family: "DM Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
}

.archive-main-bg .count-list3 h5 span {
  font-size: 18px;
  font-weight: 600;
}

.count-list2 h4 {
  color: #FFF;
  font-family: "DM Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 32.271px;
  /* 80.677% */
  letter-spacing: -0.4px;
}

.count-list2 h5 {
  color: #FFF;
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 32.271px;
  /* 179.283% */
  letter-spacing: -0.18px;
}

.count-list2 p {
  color: #FFF;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
}

/* .swiper-button-disabled{
  display: none;
} */

.cta-form-cntr img {
  border-radius: 12px;
  border: 1px solid #D8D8D8;
  min-height: 590px;
  width: 100%;
  object-fit: cover;

  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.cta-form-cap {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 12px;
  border: 1px solid #D8D8D8;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}

.cta-form-cap h3 {
  color: #FFF;
  font-family: "DM Sans";
  font-size: 46px;
  font-style: normal;
  font-weight: 400;
  line-height: 54px;
  /* 117.391% */
}

.cta-form input {
  color: #050505;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 124%;
  /* 17.36px */
  text-transform: capitalize;
  padding: 12px 0;
  width: 100%;

}

.cta-form textarea {
  color: #050505;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 124%;
  /* 17.36px */
  text-transform: capitalize;
  padding: 12px 0;
  width: 100%;

}

.cta-form h5 {
  color: #050505;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 124%;
  /* 17.36px */
  text-transform: capitalize;
}

.cta-form button {
  color: #000;
  font-family: "DM Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 120% */
  border-radius: 70px;
  border: 1px solid #008080;
  background: #FFF;
  padding: 13px 24px;
  width: 175px;
}

.cta-form2 input {
  color: #050505;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 124%;
  /* 17.36px */
  text-transform: capitalize;
  padding: 14px;
  width: 100%;

}

.cta-form2 textarea {
  color: #050505;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 124%;
  /* 17.36px */
  text-transform: capitalize;
  padding: 14px;
  width: 100%;

}

.cta-form2 label {
  color: #050505;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 124%;
  /* 17.36px */
  text-transform: capitalize;
  margin-bottom: 7px;
  display: block;

}

.cta-form2 button {
  color: #fff;
  border-radius: 6px;
  background: #000;
  padding: 13px 24px;
  width: 175px;
}

.cta-form2 button svg path {
  fill: #fff;
}


.faq-title span {
  color: #2D2D2D;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  /* 300% */
}

.faq-title h3 {
  color: #024428;
  font-family: "DM Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
  /* 125% */
  text-transform: capitalize;
}

.faq-accordian .accordian-cntr {
  border-top: 1px solid #6E6E6E;
  padding: 15px 0;
}

.faq-accordian .accordion-button {
  color: #111;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 119%;
  /* 19.04px */
  letter-spacing: 0.32px;
  text-transform: capitalize;
  padding: 15px 0;
  cursor: pointer;
}

.faq-accordian .accordion-panel {
  color: rgba(40, 40, 40, 0.62);
  font-family: "DM Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 131%;
  /* 19.65px */
  letter-spacing: 0.3px;
  text-transform: capitalize;
}


.faq-title2 h3 {
  color: var(--Gray-900, #101828);
  text-align: center;
  font-family: "DM Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  /* 122.222% */
  letter-spacing: -0.72px;
}

.faq-title2 h5 {
  color: var(--Gray-500, #667085);
  text-align: center;
  font-family: "DM Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 150% */
}


.faq-accordion2 .accordian-cntr {
  border-bottom: 1px solid #EAECF0;
  padding: 15px 0;
}



.faq-accordion2 .accordion-button {
  color: #111;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 119%;
  /* 19.04px */
  letter-spacing: 0.32px;
  text-transform: capitalize;
  padding: 15px 0;
  cursor: pointer;

}

.faq-accordion2 .accordion-panel {
  color: rgba(40, 40, 40, 0.62);
  font-family: "DM Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 131%;
  /* 19.65px */
  letter-spacing: 0.3px;
  text-transform: capitalize;
}

.faq-accordion2 .accordion-button .acco-close-btn {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #008080;

}

.faq-accordion2 .accordion-button .acco-close-btn svg path {
  fill: #008080;
}

.faq-cta h4 {
  color: var(--Gray-900, #101828);
  text-align: center;
  font-family: "DM Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  /* 150% */
  margin-bottom: 5px;
}

.faq-cta h5 {
  color: var(--Gray-500, #667085);
  text-align: center;
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
  margin-bottom: 32px;
}

.faq-cta .btn {
  border-radius: 6px;
  background: #000;
  padding: 14px;
  width: 245px;
  margin: 0 auto;
  color: #FFF;
  font-family: "DM Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 105.882% */
}

.faq-cta .btn svg path {
  fill: #FFF;
}

.faq-leftbox h3 {
  color: var(--Gray-900, #101828);
  font-family: "DM Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  /* 105.556% */
  letter-spacing: -0.72px;
  margin-bottom: 13px;
}

.faq-leftbox h4 {
  color: var(--Gray-500, #667085);
  font-family: "DM Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  /* 123.529% */
}

.faq-leftbox h5 {
  color: var(--Gray-900, #101828);
  text-align: left;
  font-family: "DM Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 176.471% */
  margin-bottom: 8px;
}

.faq-leftbox .btn {
  border-radius: 6px;
  background: #000;
  color: #FFF;
  font-family: "DM Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 105.882% */
  padding: 13px;
  width: 246px;
  transition: all .3s;
}

.faq-leftbox .btn svg path {
  fill: #FFF;
}

.faq-leftbox .btn:hover {
  background: #008080;
  color: #FFF;
}

.footer-content h2,
.footer-content h3,
.footer-content h4,
.footer-content h5 {
  color: #2A2A2A;
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  /* 116.667% */
  margin-bottom: 10px;
}

.footer-content p {
  color: #2A2A2A;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  /* 131.25% */
  margin-bottom: 15px;
}

.footer-content .btn {
  color: #008080;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}

.footer-top ul li {
  color: var(--gray-900, #18181B);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}

.footer-2-left h3 {
  color: var(--gray-900, #18181B);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  margin-bottom: 30px;
}

.footer-2-left p {
  color: var(--gray-600, #52525B);
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
  margin-bottom: 30px;
}


.footer-2-right h4 {
  color: var(--gray-900, #18181B);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  margin-bottom: 30px;
}

.footer-2-right h4 svg {
  display: none;
}

.footer-2-right a {
  color: var(--gray-900, #18181B);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 285.714% */
  margin-bottom: 20px;
  display: block;
  width: 100%;
  padding-left: 0;
  transition: all .3s;
}

.footer-2-right a:hover {
  padding-left: 10px;
}

.foot-privacy p {
  color: #060606;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
  /* 100% */
  letter-spacing: 0.3px;
}

footer hr {
  border-color: #E4E4E7;
}

.form3-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  border-radius: 12px;
  border: 1px solid #D8D8D8;
}

.form3-left h3 {
  color: #FFF;
  font-family: "DM Sans";
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: 57px;
  /* 98.276% */
}

.cta-form.form3-right label {
  color: #050505;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 124%;
  /* 17.36px */
  text-transform: capitalize;
  margin-bottom: 6px;
}

.cta-form.form3-right label b {
  color: #AE3030;
}

.cta-form.form3-right input,
.cta-form.form3-right textarea {
  padding: 13px;
}



.cta-form.form3-right button {
  color: #fff;
  border-radius: 6px;
  background: #000;
  width: 246px;
  padding: 13px 24px;
  font-family: "DM Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  transition: all .3s;
}

.cta-form.form3-right button svg path {
  fill: #fff;
}

.cta-form.form3-right button:hover {
  background-color: #0aa7a7;
}

.about1_banner h2 {
  color: #FFF;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  /* 30% */
  text-align: center;
  margin-bottom: 15px;
}

.about1_banner h2 span {
  color: #EECFA2;
  font-weight: 600;
}

.about1_banner h4 {
  color: #DCDCDC;
  text-align: center;
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */
}

.about1_story h4 {
  color: #060606;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  /* 100% */
  text-align: left;
}

.about1_story h4 b {
  font-weight: 600;
}

.about1_story p {
  color: #060606;
  font-family: "DM Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
  /* 182.353% */
}

.grouth-list img {
  position: relative;
  padding: 6px;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #008080;
  background: #FFF;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.10), 0 8px 10px -6px rgba(0, 0, 0, 0.10);
}

.about-growth-title h3 {
  color: #060606;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  /* 125% */
}

.about-growth-title h3 span {
  font-weight: 600;
}

.about-growth-title h5 {
  color: #060606;
  text-align: center;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.grouth-list span {
  color: #457B9D;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 142.857% */
}

.grouth-list h4 {
  color: #333;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 155.556% */
}

.grouth-list p {
  color: rgba(51, 51, 51, 0.80);
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.25px;
  /* 137.5% */
  letter-spacing: 0.35px;
  margin-top: 20px;
}

.about1-mission svg path {
  fill: #000;
}

.about1-mission p {
  color: #000;
  text-align: center;
  font-size: 30px;
  font-style: italic;
  font-weight: 400;
  line-height: 36px;
  /* 120% */
  margin-bottom: 12px;
}

.about1-mission h4 {
  color: #000;
  text-align: center;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}

.about1-team h3 {
  color: #060606;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
  /* 125% */
}

.about1-team h5 {
  color: #060606;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  text-align: center;
}

.team-list {
  text-align: center;
}

.team-list img {
  width: 192px;
  height: 192px;
  object-fit: cover;
  border-radius: 50%;
  margin: 0 auto;
}

.team-list h4 {
  color: #333;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 140% */
  margin-top: 10px;
}

.team-list span {
  color: #457B9D;
  text-align: center;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  margin-bottom: 10px;
}

.team-list p {
  color: rgba(51, 51, 51, 0.80);
  text-align: center;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}


.about1-practices h3 {
  color: #060606;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  /* 111.111% */
  margin-bottom: 23px;
}

.about1-practices p {
  color: #060606;
  text-align: center;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
  /* 193.75% */
  margin-bottom: 23px;
}

.about1-practices h5 {
  color: #4A919E;
  text-align: center;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.about1-cta h3 {
  color: #0C1D1B;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  /* 108.108% */
  margin-bottom: 15px;
}


.about1-cta p {
  color: #000;
  text-align: center;
  font-family: "DM Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 141.176% */
  margin-bottom: 15px;
}

.about1-cta .btn {
  border-radius: 29px;
  background: #008080;
  box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.24);
  padding: 10px;
  color: #FFF;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
  letter-spacing: 0.24px;
}

.about1-cta .btn svg path {
  fill: #FFF;
}

.contact1-banner h3 {
  color: #FFF;
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 66px;
  /* 30% */
}

.contact1-banner p {
  color: #DCDCDC;
  text-align: center;
  font-family: "DM Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 155.556% */

}

.contact1-banner .btn {
  border-radius: 9px;
  border: 1px solid #008080;
  background: #FFF;
  box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.24);
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  padding: 10px;
  width: 265px;
}

.contact1_left_address h4 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 133.333% */
}

.contact1_left_address span {
  color: #000;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
}

.contact1_left_address h5 {
  color: rgba(0, 0, 0, 0.80);
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.contact1_left_address svg {
  min-width: 20px;
  height: 20px;
}

.contact1_right_form label {
  color: #050505;
  font-family: "DM Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 124%;
  /* 17.36px */
  text-transform: capitalize;
  display: block;
  width: 100%;
  margin-bottom: 6px;
}

.contact1_right_form input {
  border-radius: 7px;
  border: 0.6px solid #BFBFBF;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 124%;
  /* 17.36px */
  padding: 14px;
  width: 100%;
}

.contact1_right_form textarea {
  border-radius: 7px;
  border: 0.6px solid #BFBFBF;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 124%;
  /* 17.36px */
  padding: 14px;
  width: 100%;
  height: 131px;
}

.contact1_right_form button {
  border-radius: 6px;
  background: #000;
  color: #FFF;
  font-family: "DM Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 105.882% */
  padding: 14px;
  width: 246px;
}

.contact1_right_form button svg path {
  fill: #FFF;
}


.contact1-partnerships h3 {
  color: #000;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  /* 111.111% */
  margin-bottom: 40px;
}


.contact1-partnerships p {
  color: #000;
  text-align: center;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  margin-bottom: 40px;
}

.contact1-partnerships .btn {
  border-radius: 9px;
  border: 1px solid #008080;
  background: #FFF;
  box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.24);
  color: #000;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  padding: 10px;
  line-height: 24px;
  /* 150% */
  width: 254px;
}


.contact1-newsletter h3 {
  color: #000;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  /* 111.111% */
  margin-bottom: 22px;
}

.contact1-newsletter p {
  color: rgba(0, 0, 0, 0.80);
  text-align: center;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  margin-bottom: 40px;
}

.contact1-newsletter input {
  width: 314px;
  padding: 14px;
  border-radius: 36px;
  background: #F9FAFB;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  color: #6B7280;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.contact1-newsletter button {
  border-radius: 29px;
  background: #008080;
  box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.24);
  color: #FFF;
  font-family: "DM Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
  padding: 10px;
  width: 140px;
}

.contact1-newsletter button svg path {
  fill: #FFF;
}

.about2_banner h2 {
  color: #FFF;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 51px;
  /* 91.071% */
  letter-spacing: -1.68px;
  margin-bottom: 10px;
}

.about2_banner p {
  color: #FFF;
  text-align: center;
  font-feature-settings: 'dlig' on;
  font-family: "DM Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  /* 188.235% */
}

.about2_about h3 {
  color: #000;
  font-family: "DM Sans";
  font-size: 58px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: left;
  margin-bottom: 30px;

}

.about2_about h3 span {
  color: #018B8B;
  font-weight: 600;
}

.about2_about p {
  color: #000;
  font-family: "DM Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 188.235% */
  text-align: left;
  margin-bottom: 25px;
}

.OurJourney p {
  color: #000;
  font-feature-settings: 'dlig' on;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 188.235% */
}



.quick-nav-stick {
  border-radius: 7px;
  border: 0 solid #000;
  background: #FFF;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 30px 22px;
}

.blog-dt-block-content h4 {
  color: #060606;
  font-feature-settings: 'dlig' on;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
  /* 163.158% */
  margin-bottom: 30px;
}

.blog-dt-block-content h2 {
  color: #000;
  font-family: "General Sans";
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.19px;
  margin-bottom: 16px;
}

.blog-dt-block-content p {
  color: #060606;
  font-feature-settings: 'dlig' on;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
  /* 193.75% */
}

.blog-dt-block-content ul {
  margin-top: 10px;
  margin-bottom: 30px;
}

.blog-dt-block-content ul li {
  color: #060606;
  font-feature-settings: 'dlig' on;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
  position: relative;
  padding: 4px;
  padding-left: 30px;
}

.blog-dt-block-content ul li::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #018B8B;
  top: 50%;
  left: 0;
  transform: translate(0px, -50%);
}

.header-dark ul.nav li a {
  color: #000;
}

.service-dt-banner-img {
  position: relative;
}

.service-dt-banner-img-img {
  padding-right: 100px;
}

.service-dt-banner-img-dt {
  border-radius: 25px;
  background: #FFF;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.08);
  display: inline-flex;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 15px;
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  position: absolute;
  top: 98px;
  right: 0;
}

.service-dt-banner-img-dt span {
  background-color: #6CBF31;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}

.service-dt-banner-img-dt-btm {
  border-radius: 12px;
  background: #FFF;
  box-shadow: 0 4px 17.6px 17px rgba(0, 0, 0, 0.08);
  display: flex;
  width: 160px;
  height: 63px;
  padding: 9px 33px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  position: absolute;
  right: 0;
  bottom: -20px;
}

.service-dt-banner-dt-text h1 {
  color: #008774;
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.service-dt-banner-dt-text h1 span {
  color: #42AFA0;
  display: block;
}

.service-dt-banner-dt-text h2 {
  color: #00A991;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: 2.72px;
  margin-top: 10px;
}

.service-dt-banner-dt-text p {
  color: #00A991;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}

.service-dt-banner-dt-text {
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: space-between;
  height: 100%;
  padding: 60px 0 0 0;
}

a.dt-btn-01 {
  border-radius: 8px;
  background: #F87921;
  padding: 16px 35px;
  color: #FFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  display: block;
  width: fit-content;
  margin-top: 20px;
}

section.service-wrapper-section {
  background: #007F6D;
  padding: 70px 0px 80px 0px;
}

section.service-wrapper-section p {
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 0 40px;
}

.service-dt-why-img-block {
  padding-right: 30px;
  position: relative;
  padding-bottom: 95px;
}

.service-dt-why-img-block-01 img {
  max-width: 330px;
  width: 100%;
}

.service-dt-why-img-block-02 img {
  max-width: 270px;
  width: 100%;
}

.service-dt-why-img-block-02 {
  position: absolute;
  bottom: 0;
  right: 30px;
}

.service-dt-why-test-block h2 {
  color: #42AFA0;
  font-size: 54px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
  margin-bottom: 28px;
}

.service-dt-why-test-block p {
  color: #7D7D7D;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 159%;
  /* 31.8px */
}

section.What-We-Deliver-section {
  background-color: #F3F6F7;
  padding: 60px 0;
  position: relative;
}

.What-We-Deliver-title {
  padding-right: 20px;
}

.What-We-Deliver-title h2 {
  color: #000;
  font-family: "Open Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  max-width: 198px;
}

.What-We-Deliver-title span {
  font-weight: 600;
  display: block;
}

.What-We-Deliver-content-item h4 {
  color: #000;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  max-width: 170px;
}

.Why-Choose-service-item {
  border-radius: 16px;
  border: 1px solid #B0E4DD;
  background: #FFF;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  padding: 35px 40px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  text-align: center;
}

.panel-wrapper {
  display: flex;
  flex-direction: row;
  gap: 0;
}

.panel {
  position: relative;
  padding: 30px 20px;
  border-radius: 0;
  color: white;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  width: 75px;
  min-height: 460px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  height: 100%;
  justify-content: space-between;
  overflow: hidden;
  transform-origin: left center;
}

.panel.active {
  flex: 2;
  min-width: 400px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  z-index: 1;
  border-radius: 8px;
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.panel:hover:not(.active) {
  transform: translateX(5px);
  transition: transform 0.3s ease;
}

.panel h4,
.panel p {
  opacity: 0;
  display: none;
  transition: opacity 0.4s ease 0.1s, display 0s linear 0.5s;
  transform: translateX(-10px);
}

.panel.active h4,
.panel.active p {
  opacity: 1;
  display: block;
  transition: opacity 0.5s ease 0.2s, transform 0.5s ease 0.2s;
  transform: translateX(0);
}

.panel h3 {
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  max-width: 340px;
  margin: 10px 0 20px 0;
  transform: translateX(-10px);
  transition: transform 0.5s ease;
}

.panel.active h3 {
  transform: translateX(0);
  transition: transform 0.5s ease 0.3s;
}

.panel-index {
  opacity: 1;
  margin-bottom: 20px;
  display: block;
  text-align: right;
  color: #FFF;
  font-size: 36px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.panel.active .panel-index {
  font-size: 128px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(-10px);
}

.panel-content h4 {
  color: #FFF;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  max-width: 340px;
  transform: translateX(-10px);
  transition: transform 0.5s ease;
}

.panel.active .panel-content h4 {
  transform: translateX(0);
  transition: transform 0.5s ease 0.2s;
}

.panel-content p {
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transform: translateX(-10px);
  transition: transform 0.5s ease;
}

.panel.active .panel-content p {
  transform: translateX(0);
  transition: transform 0.5s ease 0.4s;
}

.panel-content {
  transform: translateY(20px);
  transition: transform 0.5s ease;
}

.panel.active .panel-content {
  transform: translateY(0);
  transition: transform 0.5s ease 0.1s;
}

/* First and last panel rounded corners */
.panel-wrapper .panel:first-child {
  border-radius: 8px 0 0 8px;
}

.panel-wrapper .panel:last-child {
  border-radius: 0 8px 8px 0;
}

.panel-wrapper .panel.active:first-child {
  border-radius: 8px;
}

.panel-wrapper .panel.active:last-child {
  border-radius: 8px;
}

/* Hover effects for non-active panels when one is active */
.panel-wrapper:hover .panel:not(.active):not(:hover) {
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* Smooth width transition */
.panel-wrapper {
  transition: gap 0.5s ease;
}

.panel-wrapper .panel.active~.panel {
  transform: translateX(0px);
  transition: transform 0.5s ease;
}



/* =========================
   MOBILE OVERRIDE
========================= */
@media (max-width: 1023px) {
  .panel-wrapper {
    flex-direction: column;
    gap: 16px;
  }

  .panel {
    width: 100% !important;
    min-width: 100% !important;
    min-height: auto;
    flex: none;
    border-radius: 8px !important;
    cursor: default;

    /* Disable animations */
    transition: none !important;
    transform: none !important;
  }

  .panel.active {
    box-shadow: none;
  }

  /* Show all content */
  .panel h4,
  .panel p {
    display: block !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .panel-content {
    transform: none !important;
    transition: none !important;
  }

  .panel-index {
    font-size: 48px !important;
    transform: none !important;
  }

  .how-ac-repair-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 920px) {

  .count-list h4 span {
    font-size: 44px;
    font-weight: 500;
  }

  .form3-left h3 {
    font-size: 40px;
    line-height: 44px;
  }

}

@media (max-width:998px) {
  .btn-main {
    padding: 10px 10px;
    font-size: 14px;
    line-height: 18px;
  }

  header ul.nav li a {
    font-size: 14px;
  }

  .banner-option-one h1 {
    font-size: 44px;
    line-height: 53px;
  }

  .archive-main-bg {
    padding: 30px 30px 10px;
  }

  .service-dt-banner-dt-text h1 {
    color: #008774;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
  }

  .service-dt-why-test-block h2 {
    color: #42AFA0;
    font-size: 44px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%;
    margin-bottom: 28px;
    margin-top: 30px;
  }

}

@media (max-width:767px) {

  .count-list h4 span {
    font-size: 44px;
    font-weight: 500;
  }


  .banner-option-one h1 {
    font-size: 44px;
    line-height: 48px;
  }

  .hm-product-left h3 {
    font-size: 30px;
    line-height: 36px;
  }

  .archive-title h3 {
    font-size: 36px;
    line-height: 44px;
  }

  ul.nav {
    position: absolute;
    top: 0;
    width: 360px;
    right: 15px;
    background: #ffffff9b;
    backdrop-filter: blur(10px);
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;

  }

  ul.nav.active {
    top: 100%;
    visibility: visible;
    opacity: 1;

  }


  header ul.nav li {
    border-bottom: 1px solid #0000001d;
  }

  header ul.nav li:last-child {
    border-bottom: 0;
  }

  header ul.nav li a {
    color: #333;
    text-transform: capitalize;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
  }

  header ul.nav li a svg path {
    fill: #333;
  }


  .testislider-sec .swiper-slide {
    transform: scale(1);
  }

  .cta-form-cap h3 {
    font-size: 30px;
    line-height: 44px;
  }

  .faq-title h3 {
    color: #024428;
    font-size: 30px;
    line-height: 40px;
  }

  .product-sm-list h4 {
    font-size: 14px;
    line-height: 20px;
  }

  .foot-nav {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    height: 0;
  }

  .foot-nav.active {
    opacity: 1;
    visibility: visible;
    height: auto;
    margin-bottom: 15px;
  }

  .footer-2-right h4 {
    padding: 15px 0;
    margin: 0;
  }

  .footer-2-right h4 svg {
    display: block;
  }

  .footer-2-right h4 svg path {
    fill: #333;
  }

  .contact1-banner h3 {
    font-size: 46px;
    line-height: 50px;
  }

  .team-list img {
    width: 150px;
    height: 150px;
  }

  .about1_banner h2 {
    font-size: 46px;
    line-height: 50px;
  }

}