:root {
    --color-primary: #f58d56;
    --color-01: var(--color-primary);
    --color-01-bg: #ffddcb;
    --color-02: #8391AC;
}

body {
    background-color: #FFFFFF;
}

.class-ac {
    --color-01: #F28E92;
    --color-01-bg: #FFD6D7;
}

.class-vopora {
    --color-01: #f7a478;
    --color-01-bg: #fff3d6;
}

.class-if {
    --color-01: #68A5C3;
    --color-01-bg: #a7cfdc;
}

.class-vf {
    --color-01: #68A5C3;
    --color-01-bg: #d0e4ea;
}

.class-am {
    --color-01: #87b79c;
    --color-01-bg: #CFE6D9;
}

.class-akiy {
    --color-01: #b99cc1;
    --color-01-bg: #d5c2da;
}

.class-mbk {
    --color-01: #f7a478;
    --color-01-bg: #d9d9db;
}

.class-ikkp {
    --color-01: #f7a478;
    --color-01-bg: #e2dde7;
}

.bg-rose-waves {
    background-color: #FFF5ED !important;
    background-image: url("https://cdn.accelonline.io/3EdO1FZAg0qWjyFNGCTs_Q/images/pHOvSvrGXkGyUI_90oacMQ.svg") !important;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;

    background-attachment: fixed !important;
}

@media (max-width: 768px) {
    .bg-rose-waves {
        background-attachment: initial !important;
    }
}

.dn {
    display: none !important;
}

.social-icons {
    display: flex;
    background-color: #FFF5ED !important;
    padding: 10px;
    height: 60px;
    width: 60px;
    margin: auto;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s;
}

.social-icons>svg {
    height: 35px;
    width: 35px;
}

.social-icons-flat>svg {
    height: 30px;
    width: 30px;
}

@media (max-width: 768px) {
    .social-icons {
        height: 40px;
        width: 40px;
    }

    .social-icons>svg {
        height: 25px;
        width: 25px;
    }

    .social-icons-flat>svg {
        height: 30px;
        width: 30px;
    }
}

.social-icons-flat {
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s;
}

.social-icons:hover,
.social-icons-flat:hover {
    opacity: 0.7;
}

.social-icons>svg,
.social-icons-flat>svg {
    color: #BB6018;
}


.telegram>svg {
    color: #2AABEE !important;
}

.vk>svg {
    color: #0077FF !important;
}

.instagram>svg {
    color: #FF005A !important;
}

.youtube>svg {
    color: #FF0000 !important;
}

.tiktok>svg {
    color: #bb0000 !important;
    height: 28px;
    width: 28px;
}

@media (max-width: 768px) {
    .tiktok>svg {
        height: 20px;
        width: 20px;
    }
}

.facebook>svg {
    color: #0866FF !important;
}

.ok>svg {
    color: #FF7700 !important;
}

.btn-blick {
    position: relative;
    overflow: hidden;
}

.btn-blick:before {
    content: '';
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    filter: blur;
    background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
    transform: translate(-100%, -25%) rotate(10deg);
    animation: blick 5s infinite;
}

@keyframes blick {
    0% {
        transform: translate(-100%, -25%) rotate(10deg);
    }

    20% {
        transform: translate(100%, -25%) rotate(10deg);
    }

    100% {
        transform: translate(100%, -25%) rotate(10deg);
    }
}