.elementor-1005968 .elementor-element.elementor-element-396e339{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(min-width:768px){.elementor-1005968 .elementor-element.elementor-element-396e339{--content-width:100vw;}}/* Start custom CSS for container, class: .elementor-element-396e339 */.control {
    font-family: Arial, Sans-Serif;
}

.quiet-areas__content p {
    text-align: center;
}

/* ===== TYPOGRAPHY ===== */
.title {
  margin: 0 0 20px;
  padding: 0;
  font-weight: 500;
  font-size: 36px;
  line-height: 56px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #22262d;
}

.text {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 22px;
  line-height: 34px;
  color: #22262d;
}

.text-italic {
  font-style: italic;
}

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

/* ===== LAYOUT COMPONENTS ===== */
.container {
  position: relative;
  margin: 0 auto;
  padding: 0 30px;
  max-width: 1160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.wrapper {
  margin: 0 auto;
  max-width: 1160px;
  width: 100%;
}

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

.content {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 56px;
}

.line {
  width: 140px;
  height: 2px;
  background-color: #000;
}

/* ===== SECTIONS ===== */
.hero {
  width: 100%;
  background: url('https://kazanfirst.ru/wp-content/uploads/2025/09/hero-2.png') center/cover no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hero__header {
  padding: 14px 12px;
  max-width: 1920px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 36px;
}

.hero__label {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #dddfeb;
}

.hero__icons {
  width: 298px;
  height: 67px;
  display: flex;
  align-items: center;
}

.hero__icon {
  margin: 0;
  padding: 0;
  object-fit: contain;
  object-position: center;
}

.hero__icon-first {
  width: 134px;
  height: 100%;
}

.hero__icon-second {
  width: 164px;
  height: 100%;
}


.hero__content {
  margin: 139px 0 154px;
  max-width: 1920px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 68px;
}

.hero__title {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 82px;
  line-height: 94px;
  text-align: center;
  color: #dddfeb;
  max-width: 1200px;
}

.hero__text {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 22px;
  line-height: 34px;
  text-align: center;
  color: #dddfeb;
  max-width: 640px;
}

/* ===== COMMON SECTION STYLES ===== */
.section {
  max-width: 100vw;
  padding: 120px 0;
}

.safety {
  background-color: #c1d1ec;
}

.quiet-areas {
  background-color: #e9e4e0;
}

.info-section {
  background-color: #dddfeb;
}

.ecosystem {
  background-color: #c1d1ec;
}

.affordable-security {
  background-color: #dddfeb;
}

.places {
  background-color: #e9e4e0;
}

.slider-sec {
  background-color: #c1d1ec;
}

.audit {
  background-color: #e9e4e0;
}

.footer {
  background-color: #dddfeb;
}

/* ===== IMAGE STYLES ===== */
.img {
  margin: 0;
  padding: 0;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}

/* Safety images */
.safety__img1 {
  width: 516px;
  height: 446px;
}
.safety__img2 {
  width: 522px;
  height: 348px;
}
.safety__img3 {
  width: 450px;
  height: 350px;
}

.quiet-areas__img {
  width: 800px;
  height: 622px;
}

/* Info section images */
.info-section__img1 {
  width: 371px;
  height: 371px;
}
.info-section__img2 {
  width: 416px;
  height: 610px;
  transform: translateX(70px);
}
.info-section__img3 {
  width: 522px;
  height: 692px;
}

/* Ecosystem images */
.img__ecosystem1 {
  width: 329px;
  height: 374px;
}
.img__ecosystem2 {
  width: 365px;
  height: 508px;
  transform: translateX(-55px);
}

/* Affordable security images */
.img__affordable-security1 {
  width: 479px;
  height: 700px;
  border-radius: 8px !important;
  transform: translateX(169px);
}
.img__affordable-security2 {
  width: 510px;
  height: 500px;
}
.img__affordable-security3 {
  width: 400px;
  height: 400px;
}
.img__affordable-security4 {
  width: 220px;
  height: 327px;
}

/* ===== QUOTE COMPONENT ===== */
.quote {
  padding: 48px 36px;
  display: flex;
  align-items: center;
  gap: 44px;
  border-radius: 8px;
}

.quote-content {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.quote-title {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 22px;
  line-height: 34px;
  color: #22262d;
}

.quote-text {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: 0%;
}

.quote-info-section,
.quote-ecosystem,
.quote-affordable-security {
  background-color: #c1d1ec;
}

.quote-ecosystem {
  background-color: #e9e4e0;
}

/* ===== ACCORDION ===== */
.list {
  list-style: none;
}

.list-item__button {
  margin: 0;
  padding: 0;
  padding: 30px 12px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #4f81bd;
  cursor: pointer;
}

.list-item__button span {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  color: #22262d;
  text-align: left;
}

.list-item__button img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  object-position: center;
  transform: rotate(0);
  transition: transform 0.3s ease;
}

.list-item[open] .list-item__button img {
  transform: rotate(-90deg);
}

.js-accordion-body {
  overflow-y: hidden;
  transition: height 0.3s ease;
  height: 0;
}

.js-accordion-body > .container {
  margin-top: 24px;
  gap: 28px;
}

/* Accordion images */
.img__accordion1-1 {
  width: 440px;
  height: 250px;
}
.img__accordion1-2 {
  width: 470px;
  height: 392px;
}
.img__accordion1-3 {
  width: 516px;
  height: 408px;
}
.img__accordion2-1 {
  width: 440px;
  height: 308px;
}
.img__accordion2-2 {
  width: 500px;
  height: 314px;
}
.img__accordion3-1 {
  width: 340px;
  height: 340px;
}
.img__accordion3-2 {
  width: 294px;
  height: 294px;
}
.img__accordion4-1 {
  width: 385px;
  height: 278px;
}
.img__accordion4-2 {
  width: 275px;
  height: 242px;
}

.content-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 64px;
}

.accordion-list {
  list-style: inside;
}

.accordion-list__title,
.accordion-list__item {
  margin: 0;
  padding: 0;
  font-size: 22px;
  line-height: 34px;
  letter-spacing: 0.035em;
}

.accordion-list__title {
  font-weight: 400;
}

.accordion-list__item {
  font-family: Arial;
  font-weight: 400;
}

/* ===== SLIDER ===== */
.slider {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.slider-title {
  margin: 0;
  padding: 0;
  font-family: Arial;
  font-weight: 400;
  font-size: 36px;
  line-height: 56px;
  letter-spacing: 0.06em;
  margin-bottom: 48px;
}

.slides-container {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.slide {
  display: none;
}

.slide.active {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  animation: fadeIn 0.5s ease-in;
}

.slide-content {
  flex: 1;
}

.slide-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.slide-list-item {
  display: flex;
  gap: 24px;
  align-items: center;
}

.slide-list-item img {
  width: 44px;
  height: 44px;
}

.slide-title {
  margin: 0;
  padding: 0;
  font-family: Arial;
  font-weight: 700;
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 36px;
  text-align: center;
}

.slide-text {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 1.6;
  opacity: 0.9;
}

.slide-image {
  width: 494px;
  height: 380px;
}

.slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-buttons {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 650px;
  right: 30px;
  gap: 418px;
}

.slider-btn {
  width: 38px;
  height: 38px;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
}

.slider-btn img {
  width: 100%;
  height: 100%;
}

.slider-btn:nth-of-type(2) img {
  transform: rotate(180deg);
}

/* ===== FOOTER ===== */
.content-footer {
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
}

/* ===== TOOLTIP ===== */
.tooltip {
  position: relative;
  border-bottom: 1px solid #22262d;
  cursor: help;
}

.tooltip .tooltiptext {
  margin: 0;
  padding: 0;
  visibility: hidden;
  width: 720px;
  background-color: #c1d1ec;
  border: 1px solid #22262d;
  color: #22262d;
  border-radius: 8px;
  padding: 24px;
  position: absolute;
  z-index: 1;
  bottom: 50px;
  left: -700px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.content-pad {
  display: none;
}

/* ===== ANIMATIONS ===== */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.scroll-top-btn {
  margin: 0;
  padding: 0;
  position: fixed;
  top: 60px;
  right: 30px;
  width: 38px;
  height: 38px;
  color: #22262d;
  text-decoration: none;
  border-radius: 50%;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 1000;
}

.scroll-top-btn img {
  transform: rotate(90deg);
}

.scroll-top-btn:hover {
  transform: translateY(-2px);
}

.scroll-top-btn.active {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 1920px) {
  .title {
    font-size: 1.875vw;
    line-height: 2.917vw;
  }

  .text {
    font-size: 1.146vw;
    line-height: 1.771vw;
  }

  .container {
    padding: 0 1.563vw;
    max-width: 60.417vw;
    gap: 2.083vw;
  }

  .wrapper {
    max-width: 60.417vw;
  }

  .content {
    gap: 2.917vw;
  }

  .hero__header {
    padding: 0.729vw 0.625vw;
    gap: 1.875vw;
  }

  .hero__label {
    font-size: 0.729vw;
    line-height: 1.042vw;
  }

  .hero__icons {
    width: 15.52vw;
    height: 3.49vw;
  }

  .hero__icon-first {
    width: 6.98vw;
  }

  .hero__icon-second {
    width: 8.54vw;
  }

  .hero__content {
    margin: 7.24vw 0 8.021vw;
    gap: 3.542vw;
  }

  .hero__title {
    font-size: 4.271vw;
    line-height: 4.896vw;
    max-width: 62.5vw;
  }

  .hero__text {
    font-size: 1.146vw;
    line-height: 1.771vw;
    max-width: 33.333vw;
  }

  .section {
    padding: 6.25vw 0;
  }

  .safety__img1 {
    width: 26.875vw;
    height: 23.229vw;
  }
  .safety__img2 {
    width: 27.188vw;
    height: 18.125vw;
  }
  .safety__img3 {
    width: 23.438vw;
    height: 18.229vw;
  }

  .quiet-areas__img {
    width: 41.667vw;
    height: 32.396vw;
  }

  .info-section__img1 {
    width: 19.323vw;
    height: 19.323vw;
  }
  .info-section__img2 {
    width: 21.667vw;
    height: 31.771vw;
    transform: translateX(3.646vw);
  }
  .info-section__img3 {
    width: 27.188vw;
    height: 36.042vw;
  }

  .img__ecosystem1 {
    width: 17.135vw;
    height: 19.479vw;
  }
  .img__ecosystem2 {
    width: 19.01vw;
    height: 26.458vw;
    transform: translateX(-2.865vw);
  }

  .img__affordable-security1 {
    width: 24.948vw;
    height: 36.458vw;
    transform: translateX(8.802vw);
  }
  .img__affordable-security2 {
    width: 26.563vw;
    height: 26.042vw;
  }
  .img__affordable-security3 {
    width: 20.833vw;
    height: 20.833vw;
  }
  .img__affordable-security4 {
    width: 11.458vw;
    height: 17.031vw;
  }

  .quote {
    padding: 2.5vw 1.875vw;
    gap: 2.292vw;
  }

  .quote-title {
    font-size: 1.146vw;
    line-height: 1.771vw;
  }

  .quote-text {
    font-size: 1.146vw;
    line-height: 1.771vw;
  }

  .list-item__button {
    padding: 1.563vw 0.625vw;
  }

  .list-item__button span {
    font-size: 1.25vw;
    line-height: 2.083vw;
  }

  .list-item__button img {
    width: 2.292vw;
    height: 2.292vw;
  }

  .js-accordion-body > .container {
    margin-top: 1.25vw;
    gap: 1.458vw;
  }

  .img__accordion1-1 {
    width: 22.917vw;
    height: 13.021vw;
  }
  .img__accordion1-2 {
    width: 24.479vw;
    height: 20.417vw;
  }
  .img__accordion1-3 {
    width: 26.875vw;
    height: 21.25vw;
  }
  .img__accordion2-1 {
    width: 22.917vw;
    height: 16.042vw;
  }
  .img__accordion2-2 {
    width: 26.042vw;
    height: 16.354vw;
  }
  .img__accordion3-1 {
    width: 17.708vw;
    height: 17.708vw;
  }
  .img__accordion3-2 {
    width: 15.313vw;
    height: 15.313vw;
  }
  .img__accordion4-1 {
    width: 20.052vw;
    height: 14.479vw;
  }
  .img__accordion4-2 {
    width: 14.323vw;
    height: 12.604vw;
  }

  .content-list {
    padding: 0 3.333vw;
  }

  .accordion-list__title,
  .accordion-list__item {
    font-size: 1.146vw;
    line-height: 1.771vw;
  }

  .slider-title {
    font-size: 1.875vw;
    line-height: 2.917vw;
    margin-bottom: 2.5vw;
  }

  .slide {
    gap: 2.083vw;
  }

  .slide-list {
    gap: 1.875vw;
  }

  .slide-list-item {
    gap: 1.25vw;
  }

  .slide-list-item img {
    width: 2.292vw;
    height: 2.292vw;
  }

  .slide-title {
    font-size: 1.25vw;
    line-height: 2.083vw;
    margin-bottom: 1.875vw;
  }

  .slide-text {
    font-size: 0.938vw;
  }

  .slide-image {
    width: 25.729vw;
    height: 19.792vw;
  }

  .slider-buttons {
    top: 33.854vw;
    right: 1.563vw;
    gap: 21.771vw;
  }

  .slider-btn {
    width: 1.979vw;
    height: 1.979vw;
  }

  .tooltip .tooltiptext {
    width: 37.5vw;
    padding: 1.25vw;
    bottom: 2.604vw;
    left: -36.458vw;
  }
}

@media screen and (max-width: 768px) {
  .scroll-top-btn span {
    display: none;
  }

  .text {
    font-size: 2.083vw;
    line-height: 3.385vw;
  }

  .container {
    max-width: 94.792vw;
    gap: 3.646vw;
  }

  .wrapper {
    max-width: 94.792vw;
  }

  .content {
    gap: 3.125vw;
  }

  .line {
    width: 80px;
  }

  .hero__label {
    font-size: 1.823vw;
    line-height: 2.604vw;
  }

  .hero {
    background-size: cover;
  }

  .hero__header {
    padding: 1.563vw;
    gap: 3.646vw;
  }

  .hero__icons {
    width: 19.53vw;
    height: 6.25vw;
  }

  .hero__icon-first {
    width: 8.85vw;
  }

  .hero__icon-second {
    width: 10.68vw;
  }

  .hero__content {
    margin: 24.74vw 0;
  }

  .hero__title {
    max-width: 61.719vw;
    font-size: 4.688vw;
    line-height: 7.031vw;
  }

  .hero__text {
    max-width: 70.313vw;
    font-size: 2.083vw;
    line-height: 3.385vw;
  }

  .section {
    padding: 7.813vw 0;
  }

  .safety__img1 {
    width: 41.667vw;
    height: 35.99vw;
  }

  .safety__img2 {
    width: 45.833vw;
    height: 30.542vw;
  }

  .safety__img3 {
    width: 41.667vw;
    height: 41.667vw;
  }

  .quiet-areas__img {
    width: 94.792vw;
    height: 73.698vw;
  }

  .info-section__img1 {
    width: 41.667vw;
    height: 41.667vw;
  }

  .info-section__img2 {
    width: 31.966vw;
    height: 46.875vw;
    transform: translateX(0);
  }

  .info-section__img3 {
    width: 45.833vw;
    height: 44.271vw;
  }

  .img__ecosystem1 {
    width: 45.833vw;
    height: 54.167vw;
  }

  .img__ecosystem2 {
    width: 32.031vw;
    height: 44.661vw;
    transform: translateX(0);
  }

  .img__affordable-security1 {
    width: 32.031vw;
    height: 50.13vw;
    transform: translateX(0);
  }

  .img__affordable-security2 {
    width: 45.833vw;
    height: 61.198vw;
  }

  .img__affordable-security3 {
    width: 45.833vw;
    height: 44.01vw;
  }

  .img__affordable-security4 {
    width: 45.833vw;
    height: 36.328vw;
  }

  .quote {
    padding: 4.688vw 2.604vw;
  }

  .quote-content {
    gap: 3.125vw;
  }

  .quote-title {
    font-size: 2.083vw;
    line-height: 3.385vw;
  }

  .quote-text {
    font-size: 2.083vw;
    line-height: 3.385vw;
  }

  .list-item__button {
    padding: 2.99vw 1.563vw;
  }

  .list-item__button span {
    font-size: 2.865vw;
    line-height: 4.427vw;
  }

  .list-item__button img {
    width: 4.688vw;
    height: 4.688vw;
  }

  .js-accordion-body > .container {
    margin-top: 3.125vw;
    gap: 2.865vw;
  }

  /* Accordion images */
  .img__accordion1-1 {
    width: 63.542vw;
    height: 36.068vw;
  }
  .img__accordion1-2 {
    width: 46.875vw;
    height: 39.193vw;
  }
  .img__accordion1-3 {
    width: 43.359vw;
    height: 47.396vw;
  }
  .img__accordion2-1 {
    width: 42.969vw;
    height: 30.078vw;
  }
  .img__accordion2-2 {
    width: 45.052vw;
    height: 28.385vw;
  }
  .img__accordion3-1 {
    width: 31.25vw;
    height: 31.25vw;
  }
  .img__accordion3-2 {
    width: 29.948vw;
    height: 29.948vw;
  }
  .img__accordion4-1 {
    width: 44.271vw;
    height: 31.901vw;
  }
  .img__accordion4-2 {
    width: 31.25vw;
    height: 27.474vw;
  }

  .content-list {
    padding: 0;
  }

  .accordion-list__title {
    text-align: center;
  }

  .accordion-list__title,
  .accordion-list__item {
    font-size: 2.083vw;
    line-height: 3.385vw;
  }

  .slider-title {
    font-size: 3.125vw;
    line-height: 4.427vw;
    margin-bottom: 4.167vw;
  }

  .slide.active {
    flex-direction: column-reverse;
    align-items: center;
    gap: 12.24vw;
  }

  .slide-list {
    gap: 3.646vw;
  }

  .slide-list-item {
    gap: 3.125vw;
  }

  .slide-list-item img {
    display: none;
  }

  .slide-title {
    font-size: 2.865vw;
    line-height: 4.427vw;
    margin-bottom: 3.646vw;
  }

  .slide-text {
    font-size: 2.083vw;
    line-height: 3.385vw;
  }

  .slide-image {
    width: 73.958vw;
    height: 41.667vw;
  }

  .slider-buttons {
    max-width: 73.958vw;
    top: 67.708vw;
    left: 50%;
    transform: translateX(-50%);
    gap: 64.063vw;
    display: flex;
    width: 100%;
  }

  .slider-btn {
    width: 4.948vw;
    height: 4.948vw;
  }

  .content-footer {
    flex-direction: column-reverse;
    align-items: center;
  }

  .tooltip .tooltiptext {
    width: 70.313vw;
    padding: 3.125vw;
    bottom: 6.51vw;
    left: -26.042vw;
  }

  .content-pad {
    display: flex;
  }

  .pad-hide {
    display: none;
  }

  .content-column-pad-reverse {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 500px) {
  .title {
    font-size: 6.667vw;
    line-height: 9.444vw;
  }

  .text {
    font-size: 4.444vw;
    line-height: 7.222vw;
  }

  .container {
    max-width: 88.889vw;
    gap: 7.778vw;
    padding: 0;
  }

  .wrapper {
    max-width: 88.889vw;
  }

  .content {
    flex-direction: column;
    gap: 7.778vw;
  }

  .content-head {
    width: 100%;
    gap: 7.778vw;
  }

  .line {
    width: 80px;
  }

  .hero__label {
    font-size: 3.889vw;
    line-height: 5.556vw;
  }

  .hero {
    background-size: cover;
    /* background-position: -194.44vw 100%; */
  }

  .hero__header {
    padding: 3.333vw;
    width: 100%;
    justify-content: space-between;
    gap: auto;
  }

  .hero__icons {
    width: 41.67vw;
    height: 13.33vw;
  }

  .hero__icon-first {
    width: 18.89vw;
  }

  .hero__icon-second {
    width: 22.78vw;
  }
  .hero__content {
    margin: 22.917vw 0 23.033vw;
  }

  .hero__title {
    max-width: 86.111vw;
    font-size: 10vw;
    line-height: 15vw;
  }

  .hero__text {
    max-width: 86.111vw;
    font-size: 4.444vw;
    line-height: 7.222vw;
  }

  .section {
    padding: 16.667vw 0;
  }

  .safety__img1 {
    width: 88.889vw;
    height: 76.767vw;
  }

  .safety__img2 {
    width: 88.889vw;
    height: 59.233vw;
  }

  .safety__img3 {
    width: 88.889vw;
    height: 88.889vw;
  }

  .quiet-areas__img {
    width: 88.889vw;
    height: 69.108vw;
  }

  .info-section__img1 {
    width: 88.889vw;
    height: 88.889vw;
  }

  .info-section__img2 {
    width: 88.889vw;
    height: 130.336vw;
  }

  .info-section__img3 {
    width: 88.889vw;
    height: 85.858vw;
  }

  .img__ecosystem1 {
    width: 88.889vw;
    height: 105.05vw;
  }

  .img__ecosystem2 {
    width: 88.889vw;
    height: 123.939vw;
  }

  .img__affordable-security1 {
    width: 88.889vw;
    height: 139.114vw;
  }

  .img__affordable-security2 {
    width: 88.889vw;
    height: 118.686vw;
  }

  .img__affordable-security3 {
    width: 88.889vw;
    height: 85.353vw;
  }

  .img__affordable-security4 {
    width: 88.889vw;
    height: 70.456vw;
  }

  .quote {
    max-width: 94.444vw;
    padding: 10vw 5.556vw;
    flex-direction: column;
  }

  .quote-content {
    gap: 6.667vw;
  }

  .quote-title {
    font-size: 4.444vw;
    line-height: 7.222vw;
  }

  .quote-text {
    font-size: 4.444vw;
    line-height: 7.222vw;
  }

  .list-item__button {
    padding: 6.111vw 3.333vw;
  }

  .list-item__button span {
    font-size: 6.111vw;
    line-height: 9.444vw;
  }

  .list-item__button img {
    width: 10vw;
    height: 10vw;
  }

  .js-accordion-body > .container {
    margin-top: 6.667vw;
    gap: 6.111vw;
  }

  /* Accordion images */
  .img__accordion1-1 {
    width: 88.889vw;
    height: 50.447vw;
  }
  .img__accordion1-2 {
    width: 88.889vw;
    height: 74.322vw;
  }
  .img__accordion1-3 {
    width: 88.889vw;
    height: 97.181vw;
  }
  .img__accordion2-1 {
    width: 88.889vw;
    height: 62.222vw;
  }
  .img__accordion2-2 {
    width: 88.889vw;
    height: 56.006vw;
  }
  .img__accordion3-1 {
    width: 88.889vw;
    height: 88.889vw;
  }
  .img__accordion3-2 {
    width: 88.889vw;
    height: 88.889vw;
  }
  .img__accordion4-1 {
    width: 88.889vw;
    height: 64.053vw;
  }
  .img__accordion4-2 {
    width: 88.889vw;
    height: 78.147vw;
  }

  .content-list {
    padding: 0;
  }

  .accordion-list__title {
    text-align: center;
  }

  .accordion-list__title,
  .accordion-list__item {
    font-size: 4.444vw;
    line-height: 7.222vw;
  }

  .slider-title {
    font-size: 6.667vw;
    line-height: 9.444vw;
    margin-bottom: 8.889vw;
    text-align: center;
  }

  .slide.active {
    flex-direction: column-reverse;
    align-items: center;
    gap: 26.111vw;
  }

  .slide-list {
    gap: 7.778vw;
  }

  .slide-list-item {
    gap: 6.667vw;
  }

  .slide-list-item img {
    display: none;
  }

  .slide-title {
    font-size: 6.111vw;
    line-height: 9.444vw;
    margin-bottom: 7.778vw;
    text-align: center;
  }

  .slide-text {
    font-size: 4.444vw;
    line-height: 7.222vw;
  }

  .slide-image {
    width: 88.889vw;
    height: 68vw;
  }

  .slider-buttons {
    max-width: 88.889vw;
    top: 160.444vw;
    gap: 56.667vw;
    left: 50%;
    transform: translateX(-50%);
  }

  .slider-btn {
    width: 10.556vw;
    height: 10.556vw;
  }

  .content-footer {
    flex-direction: column-reverse;
    align-items: center;
  }

  .tooltip .tooltiptext {
    width: 88.889vw;
    padding: 6.667vw;
    bottom: 13.889vw;
    left: -26.556vw;
  }

  .content-pad {
    display: none;
  }

  .pad-hide {
    display: flex;
  }

  .content-column-mobile-reverse {
    flex-direction: column-reverse;
  }
}/* End custom CSS */