
body{
    line-height: 1.2;
    font-family: 'Inter', sans-serif;
    background: #ECE4E4;
}
.logo{
    width: 8.688rem;
    display: block;
}
header{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    z-index: 15;
    background: linear-gradient(264.11deg, rgba(9, 9, 9, 0.25) 51.51%, rgba(58, 53, 47, 0.025) 150.02%);
    top: 1.8rem;
    width: 80rem;
    padding: 0.9rem 1rem;
    border-radius: 3rem;
    color: white;
    backdrop-filter: blur(10px)
}
header a{
    color: white;
}
.btn{
    height: 3.125rem;
    border-radius: 3rem;
    font-weight: 600;
    color: black;
    padding: 0 1.8rem;
    background: white;
    font-family: 'Inter', sans-serif;
    transition: all 0.35s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn.gray{
    background: #757575;
    color: white;
}
.btn.red{
    background: #EB0B11;
    color: white;
}
.btn.red:hover{
    background: black;
    color: white;
}
.btn_arrow{
    transition: all 0.35s;
}
.btn:hover .btn_arrow{
    transform: rotate(45deg);
}
.btn.red:hover .btn_arrow{
    background: #EB0B11;
}
.btn.min_width{
    min-width: 12.2rem;
}
.btn.min_width3{
    min-width: 16rem;
}
.btn.red .btn_arrow{
    background: black;
    margin-right: -1rem;
}
.btn.red .btn_arrow img{
    filter: brightness(0) invert(1);
}
.btn:hover{
    background: #EB0B11;
    color: white;
}
.btn_arrow{
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.5rem;
    background: white;
}
.arrow_btn span{
    position: relative;
    z-index: 1;
}
.arrow_btn .btn_arrow{
    position: relative;
    z-index: 1;
}
.btn.arrow_btn:after{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #000000;
    transition: all 0.35s;
    opacity: 0;
}

.btn.arrow_btn:hover:after{
    opacity: 1;
}
.btn.arrow_btn:hover{
    color: white;
}
.btn.arrow_btn{
    font-weight: 400;
    padding: 0 1rem;
    background: linear-gradient(97.13deg, rgba(249, 249, 249, 0.3) 48.86%, rgba(249, 249, 249, 0) 128.5%);
    backdrop-filter: blur(4px);
    color: white;
}
.btn_arrow img{
    width: 0.8rem;
}
.lang_box{
    position: relative;
    margin-right: 2.1rem;
    font-size: 0.875rem;
}
.lang_drop{
    background: white;
    position: absolute;
    left: -0.5rem;
    top: -0.5rem;
    right: -0.5rem;
    padding-top: 1.9rem;
    border-radius: 10px;
}
.lang_drop a{
    display: block;
    margin-bottom: 0.5rem;
    color: black;
    text-align: center;
}
.active_lang{
    transition: all 0.35s;
    position: relative;
    z-index: 1;
}
.socials{
    margin-right: 1rem;
}
.socials a{
    display: inline-block;
    margin-right: 1rem;
    font-size: 1.8rem;
}
.menu{
    position: absolute;
    left: 41.5%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.75rem;
}
.menu_item {
    display: inline-block;
    margin: 0 1.2rem;
    position: relative;

}
.menu_item > a{
    display: flex;
    align-items: center;
    padding: 0.7rem 0;
    border-bottom: 1px solid transparent;
}
.menu_item > a:hover, .menu_item > a.active{
    border-color: white;
    color: white;
}
.menu a i{
    font-size: 0.55rem;
    margin-left: 0.5rem;
    transition: all 0.35s;
}
.menu_dropdown{
    position: absolute;
    left: -1.5rem;
    top: 100%;
    width: max-content;
    padding: 1.5rem;
    background: white;
    border-radius: 20px;
    font-weight: 600;
}
.menu_dropdown a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: rgba(0,0,0,0.6);
}
.menu_dropdown a:hover img{
    opacity: 1;
    transform: rotate(0);
}
.menu_dropdown a img{
    width: 1.25rem;
    margin-left: 0.5rem;
    transition: all 0.35s;
    opacity: 0;
    transform: rotate(45deg);
}
.menu_dropdown a.active, .menu_dropdown a:hover{
    color: black;
}
.menu_dropdown a:not(:last-child){
    margin-bottom: 1rem;
}
.box1{
    padding-top: 5.8rem;
    padding-bottom: 1rem;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.section_title{
    font-weight: 700;
    font-size: 3rem;
    letter-spacing: -0.05rem;
    line-height: 1;
    margin-bottom: 1.2rem;
}
.section_text{
    margin-bottom: 1.8rem;
}
.box1_btns .btn{
    margin-right: 1rem;
}
.box1_sale{
    width: 27.113rem;
    background: linear-gradient(97.13deg, rgba(249, 249, 249, 0.3) 48.86%, rgba(249, 249, 249, 0) 128.5%);
    backdrop-filter: blur(20px);
    border-radius: 1.7rem;
    padding: 0.7rem 0.6rem;
    margin-top: 2rem;
    display: flex;
    align-items: center;
}
.box1_sale_img{
    width: 13.625rem;
    border-radius: 1rem;
    overflow: hidden;
}
.box1_sale_text{
    width: calc(100% - 13.625rem);
    padding-left: 1.2rem;
    display: flex;
    gap: 1rem;
    flex-direction: column;
}
.box1_sale_text_flex img{
    width: 5.5rem;
}
.box1_sale_text_flex span{
    width: calc(100% - 5.5rem);
    padding-left: 0.5rem;
    font-weight: 700;
}
.result{
    font-size: 0.9rem;
}

#box-1{
    position: relative;
    color: white;
}
#box-1:after{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: linear-gradient(252.69deg, rgba(0, 0, 0, 0.07) 37.23%, rgba(0, 0, 0, 0.35) 59.67%, rgba(46, 47, 49, 0.7) 69.66%);
    z-index: 1;
}
#box-1 .container{
    position: relative;
    z-index: 2;
}
.ab_img{
    position: absolute;
    left: 0;
    top: 0;
}

#box-2{
    padding-top: 5rem;
}
.gray_title{
    font-size: 0.875rem;
    opacity: 0.5;
}
.section_title.sm{
    font-size: 2.25rem;
}
.services{
    width: 100%;
}
.services .slick-list{
    margin: 0 -10px;
    overflow: unset;
}
.services .slick-slide > div{
    padding: 0 10px;
}
.service_item{
    display: flex!important;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 32.1rem;
    overflow: hidden;
    border-radius: 2.3rem;
    padding: 1rem 1rem;
    position: relative;
    color: white;
}

.services { width: 100%; }

/*.services .slick-slide { width: 19.063rem; }*/
/*.services .slick-slide.is-next-current,*/
/*.services .slick-current { width: 32.6rem; }*/

.service_item { width: 100% !important; } /* child-қа width берме */
/*.service_inactive{*/
/*    max-height: 0;*/
/*    transition: all 0.5s;*/
/*    opacity: 0;*/
/*}*/
/*.slick-current .service_inactive{*/
/*    max-height: 20rem;*/
/*    opacity: 1;*/
/*}*/
.service_item:hover .btn_arrow{
    transform: rotate(45deg);
}

/*.services .slick-slide:not(.slick-current) a{*/
/*    pointer-events: none;*/
/*}*/
.service_item:after{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 1;
    background: linear-gradient(210.71deg, rgba(0, 0, 0, 0.07) 51.69%, rgba(0, 0, 0, 0.35) 67.21%, rgba(0, 0, 0, 0.7) 79.43%);
}
.service_item_top, .service_item_bottom{
    position: relative;
    z-index: 2;
}
.title_row .section_title{
    margin: 0;
}
.title_row{
    margin-bottom: 1.8rem;
}
.service_item_top .btn_arrow{
    width: 3.125rem;
    height: 3.125rem;
    transition: all 0.35s;
}
.service_item_top .btn_arrow img{
    width: 1.2rem;
}
.service_item_bottom{
    padding: 0.9rem;
}
.service_item_title{
    font-size: 1.5rem;
    font-weight: 700;
}
.service_item_text{
    margin-top: 0.7rem;
}
.service_item .btn{
    margin-top: 1rem;
}
#box-3{
    padding-top: 5rem;
}

.service_item:hover{
    color: white;
}
.service_item > img{
    transition: all 0.35s;
}
.service_item .btn:after{
    background: #EB0B11;
}
.service_item:hover .btn{
    color: white;
}
.service_item:hover .btn:after{
    opacity: 1;
}
.service_item:hover > img{
    transform: scale(1.05);
}
.preim_item{
    background: #FFFFFF;
    border-radius: 30px;
    padding: 1.9rem 1.8rem;
    height: 100%;
}
.preim_top_flex{
    margin-bottom: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.preim_icon{
    width: 3.625rem;
    height: 3.625rem;
    background: #EB0B11;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.preim_icon img{
    width: 2rem;
}
.preim_title{
    width: calc(100% - 3.625rem);
    padding-left: 1.3rem;
    font-size: 1.5rem;
    font-weight: 700;
}
.preim_text{
    font-size: 1.25rem;
}
#box-4{
    padding-top: 3.7rem;
    padding-bottom: 5rem;
}
.section_text2{
    margin-top: 1.2rem;
}
.border_img{
    border-radius: 40px;
    overflow: hidden;
}
.border_img30{
    border-radius: 30px;
    overflow: hidden;
}
.border_img20{
    border-radius: 20px;
    overflow: hidden;
}
.digits{
    display: flex;
    flex-direction: column;
    gap: 11.2rem;
}
.digit_title{
    font-size: 5rem;
    font-weight: 700;
}
.digits.align-center{
    padding-left: 5.8rem;
}
#box-5{
    padding-top: 2.5rem;
    padding-bottom: 0.9rem;
    position: relative;
    background: white;
}
.box5_bg{
    position: absolute;
    left: 2.4rem;
    bottom: 0;
    width: 48rem;
}
#box-5 .container{
    position: relative;
    z-index: 1;
}
.gray_title.marged {
    margin-bottom: 1.2rem;
}
.box5_item{
    background: #ECE4E4;
    border-radius: 1.7rem;
    padding: 1.2rem;
    margin-bottom: 1.3rem;
    padding-right: 12rem;
    min-height: 10.1rem;
    position: relative;
    transition: all 0.35s;
    overflow: hidden;
}
.box5_item:hover{
    color: white;
    background: #EB0B11;
}
.box5_item:hover .box5_item_num{
    opacity: 0.4;
    right: 3.2rem;
}
.box5_item_num{
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
    font-size: 13.6rem;
    line-height: 0.75;
    text-align: center;
    width: 8rem;
    color: white;
    opacity: 0;
    transition: all 0.35s;
    /*-webkit-text-stroke: 2px white;*/
}
.box5_item_title{
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 1.2rem;
}

#box-6{
    padding-top: 5rem;
}
.box6_item:not(:last-child){
    margin-bottom: 1.82rem;
}
.box6_item_title{
    display: flex;
    align-items: center;
    margin-bottom: 0.7rem;
}
.box6_dot{
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #EB0B11;
}
.box6_item_title span{
    font-weight: 700;
    font-size: 1.5rem;
    width: calc(100% - 1rem);
    padding-left: 1.2rem;
}
.box6_items{
    padding-top: 1rem;
}
.box6_item_text{
    font-size: 1.25rem;
}
#box-6 .gray_title{
    margin-bottom: 1.8rem;
}
.box6_bg{
    background: #ECE4E4;
    width: 33.9rem;
    padding-bottom: 1.7rem;
    border-bottom-right-radius: 30px;
    position: absolute;
    left: 0;
    top: 0;
}
.box6_bg_after{
    position: absolute;
    right: -1.9rem;
    top: 0;
    width: 2rem;
}
.box6_bg_after2{
    position: absolute;
    left: -0.1rem;
    bottom: -3.6rem;
    width: 2rem;
    transform: rotate(0);
}
#box-6 .section_title{
    margin-bottom: 1.8rem;
}
.box6_img{
    position: relative;
}
.box6_img > img{
    border-radius: 2rem;
}
.part_slider .slick-list{
    overflow: unset;
    margin: 0 -10px;
}
.part_slider .slick-slide > div{
    padding: 0 10px;
}
.part_item{
    display: flex!important;
    align-items: center;
    justify-content: center;
    background: white;
    height: 11.6rem;
    border-radius: 2rem;
    padding: 1.5rem;
}
#box-7{
    padding-top: 4.9rem;
}
.part_btn{
    margin-top: 2.5rem;
}
.btn.min_width2{
    min-width: 26rem;
}
#box-8{
    padding-top: 5rem;
    padding-bottom: 7.7rem;
}
.project_item{
    height: 100%;
    background: white;
    border-radius: 2rem;
    padding: 1.2rem;
    display: block;
}
.project_item:hover .project_item_img img, .case_item:hover .case_img img{
    transform: scale(1.05);
}
.project_item:hover .btn.red, .case_item:hover .btn.red{
    color: white;
    background: black;
}
.project_item:hover .btn.red .btn_arrow, .case_item:hover .btn.red .btn_arrow{
    transform: rotate(45deg);
    background: #EB0B11;
}
.project_item_img img, .case_img img{
    transition: all 0.35s;
}
.project_item_img{
    height: 21.8rem;
    border-radius: 1.2rem;
    overflow: hidden;
    margin-bottom: 1.3rem;
}
.project_item_title{
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: black;
}
.project_item_text{
    margin-bottom: 1.2rem;
    color: black;
}
.projects_row{
    padding-top: 1.3rem;
}

.project_item_sm:not(:last-child){
    margin-bottom: 1.3rem;
}
.project_item_sm{
    display: flex;
    align-items: flex-start;
    background: #FFFFFF;
    padding: 1.2rem;
    border-radius: 2rem;
    position: relative;
}
.project_item_sm .btn_arrow{
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    width: 3.125rem;
    height: 3.125rem;
    background: #EB0B11;
    transform: rotate(45deg) translateZ(0);
}
.project_item_sm:hover .btn_arrow{
    transform: rotate(0);
}
.policy a{
    text-decoration: underline;
}
.policy a:hover{
    text-decoration: none;
}
.project_item_sm .btn_arrow img{
    width: 1.2rem;
    filter: brightness(0) invert(1);
}
.project_sm_img img{
    transition: all 0.35s;
}
.project_item_sm:hover .project_sm_img img{
    transform: scale(1.05);
}
.project_sm_img{
    border-radius: 1.2rem;
    overflow: hidden;
    width: 19.063rem;
    height: 15.5rem;
}
.project_sm_right{
    width: calc(100% - 19.063rem);
    position: relative;
    padding-left: 1.3rem;
    padding-right: 3rem;
}
.main_form{
    background: white;
    margin-top: 2.3rem;
    border-top-right-radius: 1.8rem;
    border-top-left-radius: 1.8rem;
    padding: 2.5rem 2.5rem;
    padding-bottom: 3.7rem;
}
.form_text{
    font-size: 1.25rem;
    margin-bottom: 2.3rem;
}
.form-group{
    margin-bottom: 2.2rem;
}
.form-control{
    width: 100%;
    border-bottom: 3px solid #EB0B11;
    font-family: "Inter", sans-serif;
    padding: 0.7rem 1rem;
    border-radius: 0;
}
.form-control::placeholder{
    opacity: 0.5;
}
.policy{
    font-size: 0.875rem;
    margin-bottom: 1.9rem;
}
#box-9{
    /*background-image: url("../img/form_bg.jpg");*/
    background-size: cover;
    background-position: center center;
}
.form_img{
    position: absolute;
    bottom: 0;
    left: 1rem;
    width: 29.75rem;
}
#box-10 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.main_contacts .box6_item{

}
.main_contacts .box6_items{
    padding-top: 1.4rem;
}
.main_contacts .box6_item .box6_item_text{
    font-size: 1rem;
}
.socials.big{
    margin: 0;
}
.socials.big a {
    font-size: 2.4rem;
    color: #EB0B11;
}
.socials.big a:hover{
    opacity: 0.6;
}
.map{
    height: 36rem;
    border-radius: 30px;
    overflow: hidden;
}
.footer_logo{
    width: 12.375rem;
    display: block;
}
footer{
    background: #242424;
    color: white;
    padding-top: 3rem;
    padding-bottom: 4rem;
}
footer a{
    color: white;
}
.footer_cont{
    margin-top: 2.4rem;
}
.footer_title{
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.7rem;
}
footer .socials.big{
    margin-top: 2.1rem;
}
.footer_form input{
    height: 3.125rem;
    width: 100%;
    border-radius: 30px;
    background: #757575;
    color: white;
    padding: 0 1rem;
}
.footer_form input::placeholder{
    color: rgba(255,255,255,0.5);
}
.footer_form{
    margin-bottom: 2.5rem;
}
.footer_menu_list{
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
}
.footer_menu_list a, .footer_text, .footer_menu_cont_data a, .footer_bottom a{
    color: rgba(255,255,255,0.8);
}
.footer_menu_list a:hover, .footer_menu_list a.active, .footer_menu_cont_data a:hover{
    color: #EB0B11;
}
.footer_menu_row .footer_title{
    margin-bottom: 1.2rem;
}
.footer_menu_conts{
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
}

.footer_bottom {
    margin-top: -2.5rem;
    pointer-events: none;
    position: relative;
    z-index: 1;
}
.footer_bottom a{
    pointer-events: painted;
    border-bottom: 3px solid red;
    padding-bottom: 0.2rem;
}
.footer_bottom a:hover{
    color: white;
    border-color: transparent;
}
.page_banner{
    height: 8.7rem;
    background: black;
}
.page_banner > img{
    opacity: 0.7;
}
.page{
    padding-top: 2.5rem;
}
.about_image{
    height: 19.4rem;
    border-radius: 30px;
    overflow: hidden;
}
.page_title_row{
    margin-bottom: 1.1rem;
}

.about_preims{
    margin-top: 3.7rem;
}
.about_preim_item{
    border-radius: 30px;
    padding: 1.8rem 1.1rem;
    transition: all 0.35s;
    background: #FFFFFF;
    height: 100%;
}
.about_preim_item.active{
    background: #EB0B11;
    color: white;
}
.about_preim_digit{
    font-size: 4rem;
    font-weight: 700;
    margin-top: 1.6rem;
    margin-bottom: 0.3rem;
}
.page #box-6 {
    padding-top: 3.6rem;
    padding-bottom: 5.1rem;
}
.about_mission .section_title.sm{
    margin-bottom: 0!important;
}
#license{
    padding-top: 5rem;
}
.cert_item{
    display: flex!important;
    align-content: center;
    justify-content: center;
    background: white;
    height: 19.375rem;
    border-radius: 30px;
    overflow: hidden;
}
.cert_slider .slick-list{
    margin: 0 -10px;
    overflow: unset;
}
.cert_slider .slick-slide > div{
    padding: 0 10px;
}
#about_advantage{
    margin-top: 3.7rem;
    position: relative;
    color: white;
}
#about_advantage .container{
    position: relative;
    z-index: 1;
}
.about_advantage_row{
    height: 43.6rem;
    align-items: flex-end;
    margin: 0;
}
.about_advantage_row > div{
    padding: 0;
}
.about_advantage_item{
    padding: 1.9rem 1.2rem;
    position: relative;
}
.about_advantage_item:after{
    pointer-events: none;
    opacity: 0;
    transition: all 0.35s;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    position: absolute;
    left: 0;
    height: 41.7rem;
    right: 0;
    bottom: 0;
    content: "";
    backdrop-filter: blur(5px);
    background: linear-gradient(97.13deg, rgba(249, 249, 249, 0.3) 48.86%, rgba(249, 249, 249, 0) 128.5%);
}
.about_advantage_title{
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.1;
    position: relative;
    z-index: 1;
}
.about_advantage_hidden{
    position: relative;
    z-index: 1;
}
.about_advantage_text{
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s;
}
.about_advantage_item .btn_arrow{
    width: 3.125rem;
    height: 3.125rem;
    margin: 0;
    margin-top: 1.2rem;
    background: #757575;
    transition: all 0.35s;
}
.about_advantage_item .btn_arrow img{
    transform: rotate(45deg);
    width: 1rem;
    filter: brightness(0) invert(1);
}

.about_advantage_item:hover .btn_arrow{
    background: #EB0B11;
}
.about_advantage_item:hover:after{
    opacity: 1;
}
.about_advantage_item:hover .about_advantage_text{
    margin-top: 1rem;
    max-height: 15rem;
}

.service_item.sm{
    width: 100%!important;
}
.service_item.sm .service_inactive{
    max-height: unset;
    opacity: 1;
}
.service_item.sm .btn{
    margin-top: 1rem;
}
.page_services_row > .mb_30{
    margin-bottom: 2rem;
}
.page #box-9{
    margin-top: 6.4rem;
}
.section_card_info .content h4{
    padding-top: 0.5rem;
}
.service_card_content {
    margin-top: 2.5rem;
    margin-bottom: -1rem;
}
.service_card_off_on{
    margin-top: 4.9rem;
}
.of_on_item{
    display: flex;
    align-items: flex-start;
    padding: 1.9rem 1.8rem;
}
.of_on_item.black{
    background: #0B273A;
    color: white;
    border-radius: 30px;
}
.of_on_item:not(:last-child){
    margin-bottom: 1.5rem;
}
.of_on_icon{
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    background: #EB0B11;
    display: flex;
    align-items: center;
    justify-content: center;
}
.of_on_icon img{
    width: 2rem;
}
.of_on_content{
    width: calc(100% - 3rem);
    padding-left: 1.9rem;
}
.off_on_title{
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 1.3rem;
}
.of_on_content .content{
    font-size: 1.2rem;
}
.service_card_page #box-5{
    margin-top: 5rem;

}
.page.service_card_page #box-6{
    padding-top: 5rem;
    padding-bottom: 0;
}
#faq{
    margin-top: 4.9rem;
}
.faq_list{
    padding-top: 0.6rem;
    padding-bottom: 1rem;
}
.faq_item{
    border-bottom: 1px solid #EB0B1180
}
.faq_title.factive img{
    transform: rotate(0);
}
.faq_title{
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 1.3rem 0;
}
.faq_title span{
    width: calc(100% - 2rem);
    padding-right: 1rem;
}
.faq_title img{
    width: 2rem;
    transition: all 0.35s;
    transform: rotate(-180deg);
}
.faq_content{
    display: none;
    padding-bottom: 1.4rem;
}
.partners_banner{
    margin: 2.5rem 0;
}
.part_page_row{
    margin-top: 5rem;
}
#formats{
    background: #0B273A;
    color: white;
    margin-top: 3.7rem;
    padding-top: 2.8rem;
    padding-bottom: 8.2rem;
}
.format_item{
    height: 100%;
    display: block!important;
    background: white;
    border-radius: 30px;
    overflow: hidden;
    padding-bottom: 1.2rem;
    color: black;
}
.format_img img{
    transition: all 0.35s;
}
.format_item:hover .format_img img{
    opacity: 0.6;
}
.format_img{
    height: 12.75rem;
    background: black;
}
.format_title{
    font-size: 1.5rem;
    margin-top: 1rem;
    padding: 0 1.2rem;
}
.format_slider .slick-prev{
    top: unset;
    bottom: -7rem;
    left: unset;
    right: 50.5%;
}
.format_slider .slick-next{
    top: unset;
    bottom: -7rem;
    right: unset;
    left: 50.5%;
}
.format_slider .slick-list{
    margin: 0 -10px;
    display: flex;
}
.format_slider .slick-track{
    display: flex;
}
.format_slider .slick-slide > div{
    padding: 0 10px;
    height: 100%;
}
.format_slider{
    margin-top: 1.5rem;
}
.format_helper{
    position: absolute;
    right: 0;
    top: -3.6rem;
    width: 14.4rem;
}

#partners_form{
    padding-top: 2.7rem;
    padding-bottom: 5rem;
}
#partners_form .main_form{
    border-radius: 30px;
}
.part_bg{
    position: absolute;
    left: 0;
    top: 4.9rem;
    width: 52rem;
    z-index: 1;
    pointer-events: none;
}
.case_box{
    border: 1px solid red;
    border-radius: 30px;
    margin-top: 2.4rem;
    padding: 1.2rem;
}
.project_item_sm.in_page{
    margin-top: 2.6rem;
}
.project_item_sm.in_page .project_sm_img{
    width: 35.938rem;
    height: auto;
}
.project_item_sm.in_page .project_sm_right{
    width: calc(100% - 35.938rem);
}
.case_page_box {
    margin-top: 5rem;
}
.case_item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background: white;
    border-radius: 30px;
    padding: 1.2rem;
    color: black!important;
}

.case_img{
    overflow: hidden;
    height: 18.9rem;
    border-radius: 20px;
}
.case_items_row{
    margin-top: 1.4rem;
}
.case_title{
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}
.case_bottom{
    margin-top: 1.2rem;
}
.case_items_row .mb_30 {
    margin-bottom: 2rem;
}
.cases_page{
    padding-bottom: 5rem;
}
.case_direction{
    font-size: 1.25rem;
}
.case_card_banner {
    padding-top: 2.4rem;
    padding-bottom: 3.3rem;
    position: relative;
    background: black;
    color: white;
}
.case_card_banner .breadcrumbs *{
    color: white;
}
.case_card_banner .ab_img{
    opacity: 0.7;
}
.case_card_banner .container{
    position: relative;
    z-index: 1;
}
.case_card_banner .section_title{
    margin-bottom: 1.9rem;
}
.page_content{
    width: 66.3rem;
    margin: 0 auto;
    margin-top: 2.5rem;
}
.content img{
    border-radius: 30px;
}
.contacts_page #box-10{
    padding-top: 0;
}
.loader_img{
    width: 100px;
}
.loader_img img{
    animation: rotateLoader 1.5s linear infinite;
}
@keyframes rotateLoader {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}