@font-face{font-family:Gilroy;font-display:swap;src:url(../fonts/Gilroy-Bold.woff2) format("woff2"),url(../fonts/Gilroy-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Gilroy;font-display:swap;src:url(../fonts/Gilroy-Medium.woff2) format("woff2"),url(../fonts/Gilroy-Medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Gilroy;font-display:swap;src:url(../fonts/Gilroy-Extrabold.woff2) format("woff2"),url(../fonts/Gilroy-Extrabold.woff) format("woff");font-weight:800;font-style:normal}@font-face{font-family:Gilroy;font-display:swap;src:url(../fonts/Gilroy-Semibold.woff2) format("woff2"),url(../fonts/Gilroy-Semibold.woff) format("woff");font-weight:600;font-style:normal}*{padding:0;margin:0;border:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}:active,:focus{outline:0}body{font-family:"Open Sans",sans-serif;color:#383838;font-weight:400;font-size:16px}[class*=__container]{max-width:1180px;margin:0 auto;padding:0 15px}.wrapper{overflow:hidden;min-height:100vh;position:relative;width:100%}a:active,a:focus{outline:0}button,input,textarea{font-size:inherit}button{cursor:pointer;color:inherit;background-color:inherit}a{color:inherit}a:link,a:visited{text-decoration:none}a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}.menu{position:relative;z-index:100}.menu__list{display:-webkit-box;display:-ms-flexbox;display:flex}.menu__link{font-family:Gilroy;font-weight:600;font-size:16px;line-height:100%;color:#1e376a;margin:0 22.5px;text-transform:uppercase;color:#383838}.menu__burger-back{background:#f9f9fc;border-radius:100px;width:50px;height:50px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none}.menu__burger{display:none;border-radius:50%}.menu__burger.active::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:9px;background:red}.menu__burger.active::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);bottom:9px;background:red}.menu__burger.active span{display:none}.header{padding:40px 50px}.header__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__logo{font-family:Gilroy;font-style:normal;font-weight:800;font-size:24px;line-height:100%;text-transform:capitalize;color:#34338e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-transform: uppercase;}.header__logo::before{content:"";width:25px;height:25px;background:#f7d25c;display:block;margin-right:10px;border-radius:50%}.header__tel{font-family:Gilroy;font-style:normal;font-weight:800;font-size:28px;line-height:35px;text-transform:uppercase;color:#34338e}.header__tel img{margin-right:13px}.header__text{font-family:Gilroy;font-style:normal;font-weight:600;font-size:12px;line-height:130%;text-transform:uppercase;color:#383838;margin-left:45px}.header-md{background:-o-linear-gradient(180.36deg,#3f3999 .27%,#7b77f2 99.71%);background:linear-gradient(269.64deg,#3f3999 .27%,#7b77f2 99.71%);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px;margin-bottom:20px;display:none;position:relative;z-index:111}.header-md__text{font-family:Gilroy;font-weight:600;font-size:15px;line-height:130%;text-transform:uppercase;color:#fff;max-width:130px}.header-md__number{font-family:Gilroy;font-weight:700;font-size:19px;line-height:100%;text-transform:uppercase;color:#fff}.header-md__number img{margin-right:6px;width:16px}.main{padding-bottom:90px}.main__container{position:relative}.main__img{-webkit-transform:translate(30%,0);-ms-transform:translate(30%,0);transform:translate(30%,0);position:absolute;top:50px;right:0}.main__content{-webkit-box-flex:0;-ms-flex:0 1 77%;flex:0 1 77%}.main__bod{display:-webkit-box;display:-ms-flexbox;display:flex}.main__row{margin-bottom:30px}.main__span{font-size:12px;line-height:16px;text-transform:uppercase;color:#707070}.main__span_4{color:#34338e}.main__name{font-family:Gilroy;font-weight:600;font-size:24px;line-height:29px;text-transform:uppercase;color:#383838;margin-bottom:20px}.main__title{font-family:Gilroy;font-style:normal;font-weight:800;font-size:46px;line-height:58px;text-transform:uppercase;color:#34338e;max-width:640px;margin-bottom:30px}.main__body{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:40px}.main__column{margin-right:80px}.main__text{font-family:Gilroy;font-style:normal;font-weight:700;font-size:21px;line-height:120%;text-transform:uppercase;color:#34338e}.main__value{font-family:Gilroy;font-style:normal;font-weight:700;font-size:36px;line-height:43px;text-transform:uppercase;color:#34338e}.main__body-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main__number{background:-o-linear-gradient(180.36deg,#3f3999 .27%,#7b77f2 99.71%);background:linear-gradient(269.64deg,#3f3999 .27%,#7b77f2 99.71%);border-radius:200px;padding:25px 40px;font-family:Gilroy;font-style:normal;font-weight:700;font-size:26px;line-height:32px;color:#fff;margin-right:20px;min-width:335px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main__number img{margin-right:15px}.main__know{font-weight:600;font-size:20px;line-height:27px;color:#383838;max-width:280px}.tabs{background:#f7f8fb;opacity:.8;padding:90px 0}.tabs__arrow{width:10px;height:10px;border-top:2px solid #34338e;border-right:2px solid #34338e;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);-webkit-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;transition:all .2s ease 0s;margin-bottom:5px}.tabs__arrow-act{-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg);margin-bottom:0}.tabs__md{display:none}.tabs__list-md{position:absolute;top:50px;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);display:none;width:300px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-radius:20px}.tabs__list-act{display:-webkit-box;display:-ms-flexbox;display:flex}.tabs__tm{border-bottom:1px solid #413b9c;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:280px;margin:0 auto}.tabs__tm .tabs__triger{color:#34338e;pointer-events:none}.tabs__trigers{display:-webkit-box;display:-ms-flexbox;display:flex}.tabs__act-tr{color:#34338e}.tabs__triger{font-family:Gilroy;font-weight:500;font-size:19px;line-height:23px;text-transform:uppercase;color:#707070;padding:10px 50px}.tabs__item{display:none}.tabs__line{background:rgba(112,112,112,.25);height:2px;width:910px;position:relative;margin-bottom:60px}.tabs__abs{position:absolute;top:0;left:0;background:#413b9c;width:260px;height:2px;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.tabs__act-it{display:-webkit-box;display:-ms-flexbox;display:flex}.tabs__list{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%;padding-right:20px}.tabs__li{font-size:16px;line-height:150%;text-transform:capitalize;color:#2e2e2e;margin-bottom:30px;display:-webkit-box;display:-ms-flexbox;display:flex}.tabs__li::before{content:"";-webkit-box-flex:0;-ms-flex:0 1 12px;flex:0 1 12px;display:block;height:12px;min-width:12px;border:4px solid #ffce33;border-radius:50%;margin-top:5px;margin-right:20px}.ask{padding:90px 0;position:relative}.ask__container{position:relative;z-index:2}.ask__post{position:absolute;top:-50px;left:100px}.ask__post img{max-width:100%}.ask__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.ask__con{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.ask__title{font-family:Gilroy;font-weight:800;font-size:32px;line-height:40px;text-transform:uppercase;color:#34338e;margin-bottom:60px;max-width:530px;position:relative;z-index:2}.ask__item{max-width:660px;padding:5px 30px;background:#f7f8fb;border-radius:10px;margin-bottom:20px}.ask__triger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.ask__text{font-family:Gilroy;font-weight:600;font-size:20px;line-height:25px;color:#383838}.ask__plus{color:#7370cb;font-size:60px;font-weight:400;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;margin-bottom:10px;margin-left:70px}.ask__plus-act{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.ask__content{line-height:140%;text-transform:capitalize;color:#2e2e2e;width:85%;display:none}.ask__content span{color:#34338e}.ask__img{margin-left:20px;margin-top:150px;text-align:center}.ask__img img{max-width:100%}@media screen and (max-width:1650px){.ask__post{top:-50px;right:20px;left:auto;width:50px}}@media screen and (max-width:1200px){.menu__link{margin:0 10px}.header{padding:50px 15px}.header__tel img{margin-right:5px}}@media screen and (max-width:992px){body.lock{overflow:hidden}body.lock .menu{overflow:scroll}.menu{overflow:auto;display:block;background:#fff;position:absolute;right:-100%;top:0;height:0;padding:0;width:100%;height:100vh;padding:90px 20px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.menu.active{right:0}.menu__list{display:block}.menu__list li{text-align:center}.menu__link{margin:30px;display:block}.menu__burger-back{display:-webkit-box;display:-ms-flexbox;display:flex}.menu__burger{display:block;z-index:50;position:relative;width:30px;height:20px;position:relative;z-index:200}.menu__burger::before{display:block;content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:#34338e;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.menu__burger::after{display:block;content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:#34338e;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.menu__burger span{position:absolute;left:0;top:50%;margin-top:-1px;height:2px;width:100%;background:#34338e;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.header{padding:0}.header__body{padding:0 15px;margin-bottom:25px}.header__contacts{display:none}.header-md{display:-webkit-box;display:-ms-flexbox;display:flex}.main__img img{max-width:100%}.main__img{position:static;margin-top:30px;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);text-align:center}.main__content{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%}.main__bod{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main__span{font-size:10px}.main__name{font-size:20px}.main__title{font-size:36px;line-height:48px;max-width:100%}.main__column{margin-right:40px}.main__text{font-size:18px}.main__value{font-size:31px}.main__number{font-size:23px;min-width:auto}.main__know{font-size:17px}.tabs__md{display:block;margin-bottom:50px;text-align:center;position:relative}.tabs__trigers{display:none}.tabs__triger{padding:10px 0 10px 0}.tabs__line{display:none}.tabs__li{font-size:15px}.ask__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ask__con{width:100%}.ask__title{font-size:28px;line-height:35px}.ask__item{margin:0 auto 20px}.ask__text{font-size:18px;line-height:23px}.ask__plus{font-size:50px}.ask__content{font-size:15px}.ask__img{margin-left:0;margin-top:60px}.ask__img img{width:60%}}@media screen and (max-width:768px){.header-md__text{font-size:8px;max-width:80px}.header-md__number{font-size:17px}.main{padding-bottom:25px}.main__row{margin-bottom:25px}.main__span{font-size:8px;line-height:5px}.main__name{font-size:18px;margin-bottom:10px}.main__title{font-size:28px;line-height:35px;margin-bottom:30px}.main__body{margin-bottom:30px}.main__column{margin-right:20px}.main__text{font-size:14px}.main__value{font-size:26px}.main__body-2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main__number{font-size:20px;padding:20px 50px 20px 30px;margin-right:0;margin-bottom:20px}.main__number img{width:25px;margin-right:25px}.main__know{font-size:15px;margin-left:30px}.tabs{padding:40px 0}.tabs__item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tabs__list{padding-right:0}.tabs__li{font-size:14px}.tabs__li::before{margin-right:10px}.ask{padding:50px 0}.ask__title{font-size:24px;margin-bottom:40px;line-height:30px}.ask__item{padding:5px 10px}.ask__text{font-size:17px;line-height:21px}.ask__plus{font-size:40px;margin-bottom:0}.ask__content{font-size:13px;margin-top:20px}.ask__img{margin-top:40px}}

/* Базовые стили для .separator */
.separator {
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #707070;
}

/* Стили для экранов шириной до 992px */
@media (max-width: 992px) {
    .separator {
        font-size: 10px;
    }
}

/* Стили для экранов шириной до 768px */
@media (max-width: 768px) {
    .separator {
        font-size: 8px;
        line-height: 5px;
    }
}

/* Основные стили для блока с описанием сайта */
.about-site {
    background-color: #f7f8fb; /* Серый фон */
    padding: 60px 0;
    font-family: 'Gilroy', sans-serif; /* Используем Gilroy */
   /* border-top: 1px solid #e0e0e0; /* Граница сверху */
   /* border-bottom: 1px solid #e0e0e0; /* Граница снизу */
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.about-site.visible {
    opacity: 1;
    transform: translateY(0);
}

.about-site__container {
    max-width: 1180px; /* Согласуем с общим контейнером */
    margin: 0 auto;
    padding: 0 15px; /* Согласуем с общими отступами */
    text-align: center;
}

.about-site__title {
    font-size: 28px;
    font-weight: 800; /* Используем жирный шрифт */
    color: #34338e; /* Основной цвет сайта */
    margin-bottom: 20px;
    text-transform: uppercase; /* Добавляем uppercase для заголовков */
}

.about-site__content {
    font-size: 16px;
    color: #383838; /* Основной цвет текста */
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto 30px;
}

.about-site__content p {
    margin-bottom: 15px;
}

.about-site__content p:last-child {
    margin-bottom: 0;
}

.about-site__link {
    color: #34338e; /* Основной цвет сайта */
    text-decoration: none;
    font-weight: 600; /* Используем полужирный шрифт */
    transition: color 0.3s ease;
}

.about-site__link:hover {
    color: #1a1a6e; /* Темный оттенок основного цвета */
}

.about-site__button {
    display: inline-block;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff; /* Белый текст */
    background-color: #34338e; /* Основной цвет сайта */
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.about-site__button:hover {
    background-color: rgb(247, 210, 92); /* Темный оттенок основного цвета */
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .about-site {
        padding: 40px 0;
    }

    .about-site__title {
        font-size: 24px;
    }

    .about-site__content {
        font-size: 14px;
    }

    .about-site__button {
        font-size: 14px;
        padding: 10px 20px;
    }
}

/* Основные стили для футера */
.footer {
    background-color: #34338e; /* Основной цвет сайта */
    color: #ffffff; /* Белый текст */
    padding: 40px 0;
    font-family: 'Gilroy', sans-serif; /* Используем Gilroy */
}

.footer__container {
    max-width: 1180px; /* Согласуем с общим контейнером */
    margin: 0 auto;
    padding: 0 15px; /* Согласуем с общими отступами */
}

.footer__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Граница с прозрачностью */
}

.footer__logo .logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #ffffff; /* Белый текст */
}

.footer__logo .logo img {
    max-width: 50px;
    height: auto;
}

.footer__logo .logo span {
    font-size: 18px;
    font-weight: 600; /* Полужирный шрифт */
}

.footer__menu .footer__nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
}

.footer__menu .footer__nav a {
    color: #ffffff; /* Белый текст */
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease; /* Плавное изменение цвета */
}

.footer__menu .footer__nav a:hover {
    color: #f7d25c; /* Желтый цвет при наведении */
}

.footer__contacts {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer__contacts .footer__tel {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff; /* Белый текст */
    text-decoration: none;
    font-size: 18px;
    font-weight: 600; /* Полужирный шрифт */
}

.footer__contacts .footer__tel img {
    width: 20px;
    height: 20px;
}

.footer__contacts .footer__text {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8); /* Полупрозрачный белый текст */
}

.footer__social {
    display: flex;
    gap: 15px;
}

.footer__social .social-link {
    color: #ffffff; /* Белый текст */
    font-size: 20px;
    transition: color 0.3s ease; /* Плавное изменение цвета */
}

.footer__social .social-link:hover {
    color: #f7d25c; /* Желтый цвет при наведении */
}

.footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    padding-top: 20px;
}

.footer__copyright {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8); /* Полупрозрачный белый текст */
}

.footer__links {
    display: flex;
    gap: 20px;
}

.footer__links a {
    color: #ffffff; /* Белый текст */
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease; /* Плавное изменение цвета */
}

.footer__links a:hover {
    color: #f7d25c; /* Желтый цвет при наведении */
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .footer__top {
        flex-direction: column;
        text-align: center;
    }

    .footer__menu .footer__nav {
        flex-direction: column;
        gap: 10px;
    }

    .footer__bottom {
        flex-direction: column;
        text-align: center;
    }

    .footer__logo .logo span {
        font-size: 16px;
    }

    .footer__menu .footer__nav a {
        font-size: 14px;
    }

    .footer__contacts .footer__tel {
        font-size: 16px;
    }

    .footer__contacts .footer__text {
        font-size: 12px;
    }

    .footer__social .social-link {
        font-size: 18px;
    }

    .footer__copyright {
        font-size: 12px;
    }

    .footer__links a {
        font-size: 12px;
    }
}