/* Карта социальных сетей */
.social-block {
    display: flex;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
}

.social-icon {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s;
}

.social-icon img {
    width: 80px;
    height: 80px;
    cursor: pointer;
}

.accounts {
    position: absolute;
    top: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}

.accounts img {
    width: 50px;
    height: 50px;
}

.social-icon:hover .accounts {
    opacity: 1;
    pointer-events: auto;
}


/* Карта социальных сетей */



/* Стили со страницы pertners.css */

.partners_block {
    text-align: justify;
    font-size: 17px;
}
.content_center {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 0 auto; /* Горизонтальное центрирование */
}
.patns_bg1 {
    background: linear-gradient(275deg, #5bc3bf87, #08080d);
}

.patns_bg3 {
    background: linear-gradient(275deg, rgba(44, 142, 134, 0.56), #0e0c15);
}

.part_st1 {
    margin-bottom: 15px; text-align: center
}
.pad_leaf_right15 {
    padding-left: 15px;
    padding-right: 15px;
}
.z1 {
    z-index: 1;
}
.z2 {
    z-index: 2;
}
.cardp13 {
    padding: 13px;
}
.border1 {
    border: 1px solid;
}

/****************************************
Фон для блоков с дополнительным теском
*****************************************/
.abstract-bg {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 10px 30px rgba(1, 3, 0, 0.5);
    background-size: contain; /* Вмещаем полностью */
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 30px;
}

.abstract-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(95, 218, 134, 0.46), rgba(8, 50, 128, 0.84));
    filter: blur(1px);
    z-index: 1; /* Поверх SVG */
    pointer-events: none;
}

.abstract-bg-txt {
    z-index: 1;
    position: relative;

}

.bg_svg_1 {
    background: url('/public/assets/img/partners/bg_svg_1.png') no-repeat center/cover;
}

.bg_svg_2 {
    background: url('/public/assets/img/partners/bg_svg_2.png') no-repeat center/cover;
}

.bg_svg_3 {
    background: url('/public/assets/img/partners/bg_svg_3.png') no-repeat center/cover;
}


/****************************************
Фон для блоков с дополнительным теском
*****************************************/



/****************************************
Фон для блоков с дополнительным теском #2
*****************************************/

.abstract-bg2 {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 10px 30px rgba(1, 3, 0, 0.5);
    background-size: contain; /* Вмещаем полностью */
    background-position: center;
    background-repeat: no-repeat;
    height: 230px;
    margin-bottom: 30px;
}

.abstract-bg2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(91, 192, 195, 0.8), rgba(3, 73, 112, 0.6));
    filter: blur(1px);
    z-index: 1; /* Поверх SVG */
    pointer-events: none;
}

.abstract-bg2-txt {
    z-index: 2;
    position: relative;

}

.bg2_svg_1 {
    background: url('/public/assets/img/partners/bg2_svg_1.png') no-repeat center/cover;
}

.bg2_svg_2 {
    background: url('/public/assets/img/partners/bg2_svg_2.png') no-repeat center/cover;
}

.bg2_svg_3 {
    background: url('/public/assets/img/partners/bg2_svg_3.png') no-repeat center/cover;
}

.bg2_svg_4 {
    background: url('/public/assets/img/partners/bg2_svg_4.png') no-repeat center/cover;
}

.bg2_svg_5 {
    background: url('/public/assets/img/partners/bg2_svg_5.png') no-repeat center/cover;
}

.bg2_svg_6 {
    background: url('/public/assets/img/partners/bg2_svg_6.png') no-repeat center/cover;
}

/****************************************
Фон для блоков с дополнительным теском #2
*****************************************/



/****************************************
Фон для блоков с дополнительным теском #3
*****************************************/

.abstract-bg3 {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 10px 30px rgba(1, 3, 0, 0.5);
    background-size: contain; /* Вмещаем полностью */
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 30px;
}

.abstract-bg3::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(64, 152, 200, 0.3), rgba(3, 73, 112, 0.3));
    filter: blur(1px);
    z-index: 1; /* Поверх SVG */
    pointer-events: none;
}

.abstract-bg3-txt {
    z-index: 2;
    position: relative;

}

.fcolorw {
    color: #FFFFFF;
}

.bgblock {
    background: linear-gradient(135deg, rgba(18, 91, 117, 0.5), rgba(3, 73, 112, 0.2));
}

.setbgreg {
    background: linear-gradient(313deg, #204d41, #0e0e1c);
}



.bg3_svg_1 {
    background: url('/public/assets/img/partners/partreg_bg.jpg') no-repeat center/cover;
}



/****************************************
Фон для блоков с дополнительным теском #2
*****************************************/

/*Анимация при наведении мыши на блок */
.blocreg:hover {
    transform: scale(1.05);
    background-color: rgba(255, 255, 255, 0.4); /* Сделаем фон прозрачнее */
    transition: transform 0.3s ease, background-color 0.3s ease;
}
/*Анимация при наведении мыши на блок */

/*Он блоков для раздела как это работает*/
.howcart {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background: linear-gradient(135deg, rgb(146 91 195 / 0%), rgb(3 73 112 / 35%));
    border-radius: 10px;
    margin-bottom: 20px;
}

.howcartr {
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    background: linear-gradient(300deg, rgb(146 91 195 / 0%), rgb(3 73 112 / 35%));
    border-radius: 10px;
    margin-bottom: 20px;
}
/*Он блоков для раздела как это работает*/
/* Стили со страницы партнерс */


/*Кнопка выбор файла */
.file-upload-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.file-path {
    flex: 1;
}

.file-button {
    white-space: nowrap;
}

#resume {
    display: none;
}
/*Кнопка выбор файла */