@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

@import url("fonts/stylesheet.css");


body, html{
	overflow-x: hidden;
	padding: 0px;
	 font-family: "Manrope", sans-serif;
	 background:#D1D1D1 ;
	 color:#0F0F0F;
}

*{
	margin: 0px;
}


.zag{
	font-family: 'Benzin';
	font-weight: 500;
}

.content{
	max-width: 1820px;
	margin: auto;
	position: relative;
}


.top_section{
	padding-top: 23px;
	padding-bottom: 50px;
}

header{
	display:flex;
	justify-content: space-between;
	align-items: center;
}

.blask_menu{
	background: #0F0F0F;
	border-radius: 50px;
	padding: 5px 15px 5px 70px;
	display: flex;
	gap: 70px;
	align-items: center;
}

.menu{
display: flex;
gap: 39px;
}


.menu a{
	color: #fff;
	text-decoration: none
}

.top_con{
	display: flex;
	gap: 15px;
	align-items: center;
}

.blu_fon{
background: #3968FF;
border-radius: 50px;
padding: 25px 48px 25px 84px;
display: flex;
gap: 57px;
}

.phon_top{
text-decoration: none;
position: relative;
color: #fff;
}

.mail_top{
text-decoration: none;
position: relative;
color: #fff;
}

.phon_top:before{
	content: '';
	width: 30px;
	height: 30px;
	background: url(../img/phon.svg);
	position: absolute;
	left: -37px;
	    top: -4px;
}

.mail_top:before{
	content: '';
	width: 30px;
	height: 30px;
	background: url(../img/mail.svg);
	position: absolute;
	left: -37px;
	    top: -4px;
}

.btn_pop{
	cursor: pointer;
}

.top_info{
	margin-top: 75px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.top_zag{
	font-size: 50px;
	max-width: 720px;
}

.pod_top_zag{
	margin-top: 20px;
	font-size: 18px;
	color: #535353;
}

.infograf_top{
	display: flex;
	gap: 60px;
	align-items: center;
}

.infograf_top div{
	display: flex;
	align-items: center;
	gap: 15px;
}

.cifra{
	font-weight: bold;
	font-size: 40px;
}

.smol_text{
	color:#535353;
}

.btn_top_info{
	margin-top: 68px;
	display: flex;
	gap: 50px;
	align-items: center;
}

.top_text{
	font-weight: 500;
}

.top_btn{
	color: #fff;
	background: #3968FF;
	padding: 21px 44px 20px;
	border-radius: 21px;
	display: inline-block;
}

.flex_top_slaider{
	margin-top: 83px;
	display: flex;
	gap: 24px;
}

.vitalia_box{
	background: url(../img/fontop.svg);
	background-size: cover;
	padding: 20px 0px 40px 20px;
	    width: 417px;
}

.foto_serv{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.balc_round{
	background: #000;
	padding: 19px;
	border-radius: 50px;
	    margin-top: -15px;
}

.vitalia_name{
	margin-top: 20px;
	font-size: 22px;
	font-weight: bold;
}

.vitalia_info{
	margin-top: 5px;
	color: #535353;
}

.flex_star{
	margin-top: 25px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.ferst_box{
	background: #fff;
	padding-top: 75px;
	padding-bottom: 75px;
}

.pador_zag{
	font-size: 45px;
}

.pod_pador_zag{
	color: #535353;
	margin-bottom: 55px
}

.blou{
background: #EFEFEF;
padding: 35px 30px 50px;
border-radius: 40px;
width: 530px;
}

.blou2{
background: #EFEFEF;
padding: 35px 30px 50px;
border-radius: 40px;
width: 830px;
}

.flex_carsor{
display: flex;
gap: 24px;
margin-bottom: 24px;
flex-wrap: wrap;
}

.big_sir{
color: #3968FF;
font-size: 65px;
font-weight: 900;
}

.blask{
padding: 20px;
background: #000;
border-radius: 50px;
}

.flex_pors{
display: flex;
align-items: center;
justify-content: space-between;
}

.zagirs{
font-size: 20px;
margin-top: 15px;
max-width: 358px;
font-weight: 600;
}

.pod_zagir{
margin-top: 20px;
color: #535353;
max-width: 675px;
}

.whyte{
	background: #fff;
}

.worck_box{
	background: url(../img/fon.png);
	padding: 15px 16px 15px 51px;
	background-size: cover;
	border-radius: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.forza{
	max-width: 350px;
	font-size: 45px;
	color: #fff;
}

.pod_forz_text{
margin-top: 30px;
color: #818181;
font-size: 18px;
max-width: 422px;
}


.pod_forz_text span{
color: #3968FF;
}

.botn_flex{
	margin-top: 78px;
	display: flex;
	gap: 20px;
	align-items: center;
}

.top_btn1{
	color: #fff;
	background: #3968FF;
	padding: 21px 44px 20px;
	border-radius: 21px;
	display: inline-block;
}

.top_btn2{
		color: #fff;
	background: #7F8C94;
	padding: 21px 44px 20px;
	border-radius: 21px;
	display: inline-block;
}

.pod_botn_text{
	margin-top: 20px;
	color: #818181;
	font-size: 14px;
	max-width: 345px;
}

.pod_botn_text a{
	color: #39CAFF;
}

.dialog{
	margin: auto;
	width: 1100px;
	margin-top: 70px;
}

.flex_left{
	display: flex;
	align-items: flex-start;
	gap: 25px;
}

.text_l{
	width: 365px;
	background: #EFEFEF;
	padding: 30px;
	border-radius: 0px 20px 20px 20px;

	font-size: 28px;
}

.flex_right{
	display: flex;
	align-items: flex-start;
	gap: 25px;
	justify-content: flex-end;
}

.text_r{
	width: 365px;
	background: #0F0F0F;
	padding: 30px;
	border-radius: 20px 0px 20px 20px;
	color: #fff;
	font-size: 28px;
}

.flex_partner{
	display: flex;
	justify-content: space-between;
	gap: 250px;
}

.flexing_sap{
	margin-top: 52px;
	display: flex;
	flex-wrap: wrap;
	gap: 35px;
	align-items: center;
}

.blask_cargo2{
	background: #000;
	padding-top: 40px;
	padding-bottom: 40px;
}

.top_btn3{
		color: #fff;
	background: #3968FF;
	padding: 21px 44px 20px;
	border-radius: 21px;
	display: inline-block;
	margin-top: 30px;
}

.flex_zoro{
	display: flex;
	align-items: center;
	gap: 200px;
}

.smol_zag{
	color: #fff;
	font-size: 24px;
	font-weight: 700;
}

.smil_mix_zag{
	width: 245px;
	margin-top: 30px;
	color: #818181;
}

.imf_flex{
	display: flex;
	flex-wrap: wrap;
	gap: 45px;
	align-items: center;
}

.baskgraud_borcus{
	background: url(../img/fon.svg);
	padding-top: 70px;
	padding-bottom: 70px;
	background-size: cover;
}

.botn_flex2{

	margin-top: 39px;
}

.logo_cart{
	margin-top: 87px;
}

.zag_cart{
	font-size: 45px;
	max-width: 330px;
	color: #fff;
}

.pod_botn_text2 {
    margin-top: 20px;
    color: #FFFFFF;
    font-size: 14px;
    max-width: 345px;
}

.flex_cart{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex_surt{
	display: flex;
	align-items: center;
	gap: 37px;
}

.surt1{
	width: 270px;
	padding: 237px 42px 57px 35px;
	border-radius: 40px;
	background: url(../img/fon2.png);
	    background-size: contain;
    background-repeat: no-repeat;
}

.surt2{
	width: 270px;
	padding: 237px 42px 57px 35px;
	border-radius: 40px;
	background: #3968FF;
}

.surt3{
	width: 270px;
	padding: 237px 42px 57px 35px;
	border-radius: 40px;
	background: url(../img/fon3.png);
	    background-size: contain;
    background-repeat: no-repeat;
}

.ssr1{
	color: #3968FF;
    font-size: 75px;
    font-weight: 700;
}

.ssr1 span{
    font-size: 30px;
}

.wssr1{
	color: #fff;
	margin-top: 15px;
	font-size: 20px;
	font-weight: 700;
	    max-width: 175px;
}


.ssr2{
	color: #fff;
    font-size: 75px;
    font-weight: 700;
}

.ssr2 span{
    font-size: 30px;
}

.wssr2{
	color: #000;
	margin-top: 15px;
	font-size: 20px;
	font-weight: 700;
}

.ssr3{
	color: #3968FF;
    font-size: 75px;
    font-weight: 700;
}

.ssr3 span{
    font-size: 30px;
}

.wssr3{
	color: #000;
	margin-top: 15px;
	font-size: 20px;
	font-weight: 700;
}

.pod_botn_text2 a{
	color: #39CAFF;
}

.foot_form{
	padding-top: 60px;
	padding-bottom: 60px;
}

.flex_form{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.form_zag{
	font-weight: 700;
	font-size: 24px;
	max-width: 360px;
}

.form_text{
	margin-top: 20px;
	color: #535353;
	max-width: 310px;
}

.botn_flex3{
	margin-top: 48px;
}

.top_btn4{
	color: #fff;
	background: #3968FF;
	padding: 21px 44px 20px;
	border-radius: 21px;
	display: inline-block;
	cursor: pointer;
}

.pod_botn_text3{
margin-top: 20px;
	color: #818181;
	font-size: 12px;
	max-width: 294px;
}

.pod_botn_text3 a{
	color: #3968FF;
}





.foot_form_texteria{
	width: 1065px;
	background: #EFEFEF;
	padding: 29px 25px;
	font-size: 16px;
	color: #0F0F0F;
	height: 123px;
	border-radius: 20px;
	border:  0px;
}

.flex_input{
	margin-bottom: 30px;
	display: flex;
	gap: 20px;
}

.flex_input input{
border-radius: 20px;
	border:  0px;
	background: #EFEFEF;
	font-size: 16px;
	color: #0F0F0F;
	padding: 29px 25px;
	width: 307px;
	outline: none;
}

footer{
	background: url(../img/fonfot.png);
	padding-top:30px;
	padding-bottom: 30px;
	background-size: cover;
}

.flex_foot{
	display: flex;
	justify-content: space-between;
}

.margin_top{
	margin-top: 30px;
}

.fot_for{
	font-size: 18px;
}

.fot_text{
	font-size: 14px;
	margin-top: 6px;
	color: #535353;
}

.footer{
	background: #fff;
}

.flex_foot_menu{
	display: flex;
	align-items: flex-start;
	gap: 200px;
}

.flex_menu_foot{
	display: flex;
	align-items: center;
	gap: 75px;
}

.menu_f{
color: #0F0F0F;
font-size: 18px;
font-weight: 700;
margin-bottom: 19px;
}

.menu_a{
	    display: block;
	margin-bottom: 20px;
	color: #535353;
	text-decoration: none;
}

.flex_con_foot{
	display: flex;
	gap: 7px;
	align-items: center;
	margin-bottom: 16px;
}

.flex_con_foot a{
	color: #0F0F0F;
	text-decoration: none;
	font-weight: 500;
}

.razrabotka{
	margin-top: 60px;
}

.razrabotka p{
	color: #3968FF;
	margin-bottom:11px;
}

.black_fon{
	background: #000;
	padding-top: 100px;
	padding-bottom: 100px;
}

.forza2{
	max-width: 460px;
    font-size: 45px;
    color: #fff;
}

.forza2 span{
	color: #3968FF;
}


.botn_flex2 {
    margin-top: 128px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.foot_slaider{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.carloson{
	display: flex;
	gap: 50px;
	align-items: flex-end;
}

.sliga{
	width: 900px;
}

.prev{
	    padding: 22px;
    background: #7F8C94;
    border-radius: 20px;
    margin-right: 24px;
    cursor: pointer;
}

.next{
	 padding: 22px;
    background: #7F8C94;
    border-radius: 20px;
    transform: rotate(180deg);
    cursor: pointer;
}

.dabl_box{
	position: relative;
}

.dabl{
	display: flex;
	height: 580px;
}

.solys{
	width: 50%;
	background: #3968FF;
}

.zagora1{
	font-size: 45px;
	color: #fff;
	max-width: 480px;
	margin-bottom: 30px;
}

.zagora2{
	font-size: 45px;
	color: #000;
	max-width: 480px;
	margin-bottom: 40px;
}

.llp{
	width: 50%;
}

.conzarka{
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0px;
    width: 100%;
}

.bycha2{
	padding-left: 50px;
	padding-top: 59px;
}

.bycha{
	padding-top: 59px;
	background: url(../img/bycha.png);
	background-position: bottom;
    background-repeat: no-repeat;
}

.flex_buch{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.flex_buch p{
color: #fff;
width: 232px;
border: 2px solid #fff;
border-radius: 21px;
padding-top:20px;
padding-bottom: 20px;
text-align: center;
}

.flex_buch img{
	padding: 19px;
	background: #fff;
	border-radius: 21px;
}

.botn_flexx3{
margin-top: 24px;
	display: flex;
	gap: 20px;
	align-items: center;
	padding-bottom: 52px;
}

.top_btnn1{
	color: #000;
	background: #fff;
	padding: 21px 44px 20px;
	border-radius: 21px;
	display: inline-block;
}

.top_btnn2{
		color: #fff;
	background: #000;
	padding: 21px 44px 20px;
	border-radius: 21px;
	display: inline-block;
}

.flex_ccsd{
	display: flex;
	gap: 80px;
	margin-bottom: 15px;
}

.flex_buch2{
	display: flex;
	align-items: center;
}

.flex_buch2 p{
color: #000;
width: 232px;
border: 2px solid #000;
border-radius: 21px;
padding-top:20px;
padding-bottom: 20px;
text-align: center;
}

.flex_buch2 img{
	padding: 19px;
	background: #000;
	border-radius: 21px;
}


.flex_buch3{
	display: flex;
	align-items: center;
}

.flex_buch3 p{
color: #000;
width: 232px;
border: 2px solid #3968FF;
border-radius: 21px;
padding-top:20px;
padding-bottom: 20px;
text-align: center;
}

.flex_buch3 img{
	padding: 19px;
	background: #3968FF;
	border-radius: 21px;
}

.popup-fade {
    display: none;
}
.popup-fade:before {
    content: '';
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    z-index: 9;
}
.popup {
    position: fixed;
    top: 0px;
    height: 100vh;
    width: 100vw;

    z-index: 99;
    opacity: 1;
        overflow-y: scroll;
        overflow-x: hidden;
}
.popup-close {
    position: absolute;
        top: 40px;
    right: 40px;
}

.pop_content {
    margin: auto;
    width: 537px;
    position: relative;
    padding: 80px 65px;
    background: url(../img/fonpop.png);
    background-size: cover;
    text-align: center;
        border-radius: 20px;
}


.popzag{
	color: #fff;
	font-size: 35px;
	margin-top: 50px;
}

.poptext{
	color: #818181;
	margin: auto;
	margin-top: 12px;
	max-width: 308px;
}

.popinput{
	margin-top: 50px;
}


.popinput input{
	    border-radius: 20px;
    border: 0px;
    background: #EFEFEF;
    font-size: 16px;
    color: #0F0F0F;
    padding: 29px 25px;
    width: 487px;
    outline: none;
    margin-bottom: 20px;
}

.btn_form{
	    color: #fff;
    background: #3968FF;
    padding: 21px 123px 20px;
    border-radius: 21px;
    display: inline-block;
    margin-top: 36px;
}

.info_pop{
	    margin: auto;
    margin-top: 20px;
    color: #7F8C94;
    font-size: 14px;
    max-width: 306px;
}

.info_pop a{
	color: #3968FF;
}


	#div1 {
	position:relative;
	width:1300px;
	height:450px;
	margin: auto;
	margin-top: 70px;
}
#div1 p{
	position:absolute;
	top:0px;
	left:0px;
	padding: 3px 6px;
	font-weight: 700;
}
.color1{
color: #7F8C94;
}

.color2{
color: #0F0F0F;
}

.color3{
color: #3968FF;
}

.mb{
	display:none;
}

.slaider_foreza video{
	width: 283px;
}







@media (max-width: 1824px) {

.content {
        max-width: 1600px;
}
.menu {
    display: flex;
    gap: 25px;
}

.vitalia_box {
    background: url(../img/fontop.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 20px 0px 20px 20px;
    width: 362px;
}

.blou {
    width: 457px;
}

.blou2 {
    width: 728px;
}

.blask_menu {
    background: #0F0F0F;
    border-radius: 50px;
    padding: 5px 15px 5px 31px;
    display: flex;
    gap: 70px;
    align-items: center;
}



}

@media (max-width: 1600px) {

.content {
        max-width: 1400px;
}


    .blask_menu {

    	        gap: 29px;
    }

        .menu {
        display: flex;
        gap: 13px;
    }
        .blask_menu {
        background: #0F0F0F;
        border-radius: 50px;
        padding: 5px 15px 5px 20px;
    }
    .menu a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}



.phon_top {
    text-decoration: none;
    position: relative;
    color: #fff;
    font-size: 14px;
}
.mail_top {
    text-decoration: none;
    position: relative;
    color: #fff;
    font-size: 14px;
}

.top_zag {
    font-size: 47px;
}

.infograf_top {
    display: flex;
    gap: 42px;
}
.top_text {
    font-weight: 500;
    max-width: 500px;
}

.balc_round {
    background: #000;
    padding: 10px;
}
    .vitalia_box {
        background: url(../img/fontop.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding: 20px 0px 20px 20px;
        width: 311px;
    }
        .blou {
        width: 389px;
    }
        .blou2 {
        width: 628px;
    }

    .worck_box img{
    	max-width: 800px;
    }

       .slaider_foreza video {
        width: 225px;
    }
.prev {
    padding: 22px;
    background: #7F8C94;
    border-radius: 20px;
    margin-right: 7px;
    cursor: pointer;
}

.carloson {
    display: flex;
    gap: 23px;
}
.sliga {
    width: 702px;
}





}








@media (max-width: 500px) {

    .content {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .blask_menu{
    	display: none;
    }

    .top_zag {
    	font-size: 30px;
	}


	.pod_top_zag {
    	margin-top: 15px;
    	font-size: 16px;
	}

	.top_info {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: space-between;
    align-items: flex-start;
}
.infograf_top {
    display: block;
}

.infograf_top div{
	margin-bottom: 15px;
}

.btn_top_info {
    margin-top: 35px;
    display: block;
    gap: 50px;
    align-items: center;
}

.top_btn {
    margin-top: 35px;
}

    .vitalia_box {
        background: url(../img/fontop.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding: 20px 0px 20px 20px;
        width: 353px;
    }

    .flex_top_slaider {
    margin-top: 50px;
   }
   .pador_zag {
    font-size: 26px;
}
.ferst_box {
    background: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
}
.pod_pador_zag {
    color: #535353;
    margin-bottom: 25px;
}

.zagirs {
    font-size: 18px;
}

.blou {
    background: #EFEFEF;
    padding: 20px 20px 40px;
}

.whyte {
    background: #000;
}
.worck_box {
    background: #000;
    padding: 40px 0px 40px 0px;
    background-size: cover;
    border-radius: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.forza {
    max-width: 350px;
    font-size: 26px;
    color: #fff;
}

.pod_forz_text {
    margin-top: 10px;
    color: #818181;
    font-size: 16px;
    max-width: 422px;
}
.botn_flex {
    margin-top: 40px;
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.top_btn1 {
    color: #fff;
    background: #3968FF;
    padding: 21px 56px 20px;
    border-radius: 21px;
    display: inline-block;
}

.pod_botn_text {
    margin: auto;
    margin-top: 20px;
    color: #818181;
    font-size: 14px;
    max-width: 345px;
    text-align: center;
    margin-bottom: 20px;
}

.worck_box img{
	width: 100%;
}

.dialog {
    margin: auto;
    width: auto;
    margin-top: 37px;
}
.flex_left {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
}

.text_l {
    width: 365px;
    background: #EFEFEF;
    padding: 15px;
    border-radius: 0px 20px 20px 20px;
    font-size: 19px;
}

    .flex_right {
        display: flex;
        align-items: end;
        flex-wrap: wrap;
        gap: 15px;
        margin-bottom: 15px;
        justify-content: flex-end;
        flex-direction: column-reverse;
    }

.text_r{
	width: auto;
	padding: 15px;
    border-radius: 20px 0px 20px 20px;
    font-size: 19px;
}

.forza2 {
    max-width: 460px;
    font-size: 26px;
    color: #fff;
}

.black_fon {
    background: #000;
    padding-top: 40px;
    padding-bottom: 50px;
}

.foot_slaider {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

    .top_btn1 {
        color: #fff;
        background: #3968FF;
        padding: 21px 56px 20px;
        border-radius: 21px;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .top_btn2 {
    color: #fff;
    background: #7F8C94;
    padding: 21px 44px 20px;
    border-radius: 21px;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.botn_flex2{
	        margin-top: 40px;
        display: flex;
        gap: 20px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
}

.sliga {
    width: calc( 100vw - 20px);
}

.carloson {
    display: flex;
    gap: 50px;
    align-items: center;
    flex-direction: column-reverse;
}
.slaider_foreza img {
    display: block;
    margin: auto;
}
#div1 {
    position: relative;
    width: 100%;
    height: 450px;
    margin: auto;
    margin-top: 30px;
}

.dabl {
    display: flex;
    height: 580px;
    display: none;
}
.conzarka {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    left: 0;
    right: 0;
    margin: auto;
    top: 0px;
    width: auto;
}
.llp {
    width: auto;
}
.bycha {
    padding-top: 30px;
    background: #3968FF;
    background-position: bottom;
    background-repeat: no-repeat;
    margin-left: -10px;
    padding-left: 10px;

     margin-right: -10px;
    padding-right: 10px;
}
.zagora1 {
    font-size: 26px;
}

.botn_flexx3 {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    padding-bottom: 52px;
}
.bycha2 {
    padding-left: 0px;
    padding-top: 30px;
}
.zagora2 {
    font-size: 26px;
}

.flex_ccsd {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
}
.flex_zoro {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 49px;
}
.imf_flex {
    display: flex;
    flex-wrap: wrap;
    gap: 31px;
}
.flex_partner {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    flex-wrap: wrap;
}

.pc{
	display: none;
}

.mb{
	display: block;
}

.flex_form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 35px;
}

.foot_form_texteria {
    width: calc(100% - 50px);
    background: #EFEFEF;
    padding: 29px 25px;
    font-size: 16px;
    color: #0F0F0F;
    height: 123px;
    border-radius: 20px;
    border: 0px;
}

.flex_input {
    margin-bottom: 30px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.flex_input input {
    border-radius: 20px;
    border: 0px;
    background: #EFEFEF;
    font-size: 16px;
    color: #0F0F0F;
    padding: 29px 25px;
    width: 100%;
    outline: none;
}

.botn_flex3 {
    margin: auto;
    margin-top: 48px;
    text-align: center;
}
.pod_botn_text3 {
    margin: auto;
    text-align: center;
    color: #818181;
    font-size: 12px;
    max-width: 294px;
}
.flex_foot_menu {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}
.flex_foot {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pop_content {
    margin: auto;
    width: auto;
    position: relative;
    padding: 40px 10px;
    background: url(../img/fonpop.png);
    background-size: cover;
    text-align: center;
    border-radius: 41px;
}

.popzag {
    color: #fff;
    font-size: 22px;
    margin-top: 50px;
}
.popup-close {
    position: absolute;
    top: 25px;
    right: 25px;
}
.popinput input {
    border-radius: 20px;
    border: 0px;
    background: #EFEFEF;
    font-size: 16px;
    color: #0F0F0F;
    padding: 29px 25px;
    width: calc(100% - 50px);
    outline: none;
    margin-bottom: 20px;
}

.btn_form {
    color: #fff;
    background: #3968FF;
    padding: 21px 108px 20px;
    width: auto;
    border-radius: 21px;
    display: inline-block;
    margin-top: 36px;
}
.zag_cart {
    font-size: 26px;
    max-width: 330px;
    color: #fff;
}
.baskgraud_borcus {
    background: url(../img/fon.svg);
    padding-top: 40px;
    padding-bottom: 40px;
    background-size: cover;
}
.flex_cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
}
.logo_cart {
    margin-top: 87px;
    display: none;
}

.flex_surt {
    display: flex;
    align-items: center;
    gap: 37px;
    flex-wrap: wrap;
}

.surt1 {
    width: 100%;
    padding: 50px 42px 34px 34px;
    border-radius: 40px;
    background: url(../img/fon2m.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.surt2 {
    width: 100%;
    padding: 50px 42px 34px 34px;
    border-radius: 40px;
    background: #3968FF;
    background-size: contain;
    background-repeat: no-repeat;
}

.surt3 {
    width: 100%;
    padding: 50px 42px 34px 34px;
    border-radius: 40px;
    background: url(../img/fon3m.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.slaider_foreza video {
    width: 283px;
    display: block;
    margin: auto;
}







 }