.displayResposive {
  display: none;
}
@media screen and (min-width: 1px) and (max-width: 576px) {
  .displayResposive.show-xs {
    display: block;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .displayResposive.show-sm {
    display: block;
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .displayResposive.show-md {
    display: block;
  }
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
  .displayResposive.show-lg {
    display: block;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  .displayResposive.show-xl {
    display: block;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1920px) {
  .displayResposive.show-xxl {
    display: block;
  }
}
@media screen and (min-width: 1921px) {
  .displayResposive.show-3xl {
    display: block;
  }
}

html.debugMode:before {
  z-index: 10000;
  content: "";
  position: fixed;
  right: 5px;
  top: 5px;
  background: red;
  color: #fff;
  display: none;
  width: 35px;
  height: 35px;
  padding: 0;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
html.debugMode:after {
  z-index: 10000;
  content: "";
  position: fixed;
  right: 40px;
  top: 5px;
  background: blue;
  color: #fff;
  display: none;
  width: 35px;
  height: 35px;
  padding: 0;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

@media screen and (min-width: 1px) {
  html.debugMode:after {
    content: "xs";
    display: flex;
  }
}
@media screen and (min-width: 577px) {
  html.debugMode:after {
    content: "sm";
    display: flex;
  }
}
@media screen and (min-width: 769px) {
  html.debugMode:after {
    content: "md";
    display: flex;
  }
}
@media screen and (min-width: 993px) {
  html.debugMode:after {
    content: "lg";
    display: flex;
  }
}
@media screen and (min-width: 1201px) {
  html.debugMode:after {
    content: "xl";
    display: flex;
  }
}
@media screen and (min-width: 1401px) {
  html.debugMode:after {
    content: "xxl";
    display: flex;
  }
}
@media screen and (min-width: 1921px) {
  html.debugMode:after {
    content: "3xl";
    display: flex;
  }
}
@media screen and (min-width: 2561px) {
  html.debugMode:after {
    content: "4xl";
    display: flex;
  }
}
@media screen and (max-width: 2559px) {
  html.debugMode:before {
    content: "4xl";
    display: flex;
  }
}
@media screen and (max-width: 1919px) {
  html.debugMode:before {
    content: "3xl";
    display: flex;
  }
}
@media screen and (max-width: 1399px) {
  html.debugMode:before {
    content: "xxl";
    display: flex;
  }
}
@media screen and (max-width: 1199px) {
  html.debugMode:before {
    content: "xl";
    display: flex;
  }
}
@media screen and (max-width: 991px) {
  html.debugMode:before {
    content: "lg";
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  html.debugMode:before {
    content: "md";
    display: flex;
  }
}
@media screen and (max-width: 575px) {
  html.debugMode:before {
    content: "sm";
    display: flex;
  }
}
@media screen and (max-width: -1px) {
  html.debugMode:before {
    content: "xs";
    display: flex;
  }
}
@media screen and (max-width: 576px) {
  header {
    padding: 35px 0 0;
    width: calc(100% - 20px);
    margin: 10px 10px 0;
  }
  body.headerAbs header {
    padding: 35px 15px 0;
  }
  header .headerMenu {
    display: none !important;
  }
  header .desktop-only {
    display: none !important;
  }
  header .logo {
    max-width: 110px;
    width: 100%;
  }
  header .mobileHeaderActions {
    display: flex;
    margin-left: auto;
  }
  header .mobileMenuWrapper {
    display: flex;
  }
  header .mobileSearchWrapper {
    display: block;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  header {
    padding-top: 30px;
    width: calc(100% - 30px) !important;
    margin-left: 15px !important;
  }
  header .headerMenu {
    display: none !important;
  }
  header .desktop-only {
    display: none !important;
  }
  header .container {
    max-width: 100%;
  }
  header .logo {
    max-width: 146px;
  }
  header .mobileHeaderActions {
    display: flex;
    margin-left: auto;
  }
  header .mobileMenuWrapper {
    display: flex;
  }
  header .mobileSearchWrapper {
    display: block;
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  header .headerMenu {
    display: none !important;
  }
  header .desktop-only {
    display: none !important;
  }
  header .mobileHeaderActions {
    display: flex;
    margin-left: auto;
  }
  header .mobileMenuWrapper {
    display: flex;
  }
  header .mobileSearchWrapper {
    display: block;
  }
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
  header .headerMenu {
    display: none !important;
  }
  header .desktop-only {
    display: none !important;
  }
  header .mobileHeaderActions {
    display: flex;
    margin-left: auto;
  }
  header .mobileMenuWrapper {
    display: flex;
  }
  header .mobileSearchWrapper {
    display: block;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  header .headerMenu {
    display: flex !important;
  }
  header .desktop-only {
    display: flex !important;
  }
  header .desktop-only.getOffer {
    display: inline-flex !important;
  }
  header .mobileHeaderActions {
    display: none;
  }
  header .mobileMenuWrapper,
  header .mobileSearchWrapper {
    display: none !important;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1749px) {
  header {
    padding: 70px 50px 0;
  }
}
@media screen and (max-width: 576px) {
  .footerTop {
    padding: 50px 0;
    text-align: center;
  }
  .footerTop .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .footerTop .title {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
  }
  .footerTop .desc {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    padding: 0 10px;
  }
  .footerTop .getOffer {
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }
  footer {
    padding: 50px 0 20px;
  }
  footer .footerMain {
    flex-direction: column;
    gap: 0;
  }
  footer .footerMain .footerCol.aboutCol {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 0px;
  }
  footer .footerMain .footerCol.aboutCol .footerLogo {
    margin-bottom: 20px;
    display: block;
  }
  footer .footerMain .footerCol.aboutCol .footerDesc {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 30px;
    padding: 0 20px;
  }
  footer .footerMain .footerCol.aboutCol .turkkepBox {
    margin-bottom: 30px;
    justify-content: center;
    text-align: left;
  }
  footer .footerMain .footerLinks {
    width: 100%;
    flex-direction: column;
    gap: 30px;
    text-align: center;
    padding-top: 30px;
    padding-right: 0;
  }
  footer .footerMain .footerLinks .footerCol {
    width: 100%;
  }
  footer .footerMain .footerLinks .footerCol .menuTitle {
    font-size: 18px;
    margin-bottom: 15px;
  }
  footer .footerMain .footerLinks .footerCol ul li {
    margin-bottom: 10px;
  }
  footer .footerMain .footerLinks .footerCol ul li a {
    font-size: 15px;
  }
  footer .footerMain .footerInfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid #E0E6F1;
    margin-top: 0;
  }
  footer .footerMain .footerInfo .contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
  }
  footer .footerMain .footerInfo .contact span {
    display: none;
  }
  footer .footerMain .footerInfo .address {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  footer .footerMain .footerInfo .socials {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 5px;
  }
  .footerCopy {
    padding: 20px 0;
  }
  .footerCopy .container {
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }
  .footerCopy .container p {
    position: unset;
  }
  .footerCopy .container .footer3Item {
    width: auto;
  }
  .footerCopy .copyLinks {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .footerCopy .copyLinks a {
    display: block;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .footerTop {
    padding: 50px 0;
    text-align: center;
  }
  .footerTop .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .footerTop .title {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
  }
  .footerTop .desc {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    padding: 0 10px;
  }
  .footerTop .getOffer {
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }
  footer {
    padding: 40px 0 20px;
  }
  footer .footerMain {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  footer .footerMain .footerCol.aboutCol {
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  footer .footerMain .footerCol.aboutCol .footerLogo {
    display: inline-block;
    margin-bottom: 20px;
  }
  footer .footerMain .footerCol.aboutCol .footerDesc {
    margin-bottom: 25px;
  }
  footer .footerMain .footerCol.aboutCol .turkkepBox {
    margin-bottom: 30px;
    justify-content: center;
    text-align: left;
  }
  footer .footerMain .footerLinks {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    text-align: center;
  }
  footer .footerMain .footerLinks .footerCol {
    width: calc(50% - 20px);
    margin-bottom: 20px;
    min-width: 180px;
  }
  footer .footerMain .footerInfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #E0E6F1;
    margin-top: 0;
  }
  footer .footerMain .footerInfo .address {
    text-align: center;
    max-width: 300px;
    margin-bottom: 10px;
  }
  footer .footerMain .footerInfo .contact {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-bottom: 10px;
  }
  footer .footerMain .footerInfo .contact span {
    display: none;
  }
  footer .footerMain .footerInfo .socials {
    display: flex;
    justify-content: center;
  }
  .footerCopy .container {
    flex-direction: column;
    gap: 15px;
    text-align: center;
    align-items: center;
  }
  .footerCopy .container p {
    position: unset;
  }
  .footerCopy .container .footer3Item {
    width: auto;
  }
  .footerCopy .copyLinks {
    justify-content: center;
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .footerTop {
    padding: 50px 0;
    text-align: center;
  }
  .footerTop .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .footerTop .title {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
  }
  .footerTop .desc {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    padding: 0 10px;
  }
  .footerTop .getOffer {
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }
  footer {
    padding: 50px 0 20px;
  }
  footer .footerMain {
    flex-direction: column;
    gap: 0;
  }
  footer .footerMain .footerCol.aboutCol {
    max-width: 100%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 0px;
  }
  footer .footerMain .footerCol.aboutCol .footerLogo {
    margin-bottom: 20px;
    display: block;
  }
  footer .footerMain .footerCol.aboutCol .footerDesc {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 30px;
    padding: 0 20px;
  }
  footer .footerMain .footerCol.aboutCol .turkkepBox {
    margin-bottom: 30px;
    justify-content: center;
    text-align: left;
  }
  footer .footerMain .footerLinks {
    width: 100%;
    gap: 30px;
    padding-top: 30px;
    padding-bottom: 40px;
  }
  footer .footerMain .footerLinks .footerCol .menuTitle {
    font-size: 18px;
    margin-bottom: 15px;
  }
  footer .footerMain .footerLinks .footerCol ul li {
    margin-bottom: 10px;
  }
  footer .footerMain .footerLinks .footerCol ul li a {
    font-size: 15px;
  }
  footer .footerMain .footerInfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid #E0E6F1;
    margin-top: 0;
  }
  footer .footerMain .footerInfo .contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
  }
  footer .footerMain .footerInfo .contact span {
    display: none;
  }
  footer .footerMain .footerInfo .address {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
  }
  footer .footerMain .footerInfo .socials {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 5px;
  }
  .footerCopy .container {
    flex-direction: row;
    justify-content: center;
    gap: 30px;
  }
  .footerCopy .container p {
    position: unset;
  }
  .footerCopy .container .footer3Item {
    width: auto;
  }
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
  .footerTop {
    padding: 50px 0;
    text-align: center;
  }
  .footerTop .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .footerTop .title {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
  }
  .footerTop .desc {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    padding: 0 10px;
  }
  .footerTop .getOffer {
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }
  footer .footerMain {
    gap: 50px;
  }
  footer .footerCol.aboutCol {
    width: 30%;
  }
  footer .footerLinks {
    width: 70%;
    gap: 30px;
  }
  footer .footerLinks .footerCol .menuTitle {
    font-size: 18px;
  }
  .footerCopy .container {
    flex-direction: row;
    justify-content: center;
    gap: 30px;
  }
  .footerCopy .container p {
    position: unset;
  }
  .footerCopy .container .footer3Item {
    width: auto;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  .footerTop {
    padding: 50px 0;
    text-align: center;
  }
  .footerTop .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .footerTop .title {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
  }
  .footerTop .desc {
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    padding: 0 10px;
  }
  .footerTop .getOffer {
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }
  footer .footerMain {
    gap: 70px;
  }
}
@media screen and (min-width: 1701px) {
  .footerTop {
    padding: 80px 0;
  }
  .footerTop .title {
    font-size: 40px;
  }
  .footerTop .desc {
    font-size: 18px;
  }
}
@media screen and (max-width: 576px) {
  section.mainSlider {
    width: calc(100% - 20px);
    margin-top: 10px;
  }
  section.mainSlider .swiper-slide .slideContent {
    padding-top: 125px;
    padding-bottom: 45px;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop {
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop .mainTitle {
    font-size: 34px;
    line-height: 42px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  }
  section.mainSlider .swiper-slide .slideContent .contentTop .mobileText {
    display: block;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 24px;
    padding: 0 10px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  }
  section.mainSlider .swiper-slide .slideContent .contentTop .mobileBtn {
    display: inline-flex;
    width: auto;
    padding: 18px 40px;
    font-size: 16px;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom {
    flex-direction: column-reverse;
    gap: 30px;
    margin-top: 30px;
    align-items: center;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .btnGlow {
    display: none;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .socialProof {
    flex-direction: column;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    gap: 15px;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .socialProof .proofText {
    max-width: 280px;
    margin: 0 auto;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .infoBoxes {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .infoBoxes .infoBox {
    justify-content: center;
    flex: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    padding: 15px;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .infoBoxes .infoBox .boxContent {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .infoBoxes .infoBox .boxContent p {
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    opacity: 0.9;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .infoBoxes .infoBox .boxContent .stat {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .infoBoxes .infoBox .boxContent .bottomText {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .infoBoxes .infoBox .boxContent .bottomText .subText {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.7);
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .infoBoxes .infoBox .boxContent .bottomText .icon {
    width: 24px;
    height: 24px;
    opacity: 0.8;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .infoBoxes .infoBox.leafBox {
    max-width: 100%;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent {
    padding-top: 125px;
    padding-bottom: 45px;
    min-height: auto;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper {
    align-items: center;
    text-align: center;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .topBadges,
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .midBadges {
    justify-content: center;
    margin-bottom: 25px;
    order: 2;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .topBadges .glassBadge,
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .midBadges .glassBadge {
    padding: 8px 16px;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .topBadges .glassBadge .icon,
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .midBadges .glassBadge .icon {
    width: 32px;
    height: 32px;
    padding: 6px;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .topBadges .glassBadge .icon img,
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .midBadges .glassBadge .icon img {
    width: 100%;
    height: 100%;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .topBadges .glassBadge span,
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .midBadges .glassBadge span {
    font-size: 12px;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .mainTitle {
    font-size: 30px;
    text-align: center;
    margin-bottom: 25px;
    order: 1;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .description {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 35px;
    color: #000;
    order: 3;
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .actionArea {
    flex-direction: column;
    gap: 30px;
    order: 4;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .actionArea .socialProof {
    flex-direction: column;
    text-align: center;
  }
  section.mainSlider .sliderFooter {
    display: none;
  }
  section.future {
    padding: 40px 0;
  }
  section.future .container {
    flex-direction: column;
  }
  section.future .futureLeft {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section.future .futureLeft .sectionTitle {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    margin-bottom: 35px;
  }
  section.future .futureLeft .futureSubText {
    text-align: center;
  }
  section.future .futureRight {
    width: 100%;
  }
  section.future .futureRight .futureGrid {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  section.future .futureRight .futureGrid::-webkit-scrollbar {
    display: none;
  }
  section.whyUs {
    padding: 75px 12px;
  }
  section.whyUs .bgImg {
    max-width: calc(100% - 24px);
    left: 12px;
    transform: none;
    height: 500px;
  }
  section.whyUs .content .titleArea {
    flex-direction: column-reverse;
    margin-bottom: 45px;
  }
  section.whyUs .content .titleArea .title {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  section.whyUs .content .row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  section.whyUs .content .row > div {
    max-width: 90%;
  }
  section.mainWork {
    max-width: calc(100% - 20px);
    margin: 0 10px;
  }
  section.mainWork .container {
    padding: 20px;
  }
  section.mainWork .workHeader {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 45px;
  }
  section.mainWork .workHeader .headerLeft {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  section.mainWork .workHeader .headerLeft .badge {
    font-size: 24px;
  }
  section.mainWork .workHeader .headerRight .headerDesc {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }
  .mainIncentive {
    padding: 30px 0 50px;
  }
  .mainIncentive .incentiveHeader {
    flex-direction: column;
    align-items: center;
    gap: 25px;
    text-align: center;
  }
  .mainIncentive .incentiveHeader .headerRight .sectionTitle {
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    margin: 0;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  section.mainSlider {
    width: calc(100% - 20px);
    margin-top: 10px;
  }
  section.mainSlider .swiper-slide .slideContent {
    padding-top: 125px;
    padding-bottom: 45px;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop {
    margin-bottom: 50px;
    flex-direction: column;
    display: flex;
    align-items: center;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop .mainTitle {
    font-size: 34px;
    line-height: 42px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 25px;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop .mobileText {
    display: block;
    margin-bottom: 50px;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop .mobileBtn {
    display: inline;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom {
    flex-direction: column-reverse;
    align-items: center;
    gap: 40px;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .btnGlow {
    display: none;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .socialProof {
    flex-direction: column;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent {
    padding-top: 125px;
    padding-bottom: 45px;
    min-height: auto;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper {
    align-items: center;
    text-align: center;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .topBadges,
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .midBadges {
    justify-content: center;
    margin-bottom: 25px;
    order: 2;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .topBadges .glassBadge,
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .midBadges .glassBadge {
    padding: 8px 16px;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .topBadges .glassBadge .icon,
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .midBadges .glassBadge .icon {
    width: 32px;
    height: 32px;
    padding: 6px;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .topBadges .glassBadge .icon img,
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .midBadges .glassBadge .icon img {
    width: 100%;
    height: 100%;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .topBadges .glassBadge span,
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .midBadges .glassBadge span {
    font-size: 12px;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .mainTitle {
    font-size: 30px;
    text-align: center;
    margin-bottom: 25px;
    order: 1;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .description {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 35px;
    color: #000;
    order: 3;
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .actionArea {
    flex-direction: column;
    gap: 30px;
    order: 4;
  }
  section.mainSlider .swiper-slide.slideLeft .slideContent .contentWrapper .actionArea .socialProof {
    flex-direction: column;
    text-align: center;
  }
  section.mainSlider .sliderFooter {
    display: none;
  }
  section.future {
    padding: 40px 0;
  }
  section.future .container {
    flex-direction: column;
  }
  section.future .futureLeft {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section.future .futureLeft .sectionTitle {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    margin-bottom: 35px;
  }
  section.future .futureLeft .futureSubText {
    text-align: center;
  }
  section.future .futureRight {
    width: 100%;
  }
  section.future .futureRight .futureGrid {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  section.future .futureRight .futureGrid::-webkit-scrollbar {
    display: none;
  }
  section.whyUs {
    padding: 75px 12px;
  }
  section.whyUs .bgImg {
    max-width: calc(100% - 24px);
    left: 12px;
    transform: none;
  }
  section.whyUs .content .titleArea {
    flex-direction: column-reverse;
    margin-bottom: 45px;
  }
  section.whyUs .content .titleArea .title {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  section.whyUs .content .row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  section.whyUs .content .row > div {
    max-width: 90%;
  }
  section.mainWork {
    max-width: calc(100% - 20px);
    margin: 0 10px;
  }
  section.mainWork .container {
    padding: 20px;
  }
  section.mainWork .workHeader {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 45px;
    align-items: center;
  }
  section.mainWork .workHeader .headerLeft {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  section.mainWork .workHeader .headerLeft .badge {
    font-size: 24px;
  }
  section.mainWork .workHeader .headerRight .headerDesc {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }
  .mainIncentive {
    padding: 30px 0 50px;
  }
  .mainIncentive .incentiveHeader {
    flex-direction: column;
    align-items: center;
    gap: 25px;
    text-align: center;
  }
  .mainIncentive .incentiveHeader .headerRight .sectionTitle {
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    margin: 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  section.mainSlider {
    width: calc(100% - 20px);
    margin-top: 10px;
  }
  section.mainSlider .swiper-slide .slideContent {
    padding-top: 125px;
    padding-bottom: 45px;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop {
    margin-bottom: 50px;
    flex-direction: column;
    display: flex;
    align-items: center;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop .mainTitle {
    font-size: 34px;
    line-height: 42px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 25px;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop .mobileText {
    display: block;
    margin-bottom: 50px;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop .mobileBtn {
    display: inline;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom {
    flex-direction: column-reverse;
    align-items: center;
    gap: 40px;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .btnGlow {
    display: none;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .socialProof {
    flex-direction: column;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
  }
  section.mainSlider .sliderFooter {
    display: none;
  }
  section.future {
    padding: 40px 0;
  }
  section.future .container {
    flex-direction: column;
  }
  section.future .futureLeft {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }
  section.future .futureLeft .sectionTitle {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    margin-bottom: 35px;
  }
  section.future .futureLeft .futureSubText {
    text-align: center;
  }
  section.future .futureRight {
    width: 100%;
  }
  section.future .futureRight .futureGrid {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  section.future .futureRight .futureGrid::-webkit-scrollbar {
    display: none;
  }
  section.whyUs {
    padding: 75px 12px;
  }
  section.whyUs .bgImg {
    max-width: calc(100% - 24px);
    left: 12px;
    transform: none;
  }
  section.whyUs .content .titleArea {
    flex-direction: column-reverse;
    margin-bottom: 45px;
  }
  section.whyUs .content .titleArea .title {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  section.whyUs .content .row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  section.whyUs .content .row > div {
    max-width: 90%;
  }
  section.mainWork {
    max-width: calc(100% - 20px);
    margin: 0 10px;
  }
  section.mainWork .container {
    padding: 20px;
  }
  section.mainWork .workHeader {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 45px;
    align-items: center;
  }
  section.mainWork .workHeader .headerLeft {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  section.mainWork .workHeader .headerLeft .badge {
    font-size: 24px;
  }
  section.mainWork .workHeader .headerRight .headerDesc {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }
  .mainIncentive {
    padding: 30px 0 50px;
  }
  .mainIncentive .incentiveHeader {
    flex-direction: column;
    align-items: center;
    gap: 25px;
    text-align: center;
  }
  .mainIncentive .incentiveHeader .headerRight .sectionTitle {
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    margin: 0;
  }
  .mainIncentive .incentiveFooter .viewAllLink {
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
  section.mainSlider {
    width: calc(100% - 20px);
    margin-top: 10px;
  }
  section.mainSlider .swiper-slide .slideContent {
    padding-top: 125px;
    padding-bottom: 45px;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop {
    margin-bottom: 50px;
    flex-direction: column;
    display: flex;
    align-items: center;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop .mainTitle {
    font-size: 34px;
    line-height: 42px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 25px;
    margin-right: auto;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop .mobileText {
    display: block;
    margin-bottom: 50px;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop .mobileBtn {
    display: inline;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom {
    flex-direction: column-reverse;
    align-items: center;
    gap: 40px;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .btnGlow {
    display: none;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .socialProof {
    flex-direction: column;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
  }
  section.mainSlider .sliderFooter {
    display: none;
  }
  section.future {
    padding: 40px 0;
  }
  section.future .container {
    flex-direction: column;
  }
  section.future .futureLeft {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }
  section.future .futureLeft .sectionTitle {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    margin-bottom: 35px;
  }
  section.future .futureLeft .futureSubText {
    text-align: center;
  }
  section.future .futureRight {
    width: 100%;
  }
  section.future .futureRight .futureGrid {
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  section.future .futureRight .futureGrid::-webkit-scrollbar {
    display: none;
  }
  section.whyUs {
    padding: 75px 12px;
  }
  section.whyUs .bgImg {
    max-width: calc(100% - 24px);
    left: 12px;
    transform: none;
  }
  section.whyUs .content .titleArea {
    flex-direction: column-reverse;
    margin-bottom: 45px;
  }
  section.whyUs .content .titleArea .title {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  section.whyUs .content .row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  section.whyUs .content .row > div {
    max-width: 90%;
  }
  section.mainWork {
    max-width: calc(100% - 20px);
    margin: 0 10px;
  }
  section.mainWork .container {
    padding: 20px;
  }
  section.mainWork .workHeader {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 45px;
    align-items: center;
  }
  section.mainWork .workHeader .headerLeft {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  section.mainWork .workHeader .headerLeft .badge {
    font-size: 24px;
  }
  section.mainWork .workHeader .headerRight .headerDesc {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }
  .mainIncentive {
    padding: 30px 0 50px;
  }
  .mainIncentive .incentiveHeader {
    flex-direction: column;
    align-items: center;
    gap: 25px;
    text-align: center;
  }
  .mainIncentive .incentiveHeader .headerRight .sectionTitle {
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    margin: 0;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  section.mainSlider {
    width: calc(100% - 20px);
    margin-top: 10px;
  }
  section.mainSlider .swiper-slide .slideContent {
    padding-bottom: 45px;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop {
    margin-bottom: 50px;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop .mainTitle {
    font-size: 34px;
    line-height: 42px;
    font-weight: 500;
    margin-bottom: 25px;
  }
  section.mainSlider .swiper-slide .slideContent .contentTop .mobileText {
    display: block;
    margin-bottom: 50px;
    text-align: right;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom {
    gap: 40px;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .socialProof {
    flex-direction: column;
    font-size: 14px;
    font-weight: 400;
    align-items: flex-start !important;
  }
  section.mainSlider .swiper-slide .slideContent .contentBottom .btnGlow {
    white-space: nowrap;
  }
  section.mainSlider .sliderFooter {
    display: none;
  }
  section.future {
    padding: 40px 0;
  }
  section.future .container {
    flex-direction: column;
  }
  section.future .futureLeft {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section.future .futureLeft .sectionTitle {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 35px;
  }
  section.future .futureRight {
    width: 100%;
  }
  section.future .futureRight .futureGrid {
    justify-content: center;
  }
  section.whyUs {
    padding: 75px 12px;
  }
  section.whyUs .bgImg {
    max-width: calc(100% - 24px);
    left: 12px;
    transform: none;
  }
  section.whyUs .content .titleArea {
    flex-direction: column-reverse;
    margin-bottom: 45px;
  }
  section.whyUs .content .titleArea .title {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  section.whyUs .content .row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  section.whyUs .content .row > div {
    max-width: 90%;
  }
  section.mainWork {
    max-width: calc(100% - 20px);
    margin: 0 10px;
  }
  section.mainWork .container {
    padding: 20px;
  }
  section.mainWork .workHeader {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 45px;
    align-items: center;
  }
  section.mainWork .workHeader .headerLeft {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  section.mainWork .workHeader .headerLeft .badge {
    font-size: 24px;
  }
  section.mainWork .workHeader .headerRight .headerDesc {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }
  .mainIncentive {
    padding: 30px 0 50px;
  }
  .mainIncentive .incentiveHeader {
    flex-direction: column;
    align-items: center;
    gap: 25px;
    text-align: center;
  }
  .mainIncentive .incentiveHeader .headerRight .sectionTitle {
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    margin: 0;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1699px) {
  section.whyUs {
    padding: 75px 12px;
  }
  section.whyUs .bgImg {
    max-width: calc(100% - 24px);
    left: 12px;
    transform: none;
  }
  section.whyUs .content .titleArea {
    flex-direction: column-reverse;
    margin-bottom: 45px;
  }
  section.whyUs .content .titleArea .title {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  section.whyUs .content .row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  section.whyUs .content .row > div {
    max-width: 90%;
  }
  section.mainWork {
    max-width: calc(100% - 20px);
    margin: 0 10px;
  }
  section.mainWork .container {
    padding: 20px;
  }
  section.mainWork .workHeader {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 45px;
    align-items: center;
  }
  section.mainWork .workHeader .headerLeft {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  section.mainWork .workHeader .headerLeft .badge {
    font-size: 24px;
  }
  section.mainWork .workHeader .headerRight .headerDesc {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }
  .mainIncentive {
    padding: 30px 0 50px;
  }
  .mainIncentive .incentiveHeader {
    flex-direction: column;
    align-items: center;
    gap: 25px;
    text-align: center;
  }
  .mainIncentive .incentiveHeader .headerRight .sectionTitle {
    text-align: center;
    font-size: 28px;
    line-height: 34px;
    margin: 0;
  }
}
@media screen and (max-width: 576px) {
  .sectionBlogDetail {
    padding: 10px 0 30px;
  }
  .sectionBlogDetail .supportBanner {
    max-width: calc(100% - 20px);
  }
  .sectionBlogDetail .supportBanner .topArea .container {
    padding: 100px 20px 40px;
  }
  .sectionBlogDetail .supportBanner .topArea .container .content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .sectionBlogDetail .supportBanner .topArea .container .content .subTitle {
    text-align: center;
  }
  .sectionBlogDetail .supportBanner .topArea .container .content .sectionTitle {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
  }
  .sectionBlogDetail .supportBanner .bottomArea {
    padding: 30px 0;
    text-align: center;
  }
  .sectionBlogDetail .supportBanner .bottomArea .container .text {
    font-size: 17px;
    line-height: 25px;
    text-align: center;
  }
  .sectionBlogDetail .blogBody h2 {
    margin: 15px 0;
  }
  .sectionBlogDetail .blogBody .advantageList {
    padding-left: 10px;
  }
  .sectionBlogDetail .blogBody .advantageList .advantageItem {
    padding-left: 30px;
  }
  .sectionBlogDetail .blogBody .advantageList .advantageItem .itemLabel {
    margin-bottom: 10px;
  }
  .sectionBlog .blogTopArea {
    max-width: calc(100% - 20px);
  }
  .sectionBlog .blogTopArea .titleArea {
    padding: 50px 0 30px;
    text-align: center;
  }
  .sectionBlog .blogTopArea .titleArea .title {
    font-size: 20px;
    line-height: 27px;
    text-align: center;
  }
  .sectionBlog .blogTopArea .titleArea .desc {
    line-height: 25px;
    font-size: 16px;
  }
  .sectionBlog .blogTopArea .blogFilterArea .row {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .sectionBlog .blogTopArea .blogFilterArea .row::-webkit-scrollbar {
    display: none;
  }
  .sectionBlog .newsletterArea {
    padding: 45px 0;
  }
  .sectionBlog .newsletterArea .newsletterTitle {
    font-size: 22px;
  }
  .sectionBlog .newsletterArea .newsletterForm {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .sectionBlogDetail {
    padding: 10px 0 30px;
  }
  .sectionBlogDetail .supportBanner {
    max-width: calc(100% - 20px);
  }
  .sectionBlogDetail .supportBanner .topArea .container {
    padding: 100px 20px 40px;
  }
  .sectionBlogDetail .supportBanner .topArea .container .content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .sectionBlogDetail .supportBanner .topArea .container .content .subTitle {
    text-align: center;
  }
  .sectionBlogDetail .supportBanner .topArea .container .content .sectionTitle {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
  }
  .sectionBlogDetail .supportBanner .bottomArea {
    padding: 30px 0;
    text-align: center;
  }
  .sectionBlogDetail .supportBanner .bottomArea .container .text {
    font-size: 17px;
    line-height: 25px;
    text-align: center;
  }
  .sectionBlogDetail .blogBody h2 {
    margin: 15px 0;
  }
  .sectionBlogDetail .blogBody .advantageList {
    padding-left: 10px;
  }
  .sectionBlogDetail .blogBody .advantageList .advantageItem {
    padding-left: 30px;
  }
  .sectionBlogDetail .blogBody .advantageList .advantageItem .itemLabel {
    margin-bottom: 10px;
  }
  .sectionBlog .blogTopArea {
    max-width: calc(100% - 30px);
  }
  .sectionBlog .blogTopArea .titleArea {
    padding: 50px 0 30px;
    text-align: center;
  }
  .sectionBlog .blogTopArea .titleArea .title {
    font-size: 20px;
    line-height: 27px;
    text-align: center;
  }
  .sectionBlog .blogTopArea .titleArea .desc {
    line-height: 25px;
    font-size: 16px;
  }
  .sectionBlog .blogTopArea .blogFilterArea .row {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .sectionBlog .blogTopArea .blogFilterArea .row::-webkit-scrollbar {
    display: none;
  }
  .sectionBlog .newsletterArea {
    padding: 45px 0;
  }
  .sectionBlog .newsletterArea .newsletterTitle {
    font-size: 22px;
  }
  .sectionBlog .newsletterArea .newsletterForm {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .sectionBlogDetail .supportBanner .topArea .container {
    padding: 140px 20px 190px;
  }
  .sectionBlogDetail .blogBody h2 {
    margin: 15px 0;
  }
  .sectionBlogDetail .blogBody .advantageList {
    padding-left: 10px;
  }
  .sectionBlogDetail .blogBody .advantageList .advantageItem {
    padding-left: 30px;
  }
  .sectionBlogDetail .blogBody .advantageList .advantageItem .itemLabel {
    margin-bottom: 10px;
  }
  .sectionBlog .blogTopArea .titleArea {
    padding: 50px 0 30px;
    text-align: center;
  }
  .sectionBlog .blogTopArea .titleArea .title {
    font-size: 20px;
    line-height: 27px;
    text-align: center;
  }
  .sectionBlog .blogTopArea .titleArea .desc {
    line-height: 25px;
    font-size: 16px;
  }
  .sectionBlog .blogTopArea .blogFilterArea .row {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .sectionBlog .blogTopArea .blogFilterArea .row::-webkit-scrollbar {
    display: none;
  }
  .sectionBlog .newsletterArea {
    padding: 45px 0;
  }
  .sectionBlog .newsletterArea .newsletterTitle {
    font-size: 22px;
  }
  .sectionBlog .newsletterArea .newsletterForm {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
  .sectionBlog .blogTopArea .blogFilterArea .row {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .sectionBlog .blogTopArea .blogFilterArea .row::-webkit-scrollbar {
    display: none;
  }
  .sectionBlog .newsletterArea {
    padding: 45px 0;
  }
  .sectionBlog .newsletterArea .newsletterTitle {
    font-size: 22px;
  }
  .sectionBlog .newsletterArea .newsletterForm {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  .sectionBlog .blogTopArea .blogFilterArea .row {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .sectionBlog .blogTopArea .blogFilterArea .row::-webkit-scrollbar {
    display: none;
  }
  .sectionBlog .newsletterArea {
    padding: 45px 0;
  }
  .sectionBlog .newsletterArea .newsletterTitle {
    font-size: 22px;
  }
  .sectionBlog .newsletterArea .newsletterForm {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 576px) {
  .section404 {
    padding-top: 50px;
    max-width: calc(100% - 20px);
  }
  .section404 .content404 {
    margin-bottom: 25px;
  }
  .section404 .content404 .errorCode {
    font-size: 80px;
    margin-bottom: 20px;
    line-height: 1;
  }
  .section404 .content404 .errorTitle {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 25px;
  }
  .section404 .content404 .actionButtons {
    flex-direction: column;
    gap: 15px;
    margin-bottom: 25px;
  }
  .section404 .content404 .actionButtons .btnGlow {
    width: 100%;
    text-align: center;
  }
  .section404 .content404 .errorDesc {
    font-size: 16px;
    line-height: 24px;
  }
  .section404 .bottomImage {
    border-radius: 0 0 20px 20px;
    aspect-ratio: auto;
    height: auto;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .section404 {
    padding-top: 80px;
    max-width: calc(100% - 30px);
  }
  .section404 .content404 {
    margin-bottom: 40px;
  }
  .section404 .content404 .errorCode {
    font-size: 100px;
    margin-bottom: 25px;
  }
  .section404 .content404 .errorTitle {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 30px;
  }
  .section404 .content404 .actionButtons {
    gap: 20px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 576px) {
  section.sectionSss .sssTopArea {
    max-width: calc(100% - 20px);
    margin: 0 auto 30px;
  }
  section.sectionSss .sssTopArea .titleArea {
    padding-top: 50px;
    padding-bottom: 30px;
  }
  section.sectionSss .sssTopArea .titleArea .subTitle {
    text-align: center;
  }
  section.sectionSss .sssTopArea .titleArea .title {
    font-size: 24px;
    line-height: 32px;
    margin: 15px 0 20px;
    text-align: center;
  }
  section.sectionSss .sssTopArea .titleArea .desc {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }
  section.sectionSss .sssTopArea .blogFilterArea {
    padding: 20px 0;
  }
  section.sectionSss .sssTopArea .blogFilterArea .sssSelectArea .customSelect .selectHeader span {
    font-size: 16px;
  }
  section.sectionSss .bottomText {
    margin-top: 40px;
    padding-bottom: 40px;
  }
  section.sectionSss .bottomText .title {
    font-size: 18px;
  }
  section.sectionSss .bottomText .desc {
    font-size: 18px;
    line-height: 28px;
    padding: 0 15px;
  }
  section.sectionSss .bottomText .desc a {
    font-size: 18px;
    line-height: 28px;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  section.sectionSss .sssTopArea {
    max-width: calc(100% - 30px);
  }
  section.sectionSss .sssTopArea .titleArea .title {
    font-size: 32px;
    line-height: 40px;
  }
  section.sectionSss .bottomText .desc {
    font-size: 22px;
    line-height: 32px;
  }
  section.sectionSss .bottomText .desc a {
    font-size: 22px;
    line-height: 32px;
  }
}
@media screen and (max-width: 576px) {
  .sectionServices {
    padding-top: 50px;
  }
  .sectionServices .servicesTitle {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 40px;
    text-align: center;
  }
  .sectionServices .servicesTitleArea {
    flex-direction: column;
    margin-bottom: 50px;
    align-items: center;
  }
  .sectionServices .servicesTitleArea .servicesTitle {
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
  }
  .sectionServices .servicesTitleArea .servicesDesc {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
  }
  .sectionServices .servicesDescription {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 40px;
    text-align: center;
  }
  .sectionServices .servicesRow {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .sectionServices {
    padding-top: 80px;
  }
  .sectionServices .servicesTitle {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 60px;
  }
  .sectionServices .servicesTitleArea {
    flex-direction: column;
    margin-bottom: 50px;
    align-items: center;
  }
  .sectionServices .servicesTitleArea .servicesTitle {
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
  }
  .sectionServices .servicesTitleArea .servicesDesc {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
  }
  .sectionServices .servicesDescription {
    font-size: 24px;
    line-height: 34px;
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .sectionServices {
    padding-top: 80px;
  }
  .sectionServices .servicesTitle {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 60px;
  }
  .sectionServices .servicesTitleArea {
    flex-direction: column;
    margin-bottom: 50px;
    align-items: center;
  }
  .sectionServices .servicesTitleArea .servicesTitle {
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
  }
  .sectionServices .servicesTitleArea .servicesDesc {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
  }
  .sectionServices .servicesDescription {
    font-size: 24px;
    line-height: 34px;
  }
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
  .sectionServices {
    padding-top: 80px;
  }
  .sectionServices .servicesTitle {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 60px;
  }
  .sectionServices .servicesTitleArea {
    margin-bottom: 50px;
  }
  .sectionServices .servicesTitleArea .servicesTitle {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .sectionServices .servicesTitleArea .servicesDesc {
    font-size: 18px;
    line-height: 28px;
  }
  .sectionServices .servicesDescription {
    font-size: 24px;
    line-height: 34px;
  }
}
@media screen and (max-width: 576px) {
  .sectionSupport {
    padding: 20px 0 40px;
  }
  .sectionSupport .supportBanner {
    max-width: calc(100% - 20px);
  }
  .sectionSupport .supportBanner .topArea .container {
    padding: 80px 10px 40px;
  }
  .sectionSupport .supportBanner .topArea .content {
    text-align: center;
  }
  .sectionSupport .supportBanner .topArea .content .sectionTitle {
    font-size: 24px;
    line-height: 34px;
    margin: 30px 0 70px;
  }
  .sectionSupport .supportBanner .bottomArea .container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .sectionSupport .supportBanner .bottomArea .container .text {
    font-size: 20px;
    line-height: 24px;
  }
  .sectionSupport .supportIntro {
    margin-bottom: 40px;
    text-align: center;
  }
  .sectionSupport .supportIntro .introDesc {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
  }
  .sectionSupport .whySupport {
    padding: 40px 0;
  }
  .sectionSupport .whySupport .sectionTitle {
    font-size: 28px;
    margin-bottom: 40px;
    text-align: center;
  }
  .sectionSupport .advantagesSection {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .sectionSupport .advantagesSection .sectionBadge {
    margin-bottom: 40px;
  }
  .sectionSupport .projectInfoBlock {
    margin-bottom: 40px;
  }
  .sectionSupport .projectInfoBlock .mainProjectText {
    font-size: 17px;
    line-height: 24px;
    text-align: center;
  }
  .sectionSupport .processStepsArea {
    padding-top: 30px;
    margin-bottom: 40px;
  }
  .sectionSupport .processStepsArea:after {
    display: none;
  }
  .sectionSupport .processStepsArea .processStep {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 40px;
  }
  .sectionSupport .processStepsArea .processStep .stepDot {
    margin: 0 auto 20px;
  }
  .sectionSupport .processStepsArea .processStep .stepTitle {
    font-size: 20px;
    line-height: 24px;
  }
  .sectionSupport .processStepsArea .processStep .stepDesc {
    max-width: 100%;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .sectionSupport {
    padding: 20px 0 40px;
  }
  .sectionSupport .supportBanner {
    max-width: calc(100% - 20px);
  }
  .sectionSupport .supportBanner .topArea .container {
    padding: 80px 10px 40px;
  }
  .sectionSupport .supportBanner .topArea .content {
    text-align: center;
  }
  .sectionSupport .supportBanner .topArea .content .sectionTitle {
    font-size: 24px;
    line-height: 34px;
    margin: 30px 0 70px;
  }
  .sectionSupport .supportBanner .bottomArea .container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .sectionSupport .supportBanner .bottomArea .container .text {
    font-size: 20px;
    line-height: 24px;
  }
  .sectionSupport .supportIntro {
    margin-bottom: 40px;
    text-align: center;
  }
  .sectionSupport .supportIntro .introDesc {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
  }
  .sectionSupport .whySupport {
    padding: 40px 0;
  }
  .sectionSupport .whySupport .sectionTitle {
    font-size: 28px;
    margin-bottom: 40px;
    text-align: center;
  }
  .sectionSupport .advantagesSection {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .sectionSupport .advantagesSection .sectionBadge {
    margin-bottom: 40px;
  }
  .sectionSupport .projectInfoBlock {
    margin-bottom: 40px;
  }
  .sectionSupport .projectInfoBlock .mainProjectText {
    font-size: 17px;
    line-height: 24px;
    text-align: center;
  }
  .sectionSupport .processStepsArea {
    padding-top: 30px;
    margin-bottom: 40px;
  }
  .sectionSupport .processStepsArea:after {
    display: none;
  }
  .sectionSupport .processStepsArea .processStep {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
  }
  .sectionSupport .processStepsArea .processStep .stepDot {
    margin: 0 0 20px;
    width: 10px;
    height: 10px;
  }
  .sectionSupport .processStepsArea .processStep .stepTitle {
    font-size: 20px;
    line-height: 24px;
  }
  .sectionSupport .processStepsArea .processStep .stepDesc {
    max-width: 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .sectionSupport .supportBanner .bottomArea .container .text {
    font-size: 20px;
    line-height: 26px;
    max-width: 300px;
  }
  .sectionSupport .processStepsArea {
    padding-top: 30px;
    margin-bottom: 40px;
  }
  .sectionSupport .processStepsArea:after {
    display: none;
  }
  .sectionSupport .processStepsArea .processStep {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
  }
  .sectionSupport .processStepsArea .processStep .stepDot {
    margin: 0 0 20px;
    width: 10px;
    height: 10px;
  }
  .sectionSupport .processStepsArea .processStep .stepTitle {
    font-size: 20px;
    line-height: 24px;
  }
  .sectionSupport .processStepsArea .processStep .stepDesc {
    max-width: 100%;
  }
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
  .sectionSupport .supportBanner .bottomArea .container .text {
    font-size: 20px;
    line-height: 26px;
    max-width: 500px;
  }
}
@media screen and (max-width: 576px) {
  .sectionStep {
    padding: 0;
    background: #fff;
  }
  .sectionStep .blogTopArea {
    max-width: calc(100% - 20px);
  }
  .sectionStep .blogTopArea .titleArea {
    text-align: center;
    padding: 20px 0;
  }
  .sectionStep .blogTopArea .titleArea .title {
    font-size: 24px;
    line-height: 34px;
  }
  .sectionStep .blogTopArea .blogFilterArea .text {
    text-align: center;
    font-size: 16px;
    line-height: 25px;
  }
  .sectionStep .stepForm {
    padding-bottom: 40px;
  }
  .sectionStep .stepForm .formTitle {
    margin-top: 10px;
    font-size: 20px;
    margin-bottom: 35px;
    text-align: center;
  }
  .sectionStep .stepForm .formSection {
    margin-bottom: 20px;
  }
  .sectionStep .stepForm .formSection .analysisNote {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
    margin: 25px 0 30px;
  }
  .sectionStep .stepForm .formSection .submitArea {
    text-align: center;
  }
  .sectionStep .stepForm .formSection .submitArea .btnGlow {
    width: 100%;
    justify-content: center;
  }
  .sectionStep .processStepsArea {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .sectionStep .processStepsArea .processSteps {
    flex-direction: column;
    gap: 40px;
  }
  .sectionStep .processStepsArea .processSteps:before {
    display: none;
  }
  .sectionStep .processStepsArea .processSteps .stepItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .sectionStep .processStepsArea .processSteps .stepItem .dot {
    margin: 0 auto 20px;
  }
  .sectionStep .processStepsArea .processSteps .stepItem .stepDesc {
    max-width: 100%;
  }
  .sectionStep .bottomStepCTA {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .sectionStep .bottomStepCTA .topText {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;
  }
  .sectionStep .bottomStepCTA .contactLinks {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .sectionStep {
    padding: 0;
  }
  .sectionStep .blogTopArea {
    max-width: calc(100% - 30px);
  }
  .sectionStep .blogTopArea .titleArea {
    text-align: center;
    padding: 20px 0;
  }
  .sectionStep .blogTopArea .titleArea .title {
    font-size: 24px;
    line-height: 34px;
  }
  .sectionStep .blogTopArea .blogFilterArea .text {
    text-align: center;
    font-size: 16px;
    line-height: 25px;
  }
  .sectionStep .stepForm {
    padding-bottom: 50px;
  }
  .sectionStep .stepForm .formTitle {
    font-size: 22px;
    margin-bottom: 30px;
    text-align: center;
  }
  .sectionStep .stepForm .formSection {
    margin-bottom: 30px;
  }
  .sectionStep .stepForm .formSection .submitArea {
    text-align: center;
  }
  .sectionStep .stepForm .formSection .submitArea .btnGlow {
    min-width: 300px;
  }
  .sectionStep .processStepsArea {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .sectionStep .processStepsArea .processSteps {
    flex-direction: column;
    gap: 50px;
  }
  .sectionStep .processStepsArea .processSteps:before {
    display: none;
  }
  .sectionStep .processStepsArea .processSteps .stepItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .sectionStep .processStepsArea .processSteps .stepItem .dot {
    margin: 0 auto 25px;
  }
  .sectionStep .processStepsArea .processSteps .stepItem .stepDesc {
    max-width: 100%;
  }
  .sectionStep .bottomStepCTA {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .sectionStep .bottomStepCTA .topText {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .sectionStep .bottomStepCTA .contactLinks {
    font-size: 22px;
    line-height: 30px;
  }
}
@media screen and (max-width: 576px) {
  .sectionCorporate {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .sectionCorporate .corporateHero {
    margin-bottom: 40px;
  }
  .sectionCorporate .corporateHero .sectionBadge {
    margin: 0 0 20px;
  }
  .sectionCorporate .corporateHero .heroTitle {
    font-size: 28px;
    line-height: 36px;
    text-align: left;
    margin-bottom: 20px;
  }
  .sectionCorporate .corporateHero .heroDesc {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
  }
  .sectionCorporate .heroMainImage {
    margin: 0 auto 40px;
    aspect-ratio: auto;
    border-radius: 10px;
    max-width: 95%;
    height: 200px;
  }
  .sectionCorporate .heroMainImage img {
    height: 100%;
  }
  .sectionCorporate .corporateStory {
    margin-bottom: 40px;
  }
  .sectionCorporate .corporateStory .sectionBadge {
    margin: 0 0 20px;
  }
  .sectionCorporate .corporateStory .storyContent .mainText {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    margin-bottom: 20px;
  }
  .sectionCorporate .corporateWhyBg {
    padding: 40px 0;
    margin-bottom: 40px;
  }
  .sectionCorporate .corporateWhyBg .bgImg {
    height: 100%;
    aspect-ratio: auto;
    max-width: 100vw;
  }
  .sectionCorporate .corporateWhyBg .bgImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .sectionCorporate .corporateWhyBg .whyTitle {
    font-size: 28px;
    margin-bottom: 30px;
    text-align: center;
  }
  .sectionCorporate .corporateWhyBg .row {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
  }
  .sectionCorporate .corporateWhyBg .row::-webkit-scrollbar {
    display: none;
  }
  .sectionCorporate .teamSection {
    margin-bottom: 40px;
  }
  .sectionCorporate .teamSection .sectionBadge {
    margin: 0 0 20px;
  }
  .sectionCorporate .teamSection .teamDesc {
    font-size: 20px;
    line-height: 28px;
    text-align: left;
    margin-bottom: 30px;
  }
  .sectionCorporate .teamSection .teamCard {
    margin-bottom: 20px;
  }
  .sectionCorporate .corporateMission .sectionBadge {
    margin: 0 0 20px;
  }
  .sectionCorporate .corporateMission .missionText {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .sectionCorporate {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .sectionCorporate .corporateHero {
    margin-bottom: 40px;
  }
  .sectionCorporate .corporateHero .sectionBadge {
    margin: 0 0 20px;
  }
  .sectionCorporate .corporateHero .heroTitle {
    font-size: 28px;
    line-height: 36px;
    text-align: left;
    margin-bottom: 20px;
  }
  .sectionCorporate .corporateHero .heroDesc {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
  }
  .sectionCorporate .heroMainImage {
    margin: 0 auto 40px;
    aspect-ratio: auto;
    border-radius: 10px;
    max-width: 95%;
    height: 200px;
  }
  .sectionCorporate .heroMainImage img {
    height: 100%;
  }
  .sectionCorporate .corporateStory {
    margin-bottom: 40px;
  }
  .sectionCorporate .corporateStory .sectionBadge {
    margin: 0 0 20px;
  }
  .sectionCorporate .corporateStory .storyContent .mainText {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    margin-bottom: 20px;
  }
  .sectionCorporate .corporateWhyBg {
    padding: 40px 0;
    margin-bottom: 40px;
  }
  .sectionCorporate .corporateWhyBg .bgImg {
    height: 100%;
    aspect-ratio: auto;
  }
  .sectionCorporate .corporateWhyBg .bgImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .sectionCorporate .corporateWhyBg .whyTitle {
    font-size: 28px;
    margin-bottom: 30px;
    text-align: center;
  }
  .sectionCorporate .corporateWhyBg .row {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
  }
  .sectionCorporate .corporateWhyBg .row::-webkit-scrollbar {
    display: none;
  }
  .sectionCorporate .teamSection {
    margin-bottom: 40px;
  }
  .sectionCorporate .teamSection .sectionBadge {
    margin: 0 0 20px;
  }
  .sectionCorporate .teamSection .teamDesc {
    font-size: 20px;
    line-height: 28px;
    text-align: left;
    margin-bottom: 30px;
  }
  .sectionCorporate .teamSection .teamCard {
    margin-bottom: 20px;
  }
  .sectionCorporate .corporateMission .sectionBadge {
    margin: 0 0 20px;
  }
  .sectionCorporate .corporateMission .missionText {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .sectionCorporate {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .sectionCorporate .corporateHero {
    margin-bottom: 40px;
  }
  .sectionCorporate .corporateHero .sectionBadge {
    margin: 0 0 20px;
  }
  .sectionCorporate .corporateHero .heroTitle {
    font-size: 28px;
    line-height: 36px;
    text-align: left;
    margin-bottom: 20px;
  }
  .sectionCorporate .corporateHero .heroDesc {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
  }
  .sectionCorporate .heroMainImage {
    margin: 0 auto 40px;
    aspect-ratio: auto;
    border-radius: 10px;
    max-width: 95%;
    height: 200px;
  }
  .sectionCorporate .heroMainImage img {
    height: 100%;
  }
  .sectionCorporate .corporateStory {
    margin-bottom: 40px;
  }
  .sectionCorporate .corporateStory .sectionBadge {
    margin: 0 0 20px;
  }
  .sectionCorporate .corporateStory .storyContent .mainText {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
    margin-bottom: 20px;
  }
  .sectionCorporate .corporateWhyBg {
    padding: 40px 0;
    margin-bottom: 40px;
  }
  .sectionCorporate .corporateWhyBg .bgImg {
    height: 100%;
    aspect-ratio: auto;
  }
  .sectionCorporate .corporateWhyBg .bgImg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .sectionCorporate .corporateWhyBg .whyTitle {
    font-size: 28px;
    margin-bottom: 30px;
    text-align: center;
  }
  .sectionCorporate .corporateWhyBg .row {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
  }
  .sectionCorporate .corporateWhyBg .row::-webkit-scrollbar {
    display: none;
  }
  .sectionCorporate .teamSection {
    margin-bottom: 40px;
  }
  .sectionCorporate .teamSection .sectionBadge {
    margin: 0 0 20px;
  }
  .sectionCorporate .teamSection .teamDesc {
    font-size: 20px;
    line-height: 28px;
    text-align: left;
    margin-bottom: 30px;
  }
  .sectionCorporate .teamSection .teamCard {
    margin-bottom: 20px;
  }
  .sectionCorporate .corporateMission .sectionBadge {
    margin: 0 0 20px;
  }
  .sectionCorporate .corporateMission .missionText {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (max-width: 576px) {
  .sectionContact {
    padding: 20px 0 60px;
  }
  .sectionContact .supportBanner {
    max-width: calc(100% - 20px);
  }
  .sectionContact .supportBanner .topArea .bgImg:after {
    opacity: 0.7;
  }
  .sectionContact .supportBanner .topArea .container {
    padding: 80px 10px;
  }
  .sectionContact .supportBanner .topArea .content {
    text-align: center;
  }
  .sectionContact .supportBanner .topArea .content .sectionTitle {
    font-size: 24px;
    line-height: 30px;
  }
  .sectionContact .supportBanner .bottomArea .container {
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }
  .sectionContact .supportBanner .bottomArea .container .text {
    font-size: 16px;
    line-height: 24px;
  }
  .sectionContact .contactTopBar {
    flex-direction: column;
    gap: 40px;
    margin-bottom: 50px;
  }
  .sectionContact .contactTopBar .contactInfoItem {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .sectionContact .contactTopBar .contactInfoItem .dot {
    margin-bottom: 10px;
  }
  .sectionContact .contactTopBar .contactInfoItem.centerInfo {
    max-width: 100%;
    align-items: center;
    text-align: center;
  }
  .sectionContact .contactTopBar .contactInfoItem.centerInfo .contactLinks {
    justify-content: center;
    flex-wrap: wrap;
  }
  .sectionContact .contactTopBar .contactInfoItem.socialInfo {
    align-items: center;
    text-align: center;
  }
  .sectionContact .contactMainContent {
    flex-direction: column;
    gap: 40px;
  }
  .sectionContact .contactPromoCard {
    flex: none;
    width: 100%;
    padding: 5px;
  }
  .sectionContact .contactPromoCard .cardInner {
    padding: 40px 20px;
    text-align: center;
  }
  .sectionContact .contactPromoCard .cardInner .promoTitle {
    font-size: 24px;
    line-height: 32px;
    margin: 0 auto;
  }
  .sectionContact .contactPromoCard .cardFooter {
    padding: 30px 20px;
    text-align: center;
  }
  .sectionContact .contactPromoCard .cardFooter .footerText {
    font-size: 16px;
  }
  .sectionContact .contactFormArea .submitArea .btnGlow {
    width: 100%;
    justify-content: center;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .sectionContact {
    padding: 10px 0 80px;
  }
  .sectionContact .supportBanner {
    max-width: calc(100% - 20px);
  }
  .sectionContact .supportBanner .topArea .bgImg:after {
    opacity: 0.7;
  }
  .sectionContact .supportBanner .topArea .container {
    padding: 80px 10px;
  }
  .sectionContact .supportBanner .topArea .content {
    text-align: center;
  }
  .sectionContact .supportBanner .topArea .content .sectionTitle {
    font-size: 24px;
    line-height: 30px;
  }
  .sectionContact .supportBanner .bottomArea .container {
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }
  .sectionContact .supportBanner .bottomArea .container .text {
    font-size: 16px;
    line-height: 24px;
  }
  .sectionContact .contactTopBar {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px 50px;
  }
  .sectionContact .contactTopBar .contactInfoItem {
    flex: 1 1 300px;
    justify-content: center;
  }
  .sectionContact .contactTopBar .contactInfoItem.centerInfo {
    align-items: center;
    text-align: center;
  }
  .sectionContact .contactTopBar .contactInfoItem.socialInfo {
    align-items: center;
    text-align: center;
  }
  .sectionContact .contactMainContent {
    flex-direction: column;
  }
  .sectionContact .contactPromoCard {
    flex: none;
    width: 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .sectionContact {
    padding: 10px 0 80px;
  }
  .sectionContact .supportBanner {
    max-width: calc(100% - 20px);
  }
  .sectionContact .supportBanner .bottomArea .container {
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }
  .sectionContact .supportBanner .bottomArea .container .text {
    font-size: 16px;
    line-height: 24px;
  }
  .sectionContact .contactTopBar {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px 50px;
    text-align: center;
  }
  .sectionContact .contactTopBar .contactInfoItem.centerInfo .contactLinks {
    justify-content: center;
    width: 100%;
  }
  .sectionContact .contactTopBar .contactInfoItem.socialInfo {
    align-items: center;
    text-align: center;
  }
  .sectionContact .contactMainContent {
    flex-direction: column;
  }
  .sectionContact .contactPromoCard {
    flex: none;
    width: 100%;
  }
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
  .sectionContact .supportBanner .bottomArea .container .text {
    max-width: 700px;
  }
  .sectionContact .contactPromoCard {
    flex: 0 0 450px;
  }
  .sectionContact .contactPromoCard .cardInner {
    padding: 50px 46px 80px;
  }
  .sectionContact .contactPromoCard .cardInner .promoTitle {
    font-size: 28px;
    line-height: 34px;
  }
}
@media screen and (max-width: 576px) {
  .sectionAnalysis .blogTopArea {
    max-width: calc(100% - 20px);
  }
  .sectionAnalysis .blogTopArea .titleArea {
    text-align: center;
    padding: 20px 0;
  }
  .sectionAnalysis .blogTopArea .titleArea .title {
    font-size: 24px;
    line-height: 34px;
  }
  .sectionAnalysis .blogTopArea .blogFilterArea .text {
    text-align: center;
    font-size: 16px;
    line-height: 25px;
  }
  .customModal {
    padding: 15px;
  }
  .customModal .modalContent {
    padding: 30px 20px 40px;
  }
  .customModal .modalContent .modalIcon {
    width: 60px;
    height: 60px;
    top: -30px;
  }
  .customModal .modalContent .modalIcon img {
    width: 30px;
  }
  .customModal .modalContent .modalTitle {
    font-size: 20px;
    margin-top: 10px;
  }
  .customModal .modalContent .modalSubtitle {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .customModal .modalContent .modalDesc {
    font-size: 14px;
    line-height: 22px;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .sectionAnalysis .blogTopArea {
    max-width: calc(100% - 30px);
  }
  .sectionAnalysis .blogTopArea .titleArea {
    text-align: center;
    padding: 20px 0;
  }
  .sectionAnalysis .blogTopArea .titleArea .title {
    font-size: 24px;
    line-height: 34px;
  }
  .sectionAnalysis .blogTopArea .blogFilterArea .text {
    text-align: center;
    font-size: 16px;
    line-height: 25px;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .editorContentArea {
    padding: 30px;
  }
}
@media screen and (max-width: 576px) {
  .accordionItem .accordionHeader {
    padding: 20px 45px 20px 20px;
    font-size: 16px;
  }
  .accordionItem .accordionHeader:after {
    right: 20px;
    width: 15px;
  }
  .accordionItem .accordionBody {
    font-size: 16px;
    line-height: 24px;
    padding: 0 20px;
  }
  .accordionItem.active .accordionBody {
    padding: 10px 20px 25px;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .accordionItem .accordionHeader {
    font-size: 18px;
  }
  .accordionItem .accordionBody {
    font-size: 17px;
  }
}
@media screen and (max-width: 576px) {
  .futureCard {
    padding: 30px 20px;
  }
  .futureCard .cardLink {
    margin-bottom: 10px;
  }
  .futureCard.consultancyCard .cardDesc {
    margin-bottom: 60px;
  }
  .whyCard {
    padding: 30px 20px 50px;
    overflow: hidden;
  }
  .statCard {
    width: 100%;
    padding: 30px 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 240px;
    align-items: center;
    text-align: center;
  }
  .statCard .statValue {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 10px;
  }
  .statCard .statLabel {
    font-size: 16px;
    line-height: 22px;
  }
  .workCard .contentArea {
    padding: 20px 20px 25px;
    align-items: center;
  }
  .workCard .contentArea .text {
    text-align: center;
    margin-bottom: 30px;
  }
  .workCard .contentArea .title {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  .workCard .contentArea .imgArea {
    max-width: 90px;
    right: 50%;
    transform: translateX(50%);
    bottom: -95px;
  }
  .workCard:hover .contentArea .imgArea {
    transform: translateX(50%) translateY(-15px);
  }
  .incentiveCard .cardTop {
    padding: 25px;
  }
  .incentiveCard .cardTop p {
    font-size: 15px;
    line-height: 20px;
  }
  .incentiveCard .cardBottom {
    padding: 25px;
  }
  .incentiveCard .cardBottom h3 {
    font-size: 17px;
    line-height: 22px;
  }
  .incentiveCard .cardBottom .date {
    font-size: 14px;
    line-height: 20px;
  }
  .blogCard .cardContent {
    padding: 25px 15px;
  }
  .serviceMainCard {
    padding: 30px;
  }
  .serviceMainCard .cardTop h3 {
    font-size: 22px;
    line-height: 28px;
  }
  .serviceMainCard .cardBottom .subLabel {
    font-size: 16px;
    line-height: 22px;
  }
  .serviceMainCard .cardBottom .mLogo {
    width: 54px;
    height: 54px;
  }
  .supportItemCard {
    padding: 30px 20px;
  }
  .supportItemCard .cardTitle {
    font-size: 20px;
    line-height: 24px;
  }
  .advantageCard .cardTop {
    padding: 20px 86px 20px 15px;
  }
  .advantageCard .cardTop .cardImg {
    max-width: 75px;
    right: 5px;
    top: 45px;
  }
  .advantageCard .cardFooter {
    padding: 20px 45px 20px 11px;
    font-size: 18px;
  }
  .corporateWhyCard {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .futureCard {
    padding: 30px 20px;
  }
  .futureCard .cardLink {
    margin-bottom: 10px;
  }
  .futureCard.consultancyCard .cardDesc {
    margin-bottom: 60px;
  }
  .whyCard {
    padding: 30px 20px 50px;
    overflow: hidden;
  }
  .statCard {
    width: calc(50% - 7.5px);
    padding: 30px 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 240px;
    align-items: center;
    text-align: center;
  }
  .statCard .statValue {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 10px;
  }
  .statCard .statLabel {
    font-size: 16px;
    line-height: 22px;
  }
  .workCard .contentArea {
    padding: 20px 20px 25px;
    align-items: center;
  }
  .workCard .contentArea .text {
    text-align: center;
    margin-bottom: 30px;
  }
  .workCard .contentArea .title {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  .workCard .contentArea .imgArea {
    max-width: 90px;
    right: 50%;
    transform: translateX(50%);
    bottom: -95px;
  }
  .workCard:hover .contentArea .imgArea {
    transform: translateX(50%) translateY(-15px);
  }
  .incentiveCard .cardTop {
    padding: 25px;
  }
  .incentiveCard .cardTop p {
    font-size: 15px;
    line-height: 20px;
  }
  .incentiveCard .cardBottom {
    padding: 25px;
  }
  .incentiveCard .cardBottom h3 {
    font-size: 17px;
    line-height: 22px;
  }
  .incentiveCard .cardBottom .date {
    font-size: 14px;
    line-height: 20px;
  }
  .serviceMainCard {
    padding: 30px;
  }
  .serviceMainCard .cardTop h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .serviceMainCard .cardBottom .subLabel {
    font-size: 14px;
    line-height: 19px;
  }
  .serviceMainCard .cardBottom .mLogo {
    width: 54px;
    height: 54px;
  }
  .supportItemCard {
    padding: 30px 20px;
  }
  .supportItemCard .cardTitle {
    font-size: 20px;
    line-height: 24px;
  }
  .advantageCard .cardTop {
    padding: 20px 86px 20px 15px;
  }
  .advantageCard .cardTop .cardImg {
    max-width: 75px;
    right: 5px;
    top: 45px;
  }
  .advantageCard .cardFooter {
    padding: 20px 45px 20px 11px;
    font-size: 18px;
  }
  .corporateWhyCard {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .futureCard {
    padding: 30px 20px;
  }
  .futureCard .cardLink {
    margin-bottom: 10px;
  }
  .futureCard.consultancyCard .cardDesc {
    margin-bottom: 60px;
  }
  .whyCard {
    padding: 30px 20px 50px;
    overflow: hidden;
  }
  .statCard {
    width: calc(50% - 7.5px);
    padding: 30px 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 240px;
    align-items: center;
    text-align: center;
  }
  .statCard .statValue {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 10px;
  }
  .statCard .statLabel {
    font-size: 16px;
    line-height: 22px;
  }
  .workCard .contentArea {
    padding: 20px 20px 25px;
    align-items: center;
  }
  .workCard .contentArea .text {
    text-align: center;
    margin-bottom: 30px;
    height: 66px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .workCard .contentArea .title {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  .workCard .contentArea .imgArea {
    max-width: 90px;
    right: 50%;
    transform: translateX(50%);
    bottom: -95px;
  }
  .workCard:hover .contentArea .imgArea {
    transform: translateX(50%) translateY(-15px);
  }
  .incentiveCard .cardTop {
    padding: 25px;
  }
  .incentiveCard .cardTop p {
    font-size: 15px;
    line-height: 20px;
  }
  .incentiveCard .cardBottom {
    padding: 25px;
  }
  .incentiveCard .cardBottom h3 {
    font-size: 17px;
    line-height: 22px;
  }
  .incentiveCard .cardBottom .date {
    font-size: 14px;
    line-height: 20px;
  }
  .serviceMainCard {
    padding: 30px;
  }
  .serviceMainCard .cardTop h3 {
    font-size: 22px;
    line-height: 28px;
  }
  .serviceMainCard .cardBottom .subLabel {
    font-size: 16px;
    line-height: 22px;
  }
  .serviceMainCard .cardBottom .mLogo {
    width: 54px;
    height: 54px;
  }
  .supportItemCard {
    padding: 30px 20px;
  }
  .supportItemCard .cardTitle {
    font-size: 20px;
    line-height: 24px;
  }
  .advantageCard .cardTop {
    padding: 20px 86px 20px 15px;
  }
  .advantageCard .cardTop .cardImg {
    max-width: 75px;
    right: 5px;
    top: 45px;
  }
  .advantageCard .cardFooter {
    padding: 20px 45px 20px 11px;
    font-size: 18px;
  }
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
  .futureCard {
    padding: 30px 20px;
  }
  .futureCard .cardLink {
    margin-bottom: 10px;
  }
  .futureCard.consultancyCard .cardDesc {
    margin-bottom: 60px;
  }
  .whyCard {
    padding: 30px 20px 50px;
    overflow: hidden;
  }
  .statCard {
    width: calc(50% - 7.5px);
    padding: 30px 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 240px;
    align-items: center;
    text-align: center;
  }
  .statCard .statValue {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 10px;
  }
  .statCard .statLabel {
    font-size: 16px;
    line-height: 22px;
  }
  .workCard .contentArea {
    padding: 20px 20px 25px;
    align-items: center;
  }
  .workCard .contentArea .text {
    text-align: center;
    margin-bottom: 30px;
    height: 66px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .workCard .contentArea .title {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  .workCard .contentArea .imgArea {
    max-width: 90px;
    right: 50%;
    transform: translateX(50%);
    bottom: -95px;
  }
  .workCard:hover .contentArea .imgArea {
    transform: translateX(50%) translateY(-15px);
  }
  .incentiveCard .cardTop {
    padding: 25px;
  }
  .incentiveCard .cardTop p {
    font-size: 15px;
    line-height: 20px;
  }
  .incentiveCard .cardBottom {
    padding: 25px;
  }
  .incentiveCard .cardBottom h3 {
    font-size: 17px;
    line-height: 22px;
  }
  .incentiveCard .cardBottom .date {
    font-size: 14px;
    line-height: 20px;
  }
  .serviceMainCard {
    padding: 30px;
  }
  .serviceMainCard .cardTop h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .serviceMainCard .cardBottom .subLabel {
    font-size: 14px;
    line-height: 19px;
  }
  .serviceMainCard .cardBottom .mLogo {
    width: 54px;
    height: 54px;
  }
  .supportItemCard {
    padding: 30px 20px;
  }
  .supportItemCard .cardTitle {
    font-size: 20px;
    line-height: 24px;
  }
  .advantageCard .cardTop {
    padding: 20px 86px 20px 15px;
  }
  .advantageCard .cardTop .cardImg {
    max-width: 75px;
    right: 5px;
    top: 45px;
  }
  .advantageCard .cardFooter {
    padding: 20px 45px 20px 11px;
    font-size: 18px;
  }
  .corporateWhyCard {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  .futureCard .cardLink {
    margin-bottom: 10px;
  }
  .futureCard.consultancyCard .cardDesc {
    margin-bottom: 60px;
  }
  .whyCard {
    padding: 30px 20px 50px;
    overflow: hidden;
  }
  .statCard {
    width: 300px;
    padding: 30px 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 240px;
    align-items: center;
    text-align: center;
  }
  .statCard .statValue {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 10px;
  }
  .statCard .statLabel {
    font-size: 16px;
    line-height: 22px;
  }
  .workCard .contentArea {
    padding: 20px 20px 25px;
    align-items: center;
  }
  .workCard .contentArea .text {
    text-align: center;
    margin-bottom: 30px;
    height: 66px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .workCard .contentArea .title {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
  }
  .workCard .contentArea .imgArea {
    max-width: 90px;
    right: 50%;
    transform: translateX(50%);
    bottom: -95px;
  }
  .workCard:hover .contentArea .imgArea {
    transform: translateX(50%) translateY(-15px);
  }
  .incentiveCard .cardTop {
    padding: 25px;
  }
  .incentiveCard .cardTop p {
    font-size: 15px;
    line-height: 20px;
  }
  .incentiveCard .cardBottom {
    padding: 25px;
  }
  .incentiveCard .cardBottom h3 {
    font-size: 17px;
    line-height: 22px;
  }
  .incentiveCard .cardBottom .date {
    font-size: 14px;
    line-height: 20px;
  }
  .serviceMainCard {
    padding: 30px;
  }
  .serviceMainCard .cardTop h3 {
    font-size: 22px;
    line-height: 28px;
  }
  .serviceMainCard .cardBottom .subLabel {
    font-size: 16px;
    line-height: 22px;
  }
  .serviceMainCard .cardBottom .mLogo {
    width: 54px;
    height: 54px;
  }
}
@media screen and (max-width: 576px) {
  .mainNumbers {
    padding: 60px 0;
  }
  .mainNumbers .container {
    flex-direction: column;
    gap: 40px;
  }
  .mainNumbers .gridBackground {
    display: none;
  }
  .mainNumbers .numbersTop {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  .mainNumbers .numbersTop .numbersTitle {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 40px;
  }
  .mainNumbers .numbersTop .numbersTitle br {
    display: none;
  }
  .mainNumbers .numbersTop .statRow .statCard {
    width: 100%;
    padding: 30px 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .mainNumbers .numbersTop .statRow .statCard .statValue {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 10px;
  }
  .mainNumbers .numbersTop .statRow .statCard .statLabel {
    font-size: 16px;
    line-height: 22px;
  }
  .mainNumbers .numbersTop .statRow.topRow {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 0;
    width: 100% !important;
  }
  .mainNumbers .numbersBottom {
    width: 100%;
    margin-top: 0;
    padding-left: 0;
    flex-direction: column;
  }
  .mainNumbers .numbersBottom .numbersDesc {
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 40px;
  }
  .mainNumbers .numbersBottom .numbersDesc span {
    display: inline;
  }
  .mainNumbers .numbersBottom .statRow {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100% !important;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .mainNumbers {
    padding: 60px 0;
  }
  .mainNumbers .container {
    flex-direction: column;
    gap: 40px;
  }
  .mainNumbers .gridBackground {
    display: none;
  }
  .mainNumbers .numbersTop {
    width: 100%;
    flex-direction: column;
  }
  .mainNumbers .numbersTop .numbersTitle {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin: 0 auto 40px;
  }
  .mainNumbers .numbersTop .numbersTitle br {
    display: none;
  }
  .mainNumbers .numbersTop .statRow .statCard {
    width: calc(50% - 7.5px);
    padding: 30px 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .mainNumbers .numbersTop .statRow .statCard .statValue {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 10px;
  }
  .mainNumbers .numbersTop .statRow .statCard .statLabel {
    font-size: 16px;
    line-height: 22px;
  }
  .mainNumbers .numbersTop .statRow.topRow {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 0;
    width: 100% !important;
  }
  .mainNumbers .numbersBottom {
    width: 100%;
    margin-top: 0;
    padding-left: 0;
    flex-direction: column;
  }
  .mainNumbers .numbersBottom .numbersDesc {
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 40px;
  }
  .mainNumbers .numbersBottom .numbersDesc span {
    display: inline;
  }
  .mainNumbers .numbersBottom .statRow {
    display: flex;
    gap: 15px;
    width: 100% !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .mainNumbers {
    padding: 60px 0;
  }
  .mainNumbers .container {
    flex-direction: column;
    gap: 40px;
  }
  .mainNumbers .gridBackground {
    display: none;
  }
  .mainNumbers .numbersTop {
    width: 100%;
    flex-direction: column;
  }
  .mainNumbers .numbersTop .numbersTitle {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin: 0 auto 40px;
  }
  .mainNumbers .numbersTop .numbersTitle br {
    display: none;
  }
  .mainNumbers .numbersTop .statRow .statCard {
    width: calc(50% - 7.5px);
    padding: 30px 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .mainNumbers .numbersTop .statRow .statCard .statValue {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 10px;
  }
  .mainNumbers .numbersTop .statRow .statCard .statLabel {
    font-size: 16px;
    line-height: 22px;
  }
  .mainNumbers .numbersTop .statRow.topRow {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 0;
    width: 100% !important;
  }
  .mainNumbers .numbersBottom {
    width: 100%;
    margin-top: 0;
    padding-left: 0;
    flex-direction: column;
  }
  .mainNumbers .numbersBottom .numbersDesc {
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 40px;
  }
  .mainNumbers .numbersBottom .numbersDesc span {
    display: inline;
  }
  .mainNumbers .numbersBottom .statRow {
    display: flex;
    gap: 15px;
    width: 100% !important;
  }
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
  .mainNumbers {
    padding: 60px 0;
  }
  .mainNumbers .container {
    flex-direction: column;
    gap: 40px;
  }
  .mainNumbers .gridBackground {
    display: none;
  }
  .mainNumbers .numbersTop {
    width: 100%;
    flex-direction: column;
  }
  .mainNumbers .numbersTop .numbersTitle {
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin: 0 auto 40px;
  }
  .mainNumbers .numbersTop .numbersTitle br {
    display: none;
  }
  .mainNumbers .numbersTop .statRow .statCard {
    width: calc(50% - 7.5px);
    padding: 30px 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .mainNumbers .numbersTop .statRow .statCard .statValue {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 10px;
  }
  .mainNumbers .numbersTop .statRow .statCard .statLabel {
    font-size: 16px;
    line-height: 22px;
  }
  .mainNumbers .numbersTop .statRow.topRow {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 0;
    width: 100% !important;
  }
  .mainNumbers .numbersBottom {
    width: 100%;
    margin-top: 0;
    padding-left: 0;
    flex-direction: column;
  }
  .mainNumbers .numbersBottom .numbersDesc {
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 40px;
  }
  .mainNumbers .numbersBottom .numbersDesc span {
    display: inline;
  }
  .mainNumbers .numbersBottom .statRow {
    display: flex;
    gap: 15px;
    width: 100% !important;
  }
}
@media screen and (max-width: 576px) {
  .filterBtn {
    padding: 14px 40px 14px 14px;
  }
  .filterBtn .btnTitle {
    font-size: 16px;
  }
  .filterBtn:after {
    right: 8px;
  }
}
@media screen and (min-width: 577px) and (max-width: 768px) {
  .filterBtn {
    padding: 14px 40px 14px 14px;
  }
  .filterBtn .btnTitle {
    font-size: 16px;
  }
  .filterBtn:after {
    right: 8px;
  }
}/*# sourceMappingURL=mobile.css.map */