@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Maitree:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Caudex:ital,wght@0,400;0,700;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&display=swap");
@font-face {
  font-family: "Avenir";
  src: url(/web/font/Avenir.ttf) format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Helvetica";
  src: url(/web/font/helvetica-light.ttf) format("otf");
  font-weight: 300;
}
@font-face {
  font-family: "Helvetica";
  src: url(/web/font/helvetica-regular.otf) format("otf");
  font-weight: 400;
}
@font-face {
  font-family: "Helvetica";
  src: url(/web/font/Helvetica-Bold.ttf) format("otf");
  font-weight: 600;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Playfair Display", serif;
  font-weight: 400;
}

a {
  transition: 0.5s ease-in;
  color: #1EB7BB;
}

a:hover {
  transition: 0.3s ease-in;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: #1EB7BB;
}

a, a.nav-link {
  color: #1813E0;
  text-decoration: none;
}

a:focus, button:focus {
  box-shadow: unset !important;
}

img {
  width: 100%;
}

pre {
  overflow: unset;
}

.container-ctn {
  max-width: 95%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1200px) {
  .container-ctn {
    max-width: 93.8%;
  }
}
@media (min-width: 1400px) {
  .container-ctn {
    max-width: 93.3%;
  }
}
@media (min-width: 1780px) {
  .container-ctn {
    max-width: 1790px;
  }
}

.container-career {
  max-width: 95%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-career {
    max-width: 536px;
  }
}
@media (min-width: 768px) {
  .container-career {
    max-width: 658px;
  }
}
@media (min-width: 992px) {
  .container-career {
    max-width: 902px;
  }
}
@media (min-width: 1200px) {
  .container-career {
    max-width: 75.5%;
  }
}
@media (min-width: 1780px) {
  .container-career {
    max-width: 1433px;
  }
}

.container-network {
  max-width: 95%;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: auto;
}
@media (min-width: 1200px) {
  .container-network {
    max-width: 1100px;
  }
}
@media (min-width: 1280px) {
  .container-network {
    max-width: 1220px;
  }
}
@media (min-width: 1400px) {
  .container-network {
    max-width: 1243px;
  }
}
@media (min-width: 1600px) {
  .container-network {
    max-width: 1427px;
  }
}
@media (min-width: 1780px) {
  .container-network {
    max-width: 1698px;
  }
}
@media (min-width: 1950px) {
  .container-network {
    margin-right: auto;
  }
}

.container-about {
  max-width: 95%;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: auto;
}
@media (min-width: 1200px) {
  .container-about {
    max-width: 87.3%;
  }
}
@media (min-width: 1600px) {
  .container-about {
    max-width: 86%;
  }
}
@media (min-width: 1780px) {
  .container-about {
    max-width: 1635px;
  }
}
@media (min-width: 2000px) {
  .container-about {
    margin-right: auto;
  }
}

.container-expert {
  max-width: 95%;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1200px) {
  .container-expert {
    max-width: 1090px;
  }
}
@media (min-width: 1280px) {
  .container-expert {
    max-width: 84%;
  }
}
@media (min-width: 1400px) {
  .container-expert {
    max-width: 84%;
  }
}
@media (min-width: 1600px) {
  .container-expert {
    max-width: 84%;
  }
}
@media (min-width: 1780px) {
  .container-expert {
    max-width: 1670px;
  }
}

.container-careerContent {
  max-width: 95%;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1200px) {
  .container-careerContent {
    max-width: 1196px;
  }
}
@media (min-width: 1280px) {
  .container-careerContent {
    max-width: 1260px;
  }
}
@media (min-width: 1400px) {
  .container-careerContent {
    max-width: 1370px;
  }
}
@media (min-width: 1600px) {
  .container-careerContent {
    max-width: 1470px;
  }
}
@media (min-width: 1780px) {
  .container-careerContent {
    max-width: 1760px;
  }
}

.container-client {
  max-width: 95%;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: auto;
}
@media (min-width: 1200px) {
  .container-client {
    max-width: 1100px;
  }
}
@media (min-width: 1280px) {
  .container-client {
    max-width: 1190px;
  }
}
@media (min-width: 1400px) {
  .container-client {
    max-width: 1243px;
  }
}
@media (min-width: 1600px) {
  .container-client {
    max-width: 87.1%;
  }
}
@media (min-width: 1780px) {
  .container-client {
    max-width: 1685px;
  }
}
@media (min-width: 1950px) {
  .container-client {
    margin-right: auto;
  }
}

.container-custom {
  max-width: 95%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-custom {
    max-width: 1410px;
  }
}
@media (min-width: 1200px) {
  .container-custom {
    max-width: 1190px;
  }
}
@media (min-width: 1400px) {
  .container-custom {
    max-width: 84.4%;
  }
}
@media (min-width: 1780px) {
  .container-custom {
    max-width: 1655px;
  }
}

.container-theme {
  max-width: 95%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-theme {
    max-width: 666px;
  }
}
@media (min-width: 768px) {
  .container-theme {
    max-width: 858px;
  }
}
@media (min-width: 992px) {
  .container-theme {
    max-width: 1082px;
  }
}
@media (min-width: 1200px) {
  .container-theme {
    max-width: 962px;
  }
}
@media (min-width: 1400px) {
  .container-theme {
    max-width: 1130px;
  }
}
@media (min-width: 1780px) {
  .container-theme {
    max-width: 1390px;
  }
}

.container-diagram {
  max-width: 95%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-diagram {
    max-width: 99%;
  }
}
@media (min-width: 768px) {
  .container-diagram {
    max-width: 99%;
  }
}
@media (min-width: 992px) {
  .container-diagram {
    max-width: 98%;
  }
}
@media (min-width: 1200px) {
  .container-diagram {
    max-width: 93%;
  }
}
@media (min-width: 1281px) {
  .container-diagram {
    max-width: 1160px;
  }
}
@media (min-width: 1400px) {
  .container-diagram {
    max-width: 1410px;
  }
}
@media (min-width: 1780px) {
  .container-diagram {
    max-width: 1642px;
  }
}

.themeBg {
  background-color: #12284F;
}

.btn.btnSw, .btn.commonBtn, .experRegModal .modal-dialog .modal-footer button.btn, #startProject button.btn.form_submit_btn, .contact-section .form-section .btn.submit-btn, .hero article .btn, .bannerSlider .btn.btnbanner {
  background: #12284F;
  text-align: center;
  font-size: 18px;
  line-height: 18px;
  color: #fff;
  border-radius: 0;
  border: 2px solid transparent;
  height: 50px;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s ease-in;
}
.btn.btnSw:hover, .btn.commonBtn:hover, .experRegModal .modal-dialog .modal-footer button.btn:hover, #startProject button.btn.form_submit_btn:hover, .contact-section .form-section .btn.submit-btn:hover, .hero article .btn:hover, .bannerSlider .btn.btnbanner:hover, .btn.btnSw.active, .btn.active.commonBtn, .experRegModal .modal-dialog .modal-footer button.btn.active, #startProject button.btn.active.form_submit_btn, .contact-section .form-section .btn.active.submit-btn, .hero article .btn.active, .bannerSlider .btn.active.btnbanner {
  background: #fff;
  border: 2px solid #12284F;
  color: #12284F;
  transition: 0.3s ease-in;
}

.btn.commonBtn, .experRegModal .modal-dialog .modal-footer button.btn, #startProject button.btn.form_submit_btn, .contact-section .form-section .btn.submit-btn, .hero article .btn, .bannerSlider .btn.btnbanner {
  font-size: 14px;
  line-height: 14px;
}
.btn.commonBtn span, .experRegModal .modal-dialog .modal-footer button.btn span, #startProject button.btn.form_submit_btn span, .contact-section .form-section .btn.submit-btn span, .hero article .btn span, .bannerSlider .btn.btnbanner span {
  color: #1EB7BB;
  padding-left: 5px;
}
@media (min-width: 768px) {
  .btn.commonBtn, .experRegModal .modal-dialog .modal-footer button.btn, #startProject button.btn.form_submit_btn, .contact-section .form-section .btn.submit-btn, .hero article .btn, .bannerSlider .btn.btnbanner {
    font-size: 15px;
    line-height: 15px;
  }
}
@media (min-width: 1200px) {
  .btn.commonBtn, .experRegModal .modal-dialog .modal-footer button.btn, #startProject button.btn.form_submit_btn, .contact-section .form-section .btn.submit-btn, .hero article .btn, .bannerSlider .btn.btnbanner {
    font-size: 16px;
    line-height: 16px;
  }
}
@media (min-width: 1600px) {
  .btn.commonBtn, .experRegModal .modal-dialog .modal-footer button.btn, #startProject button.btn.form_submit_btn, .contact-section .form-section .btn.submit-btn, .hero article .btn, .bannerSlider .btn.btnbanner {
    font-size: 17px;
    line-height: 17px;
  }
}
@media (min-width: 1780px) {
  .btn.commonBtn, .experRegModal .modal-dialog .modal-footer button.btn, #startProject button.btn.form_submit_btn, .contact-section .form-section .btn.submit-btn, .hero article .btn, .bannerSlider .btn.btnbanner {
    font-size: 20px;
    line-height: 20px;
  }
}

.btn.launchBtn {
  padding: 0;
  font-size: 16px;
  line-height: 26px;
  color: #1EB7BB !important;
}
@media (min-width: 768px) {
  .btn.launchBtn {
    font-size: 19px;
    line-height: 34px;
  }
}
@media (min-width: 1200px) {
  .btn.launchBtn {
    font-size: 20px;
    line-height: 36px;
  }
}
@media (min-width: 1600px) {
  .btn.launchBtn {
    font-size: 20px;
    line-height: 38px;
  }
}
@media (min-width: 1780px) {
  .btn.launchBtn {
    font-size: 24px;
    line-height: 40px;
  }
}
.btn.launchBtn::after {
  background-image: url(../images/svg/angle-right-banner-h.svg);
  background-size: cover;
  width: 6px;
  height: 14px;
  right: 0;
}
@media (min-width: 1200px) {
  .btn.launchBtn::after {
    width: 8px;
    height: 18px;
  }
}
.btn.launchBtn:hover::after {
  right: -10px;
  transition: 0.3s ease all;
  background-image: url(../images/svg/angle-right-banner.svg);
}
.btn.launchBtn:hover {
  color: #fff !important;
}

.linkBtn, main .whatwedoV2 a, .get-to-know a.btn, .clientBrands a.btn, .network a, .connectWithUs .btn, .platform a, .whatWeDo a {
  font-size: 15px;
  line-height: 25px;
  color: #1EB7BB;
}
.linkBtn:hover, main .whatwedoV2 a:hover, .get-to-know a.btn:hover, .clientBrands a.btn:hover, .network a:hover, .connectWithUs .btn:hover, .platform a:hover, .whatWeDo a:hover {
  color: #fff;
}
@media (min-width: 576px) {
  .linkBtn, main .whatwedoV2 a, .get-to-know a.btn, .clientBrands a.btn, .network a, .connectWithUs .btn, .platform a, .whatWeDo a {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 768px) {
  .linkBtn, main .whatwedoV2 a, .get-to-know a.btn, .clientBrands a.btn, .network a, .connectWithUs .btn, .platform a, .whatWeDo a {
    font-size: 17px;
    line-height: 27px;
  }
}
@media (min-width: 1200px) {
  .linkBtn, main .whatwedoV2 a, .get-to-know a.btn, .clientBrands a.btn, .network a, .connectWithUs .btn, .platform a, .whatWeDo a {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (min-width: 1400px) {
  .linkBtn, main .whatwedoV2 a, .get-to-know a.btn, .clientBrands a.btn, .network a, .connectWithUs .btn, .platform a, .whatWeDo a {
    font-size: 20px;
    line-height: 32px;
  }
}
@media (min-width: 1780px) {
  .linkBtn, main .whatwedoV2 a, .get-to-know a.btn, .clientBrands a.btn, .network a, .connectWithUs .btn, .platform a, .whatWeDo a {
    font-size: 24px;
    line-height: 32px;
  }
}

ul {
  list-style: none;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  font-weight: 400;
}

p, .p, .benfits .benfitsDetails ul li, .HomeServices .choices h2 + p, .HomeServices .tab-pane h2 + p {
  font-size: 15px;
  line-height: 25px;
}
@media (min-width: 768px) {
  p, .p, .benfits .benfitsDetails ul li, .HomeServices .choices h2 + p, .HomeServices .tab-pane h2 + p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 992px) {
  p, .p, .benfits .benfitsDetails ul li, .HomeServices .choices h2 + p, .HomeServices .tab-pane h2 + p {
    font-size: 17px;
    line-height: 27px;
  }
}
@media (min-width: 1200px) {
  p, .p, .benfits .benfitsDetails ul li, .HomeServices .choices h2 + p, .HomeServices .tab-pane h2 + p {
    font-size: 15px;
    line-height: 25px;
  }
}
@media (min-width: 1400px) {
  p, .p, .benfits .benfitsDetails ul li, .HomeServices .choices h2 + p, .HomeServices .tab-pane h2 + p {
    font-size: 17px;
    line-height: 27px;
  }
}
@media (min-width: 1780px) {
  p, .p, .benfits .benfitsDetails ul li, .HomeServices .choices h2 + p, .HomeServices .tab-pane h2 + p {
    font-size: 20px;
    line-height: 35px;
  }
}

.h2-40, .clientRegistraion form h2, .faq .heading h2, .firms h2, .ourClients .heading h2, .serviceHowworks .row .WrokingSteps h3, .network h2 {
  font-size: 25px;
  line-height: 40px;
  color: #282828;
}
@media (min-width: 576px) {
  .h2-40, .clientRegistraion form h2, .faq .heading h2, .firms h2, .ourClients .heading h2, .serviceHowworks .row .WrokingSteps h3, .network h2 {
    font-size: 30px;
    line-height: 45px;
  }
}
@media (min-width: 768px) {
  .h2-40, .clientRegistraion form h2, .faq .heading h2, .firms h2, .ourClients .heading h2, .serviceHowworks .row .WrokingSteps h3, .network h2 {
    font-size: 32px;
    line-height: 47px;
  }
}
@media (min-width: 992px) {
  .h2-40, .clientRegistraion form h2, .faq .heading h2, .firms h2, .ourClients .heading h2, .serviceHowworks .row .WrokingSteps h3, .network h2 {
    font-size: 34px;
    line-height: 49px;
  }
}
@media (min-width: 1200px) {
  .h2-40, .clientRegistraion form h2, .faq .heading h2, .firms h2, .ourClients .heading h2, .serviceHowworks .row .WrokingSteps h3, .network h2 {
    font-size: 29px;
    line-height: 40px;
  }
}
@media (min-width: 1400px) {
  .h2-40, .clientRegistraion form h2, .faq .heading h2, .firms h2, .ourClients .heading h2, .serviceHowworks .row .WrokingSteps h3, .network h2 {
    font-size: 35px;
    line-height: 48px;
  }
}
@media (min-width: 1780px) {
  .h2-40, .clientRegistraion form h2, .faq .heading h2, .firms h2, .ourClients .heading h2, .serviceHowworks .row .WrokingSteps h3, .network h2 {
    font-size: 40px;
    line-height: 55px;
  }
}

.h2-50, .join-team h2, .get-to-know h2, .connectWithUs .growCareer h2, .ourTech h2, .ourImpact h2, .faq .tab-content h2, .benfits .heading h2, .yourImpact article h2, .contact-section .connectColumn-2 h2, .bottomCta h2, .swissmenBussiness h2, .NextLevelCompliance h2, .HomeServices .Services-Column h2, .HomeServices .Services-Column pre, .bannerInner h1 {
  font-size: 25px;
  line-height: 38px;
  color: #282828;
}
@media (min-width: 576px) {
  .h2-50, .join-team h2, .get-to-know h2, .connectWithUs .growCareer h2, .ourTech h2, .ourImpact h2, .faq .tab-content h2, .benfits .heading h2, .yourImpact article h2, .contact-section .connectColumn-2 h2, .bottomCta h2, .swissmenBussiness h2, .NextLevelCompliance h2, .HomeServices .Services-Column h2, .HomeServices .Services-Column pre, .bannerInner h1 {
    font-size: 30px;
    line-height: 50px;
  }
}
@media (min-width: 768px) {
  .h2-50, .join-team h2, .get-to-know h2, .connectWithUs .growCareer h2, .ourTech h2, .ourImpact h2, .faq .tab-content h2, .benfits .heading h2, .yourImpact article h2, .contact-section .connectColumn-2 h2, .bottomCta h2, .swissmenBussiness h2, .NextLevelCompliance h2, .HomeServices .Services-Column h2, .HomeServices .Services-Column pre, .bannerInner h1 {
    font-size: 23px;
    line-height: 43px;
  }
}
@media (min-width: 992px) {
  .h2-50, .join-team h2, .get-to-know h2, .connectWithUs .growCareer h2, .ourTech h2, .ourImpact h2, .faq .tab-content h2, .benfits .heading h2, .yourImpact article h2, .contact-section .connectColumn-2 h2, .bottomCta h2, .swissmenBussiness h2, .NextLevelCompliance h2, .HomeServices .Services-Column h2, .HomeServices .Services-Column pre, .bannerInner h1 {
    font-size: 30px;
    line-height: 45px;
  }
}
@media (min-width: 1200px) {
  .h2-50, .join-team h2, .get-to-know h2, .connectWithUs .growCareer h2, .ourTech h2, .ourImpact h2, .faq .tab-content h2, .benfits .heading h2, .yourImpact article h2, .contact-section .connectColumn-2 h2, .bottomCta h2, .swissmenBussiness h2, .NextLevelCompliance h2, .HomeServices .Services-Column h2, .HomeServices .Services-Column pre, .bannerInner h1 {
    font-size: 35px;
    line-height: 50px;
  }
}
@media (min-width: 1400px) {
  .h2-50, .join-team h2, .get-to-know h2, .connectWithUs .growCareer h2, .ourTech h2, .ourImpact h2, .faq .tab-content h2, .benfits .heading h2, .yourImpact article h2, .contact-section .connectColumn-2 h2, .bottomCta h2, .swissmenBussiness h2, .NextLevelCompliance h2, .HomeServices .Services-Column h2, .HomeServices .Services-Column pre, .bannerInner h1 {
    font-size: 42px;
    line-height: 52px;
  }
}
@media (min-width: 1780px) {
  .h2-50, .join-team h2, .get-to-know h2, .connectWithUs .growCareer h2, .ourTech h2, .ourImpact h2, .faq .tab-content h2, .benfits .heading h2, .yourImpact article h2, .contact-section .connectColumn-2 h2, .bottomCta h2, .swissmenBussiness h2, .NextLevelCompliance h2, .HomeServices .Services-Column h2, .HomeServices .Services-Column pre, .bannerInner h1 {
    font-size: 50px;
    line-height: 70px;
  }
}

.h2-60, .open-roles h2, .oneCompany h2, .journyWithUs .heading h2, .counter strong, .contact-section .connectColumn-1 h2, .customersFeedBack h2, .serviceHowworks h2, .swissmenBussiness .tab-content .d-flex h2, .howItWorks h2, .platform h2 span, .platform h2, .leadingFirms h2 {
  font-size: 20px;
  line-height: 29px;
  color: #282828;
}
@media (min-width: 576px) {
  .h2-60, .open-roles h2, .oneCompany h2, .journyWithUs .heading h2, .counter strong, .contact-section .connectColumn-1 h2, .customersFeedBack h2, .serviceHowworks h2, .swissmenBussiness .tab-content .d-flex h2, .howItWorks h2, .platform h2 span, .platform h2, .leadingFirms h2 {
    font-size: 23px;
    line-height: 30px;
  }
}
@media (min-width: 768px) {
  .h2-60, .open-roles h2, .oneCompany h2, .journyWithUs .heading h2, .counter strong, .contact-section .connectColumn-1 h2, .customersFeedBack h2, .serviceHowworks h2, .swissmenBussiness .tab-content .d-flex h2, .howItWorks h2, .platform h2 span, .platform h2, .leadingFirms h2 {
    font-size: 30px;
    line-height: 45px;
  }
}
@media (min-width: 992px) {
  .h2-60, .open-roles h2, .oneCompany h2, .journyWithUs .heading h2, .counter strong, .contact-section .connectColumn-1 h2, .customersFeedBack h2, .serviceHowworks h2, .swissmenBussiness .tab-content .d-flex h2, .howItWorks h2, .platform h2 span, .platform h2, .leadingFirms h2 {
    font-size: 35px;
    line-height: 50px;
  }
}
@media (min-width: 1200px) {
  .h2-60, .open-roles h2, .oneCompany h2, .journyWithUs .heading h2, .counter strong, .contact-section .connectColumn-1 h2, .customersFeedBack h2, .serviceHowworks h2, .swissmenBussiness .tab-content .d-flex h2, .howItWorks h2, .platform h2 span, .platform h2, .leadingFirms h2 {
    font-size: 40px;
    line-height: 51px;
  }
}
@media (min-width: 1400px) {
  .h2-60, .open-roles h2, .oneCompany h2, .journyWithUs .heading h2, .counter strong, .contact-section .connectColumn-1 h2, .customersFeedBack h2, .serviceHowworks h2, .swissmenBussiness .tab-content .d-flex h2, .howItWorks h2, .platform h2 span, .platform h2, .leadingFirms h2 {
    font-size: 50px;
    line-height: 60px;
  }
}
@media (min-width: 1780px) {
  .h2-60, .open-roles h2, .oneCompany h2, .journyWithUs .heading h2, .counter strong, .contact-section .connectColumn-1 h2, .customersFeedBack h2, .serviceHowworks h2, .swissmenBussiness .tab-content .d-flex h2, .howItWorks h2, .platform h2 span, .platform h2, .leadingFirms h2 {
    font-size: 60px;
    line-height: 75px;
  }
}

.h3-34-60, .parent-chart h3, .choices h3 {
  font-size: 18px;
  line-height: 28px;
  color: #282828;
}
@media (min-width: 576px) {
  .h3-34-60, .parent-chart h3, .choices h3 {
    font-size: 19px;
    line-height: 29px;
  }
}
@media (min-width: 768px) {
  .h3-34-60, .parent-chart h3, .choices h3 {
    font-size: 21px;
    line-height: 31px;
  }
}
@media (min-width: 992px) {
  .h3-34-60, .parent-chart h3, .choices h3 {
    font-size: 23px;
    line-height: 33px;
  }
}
@media (min-width: 1200px) {
  .h3-34-60, .parent-chart h3, .choices h3 {
    font-size: 24px;
    line-height: 35px;
  }
}
@media (min-width: 1400px) {
  .h3-34-60, .parent-chart h3, .choices h3 {
    font-size: 27px;
    line-height: 37px;
  }
}
@media (min-width: 1780px) {
  .h3-34-60, .parent-chart h3, .choices h3 {
    font-size: 34px;
    line-height: 60px;
  }
}

.h3-34-50, .positionsList ul li h3, .aboutOwnership ul li h3, .startWorking .description h3, .Services-Column2 h2 {
  font-size: 20px;
  line-height: 36px;
  color: #282828;
}
@media (min-width: 576px) {
  .h3-34-50, .positionsList ul li h3, .aboutOwnership ul li h3, .startWorking .description h3, .Services-Column2 h2 {
    font-size: 21px;
    line-height: 37px;
  }
}
@media (min-width: 768px) {
  .h3-34-50, .positionsList ul li h3, .aboutOwnership ul li h3, .startWorking .description h3, .Services-Column2 h2 {
    font-size: 23px;
    line-height: 39px;
  }
}
@media (min-width: 992px) {
  .h3-34-50, .positionsList ul li h3, .aboutOwnership ul li h3, .startWorking .description h3, .Services-Column2 h2 {
    font-size: 25px;
    line-height: 41px;
  }
}
@media (min-width: 1200px) {
  .h3-34-50, .positionsList ul li h3, .aboutOwnership ul li h3, .startWorking .description h3, .Services-Column2 h2 {
    font-size: 28px;
    line-height: 42px;
  }
}
@media (min-width: 1400px) {
  .h3-34-50, .positionsList ul li h3, .aboutOwnership ul li h3, .startWorking .description h3, .Services-Column2 h2 {
    font-size: 32px;
    line-height: 48px;
  }
}
@media (min-width: 1780px) {
  .h3-34-50, .positionsList ul li h3, .aboutOwnership ul li h3, .startWorking .description h3, .Services-Column2 h2 {
    font-size: 34px;
    line-height: 50px;
  }
}

.subTextH2, .whatWeDo h2 {
  font-size: 20px;
  line-height: 30px;
  font-family: "Prompt";
  font-weight: 300;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .subTextH2, .whatWeDo h2 {
    font-size: 22px;
    line-height: 32px;
  }
}
@media (min-width: 1400px) {
  .subTextH2, .whatWeDo h2 {
    font-size: 28px;
    line-height: 40px;
  }
}
@media (min-width: 1780px) {
  .subTextH2, .whatWeDo h2 {
    font-size: 30px;
    line-height: 45px;
  }
}

.commonPadding, .journyWithUs, .clientBrands .sliderWrapperClient, .serviceHowworks, .howItWorks, .choices, .leadingFirms {
  padding: 30px 0px;
}
@media (min-width: 768px) {
  .commonPadding, .journyWithUs, .clientBrands .sliderWrapperClient, .serviceHowworks, .howItWorks, .choices, .leadingFirms {
    padding: 40px 0px;
  }
}
@media (min-width: 1200px) {
  .commonPadding, .journyWithUs, .clientBrands .sliderWrapperClient, .serviceHowworks, .howItWorks, .choices, .leadingFirms {
    padding: 50px 0px;
  }
}
@media (min-width: 1400px) {
  .commonPadding, .journyWithUs, .clientBrands .sliderWrapperClient, .serviceHowworks, .howItWorks, .choices, .leadingFirms {
    padding: 55px 0px;
  }
}
@media (min-width: 1780px) {
  .commonPadding, .journyWithUs, .clientBrands .sliderWrapperClient, .serviceHowworks, .howItWorks, .choices, .leadingFirms {
    padding: 60px 0px;
  }
}

.mdPadding, .get-to-know {
  padding: 40px 0px;
}
@media (min-width: 768px) {
  .mdPadding, .get-to-know {
    padding: 50px 0px;
  }
}
@media (min-width: 1200px) {
  .mdPadding, .get-to-know {
    padding: 60px 0px;
  }
}
@media (min-width: 1400px) {
  .mdPadding, .get-to-know {
    padding: 70px 0px;
  }
}
@media (min-width: 1780px) {
  .mdPadding, .get-to-know {
    padding: 80px 0px;
  }
}

.lgPadding {
  padding: 50px 0px;
}
@media (min-width: 768px) {
  .lgPadding {
    padding: 60px 0px;
  }
}
@media (min-width: 1200px) {
  .lgPadding {
    padding: 70px 0px;
  }
}
@media (min-width: 1400px) {
  .lgPadding {
    padding: 90px 0px;
  }
}
@media (min-width: 1780px) {
  .lgPadding {
    padding: 100px 0px;
  }
}

.lgMargin, .get-to-know {
  margin: 50px 0px;
}
@media (min-width: 768px) {
  .lgMargin, .get-to-know {
    margin: 60px 0px;
  }
}
@media (min-width: 1200px) {
  .lgMargin, .get-to-know {
    margin: 70px 0px;
  }
}
@media (min-width: 1400px) {
  .lgMargin, .get-to-know {
    margin: 90px 0px;
  }
}
@media (min-width: 1780px) {
  .lgMargin, .get-to-know {
    margin: 100px 0px;
  }
}

.position, .term-desc-box ~ ul li::before, .term-desc-box ul li::before, main .choicesv2 .choiceColumn p::before, .expertRegistraion .jobHistory .dataTable td label.from-label::after, .expertRegistraion .jobHistory .dataTable td label.to-label::after, .parent-chart .level div:last-child:after, .jobApp form label#start_date_label::after, .jobApp .jobDescription li::before, .join-team ul li::before, .join-team h2::after, .aboutOwnership ul li::before, .ourClients .heading::before, .benfitsExpert .heading::before, .faq .tab-content p::before, .benfits .benfitsDetails ul li picture, .counter h3::before, .bottomCta a::before, .bottomCta a::after, .swissmenBussiness .nav-pills li a::before, .complianceList h3::after, .complianceList h2::after, .complianceList h4::after, .connectWithUs .btn:before, .connectWithUs .btn:after, .howItWorks .subTxt::after, .howItWorks .join-team span::after, .join-team .howItWorks span::after, .howItWorks .yourImpact article span::after, .yourImpact article .howItWorks span::after, .howItWorks .hero article > span::after, .hero .howItWorks article > span::after, .HomeServices .heading::before, .platform h3::before, .choices article picture, .choices li picture, .whatWeDo h2:after, .menu-footer-menu .sub-menu a.active::before, .menu-footer-menu .sub-menu a::before, header .navbar-nav a.active::before, header .navbar-nav a::before, .subTxt:after, .join-team span:after, .ourTech .impactCol span:after, .ourImpact .impactCol span:after, .bannerInner .pageAbout span:after, .faq .heading span:after, .journyWithUs .heading span:after, .benfits .heading span:after, .yourImpact article span:after, .hero article > span:after, .startWorking .WrokingSteps span:after, .ourClients .heading span:after, .HomeServices .Services-Column span:after, .positionCenterXY, .positionCenterX, .parent-chart .lev-two > div:last-child:after, .connectWithUs .growCareer a.btn::before, .connectWithUs .growCareer a.btn::after, .journyWithUs ul li::before, .journyWithUs ul li::after, .connectWithUs h2::before, .positionCenterY, .yourImpact article, .feedBackWrapper span::before, .HomeServices .Services-Column ul li::after, .footerColumn1 p::before, .btn.launchBtn::after {
  content: "";
  position: absolute;
}

.positionCenterY, .yourImpact article, .feedBackWrapper span::before, .HomeServices .Services-Column ul li::after, .footerColumn1 p::before, .btn.launchBtn::after {
  top: 50%;
  transform: translateY(-50%);
}

.positionCenterX, .parent-chart .lev-two > div:last-child:after, .connectWithUs .growCareer a.btn::before, .connectWithUs .growCareer a.btn::after, .journyWithUs ul li::before, .journyWithUs ul li::after, .connectWithUs h2::before {
  left: 50%;
  transform: translateX(-50%);
}

.positionCenterXY {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.subTxt, .join-team span, .ourTech .impactCol span, .ourImpact .impactCol span, .bannerInner .pageAbout span, .faq .heading span, .journyWithUs .heading span, .benfits .heading span, .yourImpact article span, .hero article > span, .startWorking .WrokingSteps span, .ourClients .heading span, .HomeServices .Services-Column span {
  font-size: 16px;
  line-height: 24px;
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 575px) {
  .subTxt, .join-team span, .ourTech .impactCol span, .ourImpact .impactCol span, .bannerInner .pageAbout span, .faq .heading span, .journyWithUs .heading span, .benfits .heading span, .yourImpact article span, .hero article > span, .startWorking .WrokingSteps span, .ourClients .heading span, .HomeServices .Services-Column span {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .subTxt, .join-team span, .ourTech .impactCol span, .ourImpact .impactCol span, .bannerInner .pageAbout span, .faq .heading span, .journyWithUs .heading span, .benfits .heading span, .yourImpact article span, .hero article > span, .startWorking .WrokingSteps span, .ourClients .heading span, .HomeServices .Services-Column span {
    font-size: 19px;
    line-height: 27px;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .subTxt, .join-team span, .ourTech .impactCol span, .ourImpact .impactCol span, .bannerInner .pageAbout span, .faq .heading span, .journyWithUs .heading span, .benfits .heading span, .yourImpact article span, .hero article > span, .startWorking .WrokingSteps span, .ourClients .heading span, .HomeServices .Services-Column span {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .subTxt, .join-team span, .ourTech .impactCol span, .ourImpact .impactCol span, .bannerInner .pageAbout span, .faq .heading span, .journyWithUs .heading span, .benfits .heading span, .yourImpact article span, .hero article > span, .startWorking .WrokingSteps span, .ourClients .heading span, .HomeServices .Services-Column span {
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 0;
  }
}
@media (min-width: 1300px) {
  .subTxt, .join-team span, .ourTech .impactCol span, .ourImpact .impactCol span, .bannerInner .pageAbout span, .faq .heading span, .journyWithUs .heading span, .benfits .heading span, .yourImpact article span, .hero article > span, .startWorking .WrokingSteps span, .ourClients .heading span, .HomeServices .Services-Column span {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0px;
  }
}
@media (min-width: 1400px) {
  .subTxt, .join-team span, .ourTech .impactCol span, .ourImpact .impactCol span, .bannerInner .pageAbout span, .faq .heading span, .journyWithUs .heading span, .benfits .heading span, .yourImpact article span, .hero article > span, .startWorking .WrokingSteps span, .ourClients .heading span, .HomeServices .Services-Column span {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0px;
  }
}
@media (min-width: 1780px) {
  .subTxt, .join-team span, .ourTech .impactCol span, .ourImpact .impactCol span, .bannerInner .pageAbout span, .faq .heading span, .journyWithUs .heading span, .benfits .heading span, .yourImpact article span, .hero article > span, .startWorking .WrokingSteps span, .ourClients .heading span, .HomeServices .Services-Column span {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0px;
  }
}
.subTxt:after, .join-team span:after, .ourTech .impactCol span:after, .ourImpact .impactCol span:after, .bannerInner .pageAbout span:after, .faq .heading span:after, .journyWithUs .heading span:after, .benfits .heading span:after, .yourImpact article span:after, .hero article > span:after, .startWorking .WrokingSteps span:after, .ourClients .heading span:after, .HomeServices .Services-Column span:after {
  height: 1px;
  background-color: #fff;
  bottom: 0;
  left: 0;
  width: 70%;
}
@media (min-width: 576px) {
  .subTxt:after, .join-team span:after, .ourTech .impactCol span:after, .ourImpact .impactCol span:after, .bannerInner .pageAbout span:after, .faq .heading span:after, .journyWithUs .heading span:after, .benfits .heading span:after, .yourImpact article span:after, .hero article > span:after, .startWorking .WrokingSteps span:after, .ourClients .heading span:after, .HomeServices .Services-Column span:after {
    width: 73%;
  }
}
@media (min-width: 768px) {
  .subTxt:after, .join-team span:after, .ourTech .impactCol span:after, .ourImpact .impactCol span:after, .bannerInner .pageAbout span:after, .faq .heading span:after, .journyWithUs .heading span:after, .benfits .heading span:after, .yourImpact article span:after, .hero article > span:after, .startWorking .WrokingSteps span:after, .ourClients .heading span:after, .HomeServices .Services-Column span:after {
    width: 74%;
  }
}
@media (min-width: 992px) {
  .subTxt:after, .join-team span:after, .ourTech .impactCol span:after, .ourImpact .impactCol span:after, .bannerInner .pageAbout span:after, .faq .heading span:after, .journyWithUs .heading span:after, .benfits .heading span:after, .yourImpact article span:after, .hero article > span:after, .startWorking .WrokingSteps span:after, .ourClients .heading span:after, .HomeServices .Services-Column span:after {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .subTxt:after, .join-team span:after, .ourTech .impactCol span:after, .ourImpact .impactCol span:after, .bannerInner .pageAbout span:after, .faq .heading span:after, .journyWithUs .heading span:after, .benfits .heading span:after, .yourImpact article span:after, .hero article > span:after, .startWorking .WrokingSteps span:after, .ourClients .heading span:after, .HomeServices .Services-Column span:after {
    width: 84%;
  }
}
@media (min-width: 1400px) {
  .subTxt:after, .join-team span:after, .ourTech .impactCol span:after, .ourImpact .impactCol span:after, .bannerInner .pageAbout span:after, .faq .heading span:after, .journyWithUs .heading span:after, .benfits .heading span:after, .yourImpact article span:after, .hero article > span:after, .startWorking .WrokingSteps span:after, .ourClients .heading span:after, .HomeServices .Services-Column span:after {
    width: 70%;
  }
}
@media (min-width: 1780px) {
  .subTxt:after, .join-team span:after, .ourTech .impactCol span:after, .ourImpact .impactCol span:after, .bannerInner .pageAbout span:after, .faq .heading span:after, .journyWithUs .heading span:after, .benfits .heading span:after, .yourImpact article span:after, .hero article > span:after, .startWorking .WrokingSteps span:after, .ourClients .heading span:after, .HomeServices .Services-Column span:after {
    width: 81%;
  }
}

@keyframes line {
  0% {
    top: 0;
  }
  25% {
    top: 25%;
  }
  50% {
    top: 50%;
  }
  75% {
    top: 75%;
  }
  100% {
    top: 100%;
  }
  0% {
    top: 0;
  }
}
.line {
  width: 2px;
  height: 100%;
  background: #8FB5DC;
  position: absolute;
  left: -10px;
  overflow: hidden;
}

.line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: rgb(255, 255, 255);
  animation: line 5s linear infinite;
}

.slick-dots {
  display: flex;
  justify-content: center;
}

.slick-dots li {
  display: none;
}

.slick-dots li.slick-active,
.slick-dots li.slick-active + li,
.slick-dots li.slick-active + li + li {
  display: block;
}

.slick-dots li:nth-last-child(1),
.slick-dots li:nth-last-child(2),
.slick-dots li:nth-last-child(3) {
  display: block;
}

.slick-dots li.slick-active ~ li:nth-last-child(1),
.slick-dots li.slick-active ~ li:nth-last-child(2),
.slick-dots li.slick-active ~ li:nth-last-child(3) {
  display: none;
}

.slick-dots li.slick-active + li + li:nth-last-child(3),
.slick-dots li.slick-active + li + li:nth-last-child(2),
.slick-dots li.slick-active + li + li:nth-last-child(1),
.slick-dots li.slick-active + li:nth-last-child(3),
.slick-dots li.slick-active + li:nth-last-child(2),
.slick-dots li.slick-active + li:nth-last-child(1) {
  display: block;
}

header {
  padding: 22px 0px;
  border-bottom: 1px solid #EAEAEA;
  box-shadow: 0px 10px 10px rgba(18, 59, 111, 0.02);
  background-color: #fff;
  transition: 0.5s ease all;
}
@media (min-width: 1400px) {
  header {
    padding: 25px 0px;
  }
}
@media (min-width: 1780px) {
  header {
    padding: 35px 0px;
  }
}
header .navbar-brand {
  display: flex;
}
header .navbar-brand img {
  width: 140px;
}
@media (min-width: 576px) {
  header .navbar-brand img {
    width: 180px;
  }
}
@media (min-width: 1200px) {
  header .navbar-brand img {
    width: 190px;
  }
}
@media (min-width: 1400px) {
  header .navbar-brand img {
    width: 250px;
  }
}
@media (min-width: 1780px) {
  header .navbar-brand img {
    width: 100%;
  }
}
header .navbar {
  justify-content: space-between;
}
header #main_nav {
  justify-content: space-around;
}
header .navbar-nav a {
  font-family: "Poppins";
  font-weight: 500;
  font-size: 12px;
  line-height: 22px;
  color: #282828;
  padding: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative;
}
@media (min-width: 1200px) {
  header .navbar-nav a {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 1400px) {
  header .navbar-nav a {
    font-size: 17px;
    line-height: 27px;
  }
}
@media (min-width: 1780px) {
  header .navbar-nav a {
    font-size: 20px;
    line-height: 30px;
  }
}
header .navbar-nav a::before {
  background-color: #12284F;
  height: 2px;
  width: 0;
  bottom: 0;
  transition: 0.6s ease-in;
}
header .navbar-nav a.active {
  bottom: 0;
}
header .navbar-nav a.active::before {
  background-color: #12284F;
  height: 2px;
  bottom: 0;
  transition: 0.6s ease-in;
  width: 100%;
}
header .navbar-nav a:hover {
  color: #1EB7BB;
}
header .navbar-nav a:focus, header .navbar-nav a:active {
  color: #1EB7BB;
}
header li {
  padding-right: 20px;
}
header li:hover a {
  color: #1EB7BB;
}
header li:hover a::before {
  width: 100%;
  transition: 0.3s ease-in;
}
@media (min-width: 1200px) {
  header li {
    padding-right: 27px;
  }
}
@media (min-width: 1400px) {
  header li {
    padding-right: 29px;
  }
}
@media (min-width: 1780px) {
  header li {
    padding-right: 39px;
  }
}
header li:last-child {
  padding-right: 0;
}
header .loginWrap {
  display: flex;
  align-items: center;
}
@media (max-width: 575px) {
  header .loginWrap a.btn.btnSw, header .loginWrap a.btn.commonBtn, header .loginWrap .contact-section .form-section a.btn.submit-btn, .contact-section .form-section header .loginWrap a.btn.submit-btn, header .loginWrap .hero article a.btn, .hero article header .loginWrap a.btn, header .loginWrap .bannerSlider a.btn.btnbanner, .bannerSlider header .loginWrap a.btn.btnbanner {
    display: none;
  }
}
header .loginWrap .navbar-toggler img {
  width: 30px;
  margin: 0;
}
@media (min-width: 576px) {
  header .loginWrap .navbar-toggler img {
    width: 40px;
  }
}
header .loginWrap span {
  font-weight: 300;
  font-size: 13px;
  line-height: 23px;
  font-family: "Avenir";
  color: #282828;
}
@media (min-width: 1200px) {
  header .loginWrap span {
    font-size: 14px;
    line-height: 25px;
  }
}
@media (min-width: 1400px) {
  header .loginWrap span {
    font-size: 19px;
    line-height: 29px;
  }
}
@media (min-width: 1780px) {
  header .loginWrap span {
    font-size: 20px;
    line-height: 31px;
  }
}
header .loginWrap a {
  padding: 0;
}
header .loginWrap a:nth-child(2) {
  margin-right: 5px;
}
header .loginWrap a:first-child {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  header .loginWrap a:first-child {
    margin-right: 20px;
  }
}
@media (min-width: 1400px) {
  header .loginWrap a:first-child {
    margin-right: 25px;
  }
}
header .loginWrap a:last-child {
  margin-right: 0px;
}
@media (max-width: 767px) {
  header .loginWrap a {
    margin-right: 5px;
  }
}
@media (min-width: 768px) {
  header .loginWrap a:nth-child(2) {
    margin-right: 10px;
  }
}
@media (min-width: 1400px) {
  header .loginWrap a:nth-child(2) {
    margin-right: 15px;
  }
}
header .loginWrap a img {
  width: 18px;
  margin-right: 5px;
}
@media (min-width: 768px) {
  header .loginWrap a img {
    margin-right: 15px;
  }
}
@media (min-width: 1400px) {
  header .loginWrap a img {
    width: 20px;
  }
}
@media (min-width: 1780px) {
  header .loginWrap a img {
    width: 100%;
    margin-right: 15px;
  }
}
@media (min-width: 1780px) {
  header .loginWrap a {
    padding: 0;
  }
  header .loginWrap a:first-child {
    margin-right: 30px;
    display: flex;
    align-items: center;
  }
  header .loginWrap a:last-child {
    margin-right: 0px;
  }
  header .loginWrap a:nth-child(2) {
    margin-right: 20px;
  }
  header .loginWrap a img {
    margin-right: 20px;
  }
}
header .loginWrap .btn.btnSw, header .loginWrap .btn.commonBtn, header .loginWrap .experRegModal .modal-dialog .modal-footer button.btn, .experRegModal .modal-dialog .modal-footer header .loginWrap button.btn, header .loginWrap #startProject button.btn.form_submit_btn, #startProject header .loginWrap button.btn.form_submit_btn, header .loginWrap .contact-section .form-section .btn.submit-btn, .contact-section .form-section header .loginWrap .btn.submit-btn, header .loginWrap .hero article .btn, .hero article header .loginWrap .btn, header .loginWrap .bannerSlider .btn.btnbanner, .bannerSlider header .loginWrap .btn.btnbanner {
  padding: 0px 15px;
  font-size: 12px;
  line-height: 22px;
  height: 35px;
}
@media (min-width: 1200px) {
  header .loginWrap .btn.btnSw, header .loginWrap .btn.commonBtn, header .loginWrap .experRegModal .modal-dialog .modal-footer button.btn, .experRegModal .modal-dialog .modal-footer header .loginWrap button.btn, header .loginWrap #startProject button.btn.form_submit_btn, #startProject header .loginWrap button.btn.form_submit_btn, header .loginWrap .contact-section .form-section .btn.submit-btn, .contact-section .form-section header .loginWrap .btn.submit-btn, header .loginWrap .hero article .btn, .hero article header .loginWrap .btn, header .loginWrap .bannerSlider .btn.btnbanner, .bannerSlider header .loginWrap .btn.btnbanner {
    padding: 0px 20px;
    font-size: 14px;
    line-height: 24px;
    height: 45px;
  }
}
@media (min-width: 1400px) {
  header .loginWrap .btn.btnSw, header .loginWrap .btn.commonBtn, header .loginWrap .experRegModal .modal-dialog .modal-footer button.btn, .experRegModal .modal-dialog .modal-footer header .loginWrap button.btn, header .loginWrap #startProject button.btn.form_submit_btn, #startProject header .loginWrap button.btn.form_submit_btn, header .loginWrap .contact-section .form-section .btn.submit-btn, .contact-section .form-section header .loginWrap .btn.submit-btn, header .loginWrap .hero article .btn, .hero article header .loginWrap .btn, header .loginWrap .bannerSlider .btn.btnbanner, .bannerSlider header .loginWrap .btn.btnbanner {
    padding: 0px 20px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
  }
}
@media (min-width: 1780px) {
  header .loginWrap .btn.btnSw, header .loginWrap .btn.commonBtn, header .loginWrap .experRegModal .modal-dialog .modal-footer button.btn, .experRegModal .modal-dialog .modal-footer header .loginWrap button.btn, header .loginWrap #startProject button.btn.form_submit_btn, #startProject header .loginWrap button.btn.form_submit_btn, header .loginWrap .contact-section .form-section .btn.submit-btn, .contact-section .form-section header .loginWrap .btn.submit-btn, header .loginWrap .hero article .btn, .hero article header .loginWrap .btn, header .loginWrap .bannerSlider .btn.btnbanner, .bannerSlider header .loginWrap .btn.btnbanner {
    padding: 0px 30px;
    font-size: 20px;
    line-height: 20px;
    height: 60px;
  }
}

.mobile_left_menu .offcanvas-start {
  width: 300px;
}
.mobile_left_menu a.navbar-brand img {
  width: 150px;
}
.mobile_left_menu a.nav-link {
  font-family: "poppins";
  color: #12284F;
}
@media (max-width: 575px) {
  .mobile_left_menu .loginWrap .btn.btnSw, .mobile_left_menu .loginWrap .btn.commonBtn, .mobile_left_menu .loginWrap .experRegModal .modal-dialog .modal-footer button.btn, .experRegModal .modal-dialog .modal-footer .mobile_left_menu .loginWrap button.btn, .mobile_left_menu .loginWrap #startProject button.btn.form_submit_btn, #startProject .mobile_left_menu .loginWrap button.btn.form_submit_btn, .mobile_left_menu .loginWrap .contact-section .form-section .btn.submit-btn, .contact-section .form-section .mobile_left_menu .loginWrap .btn.submit-btn, .mobile_left_menu .loginWrap .hero article .btn, .hero article .mobile_left_menu .loginWrap .btn, .mobile_left_menu .loginWrap .bannerSlider .btn.btnbanner, .bannerSlider .mobile_left_menu .loginWrap .btn.btnbanner {
    padding: 0px 15px;
    font-size: 15px;
    height: 40px;
  }
}
.mobile_left_menu .socialMedia {
  left: 50%;
  transform: translateX(-50%);
  border-top: 1px solid #A0A0A0;
}
.mobile_left_menu .socialMedia li {
  margin-right: 20px;
}
.mobile_left_menu .socialMedia li:last-child {
  margin: 0;
}
.mobile_left_menu .socialMedia img {
  width: 20px;
  height: 20px;
}

.sticky-header header {
  position: fixed;
  width: 100%;
  z-index: 3;
  top: 0;
  padding: 15px 0px;
  transition: 0.5s ease all;
}

::-webkit-scrollbar {
  width: 5px;
  height: 3px;
}

::-webkit-scrollbar-track {
  background: #AEC1C6;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb {
  background: #12284F;
  border-radius: 5px;
  height: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #1EB7BB;
}

footer {
  overflow-x: hidden;
}
@media (max-width: 575px) {
  footer {
    padding: 0px 10px;
  }
  footer > .container-diagram > .row {
    gap: 30px;
  }
}
@media (min-width: 768px) {
  footer .row > div {
    padding: 0;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  footer .container-diagram {
    max-width: 84%;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  footer .lgPadding {
    padding: 90px 0px 70px 0px;
  }
}
@media (max-width: 575px) {
  footer {
    padding: 40px 22px 10px 22px;
  }
  footer .lgPadding {
    padding: 0;
  }
}

@media (min-width: 1200px) {
  .footerColumn1 {
    max-width: 15%;
  }
}
@media (min-width: 1400px) {
  .footerColumn1 {
    max-width: 215px;
  }
}
@media (min-width: 1780px) {
  .footerColumn1 {
    max-width: 215px;
  }
}

@media (min-width: 1200px) {
  .footerColumn2 {
    max-width: 40%;
  }
}
@media (min-width: 1400px) {
  .footerColumn2 {
    max-width: 38%;
  }
}
@media (min-width: 1780px) {
  .footerColumn2 {
    max-width: 672px;
  }
}

@media (min-width: 1200px) {
  .footerColumn3 {
    max-width: 25%;
  }
}
@media (min-width: 1400px) {
  .footerColumn3 {
    max-width: 24%;
  }
}
@media (min-width: 1780px) {
  .footerColumn3 {
    max-width: 395px;
  }
}

.footerColumn1 img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 6px;
}
@media (max-width: 991px) {
  .footerColumn1 img {
    width: 250px;
  }
}
@media (max-width: 576px) {
  .footerColumn1 img {
    width: 120px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .footerColumn1 img {
    width: 92%;
  }
}
@media (min-width: 1400px) {
  .footerColumn1 img {
    width: 185px;
  }
}
@media (min-width: 1780px) {
  .footerColumn1 img {
    width: 215px;
  }
}
.footerColumn1 p {
  padding-left: 5px;
  white-space: pre-line;
  position: relative;
}
@media (max-width: 575px) {
  .footerColumn1 p {
    font-size: 11px;
    line-height: 17px;
  }
}
@media (min-width: 576px) {
  .footerColumn1 p {
    padding-left: 8px;
  }
}
@media (min-width: 992px) {
  .footerColumn1 p {
    font-size: 12px;
    line-height: 22px;
    padding-left: 8px;
  }
}
@media (min-width: 1200px) {
  .footerColumn1 p {
    font-size: 13px;
    line-height: 23px;
    padding-left: 6px;
  }
}
@media (min-width: 1400px) {
  .footerColumn1 p {
    font-size: 15px;
    line-height: 25px;
    padding-left: 8px;
  }
}
@media (min-width: 1780px) {
  .footerColumn1 p {
    font-size: 18px;
    line-height: 30px;
  }
}
.footerColumn1 p::before {
  width: 1px;
  height: 80%;
  background-color: #D9D9D9;
  left: 0;
}

.menu-footer-menu {
  margin: 0;
}
@media (min-width: 576px) {
  .menu-footer-menu {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .menu-footer-menu {
    margin: 0px 0px 20px 0px;
    gap: 20px;
  }
}
@media (max-width: 575px) {
  .menu-footer-menu ul.sub-menu {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 7px;
  }
}
@media (max-width: 575px) {
  .menu-footer-menu > li:last-child {
    margin-top: 30px;
  }
}
.menu-footer-menu > li > a {
  color: #1EB7BB;
  display: block;
}
@media (max-width: 767px) {
  .menu-footer-menu > li > a {
    font-size: 19px;
  }
}
@media (max-width: 575px) {
  .menu-footer-menu > li > a {
    font-size: 20px;
    margin-bottom: 7px;
  }
}
@media (min-width: 576px) {
  .menu-footer-menu > li > a {
    margin-top: -6px;
  }
}
@media (min-width: 992px) {
  .menu-footer-menu > li > a {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .menu-footer-menu > li > a {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1400px) {
  .menu-footer-menu > li > a {
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1780px) {
  .menu-footer-menu > li > a {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}
@media (min-width: 576px) {
  .menu-footer-menu .sub-menu li {
    margin-bottom: 5px;
  }
}
@media (min-width: 1400px) {
  .menu-footer-menu .sub-menu li {
    margin-bottom: 10px;
  }
}
@media (min-width: 1780px) {
  .menu-footer-menu .sub-menu li {
    margin-bottom: 5px;
  }
}
.menu-footer-menu .sub-menu li:last-child {
  margin-bottom: 0;
}
.menu-footer-menu .sub-menu li:hover a::before {
  width: 100%;
  transition: 0.3s ease-in;
}
.menu-footer-menu .sub-menu a {
  color: #fff;
  position: relative;
}
@media (max-width: 1199px) {
  .menu-footer-menu .sub-menu a {
    font-size: 13px;
    line-height: 23px;
  }
}
@media (max-width: 767px) {
  .menu-footer-menu .sub-menu a {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 575px) {
  .menu-footer-menu .sub-menu a {
    font-size: 15px;
  }
}
@media (min-width: 1400px) {
  .menu-footer-menu .sub-menu a {
    font-size: 17px;
  }
}
@media (min-width: 1780px) {
  .menu-footer-menu .sub-menu a {
    font-size: 22px;
    line-height: 40px;
  }
}
.menu-footer-menu .sub-menu a::before {
  background-color: #1EB7BB;
  height: 2px;
  width: 0;
  bottom: -2px;
  transition: 0.6s ease-in;
}
.menu-footer-menu .sub-menu a.active::before {
  background-color: #1EB7BB;
  height: 2px;
  width: 100%;
  bottom: 0;
}

.contactInfo ul {
  margin: 0;
}
.contactInfo a {
  color: #fff;
}
.contactInfo li, .contactInfo a, .contactInfo p {
  font-size: 15px;
  line-height: 23px;
  font-family: Helvetica;
}
@media (min-width: 576px) {
  .contactInfo li, .contactInfo a, .contactInfo p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 768px) {
  .contactInfo li, .contactInfo a, .contactInfo p {
    font-size: 15px;
    line-height: 25px;
  }
}
@media (min-width: 992px) {
  .contactInfo li, .contactInfo a, .contactInfo p {
    font-size: 15px;
    line-height: 26px;
  }
}
@media (min-width: 1400px) {
  .contactInfo li, .contactInfo a, .contactInfo p {
    font-size: 17px;
    line-height: 35px;
  }
}
@media (min-width: 1780px) {
  .contactInfo li, .contactInfo a, .contactInfo p {
    font-size: 21px;
    line-height: 45px;
  }
}
.contactInfo li {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .contactInfo li {
    margin-bottom: 10px;
  }
}
.contactInfo li:last-child {
  margin-bottom: 0;
}

@media (max-width: 575px) {
  .copyRights {
    margin-top: 20px;
  }
}
.copyRights .row {
  border-top: 1px solid #fff;
  padding: 20px 0px 20px 0px;
}
@media (min-width: 768px) {
  .copyRights .row {
    padding: 20px 0px;
  }
}
@media (min-width: 992px) {
  .copyRights .row {
    padding: 15px 0px;
  }
}
@media (min-width: 1200px) {
  .copyRights .row {
    padding: 18px 0px;
  }
}
@media (min-width: 1400px) {
  .copyRights .row {
    padding: 15px 0px;
  }
}
@media (min-width: 1780px) {
  .copyRights .row {
    padding: 20px 0px;
  }
}
@media (max-width: 575px) {
  .copyRights p, .copyRights div {
    font-size: 13px;
    line-height: 21px;
  }
}
@media (min-width: 992px) {
  .copyRights p, .copyRights div {
    font-size: 12px;
    line-height: 22px;
  }
}
@media (min-width: 1200px) {
  .copyRights p, .copyRights div {
    font-size: 13px;
    line-height: 23px;
  }
}
@media (min-width: 1400px) {
  .copyRights p, .copyRights div {
    font-size: 15px;
    line-height: 15px;
  }
}
@media (min-width: 1780px) {
  .copyRights p, .copyRights div {
    font-size: 20px;
    line-height: 40px;
  }
}
.copyRights ul {
  margin: 0;
}
.copyRights ul li {
  margin-right: 10px;
}
@media (min-width: 768px) {
  .copyRights ul li {
    margin-right: 10px;
  }
}
@media (min-width: 992px) {
  .copyRights ul li {
    margin-right: 22px;
  }
}
@media (min-width: 1200px) {
  .copyRights ul li {
    margin-right: 32px;
  }
}
@media (min-width: 1400px) {
  .copyRights ul li {
    margin-right: 32px;
  }
}
@media (min-width: 1780px) {
  .copyRights ul li {
    margin-right: 42px;
  }
}
.copyRights ul li:last-child {
  margin-right: 0;
}
.copyRights ul li img {
  transform: scale(1);
  transition: 0.5s ease all;
  -o-object-fit: cover;
     object-fit: cover;
  width: 15px;
  height: 15px;
}
@media (min-width: 992px) {
  .copyRights ul li img {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1200px) {
  .copyRights ul li img {
    width: 25px;
    height: 25px;
  }
}
@media (min-width: 1400px) {
  .copyRights ul li img {
    width: 27px;
    height: 27px;
  }
}
@media (min-width: 1780px) {
  .copyRights ul li img {
    width: 35px;
    height: 35px;
  }
}
.copyRights ul li img:hover {
  transform: scale(1.15);
  transition: 0.3s ease all;
}

@media (min-width: 576px) and (max-width: 1199px) {
  footer .container-diagram {
    width: 90%;
  }
}

@media (max-width: 767px) {
  .bannerSlider {
    padding: 40px 25px;
  }
}
.bannerSlider h1 {
  font-size: 32px;
  line-height: 40px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .bannerSlider h1 {
    margin-bottom: 15px;
    width: 69%;
  }
}
@media (max-width: 575px) {
  .bannerSlider h1 {
    width: 87%;
  }
}
@media (min-width: 576px) {
  .bannerSlider h1 {
    font-size: 36px;
    line-height: 50px;
  }
}
@media (min-width: 992px) {
  .bannerSlider h1 {
    font-size: 50px;
    line-height: 70px;
  }
}
@media (min-width: 1200px) {
  .bannerSlider h1 {
    font-size: 70px;
    line-height: 90px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1400px) {
  .bannerSlider h1 {
    font-size: 82px;
    line-height: 110px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1780px) {
  .bannerSlider h1 {
    font-size: 100px;
    line-height: 133px;
  }
}
.bannerSlider p {
  font-size: 15px;
  line-height: 23px;
  font-family: "Helvetica", "sans-serif";
}
@media (max-width: 767px) {
  .bannerSlider p {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 575px) {
  .bannerSlider p {
    font-size: 16px;
    line-height: 23px;
    margin: auto;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .bannerSlider p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 992px) {
  .bannerSlider p {
    font-size: 18px;
    line-height: 30px;
  }
}
@media (min-width: 1200px) {
  .bannerSlider p {
    font-size: 20px;
    line-height: 36px;
  }
}
@media (min-width: 1400px) {
  .bannerSlider p {
    font-size: 20px;
    line-height: 33px;
  }
}
@media (min-width: 1780px) {
  .bannerSlider p {
    font-size: 24px;
    line-height: 40px;
  }
}
.bannerSlider .bannerBtn {
  display: flex;
  gap: 20px;
  margin-top: 10px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .bannerSlider .bannerBtn {
    gap: 12px;
  }
}
@media (min-width: 576px) {
  .bannerSlider .bannerBtn {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .bannerSlider .bannerBtn {
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .bannerSlider .bannerBtn {
    margin-top: 40px;
  }
}
@media (min-width: 1400px) {
  .bannerSlider .bannerBtn {
    margin-top: 50px;
  }
}
@media (min-width: 1780px) {
  .bannerSlider .bannerBtn {
    margin-top: 60px;
  }
}
@media (max-width: 991px) {
  .bannerSlider .btn.btnbanner {
    padding: 20px 10px;
    font-size: 14px;
    line-height: 14px;
  }
}
@media (max-width: 767px) {
  .bannerSlider .btn.btnbanner {
    padding: 20px 20px;
    font-size: 15px;
    line-height: 15px;
  }
}
@media (max-width: 575px) {
  .bannerSlider .btn.btnbanner {
    padding: 0px 15px 2px 15px;
    font-size: 14px;
    line-height: 14px;
    height: 38px;
  }
}
@media (min-width: 992px) {
  .bannerSlider .btn.btnbanner {
    padding: 20px 15px;
  }
}
@media (min-width: 1400px) {
  .bannerSlider .btn.btnbanner {
    padding: 20px 22px;
    height: 50px;
  }
}
@media (min-width: 1780px) {
  .bannerSlider .btn.btnbanner {
    padding: 20px 30px;
    height: 60px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .bannerSlider .btn.btnbanner {
    width: 165px;
    height: 39px;
    font-size: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .bannerSlider .btn.btnbanner {
    padding: 20px 34px;
    font-size: 18px;
    line-height: 18px;
  }
}
@media (min-width: 992px) {
  .bannerSlider article p {
    max-width: 90%;
  }
}
@media (min-width: 1200px) {
  .bannerSlider article p {
    max-width: 480px;
  }
}
@media (min-width: 1400px) {
  .bannerSlider article p {
    max-width: 490px;
  }
}
@media (min-width: 1780px) {
  .bannerSlider article p {
    max-width: 581px;
  }
}
@media (max-width: 991px) {
  .bannerSlider .contentWrap {
    width: 75%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .bannerSlider .contentWrap {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .bannerSlider .contentWrap {
    width: 445px;
    margin-left: auto;
  }
}
@media (min-width: 1200px) {
  .bannerSlider .contentWrap {
    width: 579px;
  }
}
@media (min-width: 1400px) {
  .bannerSlider .contentWrap {
    width: 682px;
  }
}
@media (min-width: 1780px) {
  .bannerSlider .contentWrap {
    width: 820px;
  }
}
.bannerSlider .contentWrap .slick-list {
  padding: 0 !important;
}
@media (max-width: 767px) {
  .bannerSlider .d-flex {
    flex-wrap: wrap;
    gap: 40px;
    flex-direction: column-reverse;
  }
}
.bannerSlider picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .bannerSlider picture img {
    height: 313px;
  }
}
@media (min-width: 992px) {
  .bannerSlider picture img {
    height: 405px;
  }
}
@media (min-width: 1200px) {
  .bannerSlider picture img {
    height: 557px;
  }
}
@media (min-width: 1400px) {
  .bannerSlider picture img {
    height: 678px;
  }
}
@media (min-width: 1780px) {
  .bannerSlider picture img {
    height: 831px;
  }
}

.bannerInner .bannerInnerContent {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  max-width: 599px;
}
@media (min-width: 1200px) {
  .bannerInner .bannerInnerContent {
    padding-left: 37px;
  }
}
@media (min-width: 1400px) {
  .bannerInner .bannerInnerContent {
    padding-left: 50px;
    padding-top: 46px;
  }
}
@media (min-width: 1780px) {
  .bannerInner .bannerInnerContent {
    padding-left: 60px;
  }
}
.bannerInner h1 {
  color: #fff;
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .bannerInner h1 {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .bannerInner h1 {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .bannerInner h1 {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .bannerInner h1 {
    margin-bottom: 35px;
  }
}
@media (min-width: 1400px) {
  .bannerInner h1 {
    margin-bottom: 40px;
  }
}
.bannerInner img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 350px;
}
@media (min-width: 768px) {
  .bannerInner img {
    height: 400px;
  }
}
@media (min-width: 992px) {
  .bannerInner img {
    height: 450px;
    margin-top: 10px;
  }
}
@media (min-width: 1200px) {
  .bannerInner img {
    height: 550px;
    margin-top: 15px;
  }
}
@media (min-width: 1400px) {
  .bannerInner img {
    height: 660px;
    margin-top: 20px;
  }
}
@media (min-width: 1780px) {
  .bannerInner img {
    height: 100%;
    margin-top: 20px;
  }
}

@media (min-width: 1200px) {
  .pageClient h1 {
    line-height: 55px;
  }
}
@media (min-width: 1400px) {
  .pageClient h1 {
    line-height: 60px;
  }
}
@media (min-width: 1780px) {
  .pageClient h1 {
    line-height: 65px;
  }
}

.whatWeDo {
  background-color: #12284F;
}
.whatWeDo h2 {
  margin-bottom: 25px;
  position: relative;
}
@media (min-width: 1200px) {
  .whatWeDo h2 {
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .whatWeDo h2 {
    margin-bottom: 40px;
  }
}
@media (min-width: 1780px) {
  .whatWeDo h2 {
    margin-bottom: 50px;
  }
}
.whatWeDo h2:after {
  width: 100px;
  height: 1px;
  background-color: #fff;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%);
}
.whatWeDo p {
  font-family: "Prompt";
  margin-bottom: 15px;
  font-weight: 300;
}
@media (min-width: 1200px) {
  .whatWeDo p {
    margin-bottom: 15px;
  }
}
@media (min-width: 1400px) {
  .whatWeDo p {
    margin-bottom: 18px;
  }
}
@media (min-width: 1780px) {
  .whatWeDo p {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .leadingFirms .choices {
    padding-top: 22px;
  }
}
.leadingFirms .row {
  gap: 32px;
}
@media (min-width: 768px) {
  .leadingFirms .row {
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .leadingFirms .row {
    gap: 60px;
  }
}
.leadingFirms .intro {
  color: #1EB7BB;
}
.leadingFirms .intro p {
  font-size: 22px;
  line-height: 31px;
}
@media (min-width: 576px) {
  .leadingFirms .intro p {
    font-size: 18px;
    line-height: 33px;
  }
}
@media (min-width: 768px) {
  .leadingFirms .intro p {
    font-size: 25px;
    line-height: 40px;
  }
}
@media (min-width: 992px) {
  .leadingFirms .intro p {
    font-size: 30px;
    line-height: 45px;
  }
}
@media (min-width: 1200px) {
  .leadingFirms .intro p {
    font-size: 30px;
    line-height: 50px;
  }
}
@media (min-width: 1400px) {
  .leadingFirms .intro p {
    font-size: 38px;
    line-height: 53px;
  }
}
@media (min-width: 1780px) {
  .leadingFirms .intro p {
    font-size: 40px;
    line-height: 55px;
  }
}

.leadingFirms h2 {
  margin-bottom: 5px;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .leadingFirms h2 {
    margin-bottom: 10px;
  }
}
@media (min-width: 1400px) {
  .leadingFirms h2 {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .leadingFirms h2 {
    font-size: 32px;
    line-height: 38px;
  }
}

.choices {
  padding-bottom: 0 !important;
}
.choices .row {
  gap: 20px;
}
@media (min-width: 575px) {
  .choices .row {
    gap: 25px;
  }
}
@media (min-width: 992px) {
  .choices .row {
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .choices .row {
    gap: 60px;
  }
}
@media (max-width: 991px) {
  .choices .choiceColumn {
    padding: 0 15px;
  }
}
@media (min-width: 992px) {
  .choices .choiceColumn {
    max-width: 45%;
  }
}
@media (min-width: 1200px) {
  .choices .choiceColumn {
    max-width: 420px;
  }
}
@media (min-width: 1400px) {
  .choices .choiceColumn {
    max-width: 467px;
  }
}
@media (min-width: 1780px) {
  .choices .choiceColumn {
    max-width: 569px;
  }
}
.choices article, .choices li {
  position: relative;
  padding-left: 36px;
}
@media (min-width: 576px) {
  .choices article, .choices li {
    padding-left: 40px;
  }
}
@media (min-width: 768px) {
  .choices article, .choices li {
    padding-left: 50px;
  }
}
@media (min-width: 992px) {
  .choices article, .choices li {
    padding-left: 60px;
  }
}
@media (min-width: 1200px) {
  .choices article, .choices li {
    padding-left: 65px;
  }
}
@media (min-width: 1400px) {
  .choices article, .choices li {
    padding-left: 70px;
  }
}
@media (min-width: 1740px) {
  .choices article, .choices li {
    padding-left: 82px;
  }
}
@media (max-width: 767px) {
  .choices article, .choices li {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-left: 0;
  }
}
.choices article picture, .choices li picture {
  -o-object-fit: cover;
     object-fit: cover;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0px;
}
@media (min-width: 576px) {
  .choices article picture, .choices li picture {
    width: 35px;
    height: 35px;
    top: -3px;
  }
}
@media (min-width: 768px) {
  .choices article picture, .choices li picture {
    width: 40px;
    height: 40px;
    top: -5px;
  }
}
@media (min-width: 992px) {
  .choices article picture, .choices li picture {
    width: 50px;
    height: 50px;
    top: 0;
  }
}
@media (min-width: 1200px) {
  .choices article picture, .choices li picture {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 1400px) {
  .choices article picture, .choices li picture {
    width: 55px;
    height: 55px;
  }
}
@media (min-width: 1740px) {
  .choices article picture, .choices li picture {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 767px) {
  .choices article picture, .choices li picture {
    flex-basis: 100%;
    position: initial;
    margin-bottom: 8px;
  }
}
.choices h3 {
  margin-bottom: 5px;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .choices h3 {
    margin-bottom: 10px;
  }
}
@media (max-width: 575px) {
  .choices h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px;
  }
  .choices p {
    font-size: 16px;
    line-height: 25px;
  }
}

.platform span {
  padding-bottom: 0 !important;
}
.platform h2 {
  color: #fff;
  font-family: "Montserrat";
  font-weight: 300;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .platform h2 {
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) {
  .platform h2 {
    margin-bottom: 17px;
  }
}
@media (min-width: 1200px) {
  .platform h2 {
    margin-bottom: 15px;
  }
}
@media (min-width: 1400px) {
  .platform h2 {
    margin-bottom: 19px;
  }
}
@media (min-width: 1780px) {
  .platform h2 {
    margin-bottom: 20px;
  }
}
.platform h3 {
  color: #1EB7BB;
  font-size: 15px;
  line-height: 25px;
  padding-left: 70px;
  position: relative;
  font-family: "Montserrat";
  font-weight: 500;
  margin-bottom: 20px;
}
@media (min-width: 575px) {
  .platform h3 {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 25px;
  }
}
@media (min-width: 768px) {
  .platform h3 {
    font-size: 13px;
    line-height: 27px;
    margin-bottom: 28px;
  }
}
@media (min-width: 992px) {
  .platform h3 {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 30px;
    padding-left: 80px;
  }
}
@media (min-width: 1200px) {
  .platform h3 {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 30px;
    padding-left: 100px;
  }
}
@media (min-width: 1300px) {
  .platform h3 {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 30px;
    padding-left: 115px;
  }
}
@media (min-width: 1400px) {
  .platform h3 {
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 28px;
  }
}
@media (min-width: 1780px) {
  .platform h3 {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 40px;
    padding-left: 150px;
    margin-top: -15px;
  }
}
.platform h3::before {
  height: 1px;
  width: 50px;
  left: 0;
  top: 13px;
  background-color: #1EB7BB;
}
@media (min-width: 1200px) {
  .platform h3::before {
    width: 80px;
  }
}
@media (min-width: 1300px) {
  .platform h3::before {
    width: 90px;
  }
}
@media (min-width: 1400px) {
  .platform h3::before {
    width: 95px;
  }
}
@media (min-width: 1780px) {
  .platform h3::before {
    width: 120px;
  }
}
.platform p {
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .platform p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .platform p {
    font-size: 18px;
    line-height: 32px;
  }
}
@media (min-width: 1780px) {
  .platform p {
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 40px;
  }
}
.platform img {
  margin-top: 30px;
}
@media (max-width: 575px) {
  .platform img {
    margin: auto;
    width: 72%;
  }
}
@media (min-width: 1200px) {
  .platform img {
    width: 420.99px;
  }
}
@media (min-width: 1400px) {
  .platform img {
    width: 480.99px;
  }
}
@media (min-width: 1780px) {
  .platform img {
    width: 595.99px;
  }
}

.Services-Column2 p + h2 {
  margin: 40px 0px 10px 0px;
}
@media (min-width: 575px) {
  .Services-Column2 p + h2 {
    margin: 30px 0px 15px 0px;
  }
}
@media (min-width: 768px) {
  .Services-Column2 p + h2 {
    margin: 40px 0px 15px 0px;
  }
}
@media (min-width: 992px) {
  .Services-Column2 p + h2 {
    margin: 50px 0px 15px 0px;
  }
}
@media (min-width: 1200px) {
  .Services-Column2 p + h2 {
    margin: 70px 0px 15px 0px;
  }
}
@media (min-width: 1780px) {
  .Services-Column2 p + h2 {
    margin: 105px 0px 20px 0px;
  }
}
@media (max-width: 767px) {
  .Services-Column2 .tab-content {
    margin-top: 32px;
  }
}

@media (min-width: 768px) {
  .Services-Column {
    max-width: 30%;
  }
  .Services-Column2 {
    max-width: 65%;
  }
}
@media (min-width: 992px) {
  .Services-Column {
    max-width: 33%;
  }
  .Services-Column2 {
    max-width: 65%;
  }
}
@media (min-width: 1200px) {
  .Services-Column {
    max-width: 40%;
  }
  .Services-Column2 {
    max-width: 50%;
  }
}
@media (min-width: 1400px) {
  .Services-Column {
    max-width: 40%;
  }
  .Services-Column2 {
    max-width: 50%;
  }
}
@media (min-width: 1780px) {
  .Services-Column2 {
    max-width: 672px;
  }
  .Services-Column {
    max-width: 539px;
  }
}
@media (max-width: 991px) {
  .Services-Column2 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .Services-Column2 {
    padding: 0 10px;
  }
}
@media (min-width: 768px) {
  .Services-Column2 {
    padding-top: 0px;
  }
}

@media (min-width: 1200px) {
  .HomeServices .row {
    gap: 60px;
  }
}
.HomeServices .Services-Column p:last-child {
  margin-bottom: 0 !important;
}
.HomeServices .Services-Column .heading + span {
  color: #1EB7BB;
  font-weight: 400;
}
.HomeServices .Services-Column span {
  color: #12284F;
  font-weight: 700;
  padding: 0;
}
@media (max-width: 575px) {
  .HomeServices .Services-Column span {
    font-size: 18px;
  }
}
.HomeServices .Services-Column span:after {
  content: unset;
}
@media (min-width: 1600px) {
  .HomeServices .Services-Column h2 {
    line-height: 50px;
  }
}
@media (min-width: 1780px) {
  .HomeServices .Services-Column h2 {
    line-height: 60px;
  }
}
.HomeServices .Services-Column h2, .HomeServices .Services-Column pre {
  white-space: pre-line;
  color: #282828;
}
@media (max-width: 767px) {
  .HomeServices .Services-Column h2 br, .HomeServices .Services-Column pre br {
    display: none;
  }
}
.HomeServices .Services-Column .heading + ul {
  margin-top: 20px;
}
@media (min-width: 576px) and (max-width: 768px) {
  .HomeServices .Services-Column .heading + ul {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .HomeServices .Services-Column .heading + ul {
    margin-top: 90px;
  }
}
@media (min-width: 1200px) {
  .HomeServices .Services-Column .heading + ul {
    margin-top: 80px;
  }
}
.HomeServices .Services-Column .heading + span {
  margin: 20px 0px 20px 0px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .HomeServices .Services-Column .heading + span {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 1200px) {
  .HomeServices .Services-Column .heading + span {
    margin: 20px 0px 40px 0px;
  }
}
.HomeServices .Services-Column .heading + p, .HomeServices .Services-Column .heading + p + p, .HomeServices .Services-Column .heading + p ~ p {
  font-family: "Helvetica";
  margin: 20px 0px 20px 0px;
  color: #282828;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .HomeServices .Services-Column .heading + p, .HomeServices .Services-Column .heading + p + p, .HomeServices .Services-Column .heading + p ~ p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 1200px) {
  .HomeServices .Services-Column .heading + p, .HomeServices .Services-Column .heading + p + p, .HomeServices .Services-Column .heading + p ~ p {
    margin: 20px 0px 30px 0px;
  }
}
@media (min-width: 1780px) {
  .HomeServices .Services-Column .heading + p, .HomeServices .Services-Column .heading + p + p, .HomeServices .Services-Column .heading + p ~ p {
    margin: 20px 0px 40px 0px;
  }
}
@media (min-width: 992px) {
  .HomeServices .Services-Column .heading + p {
    margin-top: 10px;
  }
}
@media (min-width: 1200px) {
  .HomeServices .Services-Column .heading + p {
    margin-top: 30px;
  }
}
@media (min-width: 1400px) {
  .HomeServices .Services-Column .heading + p {
    margin-top: 30px;
  }
}
@media (min-width: 1780px) {
  .HomeServices .Services-Column .heading + p {
    margin-top: 40px;
  }
}
.HomeServices .Services-Column ul {
  flex-direction: column;
}
.HomeServices .Services-Column ul li a {
  display: block;
  width: 100%;
  color: #A0A0A0;
}
.HomeServices .Services-Column ul li, .HomeServices .Services-Column ul a, .HomeServices .Services-Column ul p {
  font-size: 18px;
  line-height: 40px;
  color: #282828;
}
@media (min-width: 576px) {
  .HomeServices .Services-Column ul li, .HomeServices .Services-Column ul a, .HomeServices .Services-Column ul p {
    font-size: 20px;
    line-height: 50px;
  }
}
@media (min-width: 768px) {
  .HomeServices .Services-Column ul li, .HomeServices .Services-Column ul a, .HomeServices .Services-Column ul p {
    font-size: 17px;
    line-height: 40px;
  }
}
@media (min-width: 1200px) {
  .HomeServices .Services-Column ul li, .HomeServices .Services-Column ul a, .HomeServices .Services-Column ul p {
    font-size: 21px;
    line-height: 60px;
  }
}
@media (min-width: 1400px) {
  .HomeServices .Services-Column ul li, .HomeServices .Services-Column ul a, .HomeServices .Services-Column ul p {
    font-size: 25px;
    line-height: 70px;
  }
}
@media (min-width: 1780px) {
  .HomeServices .Services-Column ul li, .HomeServices .Services-Column ul a, .HomeServices .Services-Column ul p {
    font-size: 30px;
    line-height: 80px;
  }
}
.HomeServices .Services-Column ul li {
  border-bottom: 1px solid #A0A0A0;
  position: relative;
  cursor: pointer;
}
.HomeServices .Services-Column ul li::after {
  background-image: url(../images/svg/angle-right-h.svg);
  width: 8px;
  height: 16px;
  background-size: cover;
  right: 0;
  transition: 0.3s ease-in all;
}
@media (min-width: 576px) {
  .HomeServices .Services-Column ul li::after {
    width: 11.19px;
    height: 24px;
  }
}
@media (min-width: 768px) {
  .HomeServices .Services-Column ul li::after {
    width: 6.19px;
    height: 13px;
  }
}
@media (min-width: 1200px) {
  .HomeServices .Services-Column ul li::after {
    width: 11.19px;
    height: 24px;
  }
}
@media (min-width: 1400px) {
  .HomeServices .Services-Column ul li::after {
    width: 11.19px;
    height: 24px;
  }
}
@media (min-width: 1780px) {
  .HomeServices .Services-Column ul li::after {
    width: 14.19px;
    height: 30px;
  }
}
.HomeServices .Services-Column ul li:hover::after {
  background-image: url(../images/svg/angle-right.svg);
  transition: 0.3s ease-in all;
}
.HomeServices .Services-Column ul li:hover a {
  color: #282828;
}
.HomeServices .Services-Column ul li a.active {
  color: #282828;
}
.HomeServices .Services-Column ul li a.active::after {
  background-image: url(../images/svg/angle-right.svg);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .HomeServices .Services-Column2 p {
    font-size: 13px;
    line-height: 23px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .HomeServices .Services-Column2 p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .HomeServices .Services-Column2 p {
    font-size: 17px;
    line-height: 27px;
  }
}
.HomeServices .choices p a, .HomeServices .tab-pane p a {
  font-family: "Helvetica";
}
.HomeServices .choices h2 + p, .HomeServices .tab-pane h2 + p {
  font-family: "Playfair Display";
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .HomeServices .choices h2 + p, .HomeServices .tab-pane h2 + p {
    font-size: 14px;
    line-height: 24px;
  }
}
.HomeServices .choices > p, .HomeServices .tab-pane > p {
  font-family: "Helvetica";
  font-size: 15px;
  line-height: 25px;
}
@media (min-width: 575px) {
  .HomeServices .choices > p, .HomeServices .tab-pane > p {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 25px;
  }
}
@media (min-width: 768px) {
  .HomeServices .choices > p, .HomeServices .tab-pane > p {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 23px;
  }
}
@media (min-width: 1200px) {
  .HomeServices .choices > p, .HomeServices .tab-pane > p {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 1400px) {
  .HomeServices .choices > p, .HomeServices .tab-pane > p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 1780px) {
  .HomeServices .choices > p, .HomeServices .tab-pane > p {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .HomeServices .choices > p, .HomeServices .tab-pane > p {
    margin-bottom: 15px;
  }
}
.HomeServices .choices > p:last-child, .HomeServices .tab-pane > p:last-child {
  margin-bottom: 0;
}
.HomeServices .choices ul, .HomeServices .tab-pane ul {
  margin-top: 30px;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .HomeServices .choices ul, .HomeServices .tab-pane ul {
    margin-top: 50px;
  }
}
@media (min-width: 1200px) {
  .HomeServices .choices ul, .HomeServices .tab-pane ul {
    margin-top: 50px;
  }
}
@media (min-width: 1400px) {
  .HomeServices .choices ul, .HomeServices .tab-pane ul {
    margin-top: 75px;
  }
}
.HomeServices .choices ul li, .HomeServices .tab-pane ul li {
  margin-bottom: 20px;
}
.HomeServices .choices ul li:last-child, .HomeServices .tab-pane ul li:last-child {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .HomeServices .choices ul li, .HomeServices .tab-pane ul li {
    margin-bottom: 32px;
  }
  .HomeServices .choices ul li:last-child, .HomeServices .tab-pane ul li:last-child {
    margin-bottom: 0;
  }
}
.HomeServices .heading {
  position: relative;
}
.HomeServices .heading::before {
  background-color: #8FB5DC;
  height: 96%;
  width: 2px;
  left: -10px;
}
@media (min-width: 1200px) {
  .HomeServices.client ul li, .HomeServices.client ul p, .HomeServices.client ul a {
    font-size: 22px;
    line-height: 55px;
  }
}
@media (min-width: 1400px) {
  .HomeServices.client ul li, .HomeServices.client ul p, .HomeServices.client ul a {
    font-size: 27px;
    line-height: 57px;
  }
}
@media (min-width: 1780px) {
  .HomeServices.client ul li, .HomeServices.client ul p, .HomeServices.client ul a {
    font-size: 34px;
    line-height: 80px;
  }
}

.experts {
  position: relative;
}
@media (max-width: 575px) {
  .experts img {
    margin: auto;
    width: 100%;
  }
}
.experts .subTxt, .experts .join-team span, .join-team .experts span, .experts .ourTech .impactCol span, .ourTech .impactCol .experts span, .experts .ourImpact .impactCol span, .ourImpact .impactCol .experts span, .experts .bannerInner .pageAbout span, .bannerInner .pageAbout .experts span, .experts .faq .heading span, .faq .heading .experts span, .experts .journyWithUs .heading span, .journyWithUs .heading .experts span, .experts .benfits .heading span, .benfits .heading .experts span, .experts .yourImpact article span, .yourImpact article .experts span, .experts .hero article > span, .hero .experts article > span, .experts .startWorking .WrokingSteps span, .startWorking .WrokingSteps .experts span, .experts .ourClients .heading span, .ourClients .heading .experts span, .experts .HomeServices .Services-Column span, .HomeServices .Services-Column .experts span {
  font-family: "Playfair Display", serif;
  font-weight: 600;
}
.experts h2 {
  font-family: "Playfair Display", serif;
}
.experts h2 span {
  color: #1EB7BB;
}
@media (min-width: 992px) {
  .experts h2 {
    line-height: 35px;
  }
}
@media (min-width: 992px) {
  .experts h2 {
    line-height: 45px;
  }
}
@media (min-width: 1200px) {
  .experts h2 {
    line-height: 55px;
  }
}
@media (min-width: 1400px) {
  .experts h2 {
    line-height: 70px;
  }
}
@media (min-width: 1780px) {
  .experts h2 {
    line-height: 80px;
  }
}
.experts article h2 span {
  color: #fff;
}
.experts h3 {
  font-family: "Playfair Display", serif;
}
@media (max-width: 767px) {
  .experts .container-theme .row {
    flex-direction: column-reverse;
  }
  .experts .container-theme .row img {
    margin-bottom: 20px;
    margin-top: 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1280px) {
  .expertsColumn1 {
    width: 471px;
  }
}
@media (min-width: 1400px) {
  .expertsColumn1 {
    width: 561px;
  }
}
@media (min-width: 1780px) {
  .expertsColumn1 {
    width: 686px;
  }
}

.expertsColumn2 img {
  margin-top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .expertsColumn2 img {
    width: 552px;
    position: absolute;
    top: 50%;
    right: 60px;
    transform: translateY(-50%);
  }
}
@media (min-width: 1300px) {
  .expertsColumn2 img {
    width: 562px;
  }
}
@media (min-width: 1400px) {
  .expertsColumn2 img {
    width: 622px;
    height: 506px;
  }
}
@media (min-width: 1600px) {
  .expertsColumn2 img {
    width: 672px;
    height: 477px;
  }
}
@media (min-width: 1780px) {
  .expertsColumn2 img {
    width: 820px;
    height: 617px;
  }
}

.howItWorks {
  background-color: #F9F9FD;
}
.howItWorks .subTxt, .howItWorks .join-team span, .join-team .howItWorks span, .howItWorks .ourTech .impactCol span, .ourTech .impactCol .howItWorks span, .howItWorks .ourImpact .impactCol span, .ourImpact .impactCol .howItWorks span, .howItWorks .bannerInner .pageAbout span, .bannerInner .pageAbout .howItWorks span, .howItWorks .faq .heading span, .faq .heading .howItWorks span, .howItWorks .journyWithUs .heading span, .journyWithUs .heading .howItWorks span, .howItWorks .benfits .heading span, .benfits .heading .howItWorks span, .howItWorks .yourImpact article span, .yourImpact article .howItWorks span, .howItWorks .hero article > span, .hero .howItWorks article > span, .howItWorks .startWorking .WrokingSteps span, .startWorking .WrokingSteps .howItWorks span, .howItWorks .ourClients .heading span, .ourClients .heading .howItWorks span, .howItWorks .HomeServices .Services-Column span, .HomeServices .Services-Column .howItWorks span {
  color: #12284F;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  color: #18386F;
  font-weight: 700;
}
@media (max-width: 575px) {
  .howItWorks .subTxt, .howItWorks .join-team span, .join-team .howItWorks span, .howItWorks .ourTech .impactCol span, .ourTech .impactCol .howItWorks span, .howItWorks .ourImpact .impactCol span, .ourImpact .impactCol .howItWorks span, .howItWorks .bannerInner .pageAbout span, .bannerInner .pageAbout .howItWorks span, .howItWorks .faq .heading span, .faq .heading .howItWorks span, .howItWorks .journyWithUs .heading span, .journyWithUs .heading .howItWorks span, .howItWorks .benfits .heading span, .benfits .heading .howItWorks span, .howItWorks .yourImpact article span, .yourImpact article .howItWorks span, .howItWorks .hero article > span, .hero .howItWorks article > span, .howItWorks .startWorking .WrokingSteps span, .startWorking .WrokingSteps .howItWorks span, .howItWorks .ourClients .heading span, .ourClients .heading .howItWorks span, .howItWorks .HomeServices .Services-Column span, .HomeServices .Services-Column .howItWorks span {
    margin-bottom: 5px;
  }
}
.howItWorks .subTxt::after, .howItWorks .join-team span::after, .join-team .howItWorks span::after, .howItWorks .ourTech .impactCol span::after, .ourTech .impactCol .howItWorks span::after, .howItWorks .ourImpact .impactCol span::after, .ourImpact .impactCol .howItWorks span::after, .howItWorks .bannerInner .pageAbout span::after, .bannerInner .pageAbout .howItWorks span::after, .howItWorks .faq .heading span::after, .faq .heading .howItWorks span::after, .howItWorks .journyWithUs .heading span::after, .journyWithUs .heading .howItWorks span::after, .howItWorks .benfits .heading span::after, .benfits .heading .howItWorks span::after, .howItWorks .yourImpact article span::after, .yourImpact article .howItWorks span::after, .howItWorks .hero article > span::after, .hero .howItWorks article > span::after, .howItWorks .startWorking .WrokingSteps span::after, .startWorking .WrokingSteps .howItWorks span::after, .howItWorks .ourClients .heading span::after, .ourClients .heading .howItWorks span::after, .howItWorks .HomeServices .Services-Column span::after, .HomeServices .Services-Column .howItWorks span::after {
  width: 54%;
  left: 0;
  height: 1px;
  background-color: #282828;
}
.howItWorks h2 {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .howItWorks h2 {
    margin-bottom: 25px;
  }
}
@media (min-width: 1200px) {
  .howItWorks h2 {
    line-height: 60px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .howItWorks h2 {
    line-height: 70px;
    margin-bottom: 50px;
  }
}
@media (min-width: 1780px) {
  .howItWorks h2 {
    line-height: 80px;
    margin-bottom: 60px;
  }
}
.howItWorks h2, .howItWorks p {
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 575px) {
  .howItWorks p {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .howItWorks h3 {
    margin-bottom: 5px;
  }
}
.howItWorks .buttonWrap {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
@media (min-width: 1200px) {
  .howItWorks .buttonWrap {
    margin-top: 17px;
  }
}
@media (min-width: 1400px) {
  .howItWorks .buttonWrap {
    margin-top: 25px;
  }
}
@media (min-width: 1780px) {
  .howItWorks .buttonWrap {
    margin-top: 37px;
  }
}
@media (max-width: 575px) {
  .howItWorks .buttonWrap {
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.howItWorks .buttonWrap a {
  font-size: 14px;
  line-height: 14px;
}
.howItWorks .buttonWrap a.btn.btnSw, .howItWorks .buttonWrap a.btn.commonBtn, .howItWorks .buttonWrap .contact-section .form-section a.btn.submit-btn, .contact-section .form-section .howItWorks .buttonWrap a.btn.submit-btn, .howItWorks .buttonWrap .hero article a.btn, .hero article .howItWorks .buttonWrap a.btn, .howItWorks .buttonWrap .bannerSlider a.btn.btnbanner, .bannerSlider .howItWorks .buttonWrap a.btn.btnbanner {
  background-color: #18386F;
  border: 1px solid #18386F;
}
.howItWorks .buttonWrap a.btn.btnSw:hover, .howItWorks .buttonWrap a.btn.commonBtn:hover, .howItWorks .buttonWrap .contact-section .form-section a.btn.submit-btn:hover, .contact-section .form-section .howItWorks .buttonWrap a.btn.submit-btn:hover, .howItWorks .buttonWrap .hero article a.btn:hover, .hero article .howItWorks .buttonWrap a.btn:hover, .howItWorks .buttonWrap .bannerSlider a.btn.btnbanner:hover, .bannerSlider .howItWorks .buttonWrap a.btn.btnbanner:hover {
  background-color: #fff;
  color: #18386F;
}
.howItWorks .buttonWrap a.btn.btnSw.active, .howItWorks .buttonWrap a.btn.active.commonBtn, .howItWorks .buttonWrap .contact-section .form-section a.btn.active.submit-btn, .contact-section .form-section .howItWorks .buttonWrap a.btn.active.submit-btn, .howItWorks .buttonWrap .hero article a.btn.active, .hero article .howItWorks .buttonWrap a.btn.active, .howItWorks .buttonWrap .bannerSlider a.btn.active.btnbanner, .bannerSlider .howItWorks .buttonWrap a.btn.active.btnbanner {
  background-color: #fff;
  border: 1px solid #18386F;
  color: #18386F;
}
@media (max-width: 575px) {
  .howItWorks .buttonWrap a {
    margin-bottom: 10px;
  }
  .howItWorks .buttonWrap a:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 576px) {
  .howItWorks .buttonWrap a {
    font-size: 15px;
    line-height: 15px;
    margin-right: 44px;
  }
}
@media (min-width: 768px) {
  .howItWorks .buttonWrap a {
    font-size: 16px;
    line-height: 16px;
  }
}
@media (min-width: 992px) {
  .howItWorks .buttonWrap a {
    font-size: 17px;
    line-height: 17px;
  }
}
@media (min-width: 1200px) {
  .howItWorks .buttonWrap a {
    width: 130px;
    font-size: 13px;
    line-height: 13px;
    padding-left: 0;
    padding-right: 0;
    height: 30px;
  }
}
@media (min-width: 1400px) {
  .howItWorks .buttonWrap a {
    width: 150px;
    padding-left: 0;
    padding-right: 0;
    height: 50px;
    font-size: 16px;
    line-height: 16px;
    margin-right: 35px;
  }
}
@media (min-width: 1780px) {
  .howItWorks .buttonWrap a {
    width: 180px;
    padding-left: 0;
    padding-right: 0;
    height: 60px;
    font-size: 20px;
    line-height: 20px;
  }
}
.howItWorks .buttonWrap a:last-child {
  margin-right: 0;
}

.connectWithUs {
  background-size: cover;
  background-position: center center;
}
@media (min-width: 1200px) {
  .connectWithUs .container-ctn, .connectWithUs .row, .connectWithUs .col-lg-12 {
    height: 100%;
  }
}
@media (min-width: 576px) {
  .connectWithUs {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .connectWithUs h2 {
    font-size: 23px;
  }
}
@media (max-width: 575px) {
  .connectWithUs {
    display: flex;
    align-items: end;
    height: 500px;
    margin-bottom: calc(100px + 3rem);
    background-position: 60%;
  }
  .connectWithUs h2 {
    font-size: 15px;
    letter-spacing: 2px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .connectWithUs p {
    font-size: 17px;
    margin: 0 !important;
  }
  .connectWithUs .btn {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
    height: 28px;
    padding-left: 0;
    padding-right: 0;
    width: -moz-fit-content;
    width: fit-content;
  }
  .connectWithUs .btn:after {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .connectWithUs {
    height: 533px;
  }
}
@media (min-width: 1400px) {
  .connectWithUs {
    height: 622px;
  }
}
@media (min-width: 1780px) {
  .connectWithUs {
    height: 750px;
  }
}
.connectWithUs .connectBox {
  background-color: #12284F;
  padding: 30px 25px;
  height: 260px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 576px) {
  .connectWithUs .connectBox {
    align-items: center;
    height: 280px;
  }
}
@media (max-width: 575px) {
  .connectWithUs .connectBox {
    justify-content: space-between;
    text-align: left !important;
    padding: 40px 30px 30px;
    transform: translateY(35%);
    flex-direction: column;
  }
}
@media (min-width: 576px) {
  .connectWithUs .connectBox {
    width: 50.64%;
  }
}
@media (min-width: 992px) {
  .connectWithUs .connectBox {
    height: 290px;
    width: 35.65%;
  }
}
@media (min-width: 1200px) {
  .connectWithUs .connectBox {
    padding: 25px 30px;
    height: 250px;
    width: 25.65%;
  }
}
@media (min-width: 1400px) {
  .connectWithUs .connectBox {
    height: 289px;
    width: 25.65%;
    top: 82px;
    padding: 30px 30px;
  }
}
@media (min-width: 1780px) {
  .connectWithUs .connectBox {
    padding: 39px 30px;
    height: 343px;
    width: 24.65%;
    top: 90px;
  }
}
.connectWithUs .btn {
  position: relative;
}
.connectWithUs .btn:after {
  width: 90%;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background-color: #1EB7BB;
}
@media (max-width: 575px) {
  .connectWithUs .btn:after {
    width: 100%;
  }
}
.connectWithUs .btn:before {
  width: 0%;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background-color: #fff;
  z-index: 2;
  transition: 0.5s ease all;
}
.connectWithUs .btn:hover:before {
  width: 90%;
}
@media (max-width: 575px) {
  .connectWithUs .btn:hover:before {
    width: 100%;
  }
}
.connectWithUs h2 {
  position: relative;
  padding-top: 10px;
}
@media (min-width: 1200px) {
  .connectWithUs h2 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 1400px) {
  .connectWithUs h2 {
    font-size: 23px;
    line-height: 35px;
  }
}
.connectWithUs h2::before {
  background-color: #1EB7BB;
  height: 2px;
  width: 79%;
  top: 0;
}
@media (max-width: 575px) {
  .connectWithUs h2::before {
    width: 100%;
  }
}
.connectWithUs P {
  margin-bottom: 20px;
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .connectWithUs P {
    font-size: 16.5px;
    line-height: 25px;
    margin-bottom: 0;
    margin-top: 30px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .connectWithUs P {
    max-width: 90%;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 20px;
  }
}

.innerService {
  padding-bottom: 30px;
  padding-top: 50px;
}
@media (min-width: 1200px) {
  .innerService .heading h2 {
    font-size: 30px;
    line-height: 38px;
    width: 300px;
  }
}
@media (min-width: 1400px) {
  .innerService .heading h2 {
    font-size: 30px;
    line-height: 40px;
    width: 309px;
  }
}
@media (min-width: 1780px) {
  .innerService .heading h2 {
    font-size: 40px;
    line-height: 55px;
    width: 394px;
  }
}
.innerService .heading span {
  font-weight: 400;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .innerService .heading span {
    margin-bottom: 5px;
    font-size: 17px;
  }
}
@media (min-width: 768px) {
  .innerService {
    padding-bottom: 40px;
    padding-top: 60px;
  }
}
@media (min-width: 1200px) {
  .innerService {
    padding-bottom: 50px;
    padding-top: 70px;
    padding-left: 115px;
  }
}
@media (min-width: 1400px) {
  .innerService {
    padding-bottom: 55px;
    padding-top: 90px;
    padding-left: 125px;
  }
}
@media (min-width: 1780px) {
  .innerService {
    padding-bottom: 60px;
    padding-top: 100px;
    padding-left: 164px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .innerService .Services-Column p {
    font-size: 15px;
    line-height: 25px;
  }
}
@media (min-width: 768px) {
  .innerService .Services-Column {
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .innerService .Services-Column {
    max-width: 45%;
  }
}
@media (min-width: 1200px) {
  .innerService .Services-Column {
    max-width: 51%;
  }
}
@media (min-width: 1400px) {
  .innerService .Services-Column {
    max-width: 53%;
  }
}
@media (min-width: 768px) {
  .innerService .Services-Column2 {
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .innerService .Services-Column2 {
    max-width: 45%;
  }
}
@media (min-width: 1200px) {
  .innerService .Services-Column2 {
    max-width: 30.5%;
  }
}
@media (min-width: 1400px) {
  .innerService .Services-Column2 {
    max-width: 31.5%;
  }
}
.innerService .Services-Column2 img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}
@media (min-width: 1780px) {
  .innerService .Services-Column2 img {
    width: 445px;
    height: 466px;
  }
}
@media (min-width: 1200px) {
  .innerService .Services-Column2 {
    padding-top: 30px;
  }
}

.brands {
  overflow: hidden;
}
.brands .slides {
  display: flex !important;
  align-items: center;
  height: 150px;
  justify-content: center;
}
@media (max-width: 575px) {
  .brands .slides img {
    width: 70%;
    margin: auto;
  }
}
@media (min-width: 576px) {
  .brands .slides {
    height: 170px;
  }
}
@media (min-width: 992px) {
  .brands .slides {
    height: 200px;
  }
}
@media (min-width: 1200px) {
  .brands .slides {
    margin-right: 115px;
    height: 160px;
    justify-content: flex-start;
  }
}
@media (min-width: 1400px) {
  .brands .slides {
    margin-right: 150px;
    height: 180px;
  }
}
@media (min-width: 1780px) {
  .brands .slides {
    height: 200px;
    margin-right: 175px;
  }
}
@media (min-width: 1200px) {
  .brands .sliderWrapper {
    padding-left: 125px;
    padding-right: 79px;
  }
}
@media (min-width: 1400px) {
  .brands .sliderWrapper {
    padding-left: 145px;
    padding-right: 49px;
  }
}

@media (min-width: 1200px) {
  .paddingInner {
    padding-right: 45px;
    padding-left: 25px;
  }
}
@media (min-width: 1400px) {
  .paddingInner {
    padding-right: 65px;
    padding-left: 45px;
  }
}

@media (min-width: 1200px) {
  .NextLevelCompliance .cols {
    max-width: 44%;
  }
}
@media (min-width: 1400px) {
  .NextLevelCompliance .cols {
    max-width: 45%;
  }
}
@media (min-width: 1780px) {
  .NextLevelCompliance .cols {
    max-width: 621px;
  }
}
.NextLevelCompliance h2 {
  margin-bottom: 20px;
}
@media (max-width: 575px) {
  .NextLevelCompliance h2 {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .NextLevelCompliance h2 {
    line-height: 55px;
  }
}
@media (min-width: 1200px) {
  .NextLevelCompliance h2 {
    line-height: 50px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .NextLevelCompliance h2 {
    line-height: 55px;
    margin-bottom: 40px;
  }
}

@media (max-width: 575px) {
  .complianceList {
    gap: 29px;
  }
}
@media (min-width: 1200px) {
  .complianceList {
    gap: 45px;
  }
}
@media (min-width: 1400px) {
  .complianceList {
    gap: 60px;
  }
}
.complianceList img {
  width: 25px;
  height: 25px;
}
@media (min-width: 1200px) {
  .complianceList img {
    width: 35px;
    height: 35px;
  }
}
@media (min-width: 1400px) {
  .complianceList img {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 1780px) {
  .complianceList img {
    width: 50px;
    height: 50px;
  }
}
.complianceList picture {
  margin-bottom: 8px;
  display: block;
}
@media (min-width: 576px) {
  .complianceList picture {
    margin-bottom: 10px;
  }
}
.complianceList h3, .complianceList h2, .complianceList h4 {
  font-size: 24px;
  line-height: 32px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  width: -moz-fit-content;
  width: fit-content;
  color: #12284F;
  position: relative;
}
@media (max-width: 991px) {
  .complianceList h3, .complianceList h2, .complianceList h4 {
    margin-left: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 575px) {
  .complianceList h3, .complianceList h2, .complianceList h4 {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .complianceList h3, .complianceList h2, .complianceList h4 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 992px) {
  .complianceList h3, .complianceList h2, .complianceList h4 {
    font-size: 19.5px;
    line-height: 19.5px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .complianceList h3, .complianceList h2, .complianceList h4 {
    font-size: 19.5px;
    line-height: 19.5px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1400px) {
  .complianceList h3, .complianceList h2, .complianceList h4 {
    font-size: 23.5px;
    margin-bottom: 14px;
  }
}
@media (min-width: 1780px) {
  .complianceList h3, .complianceList h2, .complianceList h4 {
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
}
.complianceList h3::after, .complianceList h2::after, .complianceList h4::after {
  width: 100%;
  height: 2px;
  background-color: #1EB7BB;
  left: 0;
  bottom: 0;
}
.complianceList p {
  color: #A0A0A0;
  font-family: "Helvetica";
}
@media (max-width: 991px) {
  .complianceList p {
    margin-bottom: 20px;
  }
}
@media (max-width: 575px) {
  .complianceList p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .complianceList p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .complianceList p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .complianceList p {
    font-size: 17px;
    line-height: 27px;
  }
}

@media (max-width: 1199px) {
  .network .container-network {
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .network .container-network {
    padding-right: 110px;
  }
}
@media (min-width: 1400px) {
  .network .container-network {
    padding-right: 120px;
  }
}
@media (min-width: 1600px) {
  .network .container-network {
    padding-right: 130px;
  }
}
@media (min-width: 1780px) {
  .network .container-network {
    padding-right: 140px;
  }
}
.network .subTxt, .network .join-team span, .join-team .network span, .network .ourTech .impactCol span, .ourTech .impactCol .network span, .network .ourImpact .impactCol span, .ourImpact .impactCol .network span, .network .bannerInner .pageAbout span, .bannerInner .pageAbout .network span, .network .faq .heading span, .faq .heading .network span, .network .journyWithUs .heading span, .journyWithUs .heading .network span, .network .benfits .heading span, .benfits .heading .network span, .network .yourImpact article span, .yourImpact article .network span, .network .hero article > span, .hero .network article > span, .network .startWorking .WrokingSteps span, .startWorking .WrokingSteps .network span, .network .ourClients .heading span, .ourClients .heading .network span, .network .HomeServices .Services-Column span, .HomeServices .Services-Column .network span {
  margin-bottom: 10px;
  padding: 0;
  font-weight: 700;
}
@media (min-width: 1200px) and (max-width: 1779px) {
  .network .subTxt, .network .join-team span, .join-team .network span, .network .ourTech .impactCol span, .ourTech .impactCol .network span, .network .ourImpact .impactCol span, .ourImpact .impactCol .network span, .network .bannerInner .pageAbout span, .bannerInner .pageAbout .network span, .network .faq .heading span, .faq .heading .network span, .network .journyWithUs .heading span, .journyWithUs .heading .network span, .network .benfits .heading span, .benfits .heading .network span, .network .yourImpact article span, .yourImpact article .network span, .network .hero article > span, .hero .network article > span, .network .startWorking .WrokingSteps span, .startWorking .WrokingSteps .network span, .network .ourClients .heading span, .ourClients .heading .network span, .network .HomeServices .Services-Column span, .HomeServices .Services-Column .network span {
    font-size: 19px;
  }
}
.network .subTxt::after, .network .join-team span::after, .join-team .network span::after, .network .ourTech .impactCol span::after, .ourTech .impactCol .network span::after, .network .ourImpact .impactCol span::after, .ourImpact .impactCol .network span::after, .network .bannerInner .pageAbout span::after, .bannerInner .pageAbout .network span::after, .network .faq .heading span::after, .faq .heading .network span::after, .network .journyWithUs .heading span::after, .journyWithUs .heading .network span::after, .network .benfits .heading span::after, .benfits .heading .network span::after, .network .yourImpact article span::after, .yourImpact article .network span::after, .network .hero article > span::after, .hero .network article > span::after, .network .startWorking .WrokingSteps span::after, .startWorking .WrokingSteps .network span::after, .network .ourClients .heading span::after, .ourClients .heading .network span::after, .network .HomeServices .Services-Column span::after, .HomeServices .Services-Column .network span::after {
  content: unset;
}
.network h2 {
  color: #fff;
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .network h2 {
    max-width: 427px;
  }
}
@media (min-width: 1780px) {
  .network h2 {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .network h2 {
    font-size: 30px;
    line-height: 43px;
    max-width: 387px;
    margin-bottom: 35px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .network h2 {
    font-size: 28px;
    line-height: 41px;
    max-width: 350px;
    margin-bottom: 30px;
  }
}
.network p {
  font-family: "Helvetica";
  margin-bottom: 15px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .network p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 22px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .network p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 25px;
  }
}
@media (min-width: 1780px) {
  .network p {
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) and (max-width: 1780px) {
  .network a {
    font-size: 18px;
    line-height: 28px;
  }
}
.network img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  margin-top: 10px;
}
@media (min-width: 1200px) {
  .network img {
    height: 364px;
  }
}
@media (min-width: 1400px) {
  .network img {
    height: 364px;
  }
}
@media (min-width: 1780px) {
  .network img {
    height: 504px;
  }
}

.networkCol {
  max-width: 100%;
}
@media (min-width: 1200px) {
  .networkCol {
    max-width: 40%;
  }
}
@media (min-width: 1400px) {
  .networkCol {
    max-width: 40%;
  }
}
@media (min-width: 1780px) {
  .networkCol {
    max-width: 595px;
  }
}

.networkCol2 {
  max-width: 100%;
}
@media (min-width: 1200px) {
  .networkCol2 {
    max-width: 55%;
  }
}
@media (min-width: 1400px) {
  .networkCol2 {
    max-width: 55%;
  }
}
@media (min-width: 1780px) {
  .networkCol2 {
    max-width: 871px;
  }
}

@media (min-width: 1400px) and (max-width: 1779px) {
  .swissmenBussiness.reserchSection.serviceReserch .tab-content p {
    font-size: 18px;
    line-height: 33px;
  }
}
@media (max-width: 1199px) {
  .swissmenBussiness .container-network {
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .swissmenBussiness .container-network {
    padding-right: 80px;
  }
}
@media (min-width: 1280px) {
  .swissmenBussiness .container-network {
    padding-right: 170px;
  }
}
@media (min-width: 1400px) {
  .swissmenBussiness .container-network {
    padding-right: 180px;
  }
}
@media (min-width: 1600px) {
  .swissmenBussiness .container-network {
    padding-right: 200px;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness .container-network {
    padding-right: 225px;
  }
}
.swissmenBussiness h2 {
  padding: 0;
  color: #12284F;
  margin-bottom: 15px;
}
@media (max-width: 575px) {
  .swissmenBussiness h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .swissmenBussiness h2 {
    line-height: 40px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .swissmenBussiness h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness h2 {
    line-height: 65px;
    margin-bottom: 40px;
  }
}
.swissmenBussiness .nav-pills {
  height: 45px;
  flex-wrap: nowrap;
  flex-direction: row;
  white-space: nowrap;
  width: 100%;
  overflow-y: hidden;
}
@media (max-width: 767px) {
  .swissmenBussiness .nav-pills {
    height: 50px;
  }
}
.swissmenBussiness .nav-pills li {
  margin-right: 20px;
}
@media (min-width: 1200px) {
  .swissmenBussiness .nav-pills li {
    margin-right: 80px;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness .nav-pills li {
    margin-right: 100px;
  }
}
.swissmenBussiness .nav-pills li a {
  font-size: 14px;
  line-height: 24px;
  color: #707070;
  padding-bottom: 10px;
  position: relative;
}
@media (min-width: 992px) {
  .swissmenBussiness .nav-pills li a {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (min-width: 1200px) {
  .swissmenBussiness .nav-pills li a {
    font-size: 18px;
    line-height: 26px;
  }
}
@media (min-width: 1400px) {
  .swissmenBussiness .nav-pills li a {
    font-size: 20px;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness .nav-pills li a {
    font-size: 24px;
    line-height: 32px;
  }
}
.swissmenBussiness .nav-pills li a::before {
  background-color: #1EB7BB;
  height: 3px;
  width: 0;
  bottom: 0;
  transition: 0.5s ease all;
}
.swissmenBussiness .nav-pills li a:hover, .swissmenBussiness .nav-pills li a.active {
  color: #282828;
}
.swissmenBussiness .nav-pills li a:hover::before, .swissmenBussiness .nav-pills li a.active::before {
  width: 100%;
  transition: 0.3s ease all;
}
.swissmenBussiness .nav-pills li:last-child {
  margin-right: 0;
}
.swissmenBussiness ::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.swissmenBussiness ::-webkit-scrollbar-track {
  background: #8FB5DC;
  border-radius: 2px;
}
.swissmenBussiness ::-webkit-scrollbar-thumb {
  background: #12284F;
  border-radius: 5px;
  height: 3px;
}
.swissmenBussiness ::-webkit-scrollbar-thumb:hover {
  background: #0055A5;
}
.swissmenBussiness .tab-content {
  padding-top: 30px;
}
.swissmenBussiness .tab-content .d-flex {
  flex-wrap: wrap;
}
.swissmenBussiness .tab-content .d-flex .colmn {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .swissmenBussiness .tab-content .d-flex .colmn {
    max-width: 48%;
    width: 48%;
  }
}
@media (min-width: 1200px) {
  .swissmenBussiness .tab-content .d-flex .colmn {
    max-width: 49%;
    width: 49%;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness .tab-content .d-flex .colmn {
    max-width: 49%;
    width: 49%;
  }
}
@media (min-width: 1200px) {
  .swissmenBussiness .tab-content {
    padding: 35px 0px 0px;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness .tab-content {
    padding: 60px 0px 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .swissmenBussiness .tab-content .d-flex h2 {
    font-size: 25px;
    line-height: 30px;
  }
}
@media (min-width: 1200px) {
  .swissmenBussiness .tab-content .d-flex h2 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media (min-width: 1400px) {
  .swissmenBussiness .tab-content .d-flex h2 {
    font-size: 30px;
    line-height: 33px;
  }
}
@media (min-width: 1600px) {
  .swissmenBussiness .tab-content .d-flex h2 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media (min-width: 1800px) {
  .swissmenBussiness .tab-content .d-flex h2 {
    font-size: 48px;
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  .swissmenBussiness .tab-content .d-flex h2 {
    margin-top: 10px;
  }
}
.swissmenBussiness .tab-content p {
  font-family: "Helvetica";
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .swissmenBussiness .tab-content p {
    font-size: 14px;
    line-height: 23px;
  }
}
@media (min-width: 1200px) {
  .swissmenBussiness .tab-content p {
    font-size: 15.5px;
    line-height: 25px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1600px) {
  .swissmenBussiness .tab-content p {
    font-size: 17.5px;
    line-height: 31px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness .tab-content p {
    font-size: 21px;
    line-height: 35px;
  }
}
.swissmenBussiness .tab-content p:last-child {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .reserchSection.serviceReserch {
    padding-top: 0;
  }
  .reserchSection.serviceReserch picture {
    margin-top: 15px;
    display: block;
  }
}
@media (min-width: 1200px) {
  .reserchSection .container-network {
    padding-right: 83px;
  }
}
@media (min-width: 1400px) {
  .reserchSection .container-network {
    padding-right: 83px;
  }
}
@media (min-width: 1600px) {
  .reserchSection .container-network {
    padding-right: 83px;
  }
}
@media (min-width: 1780px) {
  .reserchSection .container-network {
    padding-right: 83px;
  }
}
.reserchSection .tab-content .colmn {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .reserchSection .tab-content .colmn:first-child {
    width: 50%;
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  .reserchSection .tab-content .colmn:first-child {
    max-width: 50%;
    width: 50%;
  }
}
@media (min-width: 1780px) {
  .reserchSection .tab-content .colmn:first-child {
    max-width: 50%;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .reserchSection .tab-content .colmn:last-child {
    width: 48%;
    max-width: 48%;
  }
}
@media (min-width: 1200px) {
  .reserchSection .tab-content .colmn:last-child {
    max-width: 48%;
    width: 48%;
  }
}
@media (min-width: 1780px) {
  .reserchSection .tab-content .colmn:last-child {
    max-width: 48%;
    width: 48%;
  }
}

.primaryResearch h2 {
  color: #282828;
}
.primaryResearch .d-flex, .primaryResearch .row {
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 575px) {
  .primaryResearch .d-flex, .primaryResearch .row {
    gap: 29px;
  }
}
@media (min-width: 1200px) {
  .primaryResearch .d-flex, .primaryResearch .row {
    gap: 30px;
  }
}
@media (min-width: 1400px) {
  .primaryResearch .d-flex, .primaryResearch .row {
    gap: 35px;
  }
}
@media (min-width: 1780px) {
  .primaryResearch .d-flex, .primaryResearch .row {
    gap: 40px;
  }
}
.primaryResearch .colmn img {
  width: 20px;
  height: 20px;
}
@media (max-width: 575px) {
  .primaryResearch .colmn img {
    margin-bottom: 8px;
    width: 25px;
    height: 25px;
  }
}
@media (min-width: 768px) {
  .primaryResearch .colmn img {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .primaryResearch .colmn img {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 1400px) {
  .primaryResearch .colmn img {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 1780px) {
  .primaryResearch .colmn img {
    width: 70px;
    height: 70px;
  }
}
.primaryResearch .colmn h3 {
  font-weight: 500;
}
@media (max-width: 767px) {
  .primaryResearch .colmn h3 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .primaryResearch .colmn h3 {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .primaryResearch .colmn h3 {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .primaryResearch .colmn h3 {
    font-size: 19px;
    line-height: 29px;
  }
}
@media (min-width: 1200px) {
  .primaryResearch .colmn h3 {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1400px) {
  .primaryResearch .colmn h3 {
    font-size: 23px;
  }
}
@media (min-width: 1780px) {
  .primaryResearch .colmn h3 {
    font-size: 28px;
    line-height: 48px;
    margin-bottom: 20px;
  }
}
.primaryResearch .colmn p {
  font-family: "Helvetica";
  color: #A0A0A0;
}
@media (max-width: 767px) {
  .primaryResearch .colmn p {
    margin-top: 5px;
  }
}
@media (min-width: 768px) {
  .primaryResearch .colmn p {
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .primaryResearch .colmn p {
    font-size: 15.5px;
    line-height: 29px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .primaryResearch .colmn p {
    font-size: 17.5px;
    line-height: 31px;
  }
}
@media (min-width: 1780px) {
  .primaryResearch .colmn p {
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 40px;
  }
}
.primaryResearch .colmn p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .primaryResearch .colmn {
    max-width: 48%;
  }
}

.serviceHowworks {
  background-color: #F9F9FD;
  margin-bottom: 16px;
}
.serviceHowworks h2 {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .serviceHowworks h2 {
    font-size: 32px;
    margin-bottom: 25px;
  }
}
@media (min-width: 922px) {
  .serviceHowworks h2 {
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .serviceHowworks h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .serviceHowworks h2 {
    margin-bottom: 40px;
  }
}
.serviceHowworks .row .WrokingSteps {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .serviceHowworks .row .WrokingSteps .description {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .serviceHowworks .row .WrokingSteps .description::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 90%;
    height: 1px;
    background-color: #A0A0A0;
  }
}
@media (min-width: 768px) {
  .serviceHowworks .row .WrokingSteps {
    border-bottom: 1px solid #A0A0A0;
    padding-top: 10px;
    padding-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .serviceHowworks .row .WrokingSteps {
    padding: 20px 0px 10px 0px;
  }
}
@media (min-width: 1200px) {
  .serviceHowworks .row .WrokingSteps {
    padding: 30px 0px 20px 0px;
  }
}
@media (min-width: 1400px) {
  .serviceHowworks .row .WrokingSteps {
    padding: 40px 0px 30px 0px;
  }
}
.serviceHowworks .row .WrokingSteps:last-child {
  border-bottom: unset;
  padding-bottom: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .serviceHowworks .row .WrokingSteps h3 {
    font-size: 30px;
    line-height: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .serviceHowworks .row .WrokingSteps h3 {
    font-size: 25px;
    line-height: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .serviceHowworks .row .WrokingSteps h3 {
    font-size: 20px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .serviceHowworks .row .WrokingSteps h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 992px) {
  .serviceHowworks .row .WrokingSteps h3, .serviceHowworks .row .WrokingSteps .description {
    width: 50%;
  }
}
.serviceHowworks .row .WrokingSteps p {
  font-family: "Helvetica";
  color: #A0A0A0;
}
@media (max-width: 767px) {
  .serviceHowworks .row .WrokingSteps p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .serviceHowworks .row .WrokingSteps p {
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .serviceHowworks .row .WrokingSteps p {
    font-size: 15.5px;
    line-height: 29px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .serviceHowworks .row .WrokingSteps p {
    font-size: 18.5px;
    line-height: 32px;
  }
}
@media (min-width: 1780px) {
  .serviceHowworks .row .WrokingSteps p {
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 40px;
  }
}
.serviceHowworks .row .WrokingSteps:last-child p {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .serviceHowworks .container-network {
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .serviceHowworks .container-network {
    padding-right: 150px;
  }
}
@media (min-width: 1400px) {
  .serviceHowworks .container-network {
    padding-right: 160px;
  }
}
@media (min-width: 1600px) {
  .serviceHowworks .container-network {
    padding-right: 180px;
  }
}
@media (min-width: 1780px) {
  .serviceHowworks .container-network {
    padding-right: 208px;
  }
}

@media (min-width: 1400px) and (max-width: 1779px) {
  .customersFeedBack.serviceFeed .feedBackWrapper {
    max-width: 886px;
    padding-left: 235px;
  }
  .customersFeedBack.serviceFeed .feedBackWrapper p {
    font-size: 18px;
    line-height: 33px;
  }
  .customersFeedBack.serviceFeed .feedBackWrapper span {
    font-size: 18px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .customersFeedBack.serviceFeed .feeds {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .customersFeedBack .container-network {
    margin-right: auto;
  }
}
.customersFeedBack .heading {
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .customersFeedBack .heading {
    padding-left: 114px;
  }
}
@media (min-width: 1780px) {
  .customersFeedBack .heading {
    padding-left: 144px;
  }
}
.customersFeedBack h2 {
  color: #fff;
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .customersFeedBack h2 {
    line-height: 50px;
    font-size: 35px;
  }
}
@media (min-width: 1400px) {
  .customersFeedBack h2 {
    font-size: 41px;
  }
}
@media (min-width: 1780px) {
  .customersFeedBack h2 {
    line-height: 65px;
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .customersFeedBack p {
    font-size: 13px;
    line-height: 33px;
  }
}
@media (min-width: 1400px) {
  .customersFeedBack p {
    font-size: 15px;
    line-height: 38px;
  }
}
@media (min-width: 1780px) {
  .customersFeedBack p {
    font-size: 18px;
    line-height: 38px;
  }
}

@media (max-width: 1199px) {
  .feedBackWrapper {
    width: 70%;
    margin: auto;
  }
}
@media (max-width: 575px) {
  .feedBackWrapper {
    width: 90%;
    margin: auto;
  }
}
@media (min-width: 1200px) {
  .feedBackWrapper {
    padding-left: 208px;
    max-width: 746px;
  }
}
@media (min-width: 1400px) {
  .feedBackWrapper {
    max-width: 846px;
  }
}
@media (min-width: 1780px) {
  .feedBackWrapper {
    padding-left: 294px;
    max-width: 1066px;
  }
}
@media (min-width: 1200px) {
  .feedBackWrapper p, .feedBackWrapper span {
    font-size: 15px;
    line-height: 28px;
  }
}
@media (min-width: 1780px) {
  .feedBackWrapper p, .feedBackWrapper span {
    font-size: 22px;
    line-height: 42px;
  }
}
.feedBackWrapper span {
  display: block;
  margin-top: 20px;
  position: relative;
  padding-left: 20px;
}
@media (max-width: 575px) {
  .feedBackWrapper span {
    font-size: 13px;
    line-height: 23px;
  }
}
@media (min-width: 1200px) {
  .feedBackWrapper span {
    margin-top: 50px;
  }
}
.feedBackWrapper span::before {
  left: 0;
  height: 2px;
  width: 15px;
  background-color: #fff;
}
.feedBackWrapper .feeds {
  border-left: 2px solid #1EB7BB;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 1200px) {
  .feedBackWrapper .feeds {
    padding-left: 22px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.network .row {
  align-items: center;
}

.bannerInner .pageClient {
  max-width: 80%;
}
.bannerInner .pageClient h1 {
  margin-bottom: 10px;
  white-space: pre-line;
}
@media (min-width: 992px) {
  .bannerInner .pageClient h1 {
    font-size: 50px;
    line-height: 65px;
  }
}
@media (min-width: 1200px) {
  .bannerInner .pageClient h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media (min-width: 1400px) {
  .bannerInner .pageClient h1 {
    font-size: 65px;
    line-height: 77px;
  }
}
@media (min-width: 1780px) {
  .bannerInner .pageClient h1 {
    font-size: 80px;
    line-height: 97px;
  }
}
@media (min-width: 1200px) {
  .bannerInner .pageClient h1 {
    margin-bottom: 15px;
  }
}
@media (min-width: 1400px) {
  .bannerInner .pageClient h1 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1780px) {
  .bannerInner .pageClient h1 {
    margin-bottom: 20px;
  }
}
.bannerInner .pageClient p {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .bannerInner .pageClient p {
    margin-bottom: 25px;
  }
}
@media (min-width: 768px) {
  .bannerInner .pageClient p {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .bannerInner .pageClient p {
    margin-bottom: 35px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .bannerInner .pageClient p {
    font-size: 16px;
    width: 91%;
  }
}
@media (min-width: 1400px) {
  .bannerInner .pageClient p {
    margin-bottom: 38px;
  }
}
@media (min-width: 1780px) {
  .bannerInner .pageClient p {
    margin-bottom: 40px;
  }
}
@media (min-width: 518px) {
  .bannerInner .pageClient {
    max-width: 66%;
  }
}
@media (min-width: 768px) {
  .bannerInner .pageClient {
    max-width: 35%;
  }
}
@media (min-width: 992px) {
  .bannerInner .pageClient {
    max-width: 61%;
  }
}
@media (min-width: 1200px) {
  .bannerInner .pageClient {
    max-width: 61%;
  }
}
@media (min-width: 1600px) {
  .bannerInner .pageClient {
    max-width: 51%;
  }
}
@media (min-width: 1780px) {
  .bannerInner .pageClient {
    padding-left: 67px;
    max-width: 996px;
  }
}
.bannerInner a.btn {
  color: #fff;
  position: relative;
  padding-right: 32px;
}

.ourClients {
  padding-top: 50px;
  padding-bottom: 30px;
}
.ourClients p a {
  font-family: "Helvetica";
  color: #1EB7BB;
}
@media (max-width: 1199px) {
  .ourClients .container-client {
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .ourClients {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .ourClients {
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .ourClients .container-client {
    padding-right: 200px;
  }
}
@media (min-width: 1400px) {
  .ourClients {
    padding-top: 90px;
    padding-bottom: 55px;
  }
  .ourClients .container-network {
    padding-right: 230px;
  }
}
@media (min-width: 1780px) {
  .ourClients {
    padding-top: 100px;
    padding-bottom: 60px;
  }
  .ourClients .container-client {
    padding-right: 260px;
  }
}
.ourClients .heading span {
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .ourClients .heading span {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .ourClients .heading span {
    font-size: 17px;
    margin-bottom: 0;
  }
}
.ourClients .heading h2 {
  white-space: pre-line;
}
@media (max-width: 991px) {
  .ourClients .heading h2 {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .ourClients .ourClients-Column {
    max-width: 40%;
  }
}
@media (min-width: 1200px) {
  .ourClients .ourClients-Column {
    max-width: 27%;
  }
}
@media (min-width: 1400px) {
  .ourClients .ourClients-Column {
    max-width: 33%;
  }
}
@media (min-width: 1700px) {
  .ourClients .ourClients-Column {
    max-width: 31%;
  }
}
@media (min-width: 1800px) {
  .ourClients .ourClients-Column {
    max-width: 503px;
  }
}
@media (min-width: 992px) {
  .ourClients .ourClients-Column2 {
    max-width: 60%;
  }
}
@media (min-width: 1200px) {
  .ourClients .ourClients-Column2 {
    max-width: 57.5%;
  }
}
@media (min-width: 1400px) {
  .ourClients .ourClients-Column2 {
    max-width: 57.5%;
  }
}
@media (min-width: 1780px) {
  .ourClients .ourClients-Column2 {
    max-width: 810px;
  }
}
.ourClients .ourClients-Column2 p {
  font-family: "Helvetica";
}
@media (max-width: 575px) {
  .ourClients .ourClients-Column2 p {
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .ourClients .ourClients-Column2 p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1400px) {
  .ourClients .ourClients-Column2 p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1780px) {
  .ourClients .ourClients-Column2 p {
    font-size: 18px;
    font-family: "Helvetica";
    line-height: 30px;
    margin-bottom: 30px;
  }
}
.ourClients .ourClients-Column2 p:last-child {
  margin-bottom: 0;
}

.clientBrands {
  padding: 30px 0px;
}
.clientBrands h2 {
  font-size: 16px;
  line-height: 26px;
}
@media (min-width: 576px) {
  .clientBrands h2 {
    font-size: 20px;
    line-height: 20px;
  }
}
@media (min-width: 768px) {
  .clientBrands h2 {
    font-size: 22px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .clientBrands h2 {
    font-size: 25px;
    line-height: 25px;
  }
}
@media (min-width: 1400px) {
  .clientBrands h2 {
    font-size: 25px;
    line-height: 25px;
  }
}
@media (min-width: 1780px) {
  .clientBrands h2 {
    font-size: 25px;
    line-height: 25px;
  }
}
@media (min-width: 1200px) {
  .clientBrands .sliderWrapperClient {
    padding: 35px 0px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .clientBrands .sliderWrapperClient {
    padding: 30px 0px;
    max-width: 80%;
  }
  .clientBrands .sliderWrapperClient .slides {
    margin-right: 85px;
  }
}
@media (max-width: 575px) {
  .clientBrands .sliderWrapperClient {
    padding: 10px 0px;
  }
}
.clientBrands .slides {
  height: 90px;
}
@media (min-width: 1200px) {
  .clientBrands .slides {
    margin-right: 10px;
    margin-left: 10px;
    justify-content: flex-start;
  }
}
@media (min-width: 1400px) {
  .clientBrands .slides {
    margin-right: 75px;
    margin-left: 75px;
  }
}
@media (min-width: 1780px) {
  .clientBrands .slides {
    height: 100px;
    margin-right: 65px;
    margin-left: 65px;
  }
}
.clientBrands a.btn {
  padding: 0;
}
@media (min-width: 768px) {
  .clientBrands a.btn {
    font-size: 18px;
    line-height: 18px;
  }
}
@media (min-width: 992px) {
  .clientBrands a.btn {
    font-size: 22px;
    line-height: 22px;
  }
}
@media (min-width: 1200px) {
  .clientBrands a.btn {
    font-size: 20px;
    line-height: 20px;
  }
}
@media (min-width: 1400px) {
  .clientBrands a.btn {
    font-size: 26px;
    line-height: 26px;
  }
}
@media (min-width: 1780px) {
  .clientBrands a.btn {
    font-size: 28px;
    line-height: 28px;
  }
}

.startWorking .WrokingSteps {
  border-bottom: unset !important;
  display: block !important;
}
@media (max-width: 575px) {
  .startWorking .WrokingSteps h2 {
    line-height: 37px;
  }
}
.startWorking .WrokingSteps span {
  margin-bottom: 0;
  color: #12284F;
  padding: 0;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .startWorking .WrokingSteps span {
    font-size: 17px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .startWorking .WrokingSteps span {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .startWorking .WrokingSteps h2 br {
    display: none;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .startWorking .WrokingSteps h2 {
    font-size: 43px;
    line-height: 50px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .startWorking .WrokingSteps h2 {
    font-size: 45px;
    line-height: 50px;
  }
}
@media (min-width: 768px) {
  .startWorking .WrokingSteps {
    max-width: 38%;
  }
}
@media (min-width: 992px) {
  .startWorking .WrokingSteps {
    max-width: 38%;
  }
}
@media (min-width: 1200px) {
  .startWorking .WrokingSteps {
    max-width: 43%;
  }
}
@media (min-width: 1400px) {
  .startWorking .WrokingSteps {
    max-width: 35%;
  }
}
@media (min-width: 1780px) {
  .startWorking .WrokingSteps {
    max-width: 465px;
  }
}
@media (min-width: 768px) {
  .startWorking .description {
    max-width: 62%;
  }
}
@media (min-width: 992px) {
  .startWorking .description {
    max-width: 55%;
  }
}
@media (min-width: 1200px) {
  .startWorking .description {
    max-width: 50%;
  }
}
@media (min-width: 1400px) {
  .startWorking .description {
    max-width: 59%;
  }
}
@media (min-width: 1780px) {
  .startWorking .description {
    max-width: 810px;
  }
}
.startWorking .description h3 {
  color: #12284F;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .startWorking .description h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 575px) {
  .startWorking .description h3 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .startWorking .description h3 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .startWorking .description h3 {
    font-size: 25px;
    line-height: 40px;
  }
}
.startWorking .description p {
  border-bottom: 1px solid #1EB7BB;
  font-family: "Helvetica";
  padding-bottom: 25px;
  margin-bottom: 20px;
}
.startWorking .description p:last-child {
  border-bottom: unset;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .startWorking .description p {
    letter-spacing: 0.2px;
  }
}
@media (min-width: 576px) {
  .startWorking .description p {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .startWorking .description p {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .startWorking .description p {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .startWorking .description p {
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
}
@media (min-width: 1400px) {
  .startWorking .description p {
    padding-bottom: 35px;
    margin-bottom: 35px;
  }
}
@media (min-width: 1780px) {
  .startWorking .description p {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .startWorking .description p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 1199px) {
  .startWorking .container-client {
    margin-right: auto;
  }
}
@media (max-width: 575px) {
  .startWorking .container-client {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .startWorking .container-client {
    padding-right: 158px;
  }
}
@media (min-width: 1400px) {
  .startWorking .container-client {
    padding-right: 180px;
  }
}
@media (min-width: 1780px) {
  .startWorking .container-client {
    padding-right: 256px;
  }
}

@media (max-width: 1199px) {
  .swissmenBussiness.swissmenBussinessClient {
    padding-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .swissmenBussiness.swissmenBussinessClient .container-client {
    margin-right: auto;
  }
}
@media (max-width: 575px) {
  .swissmenBussiness.swissmenBussinessClient .container-client {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .swissmenBussiness.swissmenBussinessClient .container-client {
    padding-right: 158px;
  }
}
@media (min-width: 1400px) {
  .swissmenBussiness.swissmenBussinessClient .container-client {
    padding-right: 265px;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness.swissmenBussinessClient .container-client {
    padding-right: 260px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .swissmenBussiness.swissmenBussinessClient .nav-pills li {
    margin-right: 50px;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness.swissmenBussinessClient .nav-pills a {
    font-size: 23px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .swissmenBussiness.swissmenBussinessClient .tab-content {
    padding: 50px 0px 0px;
  }
}
@media (min-width: 1200px) and (max-width: 1279px) {
  .swissmenBussiness.swissmenBussinessClient .tab-content h2 {
    font-size: 35px;
    line-height: 45px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .swissmenBussiness.swissmenBussinessClient .tab-content h2 {
    font-size: 52px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .swissmenBussiness.swissmenBussinessClient .tab-content .colmn:first-child {
    max-width: 51%;
    width: 51%;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .swissmenBussiness.swissmenBussinessClient .tab-content .colmn:first-child {
    max-width: 54%;
    width: 54%;
  }
}
@media (min-width: 1200px) and (max-width: 1279px) {
  .swissmenBussiness.swissmenBussinessClient .tab-content .colmn:first-child {
    max-width: 45%;
    width: 45%;
  }
}
@media (max-width: 1199px) {
  .swissmenBussiness.swissmenBussinessClient .tab-content .colmn:first-child {
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1279px) {
  .swissmenBussiness.swissmenBussinessClient .tab-content .colmn:last-child {
    max-width: 50%;
    width: 50%;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .swissmenBussiness.swissmenBussinessClient .tab-content .colmn:last-child {
    max-width: 44.5%;
    width: 44.5%;
  }
}
@media (max-width: 1199px) {
  .swissmenBussiness.swissmenBussinessClient .tab-content .colmn:last-child {
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .swissmenBussiness.swissmenBussinessClient .tab-content p {
    margin-bottom: 25px;
    font-size: 15.5px;
    line-height: 29px;
  }
  .swissmenBussiness.swissmenBussinessClient .tab-content p:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .swissmenBussiness.swissmenBussinessClient .tab-content p {
    margin-bottom: 20px;
  }
  .swissmenBussiness.swissmenBussinessClient .tab-content p:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness.swissmenBussinessClient .tab-content p {
    font-size: 20px;
    line-height: 38px;
  }
}

@media (max-width: 575px) {
  .swissmenBussiness.reserchSection .tab-content {
    padding-top: 0;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .swissmenBussiness.reserchSection .tab-content p {
    font-size: 15.5px;
    line-height: 30px;
  }
}
@media (min-width: 768px) {
  .swissmenBussiness.reserchSection .container-client .d-flex {
    flex-wrap: nowrap;
  }
}
@media (max-width: 1199px) {
  .swissmenBussiness.reserchSection .container-client .d-flex {
    flex-wrap: wrap;
  }
}
@media (max-width: 1199px) {
  .swissmenBussiness.reserchSection .container-client {
    margin-right: auto;
  }
}
@media (max-width: 575px) {
  .swissmenBussiness.reserchSection .container-client {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .swissmenBussiness.reserchSection .container-client {
    padding-right: 158px;
  }
}
@media (min-width: 1400px) {
  .swissmenBussiness.reserchSection .container-client {
    padding-right: 265px;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness.reserchSection .container-client {
    padding-right: 260px;
  }
}
@media (min-width: 1200px) and (max-width: 1279px) {
  .swissmenBussiness.reserchSection h2 {
    font-size: 35px;
    line-height: 45px;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness.reserchSection .colmn:first-child {
    max-width: 48%;
    width: 48%;
  }
}
@media (min-width: 1200px) and (max-width: 1279px) {
  .swissmenBussiness.reserchSection .colmn:first-child {
    max-width: 50%;
    width: 50%;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .swissmenBussiness.reserchSection .colmn:first-child {
    max-width: 47%;
    width: 47%;
  }
}
@media (max-width: 1199px) {
  .swissmenBussiness.reserchSection .colmn:first-child {
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness.reserchSection .colmn:last-child {
    max-width: 48%;
    width: 48%;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .swissmenBussiness.reserchSection .colmn:last-child {
    max-width: 48%;
    width: 48%;
  }
}
@media (min-width: 1280px) and (max-width: 1399px) {
  .swissmenBussiness.reserchSection .colmn:last-child {
    max-width: 44%;
    width: 44%;
  }
}
@media (min-width: 1200px) and (max-width: 1279px) {
  .swissmenBussiness.reserchSection .colmn:last-child {
    max-width: 46%;
    width: 46%;
  }
}
@media (max-width: 1199px) {
  .swissmenBussiness.reserchSection .colmn:last-child {
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .swissmenBussiness.reserchSection p {
    margin-bottom: 20px;
  }
  .swissmenBussiness.reserchSection p:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness.reserchSection p {
    font-size: 20px;
    line-height: 38px;
  }
}

@media (max-width: 1199px) {
  .swissmenBussiness.primaryResearch .container-client {
    margin-right: auto;
  }
}
@media (max-width: 575px) {
  .swissmenBussiness.primaryResearch .container-client {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .swissmenBussiness.primaryResearch .container-client {
    padding-right: 158px;
  }
}
@media (min-width: 1400px) {
  .swissmenBussiness.primaryResearch .container-client {
    padding-right: 265px;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness.primaryResearch .container-client {
    padding-right: 260px;
  }
}
@media (max-width: 575px) {
  .swissmenBussiness.primaryResearch .colmn p {
    letter-spacing: 0.2px;
  }
}
@media (min-width: 1200px) {
  .swissmenBussiness.primaryResearch .colmn {
    max-width: 40%;
  }
}
@media (min-width: 1400px) {
  .swissmenBussiness.primaryResearch .colmn {
    max-width: 42%;
  }
}
@media (min-width: 1780px) {
  .swissmenBussiness.primaryResearch .colmn {
    max-width: 40%;
  }
}

.bottomCta {
  padding: 30px 0px 40px 0px;
}
.bottomCta p, .bottomCta h2 {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .bottomCta {
    padding: 40px 0px 50px 0px;
  }
}
@media (min-width: 992px) {
  .bottomCta {
    padding: 50px 0px 60px 0px;
  }
}
@media (min-width: 1200px) {
  .bottomCta {
    padding: 65px 0px 75px 0px;
  }
  .bottomCta h2 {
    margin-bottom: 25px;
  }
  .bottomCta p {
    margin-bottom: 25px;
  }
}
@media (min-width: 1780px) {
  .bottomCta {
    padding: 95px 0px 105px 0px;
  }
  .bottomCta h2 {
    margin-bottom: 35px;
  }
  .bottomCta p {
    margin-bottom: 35px;
  }
}
.bottomCta h2 {
  font-weight: 700;
  color: #fff;
}
.bottomCta a {
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding-left: 0;
  padding-right: 0;
  color: #fff;
}
@media (min-width: 576px) {
  .bottomCta a {
    padding-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .bottomCta a {
    font-size: 17px;
    line-height: 27px;
  }
}
@media (min-width: 1780px) {
  .bottomCta a {
    font-size: 24px;
    line-height: 32px;
  }
}
.bottomCta a::after {
  width: 100%;
  height: 2px;
  left: 0;
  bottom: 0;
  background-color: #1EB7BB;
}
.bottomCta a::before {
  width: 0%;
  height: 2px;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
  transition: 0.5s ease all;
}
.bottomCta a:hover::before {
  width: 100%;
  transition: 0.5s ease all;
}

@media (min-width: 1200px) {
  .bannerInnerContent.contactBanner {
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .bannerInnerContent.contactBanner {
    padding-right: 20px;
  }
}
.bannerInnerContent.contactBanner h1 {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .bannerInnerContent.contactBanner h1 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .bannerInnerContent.contactBanner h1 {
    font-size: 40px;
    line-height: 60px;
  }
}
@media (min-width: 992px) {
  .bannerInnerContent.contactBanner h1 {
    font-size: 50px;
    line-height: 70px;
  }
}
@media (min-width: 1200px) {
  .bannerInnerContent.contactBanner h1 {
    font-size: 60px;
    line-height: 80px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .bannerInnerContent.contactBanner h1 {
    font-size: 70px;
    line-height: 90px;
  }
}
@media (min-width: 1780px) {
  .bannerInnerContent.contactBanner h1 {
    font-size: 80px;
    line-height: 100px;
  }
}
@media (min-width: 1200px) {
  .bannerInnerContent.contactBanner p {
    max-width: 460px;
  }
}
@media (min-width: 1400px) {
  .bannerInnerContent.contactBanner p {
    max-width: 510px;
  }
}
@media (min-width: 1780px) {
  .bannerInnerContent.contactBanner p {
    max-width: 600px;
  }
}

@media (max-width: 767px) {
  .hero .row {
    position: relative;
    flex-direction: column-reverse !important;
    padding-top: 30px;
  }
  .hero .row article {
    margin-top: 28px;
    margin-bottom: 30px;
  }
  .hero .row article > span {
    position: absolute;
    top: 0;
  }
}
@media (max-width: 575px) {
  .hero .row {
    padding-top: 20px;
  }
}
@media (max-width: 576px) {
  .hero {
    padding: 40px 0;
  }
}
@media (max-width: 1199px) {
  .hero .row {
    align-items: center;
  }
}
.hero .row:last-child {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .hero .row:last-child {
    margin-top: 40px;
  }
}
@media (min-width: 1400px) {
  .hero .row:last-child {
    margin-top: 50px;
  }
}
@media (min-width: 1780px) {
  .hero .row:last-child {
    margin-top: 60px;
  }
}
.hero .row:last-child article {
  margin-left: auto;
}
.hero .row:last-child article h2 {
  margin-bottom: 20px;
}
.hero article {
  text-align: left;
}
@media (min-width: 992px) {
  .hero article {
    max-width: 85%;
  }
}
@media (min-width: 1200px) {
  .hero article {
    max-width: 85.5%;
  }
}
@media (min-width: 1400px) {
  .hero article {
    max-width: 82%;
  }
}
@media (min-width: 1780px) {
  .hero article {
    max-width: 582px;
  }
}
.hero article > span {
  color: #1EB7BB;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 576px) {
  .hero article > span {
    padding-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hero article > span {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 19px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hero article > span {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .hero article > span {
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .hero article > span {
    margin-bottom: 20px;
  }
}
.hero article > span::after {
  background-color: #1EB7BB;
  height: 1px;
  width: 100%;
}
.hero article .btn {
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .hero article .btn {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .hero article .btn {
    height: 40px;
    padding: 20px 28px;
  }
}
@media (min-width: 1400px) {
  .hero article .btn {
    padding: 16px 34px;
    height: 50px;
  }
}
@media (min-width: 1780px) {
  .hero article .btn {
    padding: 20px 40px;
    height: 60px;
  }
}
.hero article h2 {
  font-family: Helvetica;
  font-weight: 400;
  color: #282828;
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .hero article h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (min-width: 768px) {
  .hero article h2 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 1px;
  }
}
@media (min-width: 992px) {
  .hero article h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .hero article h2 {
    font-size: 67px;
    line-height: 75px;
  }
}
@media (min-width: 1400px) {
  .hero article h2 {
    font-size: 75px;
    line-height: 80px;
    margin-bottom: 35px;
  }
}
@media (min-width: 1780px) {
  .hero article h2 {
    font-size: 90px;
    line-height: 103px;
    margin-bottom: 40px;
  }
}
.hero article p {
  margin-bottom: 20px;
  font-family: "Helvetica";
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .hero article p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 1200px) {
  .hero article p {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .hero article p {
    margin-bottom: 55px;
  }
}
@media (min-width: 1780px) {
  .hero article p {
    margin-bottom: 60px;
  }
}
.hero picture img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 767px) {
  .hero picture img {
    margin-top: 20px;
  }
}
@media (max-width: 576px) {
  .hero picture img {
    height: unset;
  }
}
.hero .hero2 {
  padding-top: 50px;
  justify-content: space-between;
}

.contact-section .connectColumn-1 {
  max-width: 100%;
}
@media (min-width: 992px) {
  .contact-section .connectColumn-1 {
    padding-left: 0;
    border-right: 1px solid #D0D0D0;
  }
}
.contact-section .connectColumn-1 h2 {
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .contact-section .connectColumn-1 h2 {
    line-height: 60px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .contact-section .connectColumn-1 h2 {
    font-size: 45px;
  }
}
@media (min-width: 1400px) {
  .contact-section .connectColumn-1 h2 {
    line-height: 70px;
  }
}
@media (min-width: 1780px) {
  .contact-section .connectColumn-1 h2 {
    line-height: 80px;
  }
}
.contact-section .connectColumn-1 p {
  color: #1EB7BB;
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .contact-section .connectColumn-1 p {
    font-size: 16.5px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .contact-section .connectColumn-1 p {
    font-size: 19px;
    margin-bottom: 50px;
  }
}
@media (min-width: 1780px) {
  .contact-section .connectColumn-1 p {
    font-size: 24px;
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .contact-section .connectColumn-1 {
    max-width: 50%;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (min-width: 1200px) {
  .contact-section .connectColumn-1 {
    max-width: 54.25%;
    padding-right: 60px;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .contact-section .connectColumn-1 {
    padding-right: 70px;
  }
}
@media (min-width: 1780px) {
  .contact-section .connectColumn-1 {
    max-width: 912px;
    padding-right: 89px;
  }
}
.contact-section .connectColumn-2 {
  max-width: 100%;
}
@media (max-width: 991px) {
  .contact-section .connectColumn-2 {
    margin-top: 50px;
  }
}
.contact-section .connectColumn-2 h2 {
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .contact-section .connectColumn-2 h2 {
    line-height: 45px;
  }
}
@media (min-width: 1400px) {
  .contact-section .connectColumn-2 h2 {
    line-height: 50px;
  }
}
@media (min-width: 1780px) {
  .contact-section .connectColumn-2 h2 {
    line-height: 67px;
  }
}
.contact-section .connectColumn-2 > p {
  color: #A0A0A0;
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .contact-section .connectColumn-2 > p {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .contact-section .connectColumn-2 > p {
    margin-bottom: 50px;
  }
}
@media (min-width: 1780px) {
  .contact-section .connectColumn-2 > p {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .contact-section .connectColumn-2 {
    max-width: 45%;
    padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  .contact-section .connectColumn-2 {
    max-width: 44%;
    padding-left: 48px;
  }
}
@media (min-width: 1400px) {
  .contact-section .connectColumn-2 {
    padding-left: 60px;
  }
}
@media (min-width: 1780px) {
  .contact-section .connectColumn-2 {
    max-width: 672px;
    padding-left: 69px;
  }
}
.contact-section .team {
  margin-bottom: 40px;
  display: flex;
  justify-content: flex-start;
}
@media (min-width: 1200px) {
  .contact-section .team {
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .contact-section .team {
    margin-bottom: 35px;
  }
}
@media (min-width: 1780px) {
  .contact-section .team {
    margin-bottom: 40px;
  }
}
.contact-section .team:last-child {
  margin-bottom: 0;
}
.contact-section .team h3 {
  font-weight: 600;
  font-family: "Maitree";
  font-size: 16px;
  line-height: 26px;
}
@media (min-width: 1200px) {
  .contact-section .team h3 {
    font-size: 17px;
    line-height: 21px;
  }
}
@media (min-width: 1400px) {
  .contact-section .team h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 1780px) {
  .contact-section .team h3 {
    font-size: 24px;
    line-height: 35px;
  }
}
.contact-section .team p, .contact-section .team a {
  font-family: "Maitree";
}
@media (min-width: 1200px) {
  .contact-section .team p, .contact-section .team a {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 1400px) {
  .contact-section .team p, .contact-section .team a {
    font-size: 16px;
    line-height: 16px;
  }
}
@media (min-width: 1780px) {
  .contact-section .team p, .contact-section .team a {
    font-size: 20px;
    line-height: 35px;
  }
}
.contact-section .team a, .contact-section .team p {
  font-weight: 500;
}
.contact-section .team .teamImage {
  max-width: 41.8%;
  padding: 0;
}
@media (min-width: 1200px) {
  .contact-section .team .teamImage {
    max-width: 39%;
  }
}
@media (min-width: 1400px) {
  .contact-section .team .teamImage {
    max-width: 40.6%;
  }
}
@media (min-width: 1780px) {
  .contact-section .team .teamImage {
    max-width: 41.8%;
  }
}
.contact-section .team .teamImage img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 575px) {
  .contact-section .team .teamImage img {
    height: 140px;
  }
}
.contact-section .team .teamDetailsWrapper {
  margin-left: 21px;
  max-width: 54.2%;
  padding: 0;
}
@media (min-width: 1200px) {
  .contact-section .team .teamDetailsWrapper {
    margin-left: 15px;
  }
}
@media (min-width: 1400px) {
  .contact-section .team .teamDetailsWrapper {
    margin-left: 18px;
  }
}
@media (min-width: 1780px) {
  .contact-section .team .teamDetailsWrapper {
    margin-left: 21px;
  }
}
.contact-section .team .teamDetailsWrapper .teamDetails {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
  height: 100%;
}
.contact-section .team .teamDetailsWrapper img {
  width: 20px;
  height: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 576px) {
  .contact-section .team .teamDetailsWrapper img {
    width: 25px;
    height: 25px;
  }
}
@media (min-width: 1200px) {
  .contact-section .team .teamDetailsWrapper img {
    width: 25px;
    height: 25px;
  }
}
@media (min-width: 1400px) {
  .contact-section .team .teamDetailsWrapper img {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 1780px) {
  .contact-section .team .teamDetailsWrapper img {
    width: 35px;
    height: 35px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .contact-section .form-section {
    padding-right: 19px;
  }
}
.contact-section .form-section .Subject {
  height: 100px;
}
@media (min-width: 576px) {
  .contact-section .form-section .Subject {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .contact-section .form-section .Subject {
    margin-bottom: 10px;
  }
}
@media (min-width: 1400px) {
  .contact-section .form-section .Subject {
    margin-bottom: 25px;
  }
}
@media (min-width: 1780px) {
  .contact-section .form-section .Subject {
    margin-bottom: 50px;
  }
}
.contact-section .form-section .Subject label {
  height: 5px;
}
@media (min-width: 768px) {
  .contact-section .form-section .Subject label {
    height: 3px;
  }
}
@media (min-width: 1200px) {
  .contact-section .form-section .Subject label {
    height: 23px;
  }
}
@media (min-width: 1400px) {
  .contact-section .form-section .Subject label {
    height: 33px;
  }
}
@media (min-width: 1600px) {
  .contact-section .form-section .Subject label {
    height: 32px;
  }
}
@media (min-width: 1780px) {
  .contact-section .form-section .Subject label {
    height: 40px;
  }
}
.contact-section .form-section .Subject select {
  outline: unset;
  font-family: "Poppins";
  background-color: #fff;
  color: #282828 !important;
  width: 100%;
  border-radius: 5px;
  color: #999999;
  font-size: 14px;
  line-height: 28px;
  padding-left: 10px;
  height: 50px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../images/icons/down.png"); /* Replace with the path to your arrow icon */
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 96%;
  border: 1px solid #282828;
  cursor: pointer;
}
@media (min-width: 768px) {
  .contact-section .form-section .Subject select {
    font-size: 15px;
    line-height: 34px;
    height: 50px;
    padding-left: 10px;
  }
}
@media (min-width: 992px) {
  .contact-section .form-section .Subject select {
    font-size: 15px;
    line-height: 34px;
    height: 50px;
    padding-left: 10px;
  }
}
@media (min-width: 1200px) {
  .contact-section .form-section .Subject select {
    font-size: 18px;
    line-height: 34px;
    height: 50px;
    padding-left: 28px;
    background-size: 15px;
    background-position: 96%;
  }
}
@media (min-width: 1400px) {
  .contact-section .form-section .Subject select {
    font-size: 18px;
    line-height: 36px;
    height: 60px;
    padding-left: 30px;
  }
}
@media (min-width: 1780px) {
  .contact-section .form-section .Subject select {
    font-size: 20px;
    line-height: 40px;
    height: 70px;
    padding-left: 40px;
  }
}
.contact-section .form-section .Subject select option {
  color: #282828 !important;
  font-family: "Poppins";
  cursor: pointer;
  padding-left: 40px;
  color: #999999;
  font-size: 14px;
  line-height: 24px;
}
.contact-section .form-section .Subject select option:focus {
  border: unset;
}
@media (min-width: 768px) {
  .contact-section .form-section .Subject select option {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .contact-section .form-section .Subject select option {
    font-size: 15px;
    line-height: 34px;
  }
}
@media (min-width: 1400px) {
  .contact-section .form-section .Subject select option {
    font-size: 18px;
    line-height: 36px;
  }
}
@media (min-width: 1780px) {
  .contact-section .form-section .Subject select option {
    font-size: 20px;
    line-height: 40px;
  }
}
.contact-section .form-section label {
  font-family: Helvetica;
  flex-basis: 100%;
  color: #000;
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  .contact-section .form-section label {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .contact-section .form-section label {
    font-size: 14px;
    line-height: 34px;
  }
}
@media (min-width: 1400px) {
  .contact-section .form-section label {
    font-size: 17px;
    line-height: 33px;
    margin-bottom: 8px;
  }
}
@media (min-width: 1780px) {
  .contact-section .form-section label {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 10px;
  }
}
.contact-section .form-section .form-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .contact-section .form-section .form-group {
    padding-right: 0;
  }
}
.contact-section .form-section .form-control {
  width: 100%;
  height: 50px;
  outline: unset;
  border: 1px solid #282828;
  margin-bottom: 15px;
  padding: 10px 0px 10px 15px;
  font-size: 20px;
}
@media (min-width: 576px) {
  .contact-section .form-section .form-control {
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .contact-section .form-section .form-control {
    height: 50px;
    margin-bottom: 20px;
    padding: 10px 0px 10px 30px;
  }
}
@media (min-width: 1400px) {
  .contact-section .form-section .form-control {
    height: 60px;
    margin-bottom: 25px;
    padding: 13px 0px 13px 35px;
  }
}
@media (min-width: 1780px) {
  .contact-section .form-section .form-control {
    height: 70px;
    margin-bottom: 30px;
    padding: 15px 0px 15px 40px;
  }
}
.contact-section .form-section .form-control::-moz-placeholder {
  font-family: Helvetica;
  color: #999999;
  font-size: 14px;
  line-height: 24px;
}
.contact-section .form-section .form-control::placeholder {
  font-family: Helvetica;
  color: #999999;
  font-size: 14px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .contact-section .form-section .form-control::-moz-placeholder {
    font-size: 15px;
    line-height: 34px;
  }
  .contact-section .form-section .form-control::placeholder {
    font-size: 15px;
    line-height: 34px;
  }
}
@media (min-width: 1200px) {
  .contact-section .form-section .form-control::-moz-placeholder {
    font-size: 18px;
    line-height: 34px;
  }
  .contact-section .form-section .form-control::placeholder {
    font-size: 18px;
    line-height: 34px;
  }
}
@media (min-width: 1400px) {
  .contact-section .form-section .form-control::-moz-placeholder {
    font-size: 18px;
    line-height: 36px;
  }
  .contact-section .form-section .form-control::placeholder {
    font-size: 18px;
    line-height: 36px;
  }
}
@media (min-width: 1780px) {
  .contact-section .form-section .form-control::-moz-placeholder {
    font-size: 20px;
    line-height: 40px;
  }
  .contact-section .form-section .form-control::placeholder {
    font-size: 20px;
    line-height: 40px;
  }
}
.contact-section .form-section .form-control:focus {
  outline: 0 !important;
}
.contact-section .form-section .textarea {
  font-family: "Poppins";
  resize: none;
  height: 120px;
  outline: none;
  padding: 10px;
  font-size: 20px;
  border-radius: 5px;
  border: 1px solid #282828;
}
@media (min-width: 1200px) {
  .contact-section .form-section .textarea {
    height: 110px;
  }
}
@media (min-width: 1400px) {
  .contact-section .form-section .textarea {
    height: 150px;
  }
}
@media (min-width: 1780px) {
  .contact-section .form-section .textarea {
    height: 168px;
  }
}
.contact-section .form-section input {
  border-radius: 5px;
  font-family: "Poppins";
}
.contact-section .form-section .btn.submit-btn {
  margin-top: 15px;
}
@media (max-width: 575px) {
  .contact-section .form-section .btn.submit-btn {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .contact-section .form-section .btn.submit-btn {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .contact-section .form-section .btn.submit-btn {
    font-size: 15px;
    line-height: 25px;
    border-radius: 0px;
    margin-top: 35px;
    width: 140px;
    height: 50px;
  }
}
@media (min-width: 1400px) {
  .contact-section .form-section .btn.submit-btn {
    font-size: 19px;
    line-height: 25px;
    border-radius: 0px;
    margin-top: 45px;
    width: 180px;
    height: 60px;
  }
}
@media (min-width: 1780px) {
  .contact-section .form-section .btn.submit-btn {
    font-size: 20px;
    line-height: 27px;
    border-radius: 0px;
    margin-top: 55px;
    width: 200px;
    height: 70px;
  }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.contact-section form p {
  position: absolute;
  top: 4px;
  right: 11px;
}

.ourClients.expert h2 {
  white-space: pre-line;
}
@media (min-width: 1780px) {
  .ourClients.expert h2 {
    font-size: 50px;
    line-height: 65px;
  }
}
@media (min-width: 1780px) {
  .ourClients.expert .container-client {
    padding-right: 250px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .ourClients.expert .ourClients-Column {
    max-width: 30%;
  }
}
@media (min-width: 1200px) {
  .ourClients.expert .ourClients-Column2 {
    max-width: 64.5%;
    padding-top: 0 !important;
  }
}
@media (min-width: 1700px) {
  .ourClients.expert .ourClients-Column2 {
    max-width: 56.5%;
  }
}
@media (min-width: 1800px) {
  .ourClients.expert .ourClients-Column2 {
    max-width: 829px;
  }
}

.yourImpact {
  background-color: #F9F9FD;
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .yourImpact.expert img {
    width: 902px;
    height: 538px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .yourImpact.expert article {
    max-width: 44.5%;
    left: 27px;
    padding: 50px 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .yourImpact.expert article {
    max-width: 44.5%;
    left: 35px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .yourImpact.expert article p {
    font-size: 16.5px;
    line-height: 26.5px;
  }
}
@media (max-width: 575px) {
  .yourImpact .row:first-child {
    flex-direction: column-reverse;
  }
}
.yourImpact .container-expert {
  position: relative;
}
.yourImpact .imageWrapss {
  text-align: right;
}
.yourImpact img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  margin-left: auto;
}
@media (min-width: 576px) and (max-width: 767px) {
  .yourImpact img {
    width: 100%;
    height: 454px;
    -o-object-position: 0;
       object-position: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .yourImpact img {
    width: 684px;
    height: 474px;
    -o-object-position: 165px;
       object-position: 165px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .yourImpact img {
    width: 772px;
    height: 554px;
    -o-object-position: 115px;
       object-position: 115px;
  }
}
@media (min-width: 1200px) {
  .yourImpact img {
    width: 775px;
    height: 468px;
  }
}
@media (min-width: 1400px) {
  .yourImpact img {
    width: 809px;
    height: 548px;
  }
}
@media (min-width: 1600px) {
  .yourImpact img {
    width: 986px;
    height: 588px;
  }
}
@media (min-width: 1780px) {
  .yourImpact img {
    width: 1107px;
    height: 668px;
  }
}
.yourImpact article {
  background: rgba(255, 255, 255, 0.8);
  max-width: 100%;
  left: 0;
  padding: 30px 15px;
  text-align: center;
  margin-right: auto;
  z-index: 2;
}
@media (max-width: 575px) {
  .yourImpact article {
    position: initial;
    text-align: left;
    transform: translate(0);
  }
}
@media (min-width: 576px) {
  .yourImpact article {
    max-width: 70%;
    padding: 30px;
    left: 15px;
  }
}
@media (min-width: 768px) {
  .yourImpact article {
    max-width: 50%;
    left: 0;
    padding: 15px 25px;
  }
}
@media (min-width: 992px) {
  .yourImpact article {
    max-width: 50%;
    left: 0;
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .yourImpact article {
    padding: 50px;
    max-width: 46.5%;
  }
}
@media (min-width: 1400px) {
  .yourImpact article {
    max-width: 48.5%;
  }
}
@media (min-width: 1600px) {
  .yourImpact article {
    max-width: 48%;
  }
}
@media (min-width: 1780px) {
  .yourImpact article {
    max-width: 717px;
    left: 84px;
    padding: 60px;
  }
}
.yourImpact article p {
  text-align: left;
  font-family: "Helvetica";
  margin-bottom: 10px;
}
.yourImpact article p:last-child {
  margin-bottom: 0 !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .yourImpact article p {
    font-size: 15px;
    line-height: 25px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .yourImpact article p {
    font-size: 17px;
    line-height: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .yourImpact article p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) {
  .yourImpact article p {
    margin-bottom: 30px;
  }
}
.yourImpact article span {
  margin: 0;
  padding: 0;
  margin: auto;
}
@media (min-width: 992px) {
  .yourImpact article span {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .yourImpact article span {
    margin-bottom: 5px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .yourImpact article span {
    font-size: 17px;
    line-height: 17px;
  }
}
.yourImpact article h2 {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .yourImpact article h2 {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .yourImpact article h2 {
    margin-bottom: 30px;
  }
}
@media (min-width: 1600px) {
  .yourImpact article h2 {
    margin-bottom: 40px;
  }
}
@media (min-width: 1780px) {
  .yourImpact article h2 {
    line-height: 60px;
  }
}

.counter {
  background-color: #F9F9FD;
  padding-bottom: 35px;
}
@media (min-width: 768px) {
  .counter {
    padding-bottom: 45px;
  }
}
@media (min-width: 1200px) {
  .counter {
    padding-bottom: 55px;
  }
}
@media (min-width: 1400px) {
  .counter {
    padding-bottom: 60px;
  }
}
@media (min-width: 1780px) {
  .counter {
    padding-bottom: 65px;
  }
}
@media (max-width: 767px) {
  .counter .row {
    gap: 30px;
  }
}
.counter .row > div {
  padding: 0;
  max-width: 100%;
  padding-left: 12px;
}
@media (min-width: 576px) {
  .counter .row > div {
    max-width: 45%;
  }
}
@media (min-width: 768px) {
  .counter .row > div {
    max-width: 25.3%;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .counter .row > div {
    max-width: 25.3%;
  }
}
@media (min-width: 1400px) {
  .counter .row > div {
    max-width: 395px;
  }
}
.counter h3 {
  position: relative;
}
@media (min-width: 576px) {
  .counter h3 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .counter h3 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 19px;
  }
}
@media (min-width: 1400px) {
  .counter h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 21px;
  }
}
@media (min-width: 1780px) {
  .counter h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 23px;
  }
}
.counter h3::before {
  background-color: #1EB7BB;
  width: 2px;
  height: 100%;
  left: -10px;
}
.counter strong {
  font-family: "Caudex";
  color: #EE7C09;
  position: relative;
  margin-bottom: 10px;
}
.counter strong::after {
  content: "+";
}
@media (min-width: 992px) and (max-width: 1199px) {
  .counter strong {
    font-size: 50px;
    line-height: 65px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .counter strong {
    font-size: 40px;
    line-height: 55px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .counter strong {
    font-size: 35px;
    line-height: 50px;
  }
}
@media (max-width: 575px) {
  .counter strong {
    font-size: 30px;
    line-height: 45px;
  }
}
@media (min-width: 1780px) {
  .counter strong {
    line-height: 77px;
  }
}
.counter p {
  font-family: "Helvetica";
}
@media (min-width: 1200px) {
  .counter p {
    line-height: 35px;
    max-width: 383px;
  }
}
@media (min-width: 1400px) {
  .counter p {
    line-height: 38px;
    max-width: 383px;
    font-size: 18px;
  }
}
@media (min-width: 1780px) {
  .counter p {
    line-height: 40px;
    font-size: 18px;
  }
}

.benfits .row > div {
  padding: 0;
}
@media (max-width: 575px) {
  .benfits .heading {
    margin-left: 10px;
  }
}
.benfits .heading span {
  padding: 0;
  margin-bottom: 0px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .benfits .heading span {
    font-size: 16.5px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .benfits .heading span {
    font-size: 16.5px;
  }
}
.benfits .heading h2 {
  margin-bottom: 25px;
  white-space: pre-line;
}
@media (min-width: 1200px) {
  .benfits .heading h2 {
    line-height: 40px;
    margin-bottom: 25px;
  }
}
@media (min-width: 1400px) {
  .benfits .heading h2 {
    line-height: 50px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1780px) {
  .benfits .heading h2 {
    line-height: 65px;
    margin-bottom: 48px;
  }
}
.benfits .benfitsDetails ul li {
  position: relative;
  padding-left: 60px;
  font-family: "Helvetica";
  margin-bottom: 30px;
}
@media (max-width: 575px) {
  .benfits .benfitsDetails ul li {
    padding-left: 50px;
  }
}
@media (min-width: 1400px) {
  .benfits .benfitsDetails ul li {
    padding-left: 60px;
  }
}
@media (min-width: 1780px) {
  .benfits .benfitsDetails ul li {
    padding-left: 90px;
  }
}
.benfits .benfitsDetails ul li picture {
  left: 0;
  top: 0;
  width: 35px;
  height: 35px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 575px) {
  .benfits .benfitsDetails ul li picture {
    top: 7px;
  }
}
@media (min-width: 1200px) {
  .benfits .benfitsDetails ul li picture {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 1400px) {
  .benfits .benfitsDetails ul li picture {
    width: 45px;
    height: 45px;
  }
}
@media (min-width: 1780px) {
  .benfits .benfitsDetails ul li picture {
    width: 60px;
    height: 60px;
  }
}
.benfits .benfitsDetails ul li:last-child {
  margin-bottom: 0 !important;
}
@media (max-width: 575px) {
  .benfits .benfitsDetails ul li {
    margin-bottom: 28px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .benfits .benfitsDetails ul li {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .benfits .benfitsDetails ul li {
    margin-bottom: 38px;
    font-size: 17px;
    line-height: 27px;
  }
}
@media (min-width: 1780px) {
  .benfits .benfitsDetails ul li {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .benfits .benfitsDetails {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .benfits .benfitsDetails {
    max-width: 40%;
  }
}
@media (min-width: 1400px) {
  .benfits .benfitsDetails {
    max-width: 40%;
  }
}
@media (min-width: 1780px) {
  .benfits .benfitsDetails {
    max-width: 39%;
  }
}
@media (max-width: 1199px) {
  .benfits .benfitsImage {
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .benfits .benfitsImage {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .benfits .benfitsImage {
    max-width: 57%;
  }
}
@media (min-width: 1400px) {
  .benfits .benfitsImage {
    max-width: 59%;
  }
}

.journyWithUs {
  background-color: #F9F9FD;
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .journyWithUs .container-expert {
    padding: 0;
  }
}
@media (max-width: 575px) {
  .journyWithUs .heading {
    padding: 0;
  }
}
.journyWithUs .heading span {
  width: -moz-fit-content;
  width: fit-content;
  color: #12284F;
}
.journyWithUs .heading span:after {
  width: 37%;
  left: 0px;
  height: 1px;
  background-color: rgb(40, 40, 40);
}
@media (max-width: 1779px) {
  .journyWithUs .heading span {
    margin-bottom: 5px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .journyWithUs .heading span {
    font-size: 16.5px;
  }
}
.journyWithUs .heading h2 {
  margin-bottom: 28px;
}
@media (max-width: 575px) {
  .journyWithUs .heading h2 {
    font-size: 22px;
  }
}
@media (min-width: 576px) {
  .journyWithUs .heading h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .journyWithUs .heading h2 {
    line-height: 70px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .journyWithUs .heading h2 {
    line-height: 75px;
    margin-bottom: 45px;
  }
}
@media (min-width: 1780px) {
  .journyWithUs .heading h2 {
    line-height: 80px;
    margin-bottom: 60px;
  }
}
.journyWithUs ul {
  display: flex;
  list-style-type: none;
  counter-reset: css-counter 0;
  margin: 0;
}
@media (max-width: 991px) {
  .journyWithUs ul {
    flex-wrap: wrap;
  }
}
.journyWithUs ul li {
  counter-increment: css-counter 1;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
@media (max-width: 991px) {
  .journyWithUs ul li {
    flex-basis: 50%;
  }
}
@media (max-width: 575px) {
  .journyWithUs ul li {
    flex-basis: 100%;
    padding-left: 59px;
  }
}
@media (min-width: 576px) {
  .journyWithUs ul li {
    flex-direction: column-reverse;
  }
}
@media (min-width: 576px) {
  .journyWithUs ul li {
    height: 380px;
  }
}
@media (min-width: 992px) {
  .journyWithUs ul li {
    height: 500px;
  }
}
@media (min-width: 1280px) {
  .journyWithUs ul li {
    height: 440px;
  }
}
@media (min-width: 1400px) {
  .journyWithUs ul li {
    height: 500px;
  }
}
@media (min-width: 1780px) {
  .journyWithUs ul li {
    height: 595px;
  }
}
@media (min-width: 576px) {
  .journyWithUs ul li:nth-child(odd) {
    flex-direction: column;
  }
}
@media (min-width: 576px) {
  .journyWithUs ul li:nth-child(odd) h3 {
    order: 0;
  }
}
@media (min-width: 576px) {
  .journyWithUs ul li:nth-child(odd)::before {
    bottom: 0;
    top: unset;
  }
  .journyWithUs ul li:nth-child(odd)::after {
    bottom: 0;
    top: unset;
  }
}
.journyWithUs ul li::after {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  background-color: #1EB7BB;
}
@media (max-width: 575px) {
  .journyWithUs ul li::after {
    left: 15px;
  }
}
@media (min-width: 576px) {
  .journyWithUs ul li::after {
    top: 0;
    height: 200px;
  }
}
@media (min-width: 768px) {
  .journyWithUs ul li::after {
    height: 200px;
  }
}
@media (min-width: 992px) {
  .journyWithUs ul li::after {
    height: 260px;
  }
}
@media (min-width: 1200px) {
  .journyWithUs ul li::after {
    height: 230px;
  }
}
@media (min-width: 1400px) {
  .journyWithUs ul li::after {
    height: 300px;
  }
}
@media (min-width: 1780px) {
  .journyWithUs ul li::after {
    height: 370px;
  }
}
.journyWithUs ul li::before {
  content: "0" counter(css-counter) " ";
  width: 60px;
  height: 60px;
  font-size: 18px;
  background-image: url(../images/icons/ring.png);
  background-size: cover;
  border-radius: 100px;
  background-color: #fff;
  line-height: 15px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Maitree";
  z-index: 1;
}
@media (max-width: 575px) {
  .journyWithUs ul li::before {
    left: 15px;
  }
}
@media (min-width: 576px) {
  .journyWithUs ul li::before {
    width: 110px;
    height: 110px;
    font-size: 35px;
    line-height: 35px;
  }
}
@media (min-width: 768px) {
  .journyWithUs ul li::before {
    width: 120px;
    height: 120px;
    font-size: 40px;
    line-height: 40px;
  }
}
@media (min-width: 992px) {
  .journyWithUs ul li::before {
    width: 140px;
    height: 140px;
    font-size: 40px;
    line-height: 40px;
  }
}
@media (min-width: 1200px) {
  .journyWithUs ul li::before {
    width: 130px;
    height: 130px;
    font-size: 38px;
    line-height: 38px;
  }
}
@media (min-width: 1400px) {
  .journyWithUs ul li::before {
    width: 135px;
    height: 135px;
    font-size: 45px;
    line-height: 45px;
  }
}
@media (min-width: 1780px) {
  .journyWithUs ul li::before {
    width: 160px;
    height: 160px;
    font-size: 50px;
    line-height: 50px;
  }
}
@media (min-width: 576px) {
  .journyWithUs ul li::before {
    top: 0;
  }
}
.journyWithUs ul li h3 {
  margin-bottom: 20px;
  color: #244B8E;
}
@media (max-width: 991px) {
  .journyWithUs ul li h3 {
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .journyWithUs ul li h3 {
    font-size: 17px;
    margin-top: 18px;
  }
}
@media (min-width: 576px) {
  .journyWithUs ul li h3 {
    order: 1;
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .journyWithUs ul li h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .journyWithUs ul li h3 {
    font-size: 17px;
  }
}
@media (min-width: 1400px) {
  .journyWithUs ul li h3 {
    font-size: 21px;
    line-height: 31px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1780px) {
  .journyWithUs ul li h3 {
    font-size: 27px;
    line-height: 40px;
    margin-bottom: 20px;
  }
}
.journyWithUs ul li p {
  font-family: "Helvetica";
}
@media (max-width: 575px) {
  .journyWithUs ul li p {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .journyWithUs ul li p {
    font-size: 14.5px;
    line-height: 29px;
  }
}
@media (min-width: 992px) {
  .journyWithUs ul li p {
    font-size: 13.5px;
  }
}
@media (min-width: 1400px) {
  .journyWithUs ul li p {
    font-size: 15.5px;
  }
}
@media (min-width: 1780px) {
  .journyWithUs ul li p {
    font-size: 19px;
  }
}
@media (max-width: 575px) {
  .journyWithUs ul li:last-child::after {
    content: unset;
  }
}

@media (min-width: 1400px) {
  .firms h2 {
    font-size: 30px;
  }
}
@media (min-width: 1800px) {
  .firms h2 {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .firms h2 {
    font-size: 18px;
    line-height: 28px;
  }
}
.firms .slides {
  margin-right: 15px;
  margin-left: 15px;
}
.firms .slick-dots li button:before {
  font-size: 10px;
}
.firms .slick-dots li {
  margin-right: 20px;
}
@media (min-width: 1200px) {
  .firms .FirmsList {
    padding: 30px 0px 20px 0px;
  }
}
@media (min-width: 1400px) {
  .firms .FirmsList {
    padding: 35px 0px 25px 0px;
  }
}
@media (min-width: 1780px) {
  .firms .FirmsList {
    padding: 40px 0px 30px 0px;
  }
}

.faq .cols:first-child {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 40px 20px;
}
@media (min-width: 992px) {
  .faq .cols:first-child {
    padding: 40px;
  }
}
@media (min-width: 1200px) {
  .faq .cols:first-child {
    padding: 55px 47px 125px 68px;
  }
}
@media (min-width: 1400px) {
  .faq .cols:first-child {
    padding: 55px 47px 125px 70px;
  }
}
@media (min-width: 1780px) {
  .faq .cols:first-child {
    padding: 60px 53px 130px 140px;
  }
}
@media (min-width: 2000px) {
  .faq .cols:first-child {
    flex-direction: column;
  }
}
.faq .cols:last-child {
  display: flex;
  align-items: flex-end;
  padding: 40px 20px;
}
@media (min-width: 992px) {
  .faq .cols:last-child {
    padding: 40px;
  }
}
@media (min-width: 1200px) {
  .faq .cols:last-child {
    padding: 173px 68px 55px 50px;
  }
}
@media (min-width: 1400px) {
  .faq .cols:last-child {
    padding: 190px 70px 55px 75px;
  }
}
@media (min-width: 1600px) {
  .faq .cols:last-child {
    padding: 205px 70px 55px 75px;
  }
}
@media (min-width: 1780px) {
  .faq .cols:last-child {
    padding: 236px 140px 60px 80px;
  }
}
.faq .heading span {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  color: #12284F;
}
.faq .heading span:after {
  width: 27%;
  left: 0px;
  height: 1px;
  background-color: #282828;
}
@media (max-width: 1779px) {
  .faq .heading span {
    margin-bottom: 5px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .faq .heading span {
    font-size: 16.5px;
  }
}
.faq .heading h2 {
  margin-bottom: 10px;
  color: #12284F;
}
@media (min-width: 992px) {
  .faq .heading h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .faq .heading h2 {
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .faq .heading h2 {
    margin-bottom: 35px;
  }
}
@media (min-width: 1780px) {
  .faq .heading h2 {
    margin-bottom: 40px;
  }
}
.faq ul {
  max-width: 692px;
}
.faq ul li {
  color: #282828;
  max-width: 100%;
  width: 100%;
  border-bottom: 1px solid #282828;
}
@media (max-width: 991px) {
  .faq ul li {
    padding: 15px 0px;
  }
}
.faq ul li:hover, .faq ul li.active {
  border-bottom: 1px solid #1EB7BB;
}
.faq ul li:hover a, .faq ul li.active a {
  color: #1EB7BB;
}
.faq ul li a {
  font-size: 18px;
  line-height: 28px;
  color: #282828;
}
@media (min-width: 992px) {
  .faq ul li a {
    font-size: 19px;
    line-height: 55px;
  }
}
@media (min-width: 1200px) {
  .faq ul li a {
    font-size: 19px;
    line-height: 55px;
  }
}
@media (min-width: 1400px) {
  .faq ul li a {
    font-size: 22px;
    line-height: 70px;
  }
}
@media (min-width: 1780px) {
  .faq ul li a {
    font-size: 24px;
    line-height: 80px;
  }
}
.faq .tab-content h2 {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .faq .tab-content h2 {
    line-height: 50px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .faq .tab-content h2 {
    line-height: 60px;
    margin-bottom: 35px;
  }
}
@media (min-width: 1780px) {
  .faq .tab-content h2 {
    line-height: 65px;
    margin-bottom: 40px;
  }
}
.faq .tab-content p {
  font-family: "Helvetica";
  max-width: 727px;
  padding-left: 10px;
  position: relative;
  padding-bottom: 20px;
}
@media (min-width: 1200px) {
  .faq .tab-content p {
    padding-bottom: 25px;
  }
}
@media (min-width: 1400px) {
  .faq .tab-content p {
    padding-bottom: 28px;
  }
}
@media (min-width: 1780px) {
  .faq .tab-content p {
    padding-bottom: 30px;
  }
}
.faq .tab-content p:last-child {
  padding-bottom: 0 !important;
}
.faq .tab-content p::before {
  width: 3px;
  height: 100%;
  background-color: #1EB7BB;
  left: 0;
}
.faq .row div:last-child {
  background-color: #F9F9FD;
}

@media (max-width: 575px) {
  .expertCustomWidth {
    width: 68%;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .expertCustomWidth {
    width: 51%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .expertCustomWidth {
    width: 41%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .expertCustomWidth {
    width: 81%;
  }
}
@media (min-width: 1600px) and (max-width: 1779px) {
  .expertCustomWidth {
    width: 81%;
  }
}

.bannerInner .pageAbout {
  max-width: 100%;
}
.bannerInner .pageAbout h1 {
  max-width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .bannerInner .pageAbout h1 {
    font-size: 50px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .bannerInner .pageAbout h1 {
    font-size: 60px;
    margin-bottom: 35px;
  }
}
@media (min-width: 1400px) {
  .bannerInner .pageAbout h1 {
    font-size: 65px;
    margin-bottom: 50px;
  }
}
@media (min-width: 1780px) {
  .bannerInner .pageAbout h1 {
    font-size: 80px;
    margin-bottom: 40px;
  }
}
.bannerInner .pageAbout span {
  margin-bottom: 20px;
}
.bannerInner .pageAbout span::after {
  content: unset;
}
@media (min-width: 1200px) {
  .bannerInner .pageAbout p {
    max-width: 532px;
  }
}
@media (min-width: 1400px) {
  .bannerInner .pageAbout p {
    max-width: 502px;
  }
}
@media (min-width: 1780px) {
  .bannerInner .pageAbout p {
    max-width: 532px;
  }
}

.ourClients .heading::before, .benfitsExpert .heading::before {
  background-color: #8FB5DC;
  height: 100%;
  width: 2px;
  left: -10px;
}

@media (min-width: 1200px) {
  .ourClients.expert.about .row {
    gap: 60px;
  }
}
@media (min-width: 1400px) {
  .ourClients.expert.about .row {
    gap: 132px;
  }
}
@media (min-width: 1790px) {
  .ourClients.expert.about .row {
    gap: 60px;
  }
}
@media (max-width: 1199px) {
  .ourClients.expert.about .container-about {
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .ourClients.expert.about .container-about {
    padding-right: 80px;
  }
}
@media (min-width: 1780px) {
  .ourClients.expert.about .container-about {
    padding-right: 250px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .ourClients.expert.about .ourClients-Column {
    max-width: 25%;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .ourClients.expert.about .ourClients-Column {
    max-width: 25%;
  }
  .ourClients.expert.about .ourClients-Column h2 {
    font-size: 34px;
    line-height: 45px;
  }
}
@media (min-width: 1600px) and (max-width: 1779px) {
  .ourClients.expert.about .ourClients-Column {
    max-width: 25%;
  }
  .ourClients.expert.about .ourClients-Column h2 {
    font-size: 39px;
    line-height: 55px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .ourClients.expert.about .ourClients-Column2 {
    max-width: 53.5%;
  }
  .ourClients.expert.about .ourClients-Column2 p {
    margin-bottom: 10px;
  }
  .ourClients.expert.about .ourClients-Column2 p:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .ourClients.expert.about .ourClients-Column2 {
    padding-top: 0px !important;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .ourClients.expert.about .ourClients-Column2 {
    max-width: 56.5%;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .ourClients.expert.about .ourClients-Column2 {
    max-width: 61.5%;
  }
}

.yourImpact .container-about {
  position: relative;
}
.yourImpact .container-about article {
  left: 0;
}

.counter.about strong {
  color: #1EB7BB;
}
@media (max-width: 1199px) {
  .counter.about .container-about {
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .counter.about .container-about {
    padding-right: 200px;
  }
}
@media (min-width: 1780px) {
  .counter.about .container-about {
    padding-right: 258px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .counter.about p {
    font-size: 18px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .counter.about p {
    font-size: 13px;
    line-height: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .counter.about .row > div {
    max-width: 29%;
  }
}

.aboutCount {
  color: #1EB7BB;
}

.yourImpact.ourStroryAbout h2 {
  color: #12284F;
}
.yourImpact.ourStroryAbout p {
  color: #282828;
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .yourImpact.ourStroryAbout p {
    font-size: 16.5px;
    line-height: 27px;
  }
}
@media (min-width: 1780px) and (max-width: 1920px) {
  .yourImpact.ourStroryAbout p {
    font-size: 17px;
    line-height: 31px;
  }
}
@media (max-width: 1199px) {
  .yourImpact.ourStroryAbout .container-about {
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .yourImpact.ourStroryAbout .container-about {
    padding-right: 80px;
  }
}
@media (min-width: 1400px) {
  .yourImpact.ourStroryAbout .container-about {
    padding-right: 140px;
  }
}
@media (min-width: 1780px) {
  .yourImpact.ourStroryAbout .container-about {
    padding-right: 140px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .yourImpact.ourStroryAbout img {
    width: 817px;
    height: 466px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .yourImpact.ourStroryAbout img {
    width: 912px;
    height: 558px;
  }
}
@media (max-width: 575px) {
  .yourImpact.ourStroryAbout article span {
    margin: 0;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .yourImpact.ourStroryAbout article {
    max-width: 43%;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .yourImpact.ourStroryAbout article {
    max-width: 45.3%;
    padding: 55px;
  }
}

.ourImpact .container-about .row {
  align-items: center;
}
@media (max-width: 1199px) {
  .ourImpact .container-about {
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .ourImpact .container-about {
    padding-right: 80px;
  }
}
@media (min-width: 1400px) {
  .ourImpact .container-about {
    padding-right: 120px;
  }
}
@media (min-width: 1600px) {
  .ourImpact .container-about {
    padding-right: 140px;
  }
}
@media (min-width: 1780px) {
  .ourImpact .container-about {
    padding-right: 140px;
  }
}
.ourImpact .row > div {
  padding: 0;
}
@media (min-width: 992px) {
  .ourImpact .impactCol {
    max-width: 43%;
  }
}
@media (min-width: 1200px) {
  .ourImpact .impactCol {
    max-width: 43%;
  }
}
@media (min-width: 1780px) {
  .ourImpact .impactCol {
    max-width: 651px;
  }
}
@media (max-width: 575px) {
  .ourImpact .impactCol span {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .ourImpact .impactCol span {
    margin-bottom: 10px;
  }
}
@media (min-width: 1780px) {
  .ourImpact .impactCol span {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .ourImpact .impactCol span {
    font-size: 17px;
    margin-bottom: 15px;
  }
}
@media (max-width: 991px) {
  .ourImpact .impactCol-image {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .ourImpact .impactCol-image {
    max-width: 54%;
  }
}
@media (min-width: 1200px) {
  .ourImpact .impactCol-image {
    max-width: 54%;
  }
}
@media (min-width: 1780px) {
  .ourImpact .impactCol-image {
    max-width: 809.48px;
  }
}
.ourImpact h2 {
  color: #fff;
  margin-bottom: 10px;
}
@media (min-width: 1280px) {
  .ourImpact h2 {
    line-height: 45px;
    margin-bottom: 25px;
    max-width: 397px;
  }
}
@media (min-width: 1400px) {
  .ourImpact h2 {
    line-height: 50px;
    margin-bottom: 20px;
    max-width: 425px;
  }
}
@media (min-width: 1600px) {
  .ourImpact h2 {
    line-height: 55px;
    margin-bottom: 35px;
    max-width: 417px;
  }
}
@media (min-width: 1780px) {
  .ourImpact h2 {
    line-height: 65px;
    margin-bottom: 39px;
    max-width: 547px;
  }
}
.ourImpact p {
  font-family: "Helvetica";
}
@media (min-width: 992px) {
  .ourImpact p {
    font-size: 14px;
    line-height: 28px;
  }
}
@media (min-width: 1280px) {
  .ourImpact p {
    font-size: 15.5px;
    line-height: 28px;
  }
}
@media (min-width: 1400px) {
  .ourImpact p {
    font-size: 16px;
    line-height: 30px;
  }
}
@media (min-width: 1600px) {
  .ourImpact p {
    font-size: 17.9px;
    line-height: 32px;
  }
}
@media (min-width: 1780px) {
  .ourImpact p {
    font-size: 18px;
    line-height: 36px;
  }
}

@media (min-width: 1701px) and (max-width: 1799px) {
  .HomeServices.aboutServices .container-about h2 {
    font-size: 49px;
  }
}
@media (min-width: 1600px) and (max-width: 1700px) {
  .HomeServices.aboutServices .container-about h2 {
    font-size: 46px;
  }
}
@media (min-width: 1500px) and (max-width: 1599px) {
  .HomeServices.aboutServices .container-about h2 {
    font-size: 44px;
  }
}
@media (max-width: 1199px) {
  .HomeServices.aboutServices .container-about {
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .HomeServices.aboutServices .container-about .row {
    justify-content: flex-start !important;
    gap: 125px;
  }
  .HomeServices.aboutServices .container-about .Services-Column {
    max-width: 32%;
  }
  .HomeServices.aboutServices .container-about .Services-Column2 {
    max-width: 45.4%;
  }
}
@media (min-width: 1400px) {
  .HomeServices.aboutServices .container-about .row {
    justify-content: flex-start !important;
    gap: 136px;
  }
  .HomeServices.aboutServices .container-about .Services-Column {
    max-width: 34%;
  }
  .HomeServices.aboutServices .container-about .Services-Column2 {
    max-width: 47.4%;
  }
}
@media (min-width: 1780px) {
  .HomeServices.aboutServices .container-about .row {
    justify-content: flex-start !important;
    gap: 180px;
  }
  .HomeServices.aboutServices .container-about .Services-Column {
    max-width: 32%;
  }
  .HomeServices.aboutServices .container-about .Services-Column2 {
    max-width: 44.4%;
  }
}

.ourTech .row {
  align-items: center;
}
.ourTech .accordion {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .ourTech .accordion {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .ourTech .accordion {
    margin-top: 20px;
  }
}
.ourTech .accordion-item:last-child .accordion-button {
  margin-bottom: 0 !important;
}
.ourTech .accordion-item:last-child .accordion-body {
  padding-top: 15px;
}
@media (min-width: 1200px) {
  .ourTech .accordion-item:last-child .accordion-body {
    padding-top: 15px;
  }
}
@media (min-width: 1400px) {
  .ourTech .accordion-item:last-child .accordion-body {
    padding-top: 18px;
  }
}
@media (min-width: 1780px) {
  .ourTech .accordion-item:last-child .accordion-body {
    padding-top: 30px;
  }
}
.ourTech .accordion-button {
  background: unset;
  padding: 0;
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 15px;
  align-items: center;
  border-bottom: 1px solid #A0A0A0;
  padding-bottom: 15px;
}
@media (min-width: 1200px) {
  .ourTech .accordion-button {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1400px) {
  .ourTech .accordion-button {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1780px) {
  .ourTech .accordion-button {
    font-size: 27px;
    line-height: 27px;
    margin-bottom: 30px;
  }
}
.ourTech .accordion-button:after {
  background-image: url(../images/svg/acc.svg);
  width: 20px;
  height: 10px;
  background-size: cover;
}
@media (min-width: 768px) {
  .ourTech .accordion-button:after {
    width: 24px;
    height: 12px;
  }
}
@media (min-width: 992px) {
  .ourTech .accordion-button:after {
    width: 28px;
    height: 14px;
  }
}
@media (min-width: 1200px) {
  .ourTech .accordion-button:after {
    width: 22px;
    height: 11px;
  }
}
.ourTech .accordion-body {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: "Helvetica";
  font-size: 15px;
}
@media (min-width: 1200px) {
  .ourTech .accordion-body {
    font-size: 18px;
  }
}
.ourTech .accordion-item {
  background: unset;
  border: unset;
}
@media (max-width: 1199px) {
  .ourTech .container-about {
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .ourTech .container-about {
    padding-right: 80px;
  }
}
@media (min-width: 1400px) {
  .ourTech .container-about {
    padding-right: 120px;
  }
}
@media (min-width: 1600px) {
  .ourTech .container-about {
    padding-right: 140px;
  }
}
@media (min-width: 1780px) {
  .ourTech .container-about {
    padding-right: 140px;
  }
}
.ourTech .row > div {
  padding: 0;
}
@media (min-width: 992px) {
  .ourTech .impactCol {
    max-width: 43%;
  }
}
@media (min-width: 1200px) {
  .ourTech .impactCol {
    max-width: 39%;
  }
}
@media (min-width: 1400px) {
  .ourTech .impactCol {
    max-width: 38%;
  }
}
@media (min-width: 1780px) {
  .ourTech .impactCol {
    max-width: 573px;
  }
}
@media (max-width: 575px) {
  .ourTech .impactCol span {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .ourTech .impactCol span {
    margin-bottom: 10px;
  }
}
@media (min-width: 1780px) {
  .ourTech .impactCol span {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .ourTech .impactCol span {
    font-size: 17px;
    margin-bottom: 15px;
  }
}
.ourTech .impactCol-image {
  display: flex;
  align-items: end;
}
@media (max-width: 991px) {
  .ourTech .impactCol-image {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .ourTech .impactCol-image {
    max-width: 54%;
  }
}
@media (min-width: 1200px) {
  .ourTech .impactCol-image {
    max-width: 55%;
  }
}
@media (min-width: 1400px) {
  .ourTech .impactCol-image {
    max-width: 55%;
  }
}
@media (min-width: 1780px) {
  .ourTech .impactCol-image {
    max-width: 830px;
  }
}
.ourTech h2 {
  color: #fff;
  margin-bottom: 10px;
}
@media (min-width: 1280px) {
  .ourTech h2 {
    line-height: 45px;
    margin-bottom: 25px;
    max-width: 395px;
  }
}
@media (min-width: 1400px) {
  .ourTech h2 {
    line-height: 55px;
    margin-bottom: 20px;
    max-width: 425px;
  }
}
@media (min-width: 1600px) {
  .ourTech h2 {
    line-height: 65px;
    margin-bottom: 39px;
    max-width: 547px;
  }
}
.ourTech p {
  font-family: "Helvetica";
}
@media (min-width: 992px) {
  .ourTech p {
    font-size: 14px;
    line-height: 28px;
  }
}
@media (min-width: 1200px) {
  .ourTech p {
    font-size: 15px;
    line-height: 28px;
  }
}
@media (min-width: 1281px) {
  .ourTech p {
    font-size: 16px;
    line-height: 30px;
  }
}
@media (min-width: 1400px) {
  .ourTech p {
    font-size: 17px;
    line-height: 30px;
  }
}
@media (min-width: 1600px) {
  .ourTech p {
    font-size: 18px;
    line-height: 35px;
  }
}
@media (min-width: 1780px) {
  .ourTech p {
    font-size: 22px;
    line-height: 40px;
  }
}

@media (max-width: 1199px) {
  .aboutOwnership .container-about {
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .aboutOwnership .container-about {
    padding-right: 200px;
  }
}
@media (min-width: 1780px) {
  .aboutOwnership .container-about {
    padding-right: 258px;
  }
}
.aboutOwnership ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  margin-top: 10px;
}
@media (min-width: 992px) {
  .aboutOwnership ul {
    gap: 30px;
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .aboutOwnership ul {
    gap: 35px;
    margin-top: 30px;
  }
}
@media (min-width: 1400px) {
  .aboutOwnership ul {
    gap: 38px;
    margin-top: 35px;
  }
}
@media (min-width: 1780px) {
  .aboutOwnership ul {
    gap: 40px;
    margin-top: 40px;
  }
}
.aboutOwnership ul li {
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 20px;
  position: relative;
}
@media (min-width: 768px) {
  .aboutOwnership ul li {
    flex-basis: 45%;
    max-width: 45%;
    padding-left: 30px;
  }
}
.aboutOwnership ul li::before {
  left: 0;
  background-image: url(../images/svg/angle-right-h.svg);
  width: 8px;
  height: 20px;
  top: 13px;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 1200px) {
  .aboutOwnership ul li::before {
    width: 10px;
    height: 20px;
    top: 9px;
  }
}
@media (min-width: 1400px) {
  .aboutOwnership ul li::before {
    width: 10px;
    height: 20px;
    top: 9px;
  }
}
@media (min-width: 1780px) {
  .aboutOwnership ul li::before {
    width: 15px;
    height: 30px;
    top: 14px;
  }
}
@media (min-width: 1200px) {
  .aboutOwnership ul li {
    flex-basis: 46%;
    max-width: 46%;
  }
}
@media (min-width: 1400px) {
  .aboutOwnership ul li {
    flex-basis: 44%;
    max-width: 44%;
  }
}
@media (min-width: 1780px) {
  .aboutOwnership ul li {
    flex-basis: 635px;
    max-width: 635px;
  }
}
.GrowConnect {
  display: block;
  position: relative;
}
.GrowConnect .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/about/grow.jpg);
  background-size: cover;
  background-position: center;
}
.GrowConnect .playBtn {
  cursor: pointer;
  margin-top: -80px;
  display: block;
}
@media (min-width: 1200px) {
  .GrowConnect .playBtn {
    margin-top: -92px;
  }
}
.GrowConnect .playBtn img {
  width: 40px;
  height: 40px;
}
@media (min-width: 576px) {
  .GrowConnect .playBtn img {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 768px) {
  .GrowConnect .playBtn img {
    width: 40px;
    height: 40px;
  }
}
@media (min-width: 1200px) {
  .GrowConnect .playBtn img {
    width: 50px;
    height: 50px;
    margin-top: 8px;
  }
}
@media (min-width: 1400px) {
  .GrowConnect .playBtn img {
    width: 60px;
    height: 60px;
    margin-top: 10px;
  }
}
@media (min-width: 1780px) {
  .GrowConnect .playBtn img {
    width: 70px;
    height: 70px;
  }
}

.connectWithUs .growCareer {
  text-align: center;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .connectWithUs .growCareer {
    width: 100%;
  }
}
.connectWithUs .growCareer:hover:before {
  left: 90%;
  transition: 0.8s ease all;
}
.connectWithUs .growCareer::before {
  background-size: cover;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  margin-top: 0;
  transition: 0.5s ease all;
}
.connectWithUs .growCareer h2 {
  width: 100%;
  letter-spacing: initial;
  font-weight: 700;
  color: #fff;
}
@media (min-width: 576px) {
  .connectWithUs .growCareer h2 {
    margin-bottom: 10px;
  }
}
.connectWithUs .growCareer h2::before {
  content: unset;
}
@media (max-width: 575px) {
  .connectWithUs .growCareer h2 {
    padding: 0;
    font-size: 22px;
    line-height: 33px;
  }
}
.connectWithUs .growCareer p {
  text-align: center;
  max-width: 100%;
}
@media (min-width: 576px) {
  .connectWithUs .growCareer p {
    margin-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .connectWithUs .growCareer p {
    font-size: 14px;
    line-height: 21px;
    width: 75%;
    margin: auto !important;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .connectWithUs .growCareer p {
    margin-top: 5px;
  }
}
@media (min-width: 320px) and (max-width: 375px) {
  .connectWithUs .growCareer p {
    font-size: 11px;
  }
}
.connectWithUs .growCareer a.btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 10px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding-left: 0;
  padding-right: 0;
  color: #fff;
}
@media (max-width: 575px) {
  .connectWithUs .growCareer a.btn {
    margin-top: 20px;
    font-size: 14px;
    line-height: 21px;
  }
}
@media (min-width: 1200px) {
  .connectWithUs .growCareer a.btn {
    font-size: 17px;
    line-height: 27px;
  }
}
@media (min-width: 1200px) {
  .connectWithUs .growCareer a.btn {
    font-size: 19px;
    line-height: 29px;
  }
}
@media (min-width: 1780px) {
  .connectWithUs .growCareer a.btn {
    font-size: 24px;
    line-height: 32px;
  }
}
.connectWithUs .growCareer a.btn::after {
  width: 100%;
  height: 2px;
  bottom: 0;
  background-color: #1EB7BB;
}
.connectWithUs .growCareer a.btn::before {
  width: 0%;
  height: 2px;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
  transition: 0.5s ease all;
}
.connectWithUs .growCareer a.btn:hover::before {
  width: 100%;
  transition: 0.5s ease all;
}

.connectWithUs.GrowConnect {
  margin-bottom: 0;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.video-background {
  width: 100%;
  height: 100%;
  z-index: 0;
  margin-bottom: -6px;
}
@media (max-width: 575px) {
  .video-background {
    margin-bottom: -8px;
    width: 101%;
  }
}
.video-background .video-overlay {
  /* Add any desired overlay styles */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Add transparency or change color as needed */
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .video-background p {
    margin-top: 0;
  }
}

.get-to-know {
  background-color: #F9F9FD;
}
.get-to-know a.btn {
  padding: 0;
  width: 100%;
  text-align: center;
}
.get-to-know a.btn:hover {
  color: #12284F !important;
}
@media (min-width: 768px) {
  .get-to-know a.btn {
    font-size: 18px;
    line-height: 18px;
  }
}
@media (min-width: 992px) {
  .get-to-know a.btn {
    font-size: 22px;
    line-height: 22px;
  }
}
@media (min-width: 1200px) {
  .get-to-know a.btn {
    font-size: 20px;
    line-height: 20px;
  }
}
@media (min-width: 1400px) {
  .get-to-know a.btn {
    font-size: 26px;
    line-height: 26px;
  }
}
@media (min-width: 1780px) {
  .get-to-know a.btn {
    font-size: 28px;
    line-height: 28px;
  }
}
.get-to-know h2 {
  margin-bottom: 20px;
  color: #12284F;
}
@media (min-width: 1200px) {
  .get-to-know h2 {
    line-height: 55px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .get-to-know h2 {
    line-height: 60px;
    margin-bottom: 35px;
  }
}
@media (min-width: 1780px) {
  .get-to-know h2 {
    line-height: 65px;
    margin-bottom: 40px;
  }
}
.get-to-know p {
  font-family: "Helvetica";
  font-weight: 100;
  color: #282828;
  margin-bottom: 10px;
}
.get-to-know p:last-child {
  margin-bottom: 0 !important;
}
@media (min-width: 1200px) {
  .get-to-know p {
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .get-to-know p {
    font-size: 17px;
    line-height: 27px;
  }
}
@media (min-width: 1400px) {
  .get-to-know p {
    margin-bottom: 25px;
  }
}
@media (min-width: 1780px) {
  .get-to-know p {
    margin-bottom: 30px;
  }
}

.join-team span {
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}
.join-team span:after {
  content: unset;
}
.join-team h2 {
  color: #fff;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 40px;
}
@media (min-width: 576px) {
  .join-team h2 {
    margin-bottom: 20px;
  }
}
.join-team h2::after {
  left: 0;
  background-color: #1EB7BB;
  height: 2px;
  width: 44%;
  bottom: 0;
}
@media (min-width: 768px) {
  .join-team h2::after {
    width: 14%;
  }
}
@media (min-width: 1200px) {
  .join-team h2 {
    line-height: 55px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .join-team h2 {
    line-height: 60px;
    margin-bottom: 35px;
  }
}
@media (min-width: 1780px) {
  .join-team h2 {
    line-height: 65px;
    margin-bottom: 40px;
  }
}
.join-team ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  gap: 40px 30px;
}
@media (min-width: 768px) {
  .join-team ul {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .join-team ul {
    gap: 60px;
  }
}
@media (min-width: 1400px) {
  .join-team ul {
    gap: 60px;
  }
}
@media (min-width: 1780px) {
  .join-team ul {
    gap: 60px;
  }
}
.join-team ul li {
  max-width: 45%;
  width: 45%;
  font-size: 15px;
  line-height: 23px;
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
}
.join-team ul li img {
  width: 35px;
  height: 35px;
  max-width: 100%;
}
@media (min-width: 768px) {
  .join-team ul li img {
    width: 50px;
    height: 50px;
  }
}
.join-team ul li::before {
  left: 0;
  top: 9px;
  background-color: #1EB7BB;
}
@media (min-width: 768px) {
  .join-team ul li {
    max-width: 30%;
    width: 30%;
    font-size: 15px;
    line-height: 25px;
    gap: 0;
  }
}
@media (min-width: 992px) {
  .join-team ul li {
    max-width: 30%;
    width: 30%;
    font-size: 16px;
    line-height: 28px;
  }
}
@media (min-width: 1200px) {
  .join-team ul li {
    max-width: 28%;
    width: 28%;
    font-size: 15px;
    line-height: 27px;
  }
}
@media (min-width: 1400px) {
  .join-team ul li {
    max-width: 28%;
    width: 28%;
    font-size: 18px;
    line-height: 36px;
  }
}
@media (min-width: 1780px) {
  .join-team ul li {
    max-width: 395px;
    width: 395px;
    font-size: 22px;
    line-height: 40px;
  }
}

.oneCompany {
  margin: 40px 0px 40px 0px;
  position: relative;
}
@media (min-width: 768px) {
  .oneCompany {
    margin: 50px 0px 41px 0px;
  }
}
@media (min-width: 1200px) {
  .oneCompany {
    margin: 60px 0px 51px 0px;
  }
}
@media (min-width: 1400px) {
  .oneCompany {
    margin: 65px 0px 56px 0px;
  }
}
@media (min-width: 1780px) {
  .oneCompany {
    margin: 67px 0px 58px 0px;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .oneCompany:nth-child(even) .row {
    flex-direction: column-reverse;
  }
}
.oneCompany h2 {
  margin-bottom: 25px;
  padding: 0;
  color: #12284F;
}
@media (min-width: 768px) {
  .oneCompany h2 {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1289px) {
  .oneCompany h2 {
    font-size: 27px;
    line-height: 34px;
    margin-bottom: 8px;
  }
}
@media (min-width: 1200px) {
  .oneCompany h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1780px) {
  .oneCompany h2 {
    margin-bottom: 30px;
  }
}
.oneCompany p {
  font-family: "Helvetica";
  margin-bottom: 15px;
  color: #282828;
}
.oneCompany p:last-child {
  margin-bottom: 0 !important;
}
@media (min-width: 768px) {
  .oneCompany p {
    margin-bottom: 15px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .oneCompany p {
    font-size: 17px;
    line-height: 25px;
  }
}
@media (min-width: 992px) and (max-width: 1289px) {
  .oneCompany p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 8px;
  }
}
@media (min-width: 1200px) {
  .oneCompany p {
    margin-bottom: 10px;
  }
}
@media (min-width: 1400px) {
  .oneCompany p {
    margin-bottom: 20px;
  }
}
@media (min-width: 1780px) {
  .oneCompany p {
    margin-bottom: 30px;
    line-height: 30px;
  }
}
@media (min-width: 768px) {
  .oneCompany .container-careerContent .row {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .oneCompany .container-careerContent .row {
    gap: 50px;
  }
}
@media (min-width: 1400px) {
  .oneCompany .container-careerContent .row {
    gap: 55px;
  }
}
@media (min-width: 1780px) {
  .oneCompany .container-careerContent .row {
    gap: 70px;
  }
}
@media (max-width: 575px) {
  .oneCompany.makeThingsHappen .row {
    flex-direction: column-reverse;
  }
}

.oneCompanyImage {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 767px) {
  .oneCompanyImage {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .oneCompanyImage {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .oneCompanyImage {
    width: 46%;
    max-width: 46%;
  }
}
@media (min-width: 1200px) {
  .oneCompanyImage {
    width: 46%;
    max-width: 46%;
  }
}
@media (min-width: 1400px) {
  .oneCompanyImage {
    width: 46%;
    max-width: 46%;
  }
}
@media (min-width: 1780px) {
  .oneCompanyImage {
    width: 46%;
    max-width: 46%;
  }
}

.oneCompanyDescription {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .oneCompanyDescription {
    width: 50.8%;
    max-width: 50.8%;
  }
}
@media (min-width: 1200px) {
  .oneCompanyDescription {
    width: 40.8%;
    max-width: 40.8%;
  }
}
@media (min-width: 1400px) {
  .oneCompanyDescription {
    width: 40.8%;
    max-width: 40.8%;
  }
}
@media (min-width: 1780px) {
  .oneCompanyDescription {
    width: 38.8%;
    max-width: 38.8%;
  }
}

.commitedDescription {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  .commitedDescription {
    width: 50.8%;
    max-width: 50.8%;
  }
}
@media (min-width: 1200px) {
  .commitedDescription {
    width: 40.8%;
    max-width: 40.8%;
  }
}
@media (min-width: 1400px) {
  .commitedDescription {
    width: 49.8%;
    max-width: 49.8%;
  }
  .commitedDescription p {
    padding-right: 0;
  }
}
@media (min-width: 1600px) {
  .commitedDescription {
    width: 43.8%;
    max-width: 43.8%;
  }
}
@media (min-width: 1780px) {
  .commitedDescription {
    width: 42.8%;
    max-width: 42.8%;
  }
  .commitedDescription p {
    padding-right: 72px;
  }
}

.makeThingsDescription {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1199px) {
  .makeThingsDescription br {
    display: none;
  }
}
@media (min-width: 992px) {
  .makeThingsDescription {
    width: 50.8%;
    max-width: 50.8%;
  }
}
@media (min-width: 1200px) {
  .makeThingsDescription {
    width: 40.8%;
    max-width: 40.8%;
  }
}
@media (min-width: 1400px) {
  .makeThingsDescription {
    width: 43.8%;
    max-width: 43.8%;
  }
}
@media (min-width: 1600px) {
  .makeThingsDescription {
    width: 43.8%;
    max-width: 43.8%;
  }
}
@media (min-width: 1780px) {
  .makeThingsDescription {
    width: 42.8%;
    max-width: 42.8%;
  }
}

.makeThingsImage {
  width: 100%;
  max-width: 100%;
  position: relative;
}
.makeThingsImage:hover .pauseButton {
  opacity: 1;
}
.makeThingsImage .pauseButton {
  display: none;
  opacity: 0;
}
@media (max-width: 767px) {
  .makeThingsImage {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .makeThingsImage {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .makeThingsImage {
    width: 46%;
    max-width: 46%;
  }
}
@media (min-width: 1200px) {
  .makeThingsImage {
    width: 52.2%;
    max-width: 52.2%;
  }
}
@media (min-width: 1400px) {
  .makeThingsImage {
    width: 52%;
    max-width: 52%;
  }
}
@media (min-width: 1780px) {
  .makeThingsImage {
    width: 52.6%;
    max-width: 52.6%;
  }
}
.makeThingsImage a.playBtn {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s ease all;
}
.makeThingsImage a.playBtn:hover img {
  transform: scale(1.1);
  transition: 0.5s ease all;
}
@media (max-width: 1399px) {
  .makeThingsImage a.playBtn img {
    width: 65px;
    height: 65px;
  }
}
@media (max-width: 1199px) {
  .makeThingsImage a.playBtn img {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 575px) {
  .makeThingsImage a.playBtn img {
    width: 35px;
    height: 35px;
  }
}
.makeThingsImage video {
  width: 100%;
  z-index: 2;
  position: relative;
}
.makeThingsImage picture {
  position: absolute;
  z-index: 2;
  height: 100%;
}
.makeThingsImage picture img {
  height: 100%;
}

.open-roles {
  height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .open-roles .container-expert {
    max-width: 87.6%;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .open-roles .container-expert {
    max-width: 87.5%;
  }
}
@media (min-width: 576px) {
  .open-roles {
    height: 200px;
  }
}
@media (min-width: 768px) {
  .open-roles {
    height: 250px;
  }
}
@media (min-width: 992px) {
  .open-roles {
    height: 300px;
  }
}
@media (min-width: 1200px) {
  .open-roles {
    height: 355px;
  }
}
@media (min-width: 1400px) {
  .open-roles {
    height: 415px;
  }
}
@media (min-width: 1780px) {
  .open-roles {
    height: 500px;
  }
}
.open-roles h2 {
  font-weight: 700;
  color: #12284F;
  padding-top: 15px;
}
@media (min-width: 768px) {
  .open-roles h2 {
    padding-top: 40px;
  }
}
@media (min-width: 992px) {
  .open-roles h2 {
    padding-top: 50px;
  }
}
@media (min-width: 1200px) {
  .open-roles h2 {
    line-height: 30px;
    padding-top: 60px;
  }
}
@media (min-width: 1780px) {
  .open-roles h2 {
    line-height: 40px;
    padding-top: 60px;
  }
}

.openPositions {
  padding: 20px 0px 80px 0px;
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .openPositions .container-expert {
    max-width: 87.6%;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .openPositions .container-expert {
    max-width: 87.5%;
  }
}
@media (min-width: 1200px) {
  .openPositions {
    padding: 35px 0px 95px 0px;
  }
}
@media (min-width: 1400px) {
  .openPositions {
    padding: 38px 0px 98px 0px;
  }
}
@media (min-width: 1780px) {
  .openPositions {
    padding: 40px 0px 100px 0px;
  }
}
.openPositions div > p {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .openPositions div > p {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .openPositions div > p {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .openPositions div > p {
    margin-bottom: 28px;
  }
}
@media (min-width: 1200px) {
  .openPositions div > p {
    margin-bottom: 30px;
  }
}
@media (min-width: 1400px) {
  .openPositions div > p {
    margin-bottom: 35px;
  }
}
@media (min-width: 1780px) {
  .openPositions div > p {
    margin-bottom: 40px;
  }
}
.openPositions div > p:last-child {
  margin-bottom: 0 !important;
}

.positionsList {
  padding-top: 25px;
}
@media (min-width: 1200px) {
  .positionsList {
    padding-top: 45px;
  }
}
@media (min-width: 1400px) {
  .positionsList {
    padding-top: 55px;
  }
}
@media (min-width: 1780px) {
  .positionsList {
    padding-top: 60px;
  }
}
.positionsList ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 0px;
}
@media (min-width: 768px) {
  .positionsList ul {
    gap: 20px 0px;
  }
}
@media (min-width: 992px) {
  .positionsList ul {
    gap: 30px 0px;
  }
}
@media (min-width: 1200px) {
  .positionsList ul {
    gap: 45px 0px;
  }
}
@media (min-width: 1400px) {
  .positionsList ul {
    gap: 55px 0px;
  }
}
@media (min-width: 1780px) {
  .positionsList ul {
    gap: 60px 0px;
  }
}
.positionsList ul li {
  width: 100%;
}
@media (max-width: 575px) {
  .positionsList ul li {
    border: 1px solid #12284F;
    padding: 10px;
  }
}
@media (min-width: 576px) {
  .positionsList ul li {
    width: 49%;
  }
}
@media (min-width: 992px) {
  .positionsList ul li {
    width: 33.3%;
  }
}
@media (min-width: 1200px) {
  .positionsList ul li {
    width: 33.3%;
  }
}
@media (min-width: 1400px) {
  .positionsList ul li {
    min-width: 395px;
    width: 33.3%;
  }
}
.positionsList ul li h3 {
  font-weight: 700;
  margin-bottom: 10px;
  color: #12284F;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .positionsList ul li h3 {
    font-size: 22px;
    line-height: 35px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .positionsList ul li h3 {
    font-size: 30px;
  }
}
.positionsList ul li p {
  color: #12284F;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .positionsList ul li p {
    font-size: 14px;
  }
}
@media (min-width: 1400px) and (max-width: 1779px) {
  .positionsList ul li p {
    font-size: 17px;
    line-height: 27px;
  }
}
.positionsList ul li p strong {
  font-weight: 700;
  color: #12284F;
}
.positionsList ul li .btn-job {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .positionsList ul li .btn-job {
    margin-top: 30px;
  }
}
@media (min-width: 1400px) {
  .positionsList ul li .btn-job {
    margin-top: 35px;
  }
}
@media (min-width: 1780px) {
  .positionsList ul li .btn-job {
    margin-top: 40px;
  }
}

.btn.btn-job {
  font-family: "Playfair Display";
  font-weight: 600;
  font-size: 15px;
  line-height: 23px;
  padding: 14px 46px;
  background-color: #AEC1C6;
  border-radius: 0;
  color: #fff;
}
@media (max-width: 575px) {
  .btn.btn-job {
    width: 100%;
    padding: 10px 46px;
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .btn.btn-job {
    font-size: 17px;
    line-height: 24px;
    padding: 16px 48px;
  }
}
@media (min-width: 1200px) {
  .btn.btn-job {
    font-size: 14px;
    line-height: 25px;
    padding: 8px 34px;
  }
}
@media (min-width: 1400px) {
  .btn.btn-job {
    font-size: 16px;
    line-height: 26px;
    padding: 15px 42px;
  }
}
@media (min-width: 1780px) {
  .btn.btn-job {
    font-size: 20px;
    line-height: 27px;
    padding: 19px 51px;
  }
}
.btn.btn-job:hover {
  background-color: #12284F;
}

@media (min-width: 1200px) {
  .jobApp .modal-dialog {
    max-width: 45%;
  }
}
@media (min-width: 1400px) {
  .jobApp .modal-dialog {
    max-width: 40%;
  }
}
@media (min-width: 1800px) {
  .jobApp .modal-dialog {
    max-width: 35%;
  }
}
.jobApp .jobDescription {
  height: 210px;
  overflow-y: auto;
  -webkit-overflow-scrolling: auto;
  -webkit-overflow-scrolling: auto !important;
  padding-bottom: 20px;
  font-size: 15px;
  line-height: 25px;
}
.jobApp .jobDescription h2, .jobApp .jobDescription h3, .jobApp .jobDescription h4, .jobApp .jobDescription h5, .jobApp .jobDescription h6 {
  font-size: 18px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .jobApp .jobDescription h2, .jobApp .jobDescription h3, .jobApp .jobDescription h4, .jobApp .jobDescription h5, .jobApp .jobDescription h6 {
    font-size: 22px;
  }
}
@media (min-width: 1200px) {
  .jobApp .jobDescription {
    font-size: 17px;
    line-height: 27px;
  }
}
.jobApp .jobDescription p {
  font-size: 13px;
  line-height: 23px;
  margin-bottom: 10px;
  font-family: "Poppins";
}
@media (min-width: 1200px) {
  .jobApp .jobDescription p {
    font-size: 15px;
    line-height: 25px;
  }
}
.jobApp .jobDescription li {
  margin-left: 3px;
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
  font-family: "Poppins";
  font-size: 13px;
  line-height: 23px;
  font-family: "Poppins";
}
@media (min-width: 1200px) {
  .jobApp .jobDescription li {
    font-size: 15px;
    line-height: 25px;
  }
}
.jobApp .jobDescription li::before {
  width: 10px;
  height: 10px;
  background-color: #12284F;
  border-radius: 10px;
  left: 0;
  top: 7px;
}
.jobApp input[type=number]::-webkit-inner-spin-button,
.jobApp input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.jobApp input[type=number] {
  -moz-appearance: textfield;
}
.jobApp .row div {
  display: flex;
  flex-wrap: wrap;
}
.jobApp .custom-file-input {
  align-items: center;
  display: flex;
  font-size: 13px;
  width: 100%;
  padding: 0;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .jobApp .custom-file-input {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.jobApp form {
  padding-top: 20px;
}
.jobApp form .row {
  gap: 15px 0px;
}
.jobApp form .row > div {
  position: relative;
}
.jobApp form label {
  width: 100%;
}
.jobApp form label#start_date_label {
  position: absolute;
  bottom: 15px;
  left: 23px;
  color: #999999;
  background-color: #fff;
  width: 85%;
  font-size: 13px;
}
.jobApp form label#start_date_label::after {
  background-image: url(../images/svg/form/calender.svg);
  width: 20px;
  height: 20px;
  top: 50%;
  background-size: cover;
  transform: translateY(-50%);
  right: 10px;
}
@media (max-width: 991px) {
  .jobApp form label#start_date_label {
    width: 92%;
  }
}
@media (max-width: 767px) {
  .jobApp form label#start_date_label {
    width: 93%;
    bottom: 11px;
    left: 18px;
  }
}
@media (max-width: 480px) {
  .jobApp form label#start_date_label {
    width: 92%;
    height: 37px;
    margin: 0;
    display: flex;
    align-items: center;
    bottom: 7px;
  }
}
@media (max-width: 420px) {
  .jobApp form label#start_date_label {
    width: 90%;
  }
}
@media (max-width: 340px) {
  .jobApp form label#start_date_label {
    width: 88%;
  }
}
.jobApp form input, .jobApp form textarea, .jobApp form .inputDate {
  width: 100%;
  margin-bottom: 5px;
  padding: 5px;
  border-radius: 5px;
  font-family: "Poppins";
  box-shadow: unset;
  font-size: 13px;
  border: 1px solid #282828;
}
@media (min-width: 768px) {
  .jobApp form input, .jobApp form textarea, .jobApp form .inputDate {
    padding: 10px 10px;
    margin-bottom: 10px;
  }
}
.jobApp form input:focus, .jobApp form input:focus-visible, .jobApp form textarea:focus, .jobApp form textarea:focus-visible, .jobApp form .inputDate:focus, .jobApp form .inputDate:focus-visible {
  box-shadow: unset;
  outline: unset;
}
.jobApp form .inputDate {
  height: 40px;
  display: flex;
  align-items: center;
}
.jobApp form .inputDate input {
  width: 100%;
  height: 20px;
  padding: 0;
  margin: 0;
  background-color: unset;
  border: unset;
}
.jobApp form .custom-file-input::file-selector-button {
  background-image: linear-gradient(to right, #12284F, #12284F);
  background-position-x: 0%;
  background-size: 100%;
  border: 0;
  border-radius: 5px;
  color: #fff;
  padding: 10px 20px;
}
.jobApp .modal-header {
  background-color: #12284F;
  color: #fff;
}
.jobApp .modal-header h3 {
  font-size: 20px;
}
@media (min-width: 768px) {
  .jobApp .modal-header h3 {
    font-size: 25px;
  }
}
.jobApp button#submitfrom {
  background-color: #12284F;
  color: #fff;
}
.jobApp button#submitfrom:hover {
  background-color: #282828;
}
.jobApp label {
  font-family: "Poppins";
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .jobApp label {
    font-size: 14px;
  }
}
.jobApp input {
  height: 40px;
}
.jobApp input[type=file] {
  border: unset;
}
.jobApp input[type=submit] {
  margin-top: 10px;
  height: 45px;
  background-color: #12284F;
  color: #fff;
  font-family: "Poppins";
  font-size: 16px;
  border-radius: 0;
}
@media (min-width: 768px) {
  .jobApp input[type=submit] {
    width: 40%;
    margin: auto;
    margin-top: 20px;
  }
}
.jobApp input[type=submit]:hover {
  background-color: #fff;
  color: #12284F;
  border: 1px solid #12284F;
}
.jobApp form p {
  position: absolute;
  bottom: -19px;
}

#start_date {
  color: #282828;
}

#datepicker {
  position: relative;
}
#datepicker span {
  position: absolute;
  right: 10px;
  width: 25px;
  top: 5px;
}
#datepicker input {
  width: 100%;
  border-radius: 5px;
  background-color: unset;
}

.datepicker {
  padding: 0;
  font-family: "Poppins";
  width: 270px;
  border: 1px solid #12284F;
  min-height: 330px;
  cursor: pointer;
}
@media (max-width: 575px) {
  .datepicker {
    width: 320px;
  }
}
.datepicker table {
  font-family: "Poppins";
  width: 100%;
  margin: 0;
}
.datepicker table tr, .datepicker table td, .datepicker table th, .datepicker table span {
  font-family: "Poppins";
}
.datepicker td, .datepicker th {
  text-align: center;
  padding: 6px 10px;
  font-size: 14px;
}
.datepicker .datepicker-switch {
  font-size: 16px;
}
.datepicker .today {
  color: #fff !important;
  background-color: #12284F !important;
  border-color: unset !important;
  text-shadow: unset;
}
.datepicker .active {
  color: #fff !important;
  background-color: #1EB7BB !important;
  border-color: unset !important;
  text-shadow: unset;
}
.datepicker td span.month {
  width: 25% !important;
  display: inline-block;
  padding: 26px 10px;
}
.datepicker .datepicker-years, .datepicker .datepicker-months {
  width: 100%;
}
.datepicker td span.year {
  width: 25% !important;
  display: inline-block;
  padding: 26px 10px;
}

#startProject .modal-header {
  background-color: #12284F;
  color: #fff;
}
#startProject .input-holder {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#startProject .input-holder input, #startProject .input-holder textarea {
  height: 40px;
  width: 100%;
}
#startProject .input-holder input, #startProject .input-holder textarea {
  border: unset;
  outline: unset;
  border-bottom: 1px solid #8FB5DC;
}
#startProject .input-holder input:focus, #startProject .input-holder textarea:focus {
  border: unset;
  outline: unset;
}
#startProject .input-holder label, #startProject .input-holder input, #startProject .input-holder textarea {
  font-family: "Poppins";
}
#startProject .input-holder label:focus, #startProject .input-holder input:focus, #startProject .input-holder textarea:focus {
  border-bottom: 1px solid #8FB5DC;
}
#startProject .input-holder {
  position: relative;
  margin-bottom: 20px;
}
#startProject input:focus ~ label,
#startProject input:not(:focus):valid ~ label {
  top: -10px;
  left: 0;
  font-size: 11px;
  opacity: 1;
}
#startProject textarea:focus ~ label,
#startProject textarea:not(:focus):valid ~ label {
  top: -14px;
  left: 0;
  font-size: 11px;
  opacity: 1;
}
#startProject label {
  position: absolute;
  pointer-events: none;
  left: 0px;
  top: 14px;
  transition: 0.2s ease all;
}
#startProject .Subject {
  height: 100px;
  font-family: "Poppins";
}
#startProject option {
  font-family: "Poppins";
}
#startProject select {
  background-color: #fff;
  border: unset;
  border-bottom: 1px solid #1EB7BB;
  margin-top: 20px;
  height: 40px;
  width: 100%;
  font-family: "Poppins";
}
#startProject .Subject label {
  position: relative;
  font-family: "Poppins";
}
#startProject button.form_submit_btn {
  width: 100%;
}

@media (max-width: 575px) {
  .parent-chart {
    margin-top: 20px;
  }
}
@media (min-width: 768px) {
  .parent-chart h3 {
    line-height: 54px;
  }
}
@media (min-width: 991px) and (max-width: 1199px) {
  .parent-chart h3 {
    font-size: 21px;
    line-height: 31px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .parent-chart h3 {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .parent-chart h3 {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (min-width: 1200px) {
  .parent-chart p {
    line-height: 30px;
  }
}
@media (min-width: 1400px) {
  .parent-chart p {
    line-height: 35px;
  }
}
@media (min-width: 1780px) {
  .parent-chart p {
    line-height: 40px;
  }
}
@media (min-width: 600px) and (max-width: 767px) {
  .parent-chart p {
    font-size: 12px;
    line-height: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .parent-chart p {
    font-size: 13px;
    line-height: 23px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .parent-chart p {
    font-size: 13px;
    line-height: 23px;
  }
}
@media (min-width: 768px) {
  .parent-chart h3 + p {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .parent-chart h3 + p {
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .parent-chart h3 + p {
    width: 380px;
  }
}
@media (min-width: 1600px) {
  .parent-chart h3 + p {
    width: 391px;
  }
}
@media (min-width: 1800px) {
  .parent-chart h3 + p {
    width: 444px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .parent-chart h3 + p {
    font-size: 13px;
    line-height: 23px;
  }
}
.parent-chart .steps {
  line-height: 22px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 600px) {
  .parent-chart .steps {
    text-align: center;
  }
  .parent-chart .steps .stepInner {
    z-index: 9;
    position: relative;
  }
}
@media (max-width: 599px) {
  .parent-chart .steps:last-child h3 {
    color: #1EB7BB;
  }
}
@media (max-width: 599px) {
  .parent-chart .level {
    list-style-type: none;
    counter-reset: css-counter 0;
  }
  .parent-chart .steps {
    counter-increment: css-counter 1;
    position: relative;
  }
  .parent-chart .steps .stepInner {
    width: 60%;
    box-shadow: 14px 12px 28px 0px rgba(0, 0, 0, 0.22);
    padding: 25px 25px 25px 25px;
    border-style: solid;
    border-color: #12284F;
    border-width: 0px 0px 0px 8px;
  }
  .parent-chart .steps::after {
    position: absolute;
    content: "";
    width: 36px;
    height: 1px;
    right: 35%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #12284F;
  }
  .parent-chart .steps:last-child .stepInner {
    position: relative;
  }
  .parent-chart .steps:last-child .stepInner:after {
    background-image: url(../images/svg/light-bulb.svg);
    left: 50% !important;
    transform: translateX(-50%);
    background-color: unset;
    background-size: cover;
    background-repeat: no-repeat;
    width: 40px;
    bottom: 15px;
    height: 40px;
  }
  .parent-chart .steps::before {
    position: absolute;
    content: counter(css-counter) " ";
    width: 110px;
    height: 110px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='110' ry='110' stroke='%23333' stroke-width='3' stroke-dasharray='0.2%2c15' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
    border-radius: 100px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    font-size: 50px;
    color: #12284F;
    display: flex;
    align-items: center;
    font-family: "Poppins";
    justify-content: center;
    font-weight: 300;
  }
  .parent-chart .steps:nth-child(even) .stepInner {
    margin-left: auto;
  }
  .parent-chart .steps:nth-child(even)::after {
    left: 35%;
  }
  .parent-chart .steps:nth-child(even)::before {
    left: 0;
    right: unset;
  }
}
@media (min-width: 600px) {
  .parent-chart .top-level {
    gap: 30px;
  }
}
@media (min-width: 992px) {
  .parent-chart .top-level {
    gap: 50px;
  }
}
@media (min-width: 1200px) {
  .parent-chart .top-level {
    gap: 70px;
  }
}
@media (min-width: 1400px) {
  .parent-chart .top-level {
    gap: 80px;
  }
}
@media (min-width: 600px) {
  .parent-chart .lev-two {
    gap: 22px;
  }
}
@media (min-width: 992px) {
  .parent-chart .lev-two {
    gap: 70px;
  }
}
@media (min-width: 1200px) {
  .parent-chart .lev-two {
    gap: 90px;
  }
}
@media (min-width: 1400px) {
  .parent-chart .lev-two {
    gap: 150px;
  }
}
@media (min-width: 1780px) {
  .parent-chart .lev-two {
    gap: 190px;
  }
}
@media (min-width: 1400px) {
  .parent-chart .lev-two .steps {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 600px) {
  .parent-chart .level {
    text-align: center;
  }
  .parent-chart .top-level {
    margin-bottom: 100px;
    margin-right: auto;
    display: flex;
  }
  .parent-chart .top-level .steps:after {
    content: "";
    position: absolute;
    height: 60px;
    border-left: 2px solid #8FB5DC;
    bottom: -52px;
    width: calc(100% + 80px);
    left: 35%;
    border-bottom: 2px solid #8FB5DC;
  }
}
@media (min-width: 600px) and (min-width: 600px) and (max-width: 700px) {
  .parent-chart .top-level .steps:after {
    width: calc(70% + 80px);
  }
}
@media (min-width: 600px) {
  .parent-chart .top-level .steps:nth-last-child(1):before {
    content: "";
    position: absolute;
    height: 60px;
    border-left: unset;
    left: -50%;
    bottom: -52px;
    width: calc(100% - 0px);
    border-left: unset;
    border-bottom: 2px solid #8FB5DC;
  }
  .parent-chart .steps {
    display: inline-block;
    text-align: left;
    width: calc(23% + 40px);
    vertical-align: top;
    position: relative;
  }
  .parent-chart .lev-two {
    display: flex;
    justify-content: flex-end;
  }
  .parent-chart .lev-two .steps:before {
    content: "";
    position: absolute;
    height: 50px;
    top: -50px;
    border-left: 2px solid #8FB5DC;
    width: calc(100% - 40px);
    border-top: 2px solid #8FB5DC;
    left: 50%;
  }
  .parent-chart .lev-two .steps:nth-last-child(1):before {
    content: "";
    position: absolute;
    height: 60px;
    border-right: 2px solid #8FB5DC;
    top: -50px;
    width: calc(100% - 0px);
    left: -50%;
    border-left: 0;
  }
  .parent-chart .flow-chart {
    position: relative;
    margin-left: auto;
  }
  .parent-chart .top-level .steps:last-child:after {
    border-bottom: none;
    width: 0;
  }
}
.parent-chart .lev-two > div:last-child h3, .parent-chart .lev-two > div:last-child h3 {
  color: #1EB7BB;
}
.parent-chart .lev-two > div:last-child:after {
  background-image: url(../images/svg/light-bulb.svg);
  background-size: cover;
  background-repeat: no-repeat;
  top: 64px;
  width: 40px;
  height: 40px;
}
@media (min-width: 600px) {
  .parent-chart .lev-two > div:last-child:after {
    top: 44px;
  }
}
@media (min-width: 768px) {
  .parent-chart .lev-two > div:last-child:after {
    width: 45px;
    height: 45px;
    top: 64px;
  }
}
@media (min-width: 992px) {
  .parent-chart .lev-two > div:last-child:after {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 1200px) {
  .parent-chart .lev-two > div:last-child:after {
    width: 55px;
    height: 55px;
  }
}
@media (min-width: 1400px) {
  .parent-chart .lev-two > div:last-child:after {
    width: 65px;
    height: 65px;
  }
}
@media (min-width: 1780px) {
  .parent-chart .lev-two > div:last-child:after {
    width: 70px;
    height: 70px;
  }
}
#playButton {
  cursor: pointer;
}

.videoPopup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}
.videoPopup .popup-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  border-radius: 5px;
  max-width: 100%;
  width: 94%;
}
@media (min-width: 1200px) {
  .videoPopup .popup-inner {
    max-width: 700px;
    width: 100%;
  }
}
.videoPopup .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  background-color: #fff;
}
.videoPopup video {
  width: 100%;
  border-radius: 5px;
}

@media (min-width: 768px) {
  * > span {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  * > span {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  * > span {
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  * > span {
    font-size: 16px;
  }
}
@media (min-width: 1800px) {
  * > span {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .formHead {
    padding-left: 44px;
  }
}
@media (min-width: 1600px) {
  .formHead {
    padding-left: 48px;
  }
}
@media (min-width: 1800px) {
  .formHead {
    padding-left: 80px;
  }
}

.clientRegistraion {
  padding: 50px 0px 70px 0px;
}
@media (min-width: 768px) {
  .clientRegistraion {
    padding: 50px 0px 50px 0px;
  }
}
@media (min-width: 992px) {
  .clientRegistraion {
    padding: 104px 0px 125px 0px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion {
    padding: 104px 0px 125px 0px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion {
    padding: 129px 0px 125px 0px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion {
    padding: 150px 0px 155px 0px;
  }
}
.clientRegistraion button {
  font-family: "Helvetica";
}
.clientRegistraion h1 {
  color: #12284F;
  font-size: 36.5px;
  line-height: 54px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .clientRegistraion h1 {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .clientRegistraion h1 {
    font-size: 46.5px;
    line-height: 64px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion h1 {
    font-size: 56.5px;
    line-height: 74px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion h1 {
    font-size: 66px;
    line-height: 84px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion h1 {
    font-size: 80px;
    line-height: 100px;
  }
}
.clientRegistraion p {
  color: #12284F;
}
@media (max-width: 767px) {
  .clientRegistraion p {
    padding: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .clientRegistraion p {
    font-size: 14.1px;
  }
}
.clientRegistraion form {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  max-width: 95%;
}
@media (min-width: 768px) {
  .clientRegistraion form {
    max-width: 80%;
  }
}
@media (min-width: 992px) {
  .clientRegistraion form {
    max-width: 79.6%;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form {
    max-width: 79.6%;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form {
    margin-top: 68px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form {
    margin-top: 81px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion form {
    margin-top: 100px;
    max-width: 1503px;
  }
}
@media (max-width: 991px) {
  .clientRegistraion form .colLh {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form .colLh, .clientRegistraion form .colRh {
    flex-basis: 45.5%;
    max-width: 45.5%;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form .colLh, .clientRegistraion form .colRh {
    flex-basis: 45.3%;
    max-width: 45.3%;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion form .colLh, .clientRegistraion form .colRh {
    flex-basis: 46%;
    max-width: 46%;
  }
}
.clientRegistraion form > .row {
  justify-content: space-between;
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .clientRegistraion form > .row {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .clientRegistraion form > .row {
    margin-bottom: 70px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form > .row {
    margin-bottom: 80px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form > .row {
    margin-bottom: 9px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion form > .row {
    margin-bottom: 100px;
  }
}
.clientRegistraion form .row .row {
  gap: 20px 0px;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .clientRegistraion form .row .row {
    gap: 15px 0px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form .row .row {
    gap: 19px 0px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form .row .row {
    gap: 23px 0px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion form .row .row {
    gap: 30px 0px;
  }
}
.clientRegistraion form .row .row > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  position: relative;
  justify-content: space-between;
}
.clientRegistraion form h2 {
  color: #1EB7BB;
  margin-bottom: 20px;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .clientRegistraion form h2 {
    font-size: 28px;
    margin-bottom: 25px;
  }
}
@media (min-width: 1600px) and (max-width: 1799px) {
  .clientRegistraion form h2 {
    font-size: 33px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion form h2 {
    margin-bottom: 40px;
  }
}
.clientRegistraion form .addmore {
  flex-direction: row !important;
}
.clientRegistraion form .addmore #phoneFieldsContainer {
  width: 100%;
}
.clientRegistraion form .addmore #phoneFieldsContainer div + div {
  display: flex;
  align-items: end;
}
.clientRegistraion form .addmore #phoneFieldsContainer > div:first-child {
  width: 100%;
}
.clientRegistraion form .addmore #phoneFieldsContainer > div:first-child > div {
  width: 100%;
  display: flex;
}
.clientRegistraion form .addmore #phoneFieldsContainer > div {
  margin-top: 10px;
}
.clientRegistraion form .addmore #phoneFieldsContainer > div:first-child {
  margin-top: 0;
}
.clientRegistraion form .addmore #phoneFieldsContainer .removeBtn {
  background-color: #F14336;
  height: 45px;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .clientRegistraion form .addmore #phoneFieldsContainer .removeBtn {
    height: 45px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form .addmore #phoneFieldsContainer .removeBtn {
    height: 49px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form .addmore #phoneFieldsContainer .removeBtn {
    height: 58px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion form .addmore #phoneFieldsContainer .removeBtn {
    height: 70px;
  }
}
.clientRegistraion form .addmore button, .clientRegistraion form .addmore a {
  height: 30px;
  background-color: #12284F;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #12284F;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 13px;
  padding: 0px 15px;
  line-height: 14px;
  margin-top: -8px;
}
@media (min-width: 992px) {
  .clientRegistraion form .addmore button, .clientRegistraion form .addmore a {
    margin-top: 0;
    height: 25px;
    font-size: 10px;
    padding: 0px 11px;
    border-radius: 4px;
    line-height: 11px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form .addmore button, .clientRegistraion form .addmore a {
    height: 29px;
    font-size: 11px;
    padding: 0px 11px;
    border-radius: 4px;
    line-height: 11px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form .addmore button, .clientRegistraion form .addmore a {
    height: 34px;
    font-size: 13px;
    padding: 0px 12px;
    border-radius: 4px;
    line-height: 14px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion form .addmore button, .clientRegistraion form .addmore a {
    height: 40px;
    font-size: 16px;
    padding: 11px 15px;
    line-height: 18px;
    border-radius: 5px;
  }
}
.clientRegistraion form .addmore .iti {
  flex-basis: 100%;
}
.clientRegistraion form .addmore .iti .iti__flag {
  transform: scale(1.3);
}
.clientRegistraion form .addmore .iti .iti__selected-dial-code {
  font-family: "Helvetica";
  color: #999999;
  font-weight: 400;
  margin-left: 10px;
  padding-right: 10px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .clientRegistraion form .addmore .iti .iti__selected-dial-code {
    padding-right: 15px;
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form .addmore .iti .iti__selected-dial-code {
    padding-right: 15px;
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form .addmore .iti .iti__selected-dial-code {
    padding-right: 30px;
    font-size: 16px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion form .addmore .iti .iti__selected-dial-code {
    font-size: 20px;
  }
}
.clientRegistraion form .addmore .iti .iti__arrow {
  background-image: url(../images/svg/form/arrown-down.svg);
  width: 10px;
  height: 5px;
  border: unset;
  background-size: cover;
}
@media (min-width: 1200px) {
  .clientRegistraion form .addmore .iti .iti__arrow {
    width: 10px;
    height: 5px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form .addmore .iti .iti__arrow {
    width: 15px;
    height: 7px;
  }
}
.clientRegistraion form .addmore .iti .iti__country-name {
  color: #999999;
  font-family: "Helvetica";
  padding-left: 20px;
}
.clientRegistraion form .addmore .phoneField {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
}
.clientRegistraion form .addmore .phoneField label {
  width: 100%;
}
.clientRegistraion form label {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #12284F;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Helvetica";
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  .clientRegistraion form label {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 4px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form label {
    font-size: 14px;
    line-height: 33px;
    margin-bottom: 4px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form label {
    font-size: 17px;
    line-height: 37px;
    margin-bottom: 5px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion form label {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 10px;
  }
}
.clientRegistraion form label > span {
  color: #F14336;
  font-family: sans-serif;
}
.clientRegistraion form input, .clientRegistraion form select, .clientRegistraion form .selection, .clientRegistraion form textarea, .clientRegistraion form .bootstrap-tagsinput {
  padding-top: 0;
  padding-bottom: 0;
  height: 45px;
  font-weight: 400;
  font-family: "Helvetica";
  line-height: 40px;
  border: 1px solid #12284F;
  border-radius: 5px;
  color: #999999;
  width: 100%;
  padding-left: 20px;
  font-size: 15px;
}
@media (min-width: 992px) {
  .clientRegistraion form input, .clientRegistraion form select, .clientRegistraion form .selection, .clientRegistraion form textarea, .clientRegistraion form .bootstrap-tagsinput {
    height: 45px;
    padding-left: 22px;
    border-radius: 3px;
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form input, .clientRegistraion form select, .clientRegistraion form .selection, .clientRegistraion form textarea, .clientRegistraion form .bootstrap-tagsinput {
    height: 49px;
    padding-left: 28px;
    border-radius: 4px;
    font-size: 14px;
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form input, .clientRegistraion form select, .clientRegistraion form .selection, .clientRegistraion form textarea, .clientRegistraion form .bootstrap-tagsinput {
    height: 58px;
    padding-left: 33px;
    border-radius: 5px;
    font-size: 16px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion form input, .clientRegistraion form select, .clientRegistraion form .selection, .clientRegistraion form textarea, .clientRegistraion form .bootstrap-tagsinput {
    height: 70px;
    padding-left: 40px;
    font-size: 20px;
  }
}
.clientRegistraion form input:focus, .clientRegistraion form select:focus, .clientRegistraion form .selection:focus, .clientRegistraion form textarea:focus, .clientRegistraion form .bootstrap-tagsinput:focus {
  box-shadow: unset;
  outline: unset;
  border: 1px solid #1EB7BB;
}
.clientRegistraion form option {
  font-family: "Helvetica";
}
.clientRegistraion form select {
  position: relative;
  background-size: 15px 7px;
  background-image: url(../images/svg/form/arrown-down.svg);
  background-repeat: no-repeat;
  background-position: 95% center;
  appearance: none; /* Remove the default appearance */
  -webkit-appearance: none; /* For Safari */
  -moz-appearance: none; /* For Firefox */
  background-color: transparent; /* Set a transparent background */
}
@media (min-width: 992px) {
  .clientRegistraion form select {
    background-size: 9px 4.5px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form select {
    background-size: 10px 5px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form select {
    background-size: 15px 7px;
  }
}
.clientRegistraion form select option:hover {
  background-color: #12284F;
}
.clientRegistraion form .select2:focus .selection {
  box-shadow: unset;
  outline: unset;
  border: 1px solid #1EB7BB;
}
.clientRegistraion form .selection {
  height: 45px !important;
  display: flex;
  align-items: center;
}
.clientRegistraion form .selection span {
  width: 100%;
  border: unset !important;
  max-height: 100%;
  overflow: hidden;
}
.clientRegistraion form .selection ul.select2-selection__rendered {
  height: 50px;
  align-items: center;
  overflow: auto;
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: 11px 5px;
}
@media (min-width: 992px) {
  .clientRegistraion form .selection ul.select2-selection__rendered {
    height: 50px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form .selection ul.select2-selection__rendered {
    height: 54px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form .selection ul.select2-selection__rendered {
    height: 75px;
  }
}
.clientRegistraion form .selection ul.select2-selection__rendered li {
  margin-top: 0;
  display: inline-flex;
  background-color: #D9D9D9;
  color: #282828;
  font-family: "Helvetica" !important;
  align-items: center;
  text-transform: capitalize;
  font-size: 13px;
  height: 29px;
  flex-direction: row-reverse;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 38px !important;
  padding-left: 15px;
  border-radius: 0;
  border: unset;
  font-weight: 500;
}
@media (min-width: 768px) {
  .clientRegistraion form .selection ul.select2-selection__rendered li {
    height: 35px;
    font-size: 15px;
  }
}
.clientRegistraion form .selection ul.select2-selection__rendered li:last-child {
  background-color: unset !important;
}
.clientRegistraion form .selection ul.select2-selection__rendered li span {
  display: inline-block;
  width: 31px !important;
  display: flex !important;
  height: 100%;
  align-items: center;
  right: -5px !important;
  top: 0;
  background-color: #BDBDBD;
  color: #282828 !important;
  font-size: 25px;
  justify-content: center;
  font-weight: 500;
  opacity: 1;
}
@media (min-width: 768px) {
  .clientRegistraion form .selection ul.select2-selection__rendered li span {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .clientRegistraion form .selection ul.select2-selection__rendered li {
    height: 28px;
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form .selection ul.select2-selection__rendered li {
    height: 33px;
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form .selection ul.select2-selection__rendered li {
    height: 36px;
    font-size: 16px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion form .selection ul.select2-selection__rendered li {
    height: 40px;
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .clientRegistraion form .selection {
    height: 50px !important;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form .selection {
    height: 54px !important;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form .selection {
    height: 58px !important;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion form .selection {
    height: 70px !important;
  }
}
.clientRegistraion form .selection span {
  font-family: "Helvetica";
  color: #999999 !important;
  font-weight: 400;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .clientRegistraion form .selection span {
    padding-left: 0 !important;
  }
}
.clientRegistraion form .selection .select2-selection--single {
  border: unset !important;
  width: 100%;
}
.clientRegistraion form .selection .select2-selection--single select, .clientRegistraion form .selection .select2-selection--single option, .clientRegistraion form .selection .select2-selection--single .select2-results__option, .clientRegistraion form .selection .select2-selection--single .flag-text {
  font-family: "Helvetica";
}
.clientRegistraion form .selection .select2-selection__arrow {
  background-image: url(../images/svg/form/arrown-down.svg);
  width: 15px;
  height: 7px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
}
.clientRegistraion form .selection b {
  border: unset !important;
}
.clientRegistraion form .iti__selected-flag {
  padding-left: 20px;
  background-color: unset;
  border-right: 1px solid #999999;
  padding-right: 20px;
}
@media (min-width: 992px) {
  .clientRegistraion form .iti__selected-flag {
    padding-left: 26px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form .iti__selected-flag {
    padding-left: 26px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form .iti__selected-flag {
    padding-left: 40px;
  }
}
.clientRegistraion form .intl-tel-input {
  padding-left: 160px !important;
}
@media (min-width: 992px) {
  .clientRegistraion form .intl-tel-input {
    padding-left: 160px !important;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion form .intl-tel-input {
    padding-left: 174px !important;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion form .intl-tel-input {
    padding-left: 215px !important;
  }
}
.clientRegistraion .col-penta-6 {
  max-width: 50%;
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .clientRegistraion .col-penta-6 {
    padding-right: 0;
  }
}
.clientRegistraion .select2-container {
  width: 100% !important;
}
.clientRegistraion .textarea {
  margin: 20px 0px 20px 0px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .clientRegistraion .textarea {
    margin: 15px 0px 30px 0px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion .textarea {
    margin: 20px 0px 41px 0px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion .textarea {
    margin: 20px 0px 47px 0px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion .textarea {
    margin: 30px 0px 60px 0px;
  }
}
.clientRegistraion .textarea label, .clientRegistraion .textarea textarea {
  width: 100%;
}
.clientRegistraion .textarea textarea {
  padding-top: 5px;
  height: 100px;
  width: 100%;
}
@media (min-width: 992px) {
  .clientRegistraion .textarea textarea {
    padding-top: 15px;
    height: 140px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion .textarea textarea {
    padding-top: 4px;
    height: 100px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion .textarea textarea {
    padding-top: 10px;
    height: 118px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion .textarea textarea {
    padding-top: 15px;
    height: 140px;
  }
}
.clientRegistraion .jobHistory .textarea {
  margin-top: 0;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .clientRegistraion .jobHistory .textarea {
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion .jobHistory .textarea {
    margin-bottom: 19px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion .jobHistory .textarea {
    margin-bottom: 29px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion .jobHistory .textarea {
    margin-bottom: 30px;
  }
}
.clientRegistraion .terms_of_service {
  display: flex;
  /* Hide the default checkbox */
  /* Style the custom checkbox */
  /* Create the checkmark icon */
  /* Style the checkmark when the checkbox is checked */
}
.clientRegistraion .terms_of_service label {
  padding-left: 45px;
  display: flex;
  align-items: end;
}
@media (max-width: 991px) {
  .clientRegistraion .terms_of_service label {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .clientRegistraion .terms_of_service label {
    padding-left: 43px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion .terms_of_service label {
    padding-left: 53px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion .terms_of_service label {
    padding-left: 63px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion .terms_of_service label {
    padding-left: 70px;
  }
}
.clientRegistraion .terms_of_service input[type=checkbox] {
  display: none;
}
.clientRegistraion .terms_of_service input[type=checkbox] + label {
  position: relative;
  cursor: pointer;
  padding-top: 8px;
}
.clientRegistraion .terms_of_service input[type=checkbox] + label:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 28px;
  border: 3px solid #12284F;
  border-radius: 5px;
}
@media (min-width: 992px) {
  .clientRegistraion .terms_of_service input[type=checkbox] + label:before {
    width: 30px;
    height: 30px;
    border: 2px solid #12284F;
    border-radius: 6px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion .terms_of_service input[type=checkbox] + label:before {
    width: 30px;
    height: 30px;
    border: 2px solid #12284F;
    border-radius: 10px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion .terms_of_service input[type=checkbox] + label:before {
    width: 35px;
    height: 35px;
    border: 2px solid #12284F;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion .terms_of_service input[type=checkbox] + label:before {
    width: 40px;
    height: 40px;
    border: 3px solid #12284F;
  }
}
.clientRegistraion .terms_of_service input[type=checkbox]:checked + label:before {
  background-color: #12284F; /* Adjust the color of the checkmark */
  border-color: #12284F; /* Adjust the color of the checkmark border */
  text-align: center;
  font-size: 25px;
  line-height: 35px;
}
.clientRegistraion .terms_of_service input[type=checkbox]:checked + label:after {
  content: "✓"; /* Use a Unicode checkmark character */
  color: white; /* Adjust the color of the checkmark */
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 0;
  transform: rotate(13deg);
}
.clientRegistraion .formButton {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .clientRegistraion .formButton {
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .clientRegistraion .formButton {
    margin-top: 44px;
    gap: 38px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion .formButton {
    margin-top: 54px;
    gap: 42px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion .formButton {
    margin-top: 63px;
    gap: 49px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion .formButton {
    margin-top: 90px;
    gap: 60px;
  }
}
.clientRegistraion .formButton input, .clientRegistraion .formButton button {
  font-family: "Playfair Display", serif;
  padding: 0;
  width: 100%;
  height: 50px;
  border-radius: 0;
  font-size: 14px;
  line-height: 14px;
  transition: 0.5s ease all;
}
@media (min-width: 768px) {
  .clientRegistraion .formButton input, .clientRegistraion .formButton button {
    width: 180px;
    height: 50px;
  }
}
@media (min-width: 992px) {
  .clientRegistraion .formButton input, .clientRegistraion .formButton button {
    width: 125px;
    font-size: 14px;
    line-height: 14px;
    height: 45px;
  }
}
@media (min-width: 1200px) {
  .clientRegistraion .formButton input, .clientRegistraion .formButton button {
    width: 125px;
    font-size: 14px;
    line-height: 14px;
    height: 45px;
  }
}
@media (min-width: 1600px) {
  .clientRegistraion .formButton input, .clientRegistraion .formButton button {
    width: 149px;
    font-size: 16px;
    line-height: 16px;
    height: 54px;
  }
}
@media (min-width: 1800px) {
  .clientRegistraion .formButton input, .clientRegistraion .formButton button {
    width: 180px;
    font-size: 20px;
    height: 65px;
  }
}
.clientRegistraion .formButton input, .clientRegistraion .formButton .submitfrom {
  background-color: #12284F;
  border: 2px solid #12284F;
  color: #fff;
}
.clientRegistraion .formButton input:hover, .clientRegistraion .formButton .submitfrom:hover {
  border: 2px solid #12284F;
  background-color: #fff;
  color: #12284F;
  transition: 0.5s ease all;
}
.clientRegistraion .formButton button {
  color: #12284F;
  background-color: unset;
  border: 2px solid #F14336;
}
.clientRegistraion .formButton button:hover {
  background-color: #F14336;
  border: 2px solid #F14336;
  color: #fff;
  transition: 0.5s ease all;
}

.expertRegistraion {
  /* Hide the default file input button */
  /* Customize the custom file upload button */
}
.expertRegistraion input[type=file] {
  opacity: 0;
  position: absolute;
  height: 70%;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.expertRegistraion .custom-file-upload {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Helvetica";
  background-color: #12284F; /* Desired background color */
  color: #fff; /* Text color */
  cursor: pointer;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  line-height: 30px;
  width: 120px;
  height: 55px;
}
@media (min-width: 768px) {
  .expertRegistraion .custom-file-upload {
    font-size: 13px;
    line-height: 26px;
    height: 40px;
    width: 100px;
  }
}
@media (min-width: 992px) {
  .expertRegistraion .custom-file-upload {
    font-size: 13px;
    line-height: 26px;
    height: 40px;
    width: 100px;
  }
}
@media (min-width: 1200px) {
  .expertRegistraion .custom-file-upload {
    font-size: 14px;
    line-height: 28px;
    height: 50px;
    width: 147px;
  }
}
@media (min-width: 1600px) {
  .expertRegistraion .custom-file-upload {
    font-size: 16px;
    line-height: 32px;
    height: 60px;
    width: 157px;
  }
}
@media (min-width: 1800px) {
  .expertRegistraion .custom-file-upload {
    font-size: 20px;
    height: 70px;
    width: 187px;
    line-height: 40px;
  }
}
.expertRegistraion .file-label-text {
  padding-left: 21px;
  font-family: "Helvetica";
}
.expertRegistraion .availability .radio-buttons label input {
  position: absolute;
  left: -9999px;
}
.expertRegistraion .availability .radio-buttons label input:checked + span {
  color: #12284F;
}
.expertRegistraion .availability .radio-buttons label input:checked + span:before {
  box-shadow: inset 0 0 0 0.2375em #cbcbcb;
  background-color: #12284F;
}
@media (min-width: 1200px) {
  .expertRegistraion .availability .radio-buttons label input:checked + span:before {
    box-shadow: inset 0 0 0 0.4375em #cbcbcb;
  }
}
.expertRegistraion .availability .radio-buttons label span {
  display: inline-flex;
  align-items: end;
  color: #999999;
  margin-right: 15px;
  gap: 15px;
}
@media (min-width: 768px) {
  .expertRegistraion .availability .radio-buttons label span {
    margin-right: 20px;
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .expertRegistraion .availability .radio-buttons label span {
    margin-right: 40px;
  }
}
.expertRegistraion .availability .radio-buttons label span:before {
  flex-shrink: 0;
  content: "";
  background-color: #fff;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  transition: 0.25s ease;
  box-shadow: inset 0 0 0 0.1em #cbcbcb;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .expertRegistraion .availability .radio-buttons label span:before {
    width: 25px;
    height: 25px;
  }
}
@media (min-width: 1200px) {
  .expertRegistraion .availability .radio-buttons label span:before {
    width: 28px;
    height: 28px;
    margin-bottom: 8px;
  }
}
@media (min-width: 1600px) {
  .expertRegistraion .availability .radio-buttons label span:before {
    width: 35px;
    height: 35px;
  }
}
@media (min-width: 1800px) {
  .expertRegistraion .availability .radio-buttons label span:before {
    width: 40px;
    height: 40px;
  }
}
.expertRegistraion .item-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.expertRegistraion .item-text {
  flex-grow: 1;
  padding: 5px;
  background-color: #12284F;
  color: #fff;
  border-radius: 4px;
  font-size: 13px;
  margin-right: 1px;
  font-family: "Helvetica";
  text-transform: capitalize;
}
@media (min-width: 1200px) {
  .expertRegistraion .item-text {
    font-size: 12px;
  }
}
@media (min-width: 1600px) {
  .expertRegistraion .item-text {
    font-size: 13px;
  }
}
.expertRegistraion .item-remove {
  margin-right: 3px;
  cursor: pointer;
  color: #F14336;
}
.expertRegistraion #currency {
  position: absolute;
  background-color: #fff;
  height: 94%;
  top: 50%;
  transform: translateY(-50%);
  width: 110px;
  right: 24px;
  border-radius: 0;
  border-top: 0;
  border-bottom: 0;
  border-right: unset;
}
@media (min-width: 1200px) {
  .expertRegistraion #currency {
    width: 215px;
  }
}
.expertRegistraion #experCurrency {
  position: absolute;
  background-color: #fff;
  height: 94%;
  top: 50%;
  transform: translateY(-50%);
  width: 110px;
  right: 24px;
  border-radius: 0;
  border-top: 0;
  border-bottom: 0;
  border-right: unset;
}
@media (min-width: 1200px) {
  .expertRegistraion #experCurrency {
    width: 215px;
  }
}
.expertRegistraion .bootstrap-tagsinput {
  margin: 0;
  height: auto !important;
}
.expertRegistraion .bootstrap-tagsinput span {
  font-family: "Helvetica";
}
.expertRegistraion .bootstrap-tagsinput input {
  padding-left: 0 !important;
  border: unset !important;
  width: 100%;
  text-transform: capitalize;
}
.expertRegistraion .bootstrap-tagsinput .label-info {
  display: inline-flex;
  background-color: #D9D9D9;
  color: #282828;
  align-items: center;
  text-transform: capitalize;
  padding-left: 10px;
  font-size: 15px;
  height: 35px;
}
@media (min-width: 992px) {
  .expertRegistraion .bootstrap-tagsinput .label-info {
    height: 28px;
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .expertRegistraion .bootstrap-tagsinput .label-info {
    height: 33px;
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  .expertRegistraion .bootstrap-tagsinput .label-info {
    height: 36px;
    font-size: 16px;
  }
}
@media (min-width: 1800px) {
  .expertRegistraion .bootstrap-tagsinput .label-info {
    height: 40px;
    font-size: 20px;
  }
}
.expertRegistraion .bootstrap-tagsinput .label-info span {
  display: inline-block;
  width: 31px;
  height: 100%;
  position: relative;
}
.expertRegistraion .bootstrap-tagsinput .tag [data-role=remove]:after {
  content: "×";
  background-color: #BDBDBD;
  font-size: 30px;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  .expertRegistraion .bootstrap-tagsinput .tag [data-role=remove]:after {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .expertRegistraion .bootstrap-tagsinput .tag [data-role=remove]:after {
    font-size: 25px;
  }
}
@media (min-width: 1600px) {
  .expertRegistraion .bootstrap-tagsinput .tag [data-role=remove]:after {
    font-size: 28px;
  }
}
@media (min-width: 1800px) {
  .expertRegistraion .bootstrap-tagsinput .tag [data-role=remove]:after {
    font-size: 30px;
  }
}
.expertRegistraion .jobHistory .terms_of_service {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .expertRegistraion .jobHistory .terms_of_service {
    margin-top: 40px;
  }
}
@media (min-width: 1600px) {
  .expertRegistraion .jobHistory .terms_of_service {
    margin-top: 50px;
  }
}
@media (min-width: 1800px) {
  .expertRegistraion .jobHistory .terms_of_service {
    margin-top: 60px;
  }
}
.expertRegistraion .jobHistory h2 {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
}
@media (max-width: 575px) {
  .expertRegistraion .jobHistory h2 {
    font-size: 24px;
  }
}
.expertRegistraion .jobHistory .dataTable {
  width: 100%;
}
.expertRegistraion .jobHistory .dataTable label {
  font-weight: 700;
}
.expertRegistraion .jobHistory .dataTable tr {
  display: flex;
  gap: 26px 5px;
  justify-content: space-between;
  margin-bottom: 25px;
}
@media (max-width: 575px) {
  .expertRegistraion .jobHistory .dataTable tr {
    flex-wrap: wrap;
  }
}
@media (min-width: 768px) {
  .expertRegistraion .jobHistory .dataTable tr {
    gap: 0px 8px;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .expertRegistraion .jobHistory .dataTable tr {
    gap: 0px 10px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .expertRegistraion .jobHistory .dataTable tr {
    gap: 0px 13px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1600px) {
  .expertRegistraion .jobHistory .dataTable tr {
    gap: 0px 17px;
    margin-bottom: 50px;
  }
}
@media (min-width: 1800px) {
  .expertRegistraion .jobHistory .dataTable tr {
    gap: 0px 24px;
    margin-bottom: 60px;
  }
}
.expertRegistraion .jobHistory .dataTable tr:first-child {
  margin-bottom: 0;
  justify-content: flex-start;
  gap: 7px;
}
@media (min-width: 768px) {
  .expertRegistraion .jobHistory .dataTable tr:first-child {
    gap: 19px;
  }
}
@media (min-width: 992px) {
  .expertRegistraion .jobHistory .dataTable tr:first-child {
    gap: 23px;
  }
}
@media (min-width: 1200px) {
  .expertRegistraion .jobHistory .dataTable tr:first-child {
    gap: 25px;
  }
}
@media (min-width: 1300px) {
  .expertRegistraion .jobHistory .dataTable tr:first-child {
    gap: 29px;
  }
}
@media (min-width: 1600px) {
  .expertRegistraion .jobHistory .dataTable tr:first-child {
    gap: 34px;
  }
}
@media (min-width: 1700px) {
  .expertRegistraion .jobHistory .dataTable tr:first-child {
    gap: 42px;
  }
}
.expertRegistraion .jobHistory .dataTable td {
  position: relative;
}
.expertRegistraion .jobHistory .dataTable td:nth-child(1), .expertRegistraion .jobHistory .dataTable td:nth-child(2) {
  width: 100%;
}
.expertRegistraion .jobHistory .dataTable td:nth-child(3), .expertRegistraion .jobHistory .dataTable td:nth-child(4) {
  width: 100%;
}
@media (min-width: 100px) and (max-width: 575px) {
  .expertRegistraion .jobHistory .dataTable td:nth-child(3) input, .expertRegistraion .jobHistory .dataTable td:nth-child(4) input {
    width: 100%;
  }
}
.expertRegistraion .jobHistory .dataTable td:nth-child(5) {
  width: 140px;
}
.expertRegistraion .jobHistory .dataTable td:nth-child(6), .expertRegistraion .jobHistory .dataTable td:nth-child(7) {
  width: 50px;
}
@media (min-width: 768px) {
  .expertRegistraion .jobHistory .dataTable td:nth-child(1), .expertRegistraion .jobHistory .dataTable td:nth-child(2) {
    flex: 0 0 24%;
    max-width: 24%;
  }
  .expertRegistraion .jobHistory .dataTable td:nth-child(3), .expertRegistraion .jobHistory .dataTable td:nth-child(4) {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .expertRegistraion .jobHistory .dataTable td:nth-child(5) {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .expertRegistraion .jobHistory .dataTable td:nth-child(6), .expertRegistraion .jobHistory .dataTable td:nth-child(7) {
    flex: 0 0 6%;
    max-width: 6%;
  }
}
@media (min-width: 992px) {
  .expertRegistraion .jobHistory .dataTable td:nth-child(1), .expertRegistraion .jobHistory .dataTable td:nth-child(2) {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .expertRegistraion .jobHistory .dataTable td:nth-child(3), .expertRegistraion .jobHistory .dataTable td:nth-child(4) {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .expertRegistraion .jobHistory .dataTable td:nth-child(5) {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .expertRegistraion .jobHistory .dataTable td:nth-child(6), .expertRegistraion .jobHistory .dataTable td:nth-child(7) {
    flex: 0 0 4.8666665%;
    max-width: 4.8666665%;
  }
}
@media (min-width: 1600px) {
  .expertRegistraion .jobHistory .dataTable td:nth-child(1), .expertRegistraion .jobHistory .dataTable td:nth-child(2) {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .expertRegistraion .jobHistory .dataTable td:nth-child(3), .expertRegistraion .jobHistory .dataTable td:nth-child(4) {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .expertRegistraion .jobHistory .dataTable td:nth-child(5) {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .expertRegistraion .jobHistory .dataTable td:nth-child(6), .expertRegistraion .jobHistory .dataTable td:nth-child(7) {
    flex: 0 0 4.8666665%;
    max-width: 4.8666665%;
  }
}
@media (min-width: 1800px) {
  .expertRegistraion .jobHistory .dataTable td:nth-child(1), .expertRegistraion .jobHistory .dataTable td:nth-child(2) {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .expertRegistraion .jobHistory .dataTable td:nth-child(3), .expertRegistraion .jobHistory .dataTable td:nth-child(4) {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .expertRegistraion .jobHistory .dataTable td:nth-child(5) {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .expertRegistraion .jobHistory .dataTable td:nth-child(6), .expertRegistraion .jobHistory .dataTable td:nth-child(7) {
    flex: 0 0 4.1666665%;
    max-width: 4.1666665%;
  }
}
.expertRegistraion .jobHistory .dataTable td label.from-label, .expertRegistraion .jobHistory .dataTable td label.to-label {
  font-weight: 400;
  height: 30px;
  position: absolute;
  top: 50%;
  padding-left: 20px;
  margin-left: 2px;
  background: linear-gradient(0deg, white 90%, transparent 89%);
  color: #999999;
  width: 98%;
  margin: auto;
  display: flex;
  align-items: center;
  margin-left: 1px;
  /* border: 1px solid #12284F; */
  border-radius: 5px;
}
@media (min-width: 768px) {
  .expertRegistraion .jobHistory .dataTable td label.from-label, .expertRegistraion .jobHistory .dataTable td label.to-label {
    transform: translateY(-50%);
    width: 100%;
    background: linear-gradient(50deg, white 55%, transparent 85%);
  }
}
@media (min-width: 992px) {
  .expertRegistraion .jobHistory .dataTable td label.from-label, .expertRegistraion .jobHistory .dataTable td label.to-label {
    background: linear-gradient(50deg, white 80%, transparent 85%);
  }
}
@media (min-width: 1200px) {
  .expertRegistraion .jobHistory .dataTable td label.from-label, .expertRegistraion .jobHistory .dataTable td label.to-label {
    background: linear-gradient(50deg, white 82%, transparent 85%);
  }
}
.expertRegistraion .jobHistory .dataTable td label.from-label::after, .expertRegistraion .jobHistory .dataTable td label.to-label::after {
  background-image: url(../images/svg/form/calender.svg);
  width: 20px;
  height: 20px;
  top: 50%;
  background-size: cover;
  transform: translateY(-50%);
  right: 10px;
}
@media (min-width: 768px) {
  .expertRegistraion .jobHistory .dataTable td label.from-label::after, .expertRegistraion .jobHistory .dataTable td label.to-label::after {
    width: 30px;
    height: 30px;
    right: 40px;
  }
}
@media (min-width: 992px) {
  .expertRegistraion .jobHistory .dataTable td label.from-label::after, .expertRegistraion .jobHistory .dataTable td label.to-label::after {
    right: 15px;
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1200px) {
  .expertRegistraion .jobHistory .dataTable td label.from-label::after, .expertRegistraion .jobHistory .dataTable td label.to-label::after {
    right: 15px;
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1600px) {
  .expertRegistraion .jobHistory .dataTable td label.from-label::after, .expertRegistraion .jobHistory .dataTable td label.to-label::after {
    right: 30px;
    width: 25px;
    height: 25px;
  }
}
@media (min-width: 1800px) {
  .expertRegistraion .jobHistory .dataTable td label.from-label::after, .expertRegistraion .jobHistory .dataTable td label.to-label::after {
    right: 40px;
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .expertRegistraion .jobHistory .dataTable td label.from-label, .expertRegistraion .jobHistory .dataTable td label.to-label {
    font-size: 0;
  }
  .expertRegistraion .jobHistory .dataTable td label.from-label::after, .expertRegistraion .jobHistory .dataTable td label.to-label::after {
    right: 50%;
    transform: translate(50%, -50%);
  }
}
@media (max-width: 767px) {
  .expertRegistraion .jobHistory .dataTable td label.from-label, .expertRegistraion .jobHistory .dataTable td label.to-label {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .expertRegistraion .jobHistory .dataTable td label.from-label, .expertRegistraion .jobHistory .dataTable td label.to-label {
    height: 30px;
    padding-left: 22px;
  }
}
@media (min-width: 1200px) {
  .expertRegistraion .jobHistory .dataTable td label.from-label, .expertRegistraion .jobHistory .dataTable td label.to-label {
    height: 30px;
    padding-left: 40px;
  }
}
@media (min-width: 1600px) {
  .expertRegistraion .jobHistory .dataTable td label.from-label, .expertRegistraion .jobHistory .dataTable td label.to-label {
    height: 37px;
  }
}
@media (min-width: 1800px) {
  .expertRegistraion .jobHistory .dataTable td label.from-label, .expertRegistraion .jobHistory .dataTable td label.to-label {
    height: 58px;
  }
}
.expertRegistraion .jobHistory .dataTable td label.from-label.to-label-present::after, .expertRegistraion .jobHistory .dataTable td label.to-label.to-label-present::after {
  content: none;
}
.expertRegistraion .jobHistory .dataTable td label.to-label {
  border-left: unset;
}
@media (max-width: 767px) {
  .expertRegistraion .jobHistory .dataTable td label.to-label {
    border-right: unset;
  }
}
@media (min-width: 992px) {
  .expertRegistraion .jobHistory .dataTable td label.to-label {
    border-right: unset;
  }
}
.expertRegistraion .jobHistory .dataTable td input[type=date]::-webkit-calendar-picker-indicator {
  margin-right: 10px;
  width: 20px; /* Adjust the width as desired */
  height: 20px; /* Adjust the height as desired */
}
@media (min-width: 768px) {
  .expertRegistraion .jobHistory .dataTable td input[type=date]::-webkit-calendar-picker-indicator {
    margin-right: 30px;
    width: 30px; /* Adjust the width as desired */
    height: 30px; /* Adjust the height as desired */
  }
}
.expertRegistraion .jobHistory .dataTable td input.modalBtn, .expertRegistraion .jobHistory .dataTable td input.present {
  padding: 0;
}
.expertRegistraion .jobHistory .dataTable td input.present {
  background-color: #12284F;
  color: #fff;
  text-transform: capitalize;
  font-size: 14px;
}
@media (min-width: 768px) {
  .expertRegistraion .jobHistory .dataTable td input.present {
    font-size: 10px;
  }
}
@media (min-width: 1200px) {
  .expertRegistraion .jobHistory .dataTable td input.present {
    font-size: 12px;
  }
}
@media (min-width: 1600px) {
  .expertRegistraion .jobHistory .dataTable td input.present {
    font-size: 16px;
  }
}
.expertRegistraion .jobHistory .dataTable td input.present.active {
  background-color: #1EB7BB;
}
.expertRegistraion .jobHistory .dataTable td input.modalBtn, .expertRegistraion .jobHistory .dataTable td input.delBtn {
  background-repeat: no-repeat;
  font-size: 0;
  background-size: 25px;
  background-position: center;
  background-color: unset;
}
@media (min-width: 768px) {
  .expertRegistraion .jobHistory .dataTable td input.modalBtn, .expertRegistraion .jobHistory .dataTable td input.delBtn {
    background-size: 20px;
  }
}
@media (min-width: 1200px) {
  .expertRegistraion .jobHistory .dataTable td input.modalBtn, .expertRegistraion .jobHistory .dataTable td input.delBtn {
    background-size: 25px;
  }
}
@media (min-width: 1600px) {
  .expertRegistraion .jobHistory .dataTable td input.modalBtn, .expertRegistraion .jobHistory .dataTable td input.delBtn {
    background-size: 30px;
  }
}
@media (min-width: 1800px) {
  .expertRegistraion .jobHistory .dataTable td input.modalBtn, .expertRegistraion .jobHistory .dataTable td input.delBtn {
    background-size: 40px;
  }
}
.expertRegistraion .jobHistory .dataTable td input.modalBtn {
  background-image: url(../images/svg/form/add.svg);
}
.expertRegistraion .jobHistory .dataTable td input.delBtn {
  background-image: url(../images/svg/form/trash.svg);
  background-color: #F14336;
}
.expertRegistraion .jobHistory .dataTable .text-danger {
  position: absolute;
  width: 100%;
  bottom: -23px;
  text-align: center;
  left: 0;
}
@media (min-width: 768px) {
  .expertRegistraion .jobHistory .dataTable .text-danger {
    bottom: -28px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .expertRegistraion .jobHistory .dataTable .text-danger {
    line-height: 14px;
    font-size: 13px;
  }
}
.expertRegistraion .jobHistory > button {
  display: inline-block;
  height: 45px;
  font-size: 14px;
  line-height: 14px;
  background-color: #12284F;
  color: #fff;
  border-radius: 5px;
  outline: unset;
  border: unset;
}
@media (max-width: 575px) {
  .expertRegistraion .jobHistory > button {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .expertRegistraion .jobHistory > button {
    padding: 0;
    width: 92%;
    margin: 10px auto 20px auto;
  }
}
@media (min-width: 768px) {
  .expertRegistraion .jobHistory > button {
    width: 140px;
    height: 45px;
    font-size: 13px;
    line-height: 14px;
  }
}
@media (min-width: 1200px) {
  .expertRegistraion .jobHistory > button {
    width: 160px;
    height: 50px;
    font-size: 14px;
    line-height: 16px;
  }
}
@media (min-width: 1600px) {
  .expertRegistraion .jobHistory > button {
    width: 160px;
    height: 50px;
    font-size: 14px;
    line-height: 16px;
  }
}
@media (min-width: 1800px) {
  .expertRegistraion .jobHistory > button {
    width: 188px;
    height: 60px;
    font-size: 16px;
    line-height: 18px;
  }
}

.experRegModal .modal-dialog {
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
  width: 100%;
}
.experRegModal .modal-dialog .modal-title, .experRegModal .modal-dialog .modal-body {
  font-family: "Helvetica";
}
.experRegModal .modal-dialog .modal-header {
  background-color: #12284F;
}
.experRegModal .modal-dialog .modal-header .modal-title {
  color: #fff;
}
.experRegModal .modal-dialog .modal-header button {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  background-color: #F14336;
  color: #fff;
  border: unset;
  opacity: 0.8;
  border-radius: 0px 5px 0px 0px;
  transition: 0.5s ease all;
}
.experRegModal .modal-dialog .modal-header button:hover {
  opacity: 1;
  transition: 0.5s ease all;
}
.experRegModal .modal-dialog .modal-footer {
  padding: 0px 10px 10px 10px;
  border: unset;
}
.experRegModal .modal-dialog .modal-footer button {
  font-family: "Helvetica";
  border: unset;
  font-size: 16px !important;
  align-items: center;
  outline: unset;
}

@media (max-width: 767px) {
  .table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 20px;
  }
  #dataTable {
    min-width: 100%;
  }
}
.error {
  background-color: #c5021f;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 5px 7px;
  position: absolute;
  right: 0;
  display: none;
  top: 0;
}
.error:after {
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #c5021f;
  bottom: -5px;
  content: "";
  position: absolute;
  right: 10px;
}

span.select2-results li {
  font-family: Helvetica !important;
  border-radius: 0 !important;
}
span.select2-results li.select2-results__option--highlighted {
  background-color: #12284F !important;
}
span.select2-results li[aria-selected=true] {
  background-color: #12284F !important;
}

.select2-container--default .select2-results__option--highlighted:not([aria-selected=true]) {
  background-color: #1eb7bb !important;
  color: #ffffff !important;
}

ul.select2-results__options {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4784313725);
}
ul.select2-results__options li {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

main .bannerSlider, main header, main .leadingFirms, main .HomeServices {
  background-color: #FCFCFC;
}
main .HomeServices .heading::before {
  background-color: #1EB7BB;
}
main .parent-chart .top-level .steps:after, main .parent-chart .top-level .steps:before, main .parent-chart .lev-two .steps:before {
  border-color: #1EB7BB !important;
}
main .trustedNetworkHome {
  padding: 30px 0px;
}
@media (min-width: 1200px) {
  main .trustedNetworkHome .firms .slides {
    margin-right: 55px;
    margin-left: 55px;
  }
}
main .trustedNetworkHome p {
  font-family: "Prompt";
  font-size: 14px;
}
@media (min-width: 576px) {
  main .trustedNetworkHome p {
    font-size: 15px;
  }
}
@media (min-width: 768px) {
  main .trustedNetworkHome p {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  main .trustedNetworkHome p {
    font-size: 18px;
  }
}
main .trustedNetworkHome .slick-slide {
  height: 80px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
main .trustedNetworkHome .slick-dots li button:before {
  color: #fff;
}
main .whatwedoV2 {
  padding: 30px 0px;
}
@media (min-width: 1200px) {
  main .whatwedoV2 {
    padding: 50px 0px 20px 0px;
  }
}
main .whatwedoV2 h2, main .whatwedoV2 h3 {
  font-family: "Raleway";
}
main .whatwedoV2 h2 {
  font-size: 14px;
  margin: auto;
  text-transform: uppercase;
  color: #282828;
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  main .whatwedoV2 h2 {
    font-size: 14px;
  }
}
@media (min-width: 1600px) {
  main .whatwedoV2 h2 {
    font-size: 16px;
  }
}
main .whatwedoV2 h3 {
  font-size: 25px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  main .whatwedoV2 h3 {
    white-space: pre-line;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  main .whatwedoV2 h3 {
    margin-bottom: 30px;
    font-size: 35px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1600px) {
  main .whatwedoV2 h3 {
    margin-bottom: 30px;
    font-size: 38px;
    margin-bottom: 42px;
  }
}
main .whatwedoV2 img {
  margin: 30px auto;
  display: block;
}
@media (min-width: 576px) {
  main .whatwedoV2 img {
    width: 60%;
  }
}
@media (max-width: 575px) {
  main .whatwedoV2 img {
    width: 100%;
  }
}
main .whatwedoV2 p {
  font-family: "Prompt";
  color: #707070;
}
main .whatwedoV2 a:hover {
  color: #282828;
}
main .leadingFirmsv2 {
  background-color: #F9F9FD;
  padding: 30px 0px;
}
@media (min-width: 1200px) {
  main .leadingFirmsv2 {
    padding: 50px 0px 70px 0px;
  }
}
main .leadingFirmsv2 h2 + p {
  margin-bottom: 30px;
  color: #1EB7BB;
  font-size: 16px;
  font-family: "Raleway";
}
@media (min-width: 1200px) {
  main .leadingFirmsv2 h2 + p {
    margin-bottom: 50px;
  }
}
@media (min-width: 1600px) {
  main .leadingFirmsv2 h2 + p {
    margin-bottom: 60px;
    font-size: 20px;
  }
}
@media (min-width: 1800px) {
  main .leadingFirmsv2 h2 + p {
    margin-bottom: 70px;
    font-size: 22px;
  }
}
main .leadingFirmsv2 h2 {
  font-size: 26px;
  font-family: "Raleway";
}
@media (min-width: 1200px) {
  main .leadingFirmsv2 h2 {
    font-size: 32px;
  }
}
@media (max-width: 1199px) {
  main .choicesv2 {
    gap: 30px;
  }
}
main .choicesv2 .choiceColumn {
  display: flex;
}
@media (min-width: 576px) {
  main .choicesv2 .choiceColumn {
    max-width: 47%;
  }
}
@media (min-width: 1200px) {
  main .choicesv2 .choiceColumn {
    max-width: 23%;
  }
}
main .choicesv2 .choiceColumn h3 {
  font-size: 20px;
  line-height: 30px;
  color: #282828;
  white-space: pre-line;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  main .choicesv2 .choiceColumn h3 {
    height: 80px;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  main .choicesv2 .choiceColumn h3 {
    font-size: 20px;
    line-height: 30px;
    height: 95px;
  }
}
@media (min-width: 1600px) {
  main .choicesv2 .choiceColumn h3 {
    font-size: 23px;
    line-height: 34px;
    height: 110px;
  }
}
@media (min-width: 1800px) {
  main .choicesv2 .choiceColumn h3 {
    font-size: 29px;
    line-height: 40px;
    height: 125px;
  }
}
main .choicesv2 .choiceColumn p {
  font-size: 17px;
  line-height: 30px;
  position: relative;
  padding-top: 15px;
}
@media (min-width: 1200px) {
  main .choicesv2 .choiceColumn p {
    font-size: 17px;
    line-height: 28px;
    padding-top: 12px;
  }
}
@media (min-width: 1600px) {
  main .choicesv2 .choiceColumn p {
    font-size: 18px;
    line-height: 29px;
    padding-top: 14px;
  }
}
@media (min-width: 1800px) {
  main .choicesv2 .choiceColumn p {
    font-size: 19px;
    line-height: 30px;
    padding-top: 15px;
  }
}
main .choicesv2 .choiceColumn p::before {
  background-color: #1EB7BB;
  width: 15%;
  height: 2px;
  top: 0;
  left: 0;
}

.page-not-found {
  padding: 50px 0px 70px 0px;
}
.page-not-found svg, .page-not-found img {
  width: 100%;
  height: 130px;
}
@media (min-width: 576px) {
  .page-not-found svg, .page-not-found img {
    width: 50.8%;
    height: 170px;
  }
}
@media (min-width: 768px) {
  .page-not-found {
    padding: 70px 0px 80px 0px;
  }
}
@media (min-width: 992px) {
  .page-not-found {
    padding: 0px 0px 70px 0px;
  }
  .page-not-found svg, .page-not-found img {
    width: 33.8%;
    height: 280px;
  }
}
@media (min-width: 1200px) {
  .page-not-found {
    padding: 50px 0px 70px 0px;
  }
  .page-not-found svg, .page-not-found img {
    width: 35.6%;
    height: auto;
  }
}
@media (min-width: 1300px) {
  .page-not-found {
    padding: 94px 0px 105px 0px;
  }
  .page-not-found svg, .page-not-found img {
    height: auto;
  }
}
@media (min-width: 1600px) {
  .page-not-found {
    padding: 89px 0px 125px 0px;
  }
}
@media (min-width: 1900px) {
  .page-not-found {
    padding: 128px 0px 150px 0px;
  }
  .page-not-found svg, .page-not-found img {
    width: auto;
  }
}
.page-not-found h1 {
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 4px;
  color: #12284F;
  margin-bottom: 30px;
}
@media (min-width: 576px) {
  .page-not-found h1 {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: 4px;
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .page-not-found h1 {
    font-size: 43px;
    line-height: 42px;
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .page-not-found h1 {
    font-size: 42px;
    line-height: 42px;
    margin-top: -55px;
    margin-bottom: 25px;
  }
}
@media (min-width: 1200px) {
  .page-not-found h1 {
    font-size: 56px;
    line-height: 56px;
    letter-spacing: 5px;
    margin-top: -38px;
    margin-bottom: 38px;
  }
}
@media (min-width: 1300px) {
  .page-not-found h1 {
    font-size: 56px;
    line-height: 56px;
    letter-spacing: 5px;
    margin-top: 8px;
  }
}
@media (min-width: 1600px) {
  .page-not-found h1 {
    font-size: 65px;
    line-height: 34px;
    letter-spacing: 6.5px;
    margin-top: 0;
    margin-bottom: 60px;
  }
}
@media (min-width: 1900px) {
  .page-not-found h1 {
    font-size: 80px;
    line-height: 100px;
    letter-spacing: 8px;
    margin-bottom: 40px;
  }
}

.button-page-not-found {
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media (min-width: 576px) {
  .button-page-not-found {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .button-page-not-found {
    gap: 10px;
  }
}
@media (min-width: 1200px) {
  .button-page-not-found {
    gap: 15px;
  }
}
@media (min-width: 1600px) {
  .button-page-not-found {
    gap: 18px;
  }
}
@media (min-width: 1900px) {
  .button-page-not-found {
    gap: 20px;
  }
}
.button-page-not-found .btn {
  height: 35px;
  font-size: 14px;
}
@media (max-width: 575px) {
  .button-page-not-found .btn {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .button-page-not-found .btn {
    line-height: 12px;
    padding: 0;
    padding-bottom: 2px;
  }
}
@media (min-width: 576px) {
  .button-page-not-found .btn {
    font-size: 12px;
    width: 100px;
    height: 31px;
  }
  .button-page-not-found .btn.active {
    width: 90px;
  }
}
@media (min-width: 1200px) {
  .button-page-not-found .btn {
    font-size: 14px;
    width: 132px;
    height: 40px;
  }
  .button-page-not-found .btn.active {
    width: 117px;
  }
}
@media (min-width: 1600px) {
  .button-page-not-found .btn {
    font-size: 16px;
    width: 155px;
    height: 49px;
  }
  .button-page-not-found .btn.active {
    width: 137px;
  }
}
@media (min-width: 1900px) {
  .button-page-not-found .btn {
    font-size: 20px;
    width: 187px;
    height: 60px;
  }
  .button-page-not-found .btn.active {
    width: 165px;
  }
}

.term-desc-box p {
  font-family: "Helvetica";
}
.term-desc-box ~ ul, .term-desc-box ul {
  margin: 20px 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-left: 30px;
}
@media (min-width: 768px) {
  .term-desc-box ~ ul, .term-desc-box ul {
    padding-left: 60px;
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .term-desc-box ~ ul, .term-desc-box ul {
    padding-left: 49px;
  }
}
@media (min-width: 1200px) {
  .term-desc-box ~ ul, .term-desc-box ul {
    padding-left: 69px;
  }
}
@media (min-width: 1600px) {
  .term-desc-box ~ ul, .term-desc-box ul {
    padding-left: 85px;
  }
}
@media (min-width: 1900px) {
  .term-desc-box ~ ul, .term-desc-box ul {
    padding-left: 101px;
  }
}
.term-desc-box ~ ul li, .term-desc-box ul li {
  font-family: "Helvetica";
  margin-bottom: 10px;
}
.term-desc-box ~ ul li:last-child, .term-desc-box ul li:last-child {
  margin-bottom: 0;
}
.term-desc-box ~ ul li, .term-desc-box ul li {
  font-size: 15px;
  line-height: 25px;
  position: relative;
}
@media (min-width: 768px) {
  .term-desc-box ~ ul li, .term-desc-box ul li {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (min-width: 992px) {
  .term-desc-box ~ ul li, .term-desc-box ul li {
    font-size: 16.4px;
    line-height: 23.4px;
  }
}
@media (min-width: 1200px) {
  .term-desc-box ~ ul li, .term-desc-box ul li {
    font-size: 15.4px;
    line-height: 21.4px;
  }
}
@media (min-width: 1600px) {
  .term-desc-box ~ ul li, .term-desc-box ul li {
    font-size: 17.4px;
    line-height: 31.4px;
  }
}
@media (min-width: 1700px) {
  .term-desc-box ~ ul li, .term-desc-box ul li {
    font-size: 19.4px;
    line-height: 31.4px;
  }
}
@media (min-width: 1900px) {
  .term-desc-box ~ ul li, .term-desc-box ul li {
    font-size: 20px;
    line-height: 40px;
  }
}
.term-desc-box ~ ul li::before, .term-desc-box ul li::before {
  background-image: url('data:image/svg+xml,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.5" cy="11.5" r="11.5" fill="%2312284F"/><path d="M8.41945 7L7.375 8.175L10.7676 12L7.375 15.825L8.41945 17L12.8639 12L8.41945 7Z" fill="white"/><path d="M11.9741 7L10.9297 8.175L14.3223 12L10.9297 15.825L11.9741 17L16.4186 12L11.9741 7Z" fill="white"/></svg>');
  width: 17px;
  height: 17px;
  left: -28px;
  top: 5px;
  background-size: contain;
}
@media (min-width: 576px) {
  .term-desc-box ~ ul li::before, .term-desc-box ul li::before {
    width: 20px;
    height: 20px;
    left: -35px;
    top: 2px;
  }
}
@media (min-width: 992px) {
  .term-desc-box ~ ul li::before, .term-desc-box ul li::before {
    width: 15px;
    height: 15px;
    left: -28px;
    top: 2px;
  }
}
@media (min-width: 1200px) {
  .term-desc-box ~ ul li::before, .term-desc-box ul li::before {
    width: 15px;
    height: 15px;
    left: -28px;
    top: 2px;
  }
}
@media (min-width: 1600px) {
  .term-desc-box ~ ul li::before, .term-desc-box ul li::before {
    width: 19px;
    height: 19px;
    left: -35px;
    top: 4px;
  }
}
@media (min-width: 1900px) {
  .term-desc-box ~ ul li::before, .term-desc-box ul li::before {
    width: 23px;
    height: 23px;
    left: -42px;
    top: 7px;
  }
}

.termsConditions .heading {
  margin-bottom: 20px;
}

.modal-backdrop {
  background-color: rgba(18, 40, 79, 0.95);
  opacity: 1 !important;
}

.thankYouPopup .modal-header {
  padding: 0;
  position: relative;
}
@media (min-width: 576px) {
  .thankYouPopup .modal-dialog {
    max-width: 85.4% !important;
  }
}
@media (min-width: 992px) {
  .thankYouPopup .modal-dialog {
    max-width: 65.4% !important;
  }
}
@media (min-width: 1900px) {
  .thankYouPopup .modal-dialog {
    max-width: 1265px !important;
  }
}
.thankYouPopup .modal-content {
  padding: 20px;
  border-radius: 0;
}
@media (min-width: 576px) {
  .thankYouPopup .modal-content {
    padding: 30px 40px;
  }
}
@media (min-width: 992px) {
  .thankYouPopup .modal-content {
    padding: 30px 30px;
  }
}
@media (min-width: 1200px) {
  .thankYouPopup .modal-content {
    padding: 30px 40px;
  }
}
@media (min-width: 1600px) {
  .thankYouPopup .modal-content {
    padding: 50px 60px;
  }
}
.thankYouPopup .modal-body {
  padding: 0;
  margin-top: 30px;
}
@media (min-width: 576px) {
  .thankYouPopup .modal-body {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .thankYouPopup .modal-body {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .thankYouPopup .modal-body {
    margin-top: 30px;
  }
}
@media (min-width: 1600px) {
  .thankYouPopup .modal-body {
    margin-top: 0;
  }
}
@media (min-width: 1900px) {
  .thankYouPopup .modal-body {
    margin-top: 20px;
  }
}
.thankYouPopup .modal-footer, .thankYouPopup .modal-header {
  border: unset;
}
.thankYouPopup picture {
  display: flex;
  justify-content: center;
}
.thankYouPopup img {
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
  width: 85px;
  margin-bottom: 20px;
  border-radius: 100px;
}
@media (min-width: 576px) {
  .thankYouPopup img {
    width: 100px;
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .thankYouPopup img {
    width: 85px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .thankYouPopup img {
    width: 95px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1300px) {
  .thankYouPopup img {
    width: 100px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1600px) {
  .thankYouPopup img {
    width: 180px;
    padding: 25px;
    margin-bottom: 0;
  }
}
@media (min-width: 1900px) {
  .thankYouPopup img {
    width: auto;
    height: auto;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
}
.thankYouPopup button {
  position: absolute;
  right: 0;
  top: 0;
  border: unset;
  background-color: unset;
  z-index: 3;
}
.thankYouPopup button svg {
  width: 15px;
}
@media (min-width: 576px) {
  .thankYouPopup button svg {
    width: 12px;
  }
}
@media (min-width: 992px) {
  .thankYouPopup button svg {
    width: 15px;
  }
}
@media (min-width: 1200px) {
  .thankYouPopup button svg {
    width: 18px;
  }
}
@media (min-width: 1600px) {
  .thankYouPopup button svg {
    width: 20px;
  }
}
@media (min-width: 1900px) {
  .thankYouPopup button svg {
    width: auto;
  }
}
.thankYouPopup h2 {
  font-size: 40px;
  line-height: 30px;
  letter-spacing: 4px;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .thankYouPopup h2 {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: 4px;
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .thankYouPopup h2 {
    font-size: 43px;
    line-height: 42px;
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .thankYouPopup h2 {
    font-size: 42px;
    line-height: 42px;
    margin-top: -55px;
    margin-bottom: 25px;
  }
}
@media (min-width: 1200px) {
  .thankYouPopup h2 {
    font-size: 56px;
    line-height: 56px;
    letter-spacing: 5px;
    margin-top: -38px;
    margin-bottom: 45px;
  }
}
@media (min-width: 1300px) {
  .thankYouPopup h2 {
    font-size: 56px;
    line-height: 56px;
    letter-spacing: 5px;
    margin-top: 8px;
  }
}
@media (min-width: 1600px) {
  .thankYouPopup h2 {
    font-size: 65px;
    line-height: 44px;
    letter-spacing: 6.5px;
    margin-top: 0;
    margin-bottom: 70px;
  }
}
@media (min-width: 1900px) {
  .thankYouPopup h2 {
    font-size: 80px;
    line-height: 100px;
    letter-spacing: 8px;
    margin-bottom: 40px;
  }
}
.thankYouPopup h3 {
  color: #12284F;
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 23px;
}
@media (min-width: 576px) {
  .thankYouPopup h3 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 992px) {
  .thankYouPopup h3 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }
}
@media (min-width: 1200px) {
  .thankYouPopup h3 {
    margin-bottom: 10px;
    font-size: 23.3px;
    line-height: 40px;
  }
}
@media (min-width: 1600px) {
  .thankYouPopup h3 {
    margin-bottom: 15px;
    font-size: 27.3px;
    line-height: 40px;
  }
}
@media (min-width: 1900px) {
  .thankYouPopup h3 {
    margin-bottom: 20px;
    font-size: 34px;
    line-height: 50px;
  }
}
.thankYouPopup p {
  font-family: Helvetica;
  font-size: 11px;
  line-height: 20px;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .thankYouPopup p {
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 20px;
  }
}
@media (min-width: 992px) {
  .thankYouPopup p {
    margin-bottom: 30px;
    font-size: 11px;
    line-height: 20px;
  }
}
@media (min-width: 1200px) {
  .thankYouPopup p {
    margin-bottom: 40px;
    font-size: 15px;
    line-height: 28px;
  }
}
@media (min-width: 1600px) {
  .thankYouPopup p {
    margin-bottom: 40px;
    font-size: 15px;
    line-height: 28px;
  }
}
@media (min-width: 1900px) {
  .thankYouPopup p {
    width: 95%;
    margin: auto;
    margin-bottom: 60px;
    font-size: 18px;
    line-height: 30px;
  }
}
.thankYouPopup .modal-footer {
  justify-content: center;
  padding: 0;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .thankYouPopup .modal-footer {
    gap: 5px;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .thankYouPopup .modal-footer {
    gap: 10px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .thankYouPopup .modal-footer {
    gap: 5px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1600px) {
  .thankYouPopup .modal-footer {
    gap: 18px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1900px) {
  .thankYouPopup .modal-footer {
    gap: 10px;
    margin-bottom: 40px;
  }
}
.thankYouPopup .modal-footer .btn {
  height: 35px;
  font-size: 14px;
}
@media (max-width: 575px) {
  .thankYouPopup .modal-footer .btn {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .thankYouPopup .modal-footer .btn {
    line-height: 12px;
    padding: 0;
    padding-bottom: 2px;
  }
}
@media (min-width: 576px) {
  .thankYouPopup .modal-footer .btn {
    font-size: 12px;
    width: 100px;
    height: 31px;
  }
  .thankYouPopup .modal-footer .btn.active {
    width: 90px;
  }
}
@media (min-width: 1200px) {
  .thankYouPopup .modal-footer .btn {
    font-size: 14px;
    width: 132px;
    height: 40px;
  }
  .thankYouPopup .modal-footer .btn.active {
    width: 117px;
  }
}
@media (min-width: 1600px) {
  .thankYouPopup .modal-footer .btn {
    font-size: 16px;
    width: 155px;
    height: 49px;
  }
  .thankYouPopup .modal-footer .btn.active {
    width: 137px;
  }
}
@media (min-width: 1900px) {
  .thankYouPopup .modal-footer .btn {
    font-size: 20px;
    width: 187px;
    height: 60px;
  }
  .thankYouPopup .modal-footer .btn.active {
    width: 165px;
  }
}/*# sourceMappingURL=style.css.map */