/* Style */

* {
    box-sizing: border-box;
}

html, body {
    padding: 0;
    margin: 0;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

*:hover {
    transition: all 0.3s ease;
}


body {
    overflow-x: hidden;
    font-family: "Inter", sans-serif;
}

.container {
    width: 100%;
    max-width: 1320px;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
}

.tooltip {
    position: relative;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: fit-content;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.80);
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
    text-align: center;
    padding: 8px 12px;
    white-space: nowrap;
    position: absolute;
    top: -40px;
    left: 0;
    z-index: 1;
}

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

.ranking .container {
    padding: 0 60px;
}

.faq .container {
    max-width: 1160px;
}


/* Popup */

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popup-close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 24px;
    cursor: pointer;
}

.popup-content {
    position: relative;
    width: 100%;
    max-width: 600px;
    border-radius: 32px;
    background-image: url(/images/toprate/form_bg.png);
    background-position: center center;
    background-size: cover;
    padding: 70px 60px;
}

.popup-content input[type="submit"] {
    cursor: pointer;
}

.popup-overlay .popup__title {
    color: #252432;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}

.popup-overlay .popup__subtitle {
    color: #424242;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 16px;
}

.popup-overlay form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.popup-overlay form label {
    color: #252432;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.popup-overlay form input {
    color: #8987A1;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    border-radius: 10px;
    border: 1px solid #7696F2;
    background: rgba(255, 255, 255, 0.30);
    padding: 15px 32px;
}

.popup-overlay form .submit-wrapper {
    position: relative;
    max-width: 200px;
    margin: 0 auto;
}

.popup-overlay form [type=submit] {
    width: 100%;
    color: #FFF;
    text-align: center;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    border-radius: 10px;
    background: #0742ED;
    box-shadow: 0px 4px 4px 0px rgba(7, 66, 237, 0.14);
    padding: 18px 100px 18px 60px;
}

.popup-overlay form .submit-wrapper::before {
    content: "";
    position: absolute;
    top: 17px;
    right: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 2.25012L11 13.2501' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 2.25012L15 22.2501L11 13.2501L2 9.25012L22 2.25012Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 25px;
}

.popup-overlay-successful {
    text-align: center;
}

.popup-overlay-successful img {
    margin-bottom: 16px;
}

.popup-overlay-successful-title {
    color: #252432;
    text-align: center;
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}

.popup-overlay-successful-description {
    color: #424242;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 33px;
}

.popup-overlay-successful--close {
    position: relative;
    max-width: 150px;
    color: #FFF;
    text-align: center;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    border: none;
    font-weight: 700;
    line-height: 150%;
    border-radius: 10px;
    background: #0742ED;
    box-shadow: 0px 4px 4px 0px rgba(7, 66, 237, 0.14);
    padding: 20px 60px 20px 25px;
    margin: 0 auto;
}

.popup-overlay-successful--close::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.3441 6L6.34415 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.34415 6L18.3441 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 25px;
    height: 24px;
}
/* Header */

.header__wrp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 16px 0;
}

.header .header__logo {
    position: relative;
    flex: 0 0 auto;
}

.header .navbar {
    display: inline-flex;
    align-items: center;
    gap: 30px;
    position: relative;
    flex: 0 0 auto;
}

.header .navbar a {
    color: #615F7B;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration: none;
}

.header .navbar a:hover {
    color: #252432;
    font-weight: 700;
}

.header__contact {
display: flex;
flex-direction: column;
width: 150px;
align-items: flex-end;
gap: 1px;
position: relative;
}

.header__phone {
font-family: "Raleway", sans-serif;
font-weight: 700;
color: #0742ED;
font-size: 16px;
text-align: right;
letter-spacing: 0;
line-height: 24px;
}

.header__mail {
font-family: "Raleway", sans-serif;
font-weight: 600;
color: #39383f;
font-size: 16px;
letter-spacing: 0;
line-height: 24px;
}


/* Top Screen */

.top-screen {
    padding: 20px 0;
}

.top-screen__wrp {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.top-screen__banner {
    max-width: 540px;
    position: absolute;
    top: 40px;
    left: 40px;
}

.top-screen__banner--year {
    color: #FFF;
    font-family: Raleway;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 90px;
}

.top-screen__banner--title {
    color: #FFF;
    font-family: Raleway;
    font-size: 74px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 20px;
}

.top-screen__banner--description {
    color: #FFF;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 95px;
}

.top-screen__banner--bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 35px;
}

.top-screen__banner--button {
    position: relative;
    color: #FFF;
    text-align: center;
    font-family: Raleway;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;

    padding: 20px 65px 20px 25px;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: #0742ED;
    box-shadow: 0px 4px 4px 0px rgba(7, 66, 237, 0.14);
    cursor: pointer;
}

.top-screen__banner--button::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 26px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22.2C17.5228 22.2 22 17.7228 22 12.2C22 6.6771 17.5228 2.19995 12 2.19995C6.47715 2.19995 2 6.6771 2 12.2C2 17.7228 6.47715 22.2 12 22.2Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8.19995V16.2' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 12.2L12 16.2L16 12.2' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 25px;
}

.top-screen__banner--button:hover {
    color: #0742ED;
    border: 1px solid #0742ED;
    background: #FFF;
}

.top-screen__banner--button:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22.2C17.5228 22.2 22 17.7228 22 12.2C22 6.6771 17.5228 2.19995 12 2.19995C6.47715 2.19995 2 6.6771 2 12.2C2 17.7228 6.47715 22.2 12 22.2Z' stroke='%230742ED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8.19995V16.2' stroke='%230742ED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 12.2L12 16.2L16 12.2' stroke='%230742ED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.top-screen__center {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

/* Brends */

.brands {
    position: relative;
    width: 1920px;
    height: 59px;
    background-color: #373738;
    overflow: hidden;
  }

  .brands .overlap-group {
    position: absolute;
    width: 1605px;
    height: 59px;
    top: 0;
    left: 322px;
  }

  .brands .scroll {
    position: absolute;
    width: 1605px;
    height: 33px;
    top: 13px;
    left: 0;
    overflow-x: scroll;
  }

  .brands .frame {
    display: inline-flex;
    gap: 20px;
    top: 1px;
    align-items: flex-start;
    position: relative;
  }

  .brands .LOGOS {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 20px;
    position: relative;
    flex: 0 0 auto;
  }

  .brands .image-wrapper {
    display: flex;
    flex-direction: column;
    width: 95px;
    gap: 10px;
    padding: 8px 10px;
    background-color: #ffffff;
    border-radius: 6px;
    align-items: flex-start;
    position: relative;
  }

  .brands .image {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 16.63px;
    object-fit: cover;
  }

  .brands .rectangle {
    left: 1276px;
    transform: rotate(180deg);
    position: absolute;
    width: 322px;
    height: 59px;
    top: 0;
    background: linear-gradient(
      180deg,
      rgb(245, 248, 255) 0%,
      rgba(245, 248, 255, 0) 100%
    );
  }

  .brands .div {
    left: 0;
    position: absolute;
    width: 322px;
    height: 59px;
    top: 0;
    background: linear-gradient(
      180deg,
      rgb(245, 248, 255) 0%,
      rgba(245, 248, 255, 0) 100%
    );
  }


/* Brandss */

.brandss {
    position: relative;
    background: #373738;
}

.brandss__wrp {
    position: relative;

    width: 100%;
    overflow-x: auto;
    white-space: nowrap;

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    text-align: center;

    backdrop-filter: blur(4px);
    padding: 14px 0;
    padding-left: calc((100vw - 1280px) / 2);
}

.brandss::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #F5F8FF 0%, rgba(245, 248, 255, 0.00) 100%);
    width: 16%;
    height: 100%;
}

.brandss::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(270deg, #F5F8FF 0%, rgba(245, 248, 255, 0.00) 100%), linear-gradient(-90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    width: 16%;
    height: 100%;
}

/* Top 3 the Best Air Conditioner */

.best-air {
    padding: 40px 0;
}

.best-air__wrp {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    padding: 40px;
    border-radius: 40px;
    background: #EAEFF7;
    backdrop-filter: blur(6.5px);
}

.best-air__left {
    width: 100%;
    max-width: 30%;
}

.best-air__title {
    max-width: 240px;
    color: #252432;
    font-family: "Inter", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
}

.best-air__subtitle {
    color: #424242;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.best-air__rigth {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.best-air__product {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;

    padding: 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.80);
    background: rgba(255, 255, 255, 0.70);
}

.best-air__product img {
    height: 80px;
}

.best-air__product--title {
    color: #000;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
}

.best-air__product--line {
    width: 100%;
    height: 1px;
    background: #C9D6E9;
}

.best-air__product--info {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.best-air__product--text {
    position: relative;
    color: #8C939B;
    font-family: "Inter", sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}

/*.best-air__product--text::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: -20px;*/
/*    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3201_26714)'%3E%3Cpath d='M6 8V6M6 4H6.005M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6Z' stroke='%238C939B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3201_26714'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");*/
/*    width: 12px;*/
/*    height: 12px;*/
/*}*/

.best-air__product--price {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.best-air__product--select {
    position: relative;
    color: #0742ED;
    text-align: justify;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
    cursor: pointer;
    padding: 12px 50px 12px 16px;
    border-radius: 6px;
    border: 1px solid #0742ED;
}

.best-air__product--select::after {
    content: "";
    position: absolute;
    top: 7px;
    right: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 17L18 12L13 7' stroke='%230742ED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 17L11 12L6 7' stroke='%230742ED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
}

.best-air__product--select:hover {
    color: #fff;
    background-color: #0742ED;
}

.best-air__product--select:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 17L18 12L13 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 17L11 12L6 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/* Ranking */

.ranking {
    padding: 10px 0;
}

.ranking__wrp {
    padding: 15px;
    border-radius: 40px;
    background: linear-gradient(90deg, #FFEEE0 0%, #F8E0F8 51%, #D9EBFF 100%);
    backdrop-filter: blur(6.5px);
}

.ranking__title {
    color: #000;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ranking__title span {
    color: #BF95D1;
    font-weight: 500;
}

/* Products cards */

.products__wrp {
    display: flex;
    flex-direction: column;
    padding: 20px 0 100px;
}

.products__cards {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 40px;
}

.product-line {
    width: 1px;
    height: auto;
    background-color: rgba(201, 214, 233, 0.40);
}

.products__card {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    border-radius: 12px;
    background: #EAEFF7;
    border: 1px solid #EAEFF7;
    padding: 16px;
}

.products__card:hover {
    border: 1px solid #FFDCBF;
    background: rgba(255, 255, 255, 0.30);
}

.products__card--img {
    position: relative;

}
.products__card--img img {
    width: 200px;
    height: 80px;
}

.products__card--pharam {
    position: absolute;
    top: -4px;
    left: -6px;

    display: flex;
    flex-direction: row;
    gap: 3px;
}

.products__card--img-position {
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    border-radius: 5px;
    background: #000;
    padding: 10px;
}

.products__card--img-level {
    color: #FFF;
    font-family: "Inter", sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    border-radius: 5px;
    opacity: 0.7;
    background: #0742ED;
    padding: 10px;
}

.products__card--info {

}

.products__card--title {
    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 8px;
}

.products__card--info--power {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-bottom: 16px;
}

.products__card--info--power span {
    position: relative;

    color: #323232;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    padding-left: 28px;
}

.products__card--info--power span::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1905 1.66666L2.85718 11.6667H10.3572L9.52384 18.3333L17.8572 8.33332H10.3572L11.1905 1.66666Z' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 21px;
    height: 20px;
}

.products__card:hover .products__card--info--power span::before {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.6905 1.66675L3.35718 11.6667H10.8572L10.0238 18.3334L18.3572 8.33342H10.8572L11.6905 1.66675Z' stroke='%230742ED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.products__card--info--volume {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.products__card--info--volume span {
    position: relative;

    color: #000;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    padding-left: 28px;
}

.products__card--info--volume span::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5238 4.16666L5.35714 7.49999H2.0238V12.5H5.35714L9.5238 15.8333V4.16666Z' stroke='%23323232' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3071 7.04999C14.0883 7.83135 14.5271 8.89097 14.5271 9.99582C14.5271 11.1007 14.0883 12.1603 13.3071 12.9417' stroke='%23323232' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.2489 4.10834C17.8112 5.67107 18.6888 7.7903 18.6888 10C18.6888 12.2097 17.8112 14.3289 16.2489 15.8917' stroke='%23323232' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 21px;
    height: 20px;
}

.products__card--efficiency-title {
    position: relative;
    color: #8C939B;
    font-family: "Inter", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}

/*.products__card--efficiency-title::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3231_2662)'%3E%3Cpath d='M6.57141 8V6M6.57141 4H6.57641M11.5714 6C11.5714 8.76142 9.33284 11 6.57141 11C3.80999 11 1.57141 8.76142 1.57141 6C1.57141 3.23858 3.80999 1 6.57141 1C9.33284 1 11.5714 3.23858 11.5714 6Z' stroke='%238C939B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3231_2662'%3E%3Crect width='12' height='12' fill='white' transform='translate(0.571411)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");*/
/*    width: 13px;*/
/*    height: 12px;*/
/*}*/

.products__card--efficiency-items {
    position: relative;
    width: 70px;
    height: 24px;

    color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

    padding: 2px 10px;
    margin: 0 0 8px 28px;
}

.products__card--efficiency-items::before {
    content: "";
    position: absolute;
    top: 2px;
    left: -28px;
    width: 21px;
    height: 20px;
}

.products__card--efficiency-cold {
    background: #252432;
}

.products__card--efficiency-cold::before {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5901 7.4167L5.48648 13.25M15.5901 7.4167L16.5051 4.00163M15.5901 7.4167L19.0051 8.33176M5.48648 13.25L2.07141 12.3349M5.48648 13.25L4.57141 16.6651M15.5901 13.2499L5.4864 7.41658M15.5901 13.2499L19.0051 12.3349M15.5901 13.2499L16.5051 16.665M5.4864 7.41658L4.57153 4.00172M5.4864 7.41658L2.07153 8.33186M10.5383 4.50003V16.1667M10.5383 4.50003L8.03829 2.00003M10.5383 4.50003L13.0383 2.00003M10.5383 16.1667L8.03829 18.6667M10.5383 16.1667L13.0383 18.6667' stroke='%23323232' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.products__card:hover .products__card--efficiency-cold {
    background: #4B994A;
}

.products__card:hover .products__card--efficiency-cold::before {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3310_608)'%3E%3Cpath d='M16.0901 7.41667L5.98648 13.25M16.0901 7.41667L17.0051 4.0016M16.0901 7.41667L19.5051 8.33173M5.98648 13.25L2.57141 12.3349M5.98648 13.25L5.07141 16.6651M16.0901 13.2499L5.9864 7.41655M16.0901 13.2499L19.5051 12.3348M16.0901 13.2499L17.0051 16.665M5.9864 7.41655L5.07153 4.00169M5.9864 7.41655L2.57153 8.33183M11.0383 4.5V16.1667M11.0383 4.5L8.53829 2M11.0383 4.5L13.5383 2M11.0383 16.1667L8.53829 18.6667M11.0383 16.1667L13.5383 18.6667' stroke='%230742ED' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3310_608'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.571411)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.products__card--efficiency-warm {
    background: #686777;
}

.products__card--efficiency-warm::before {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5714 1.66675V3.33341M10.5714 16.6667V18.3334M3.9047 10.0001H2.23804M5.83314 5.26185L4.65462 4.08333M15.3096 5.26185L16.4881 4.08333M5.83314 14.7417L4.65462 15.9202M15.3096 14.7417L16.4881 15.9202M18.9047 10.0001H17.238M14.738 10.0001C14.738 12.3012 12.8725 14.1667 10.5714 14.1667C8.27019 14.1667 6.4047 12.3012 6.4047 10.0001C6.4047 7.6989 8.27019 5.83341 10.5714 5.83341C12.8725 5.83341 14.738 7.6989 14.738 10.0001Z' stroke='%23323232' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.products__card:hover .products__card--efficiency-warm {
    background: #A1DEA0;
}

.products__card:hover .products__card--efficiency-warm::before {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5714 1.66675V3.33341M10.5714 16.6667V18.3334M3.9047 10.0001H2.23804M5.83314 5.26185L4.65462 4.08333M15.3096 5.26185L16.4881 4.08333M5.83314 14.7417L4.65462 15.9202M15.3096 14.7417L16.4881 15.9202M18.9047 10.0001H17.238M14.738 10.0001C14.738 12.3012 12.8725 14.1667 10.5714 14.1667C8.27019 14.1667 6.4047 12.3012 6.4047 10.0001C6.4047 7.6989 8.27019 5.83341 10.5714 5.83341C12.8725 5.83341 14.738 7.6989 14.738 10.0001Z' stroke='%23FC9012' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.products__card--additional-title {
    position: relative;
    color: #8C939B;
    font-family: "Inter", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-right: 16px;
    margin-bottom: 8px;
}

/*.products__card--additional-title::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3231_2662)'%3E%3Cpath d='M6.57141 8V6M6.57141 4H6.57641M11.5714 6C11.5714 8.76142 9.33284 11 6.57141 11C3.80999 11 1.57141 8.76142 1.57141 6C1.57141 3.23858 3.80999 1 6.57141 1C9.33284 1 11.5714 3.23858 11.5714 6Z' stroke='%238C939B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3231_2662'%3E%3Crect width='12' height='12' fill='white' transform='translate(0.571411)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");*/
/*    width: 13px;*/
/*    height: 12px;*/
/*}*/

.products__card--additional-items {
    max-width: 180px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.products__card--price {
    text-align: right;
}

.products__card--price-text {
    position: relative;
    color: #8C939B;
    font-family: "Inter", sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /*padding-right: 16px;*/
    margin-bottom: 10px;
}

/*.products__card--price-text::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3231_2662)'%3E%3Cpath d='M6.57141 8V6M6.57141 4H6.57641M11.5714 6C11.5714 8.76142 9.33284 11 6.57141 11C3.80999 11 1.57141 8.76142 1.57141 6C1.57141 3.23858 3.80999 1 6.57141 1C9.33284 1 11.5714 3.23858 11.5714 6Z' stroke='%238C939B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3231_2662'%3E%3Crect width='12' height='12' fill='white' transform='translate(0.571411)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");*/
/*    width: 13px;*/
/*    height: 12px;*/
/*}*/

.products__card--price-coast {
    color: #404040;
    text-align: right;
    font-family: "Inter", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
}

.products__card:hover .products__card--price-coast {
    color: #0742ED;
}

.products__card--price-select {
    position: relative;
    color: #FFF;
    text-align: justify;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
    cursor: pointer;
    border: none;
    border-radius: 6px;
    background: #0742ED;
    padding: 12px 50px 12px 20px;
}

.products__card--price-select::after {
    content: "";
    position: absolute;
    top: 8px;
    right: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5001 17L18.5001 12L13.5001 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.50012 17L11.5001 12L6.50012 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
}


.products__more {
    position: relative;
    color: #0742ED;
    text-align: justify;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-decoration: none;
    cursor: pointer;
    padding: 14px 70px 14px 32px;
    border-radius: 6px;
    border: 1px solid #0742ED;
    margin: 0 auto 30px;
}

.products__more::after {
    content: "";
    position: absolute;
    top: 9px;
    right: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12C3 9.61305 3.94821 7.32387 5.63604 5.63604C7.32387 3.94821 9.61305 3 12 3C14.516 3.00947 16.931 3.99122 18.74 5.74L21 8' stroke='%230742ED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 3V8H16' stroke='%230742ED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 12C21 14.3869 20.0518 16.6761 18.364 18.364C16.6761 20.0518 14.3869 21 12 21C9.48395 20.9905 7.06897 20.0088 5.26 18.26L3 16' stroke='%230742ED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 16H3V21' stroke='%230742ED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
    transition: transform 1.5s ease;
}

.products__more:hover::after {
    transform: rotate(360deg);
}


.products__navigation {
    text-align: center;
}

/* The Most Popular */

.popular {
    padding: 120px 0;
    background: url(/images/toprate/popular-fon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.popular__title {
    color: #252432;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}

.popular__subtitle {
    max-width: 760px;
    color: #424242;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0 auto 40px;
}

.popular__blocks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    gap: 20px 25px;
}

.popular__block {
    width: 100%;
    max-width: 49%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: rgba(255, 255, 255, 0.30);
    padding: 20px;
    box-sizing: border-box;
}

.popular__block--title {
    display: none;
}

.popular__block-1 {
    backdrop-filter: blur(6.5px);
}

.popular__block-2 {
    backdrop-filter: blur(2px);
}

.popular__block-3 {
    backdrop-filter: blur(2px);
}

.popular__block-4 {
    backdrop-filter: blur(6.5px);
}


/* Why us */

.why-us {
    padding: 100px 0;
}

.why-us__title {
    color: #252432;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
}

.why-us__description {
    max-width: 850px;
    color: #424242;
    text-align: center;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin: 0 auto 40px;
}

.why-us__blocks {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.why-us__block {
    width: 100%;
    max-width: 24%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 16px;
    background: #F5F8FD;
    padding: 24px;
}

.why-us__block--title {
    color: #252432;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.why-us__block--text {
    color: #424242;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}



/* Frequently Asked Questions */

.faq {
    padding: 120px 0;
    background: #F5F8FD;
}

.faq__wrp {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.faq__left {
    width: 100%;
    max-width: 300px;
}

.faq__right {
    width: 100%;
    max-width: 695px;
}

.faq__title {
    color: #252432;
    font-family: "Raleway", sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.faq-item {
    padding: 25px 50px 25px 30px;
    border-radius: 10px;
    border: 1px solid #C8D6FF;
    background: linear-gradient(122deg, rgba(255, 255, 255, 0.10) 0%, rgba(244, 244, 244, 0.10) 96.81%);
    margin-bottom: 16px;
}

.faq-item:last-child {
    margin-bottom: 0;
}

.faq-question {
    position: relative;
    color: #252432;
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    cursor: pointer;
}

.faq-question::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -30px;
    transform: translate(0, -50%);
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5V12M12 12V19M12 12H5M12 12H19' stroke='%23252432' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
}

.faq-item.open .faq-question::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H12H19' stroke='%23252432' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.faq-answer {
    display: none;
    color: #3F3F3F;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.faq-item.open .faq-answer {
    display: block;
    margin-top: 16px;
    max-height: 500px;
}



/* Footer */

.footer {
    padding: 25px 0;
    background: #252432;
    text-align: center;
}

.footer__text {
    color: rgba(255, 255, 255, 0.50);
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.best-air__product img {
    height: 90px;
    width: 250px;
}

@media screen and (max-width: 1290px) {

    .top-screen__wrp {
        gap: 10px;
    }

    .best-air__product img {
        height: 90px;
    }

    .top-screen__wrp img {
        width: 100%;
    }

    .top-screen__banner {
        max-width: 40%;
    }

    .top-screen__banner--year {
        margin-bottom: 0px;
    }

    .top-screen__banner--title {
        font-size: clamp(16px, 3vw, 40px);
    }

    .top-screen__banner--description {
        margin-bottom: 10px;
    }

    .top-screen__banner--button {
        font-size: 14px;
        /*padding: 10px 60px 10px 10px;*/
    }

    .best-air__wrp {
        flex-direction: column;
    }

    .best-air__left {
        max-width: 100%;
    }

    .best-air__title {
        max-width: 100%;
    }

    .best-air__subtitle {
        margin-bottom: 15px;
    }

    .best-air__rigth {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }

    .products__wrp {
        padding: 20px 0 80px;
    }

    .ranking .container {
        padding: 0 20px;
    }

    .popular {
        padding: 80px 0;
    }

    .popular__block {
        max-width: 100%;
    }

    .why-us {
        padding: 80px 0;
    }

    .why-us__blocks {
        flex-wrap: wrap;
        gap: 15px;
    }

    .why-us__block {
        max-width: 48%;
    }

    .faq__wrp {
        flex-direction: column;
    }

    .faq {
        padding: 80px 0;
    }

    .faq__left {
        max-width: 100%;
    }
}


@media screen and (max-width: 768px) {

    .products__card--img img {
        width: 100px;
        height: 60px;
    }
    .popup-content {
        padding: 20px;
        width: 90%;
    }
    .best-air__product--text {
        display: none;
    }
    .products__card--price-text {
        display: none;
    }

    .container {
        max-width: 100%;
        padding: 0 16px;
    }

    .header .navbar {
        display: none;
    }

    .top-screen__left,
    .top-screen__center,
    .top-screen__rigth {
        display: none;
    }

    .top-screen__banner {
        max-width: 100%;
        position: relative;
        top: 0;
        left: 0;

        border-radius: 24px;
        background:#0742ED;
        padding: 20px;
    }

    .top-screen__banner--year {
        text-align: center;
        font-size: 20px;
        margin-bottom: 12px;
    }

    .top-screen__banner--title {
        text-align: center;
        font-size: 28px;
        padding: 0 35px;
        margin-bottom: 12px;
    }

    .top-screen__banner--description {
        text-align: center;
        font-size: 16px;
        margin-bottom: 16px;
    }

    .top-screen__banner--bottom {
        flex-direction: column;
        gap: 16px;
    }

    .top-screen__banner--bottom img {
        max-width: 160px;
    }




    .best-air__wrp {
        flex-direction: column;
    }

    .best-air__left {
        max-width: 100%;
    }

    .best-air__title {
        font-size: 24px;
        text-align: center;
        margin: 0 auto 12px;
    }

    .best-air__subtitle {
        font-size: 16px;
        text-align: center;
        margin-bottom: 20px;
    }

    .best-air__rigth {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }

    .best-air__wrp {
        padding: 20px;
    }

    .best-air__product img {
        max-width: 160px;
    }

    .best-air__product--title {
        font-size: 14px;
    }

    .best-air__product--info {
        flex-direction: column;
    }

    .best-air__product--price {
        font-size: 16px;
        margin-bottom: 15px;
    }



    /* Ranking */
    .ranking .container {
        padding: 0;
    }

    .ranking__wrp {
        border-radius: 0;
        padding: 10px;
    }

    .ranking__title {
        font-size: 20px;
    }

    /* Products */

    .products__wrp {
        padding: 20px 0 40px;
    }

    .products__cards {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 16px;
    }

    .products__card {
        width: 48.5%;
        flex-direction: column;
        gap: 10px;

        padding: 10px;
    }

    .products__card--img-position,
    .products__card--img-level {
        font-size: 8px;
        padding: 5px;
    }

    .products__card--img img {
        width: 100%;
    }

    .products__card--title {
        font-size: 14px;
        text-align: center;
    }

    .products__card--info--power {
        justify-content: space-between;
        gap: 2px;
        margin: 0;
    }

    .products__card--info--power span {
        font-size: 14px;
        padding-left: 20px;
    }

    .products__card--info--power span::before,
    .products__card:hover .products__card--info--power span::before {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.66667 1.83331L2 9.83331H8L7.33333 15.1666L14 7.16665H8L8.66667 1.83331Z' stroke='%230742ED' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        width: 16px;
        height: 17px;
    }

    .products__card--info--volume {
        display: none;
    }

    .product-line {
        width: 100%;
        height: 1px;
        background-color: #C9D6E9;
    }

    .products__card--efficiency-title {
        display: none;
    }

    .products__card--efficiency {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .products__card--efficiency-items {
        width: 50px;
        height: 17px;
        font-size: 12px;
        padding: 0 6px;
        margin: 0 0 0 20px;
    }

    .products__card--efficiency-items::before {
        top: 0px;
        left: -20px;
    }

    .products__card--efficiency-cold {
        background: #4B994A;
    }

    .products__card--efficiency-cold::before {
        background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3310_724)'%3E%3Cpath d='M11.0628 5.71283L3.86022 9.87124M11.0628 5.71283L11.7151 3.27832M11.0628 5.71283L13.4973 6.36515M3.86022 9.87124L1.42572 9.21891M3.86022 9.87124L3.2079 12.3058M11.0628 9.87118L3.86017 5.71274M11.0628 9.87118L13.4973 9.21885M11.0628 9.87118L11.7151 12.3057M3.86017 5.71274L3.20798 3.27839M3.86017 5.71274L1.4258 6.36522M7.46153 3.63362V11.9504M7.46153 3.63362L5.67934 1.85144M7.46153 3.63362L9.24371 1.85144M7.46153 11.9504L5.67934 13.7326M7.46153 11.9504L9.24371 13.7326' stroke='%230742ED' stroke-width='1.14059' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3310_724'%3E%3Crect width='14.2574' height='14.2574' fill='white' transform='translate(0 0.42572)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        width: 15px;
        height: 15px;
    }

    .products__card--efficiency-warm {
        background: #A1DEA0;
    }

    .products__card--efficiency-warm::before {
        background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3310_729)'%3E%3Cpath d='M7.19804 1.61383V2.80195M7.19804 12.3069V13.495M2.44556 7.55442H1.25745M3.82029 4.17667L2.98016 3.33654M10.5758 4.17667L11.4159 3.33654M3.82029 10.9346L2.98016 11.7747M10.5758 10.9346L11.4159 11.7747M13.1386 7.55442H11.9505M10.1683 7.55442C10.1683 9.19486 8.83848 10.5247 7.19804 10.5247C5.55759 10.5247 4.22774 9.19486 4.22774 7.55442C4.22774 5.91398 5.55759 4.58413 7.19804 4.58413C8.83848 4.58413 10.1683 5.91398 10.1683 7.55442Z' stroke='%23FC9012' stroke-width='1.14059' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3310_729'%3E%3Crect width='14.2574' height='14.2574' fill='white' transform='translate(0.0693359 0.42572)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        width: 15px;
        height: 15px;
    }

    .products__card--additional-title {
        display: none;
    }

    .products__card--additional-items {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
        gap: 4px;
    }

    .products__card--additional-items img {
        max-width: 30px;
    }

    .products__card--price-text {
        width: fit-content;
        margin: 0 auto 6px;
    }

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

    .products__card--price-coast {
        font-size: 16px;
        text-align: center;
        margin: 0;
    }

    .tooltiptext {
        display: none;
    }

    .products__card--price-select {
        margin-top:10px;
    }

    .products__more {
        margin: 0 auto;
    }

    /* Popular */

    .popular {
        padding: 40px 0;
    }

    .popular__title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .popular__subtitle {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .popular__blocks {
        flex-direction: column;
        gap: 10px;
    }

    .popular__block {
        max-width: 100%;
        flex-direction: column;
    }

    .popular__block__wrp {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    .popular__block--title {
        display: block;
        color: #252432;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }

    .popular__block--text {
        font-size: 14px;
        color: #424242;
    }



    /* Why-us */

    .why-us {
        padding: 40px 0;
    }

    .why-us__title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .why-us__description {
        color: #000;
        font-size: 16px;
        margin: 0 auto 24px;
    }

    .why-us__blocks {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
        gap: 6px;
    }

    .why-us__block {
        min-width: 265px;
        padding: 16px;
    }

    .why-us__block--text {
        white-space: normal;
    }




    /* Faq */

    .faq {
        padding: 40px 0;
    }

    .faq__wrp {
        flex-direction: column;
    }

    .faq__left {
        max-width: 100%;
        margin-bottom: 24px;
    }

    .faq__title {
        font-size: 24px;
        text-align: center;
    }

    .faq-item {
        padding: 16px 40px 16px 16px;
    }

    .faq-item.open {
        border: 1px solid #0742ED;
    }

    .faq-question {
        font-size: 16px;
    }

}


.transition-opacity-out {
    transition: opacity 0.3s ease-out;
}

.transition-opacity-in {
    transition: opacity 0.2s ease-in;
}

.opacity-0 {
    opacity: 0;
}

.opacity-100 {
    opacity: 1;
}