@media (any-hover: hover) {
   
}
@keyframes rotation {
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}
@media (any-hover: hover) {
	
}

@media (min-width: 1860px) {
    .section__about h2{
		margin-left:-64px;
	}
	.step-grid{
		grid-template-columns:675px 532px 392px;
		gap:32px;
		display:grid;
	}
}
@media (min-width: 1460px) and (max-width: 1860px){
    .step-grid {
        grid-template-columns: calc(45% - 32px) 35% 20%;
        gap: 16px;
        display: grid;
	}
	.about-grid {
        gap: 16px!important; 
    }
	.step-grid-item3 {
        font-size: 18px!important;
	}
}
@media (min-width: 1460px){
	.step-grid-item5{
		display:none!important; 
	}
}
@media (max-width: 1460px){
	.step-grid-item3{
		display:none!important; 
	}
}
@media (min-width: 1280px) and (max-width: 1460px){
    .step-grid {
        grid-template-columns: calc(55% - 16px) 45%;
        gap: 16px;
        display: grid;
	}
	.cooperation-grid,
	.about-grid {
        gap: 16px!important; 
    }
	.step-grid-item3 {
        font-size: 18px!important;
	}
	
}
@media (min-width: 992px) and (max-width: 1280px){
	.step-grid-item5, .step-grid-item1 .step-grid-item1_caption {
        width: calc(50% - 4px)!important;
    }
	.heading-h1, h1 {
        font-size: 56px!important;
    }
	.footer__bottom-left, .footer__bottom-right {
        font-size: 14px!important;
    }
}

@media (min-width: 768px) and (max-width: 1280px){
    .step-grid {
        grid-template-columns: calc(55% - 16px) 45%;
        gap: 16px;
        display: grid;
	}
	.cooperation-grid,
	.about-grid {
        gap: 16px!important; 
    }
	.step-grid-item3 {
        font-size: 18px!important;
	}
	.step-grid-item2_more-step{
		flex-direction:column;
	}
	.step-grid-item1{
		row-gap: 8px!important;
        column-gap: 8px!important;
	}
	
	.heading-h2, h2{
        font-size: 40px!important;
    }
}
@media (min-width: 1280px) {
	.footer-contact__head{
		font-size:48px;
		line-height:120%;
	}
	.footer-contact-all{
		gap:32px;
		justify-content: center;
		align-items: center;
	}
	.step-grid-item2_more-step span{
		width:calc(50% - 9px);
	}
	.step-grid-item1{
		padding-left:32px;
		padding-right:32px;
	}
}
@media (max-width: 1280px) {
	
}

@media (min-width: 1200px) {
    
	
    
}


@media  (max-width: 1200px) {
   
} 
@media (min-width: 992px) {
	.footer__bottom-left,
	.footer__bottom-right{
		font-size:16px;
	}
	 .contact-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
        margin-bottom: 8px;
    }
	.heading-h1, h1 {
		font-size: 64px;
	}
	.heading-h2, h2 {
		font-size: 48px;
	}
	.heading-h3, h3 {
		font-size: 26px;
	}
	.heading-h4, h4 {
		font-size: 22px;
	}
	.heading-h5, h5 {
		font-size: 22px;
	}
	.heading-h6, h6 {
		font-size: 20px;
	}
	.section__cooperation,
	.section__step,
	.section__about,
	.contact-section{
		padding-top: 64px;
		padding-bottom: 64px;
	}
	.about-grid{
		gap:32px;
	}
	.about-grid-item{
		padding:24px;
	}
	.section__cooperation h2{
		margin-bottom:40px;
	}
	.section__step h2,
	.section__about h2{
		margin-bottom:32px;
	}
	.step-grid-item3{
		font-size:24px;
		font-weight:500;
		display:flex;
		align-items:center;
		justify-content:center;
		text-align: center;
        line-height: 120%;
	}
	.step-grid-item2_more-step{
		display:flex;
		row-gap:8px;
		column-gap:18px;
		flex-wrap:wrap;
	}
	.step-grid-item1{
		display:flex;
		row-gap:24px;
		column-gap:32px;
		flex-wrap:wrap;
	}
	.step-grid-item5,
	.step-grid-item1 .step-grid-item1_caption{
		width: calc(50% - 16px);
	}
	.step-grid-item2_price{
		font-size:44px;
		line-height: 120%;
        text-decoration: underline;
		text-decoration-thickness: 3px;
		        text-underline-offset: 5px;
	}
	.step-grid-item2{
		display:flex;
		flex-direction:column;
		gap:23px;
	}
	.cooperation-grid-item__title{
		font-size:24px;
		line-height: 120%;
		margin-bottom:12px;
	}
	.cooperation-grid-item__descr{
		font-size:20px;
		line-height: 120%;
	}
	.cooperation-grid-item{
		padding:32px;
	}
	.cooperation-grid{
		 display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
	}
	.cooperation-grid-item__btn .btn__white{
		font-weight:500;
		font-size:20px;
	}
	.slider__home{
		padding-bottom:100px;
	}
	.slider__home-all{
		gap: 81px;
        min-height: 740px;
		/* max-height:1024px; */
        height: calc(100vh - 104px);
        justify-content: flex-end;
	}
	.slider__swipe{
		font-size: 20px;
        display: flex;
        gap: 4px;
        align-items: flex-start;
        margin-left: auto;
        transform: rotate(90deg);
        min-height: 350px;
	}
	.slider__swipe:before{
		content:'';
		height:2px;
		width:180px;
		background:var(--bg_white);
		display: block;
		margin-top: 8px;
	}
	header #logo a{
		font-size:24px;
	}
	.header__all{
		padding:32px 0;
	}
	.header__right a{
		height:40px;
		border:1px solid var(--bg_white);
		display:flex;
		align-items:center;
		justify-content: center;
	}
	.header__right .tg__header{
		width:40px;
		min-width:40px;
		border-radius:50%;
	}
	.header__right .btn__header{
		padding: 0 24px;
        height: 40px;
        border-radius: 16px;
        color: var(--bg_white);
	}
	body:has(#common-home) header{
		background-color: transparent;
		z-index: 1;
		position: relative;
		top: 0;
		margin-bottom: -104px;
	}
}

@media (max-width: 992px) {
	 .about-grid{
		 flex-direction:column;
	 }
	 .step-grid-item2_more-step{
		 display:flex;
		 flex-direction:column;
		 gap:8px;
	 }
	 .cooperation-grid{
		 display:flex;
		 flex-direction:column;
		 gap:32px!important;
	 }
	 .heading-h2, h2{
		 margin-bottom:24px;
	 }
	 .slider__swipe{ 
        font-size: 16px;
        display: flex;
        gap: 4px;
        align-items: flex-start;
        margin-left: auto;
        transform: rotate(90deg);
        min-height: 240px;
        order: 2;
    }
	.slider__swipe:after {
        content: '';
        height: 1px;
        width: 100px;
        background: var(--bg_white);
        display: block;
        margin-top: 8px;
    }
	.header__right .tg__header svg{
		 max-width:10px;
	 }
	 .slider__home-all {
        gap: 81px;
        min-height: 740px;
        height: calc(100vh - 104px);
        justify-content: flex-end;
    }
	.header__right{
		gap:10px!important;
	}
	.header__right a {
        height: 24px;
        border: 1px solid var(--bg_white);
        display: flex;
        align-items: center;
        justify-content: center;
    }
	.header__right .btn__header {
        padding: 0 16px;
        height: 24px;
        border-radius: 16px;
        color: var(--bg_white);
		font-size: 12px;
    }
	.header__right .tg__header {
        width: 24px;
        min-width: 24px;
        border-radius: 50%;
    }
	.header__all {
        padding: 20px 0;
    }
	header #logo a {
        font-size: 16px;
    }
	body:has(#common-home) header {
        background-color: transparent;
        z-index: 1;
        position: relative;
        top: 0;
        margin-bottom: -64px;
    }
	.step-grid-item1{
		display:flex;
		flex-direction:column;
		gap:20px;
	}
	.footer__bottom-left,
	.footer__bottom-right{
		font-size:11px;
	}
	.heading-h1, h1 {
		font-size: 40px;
	}
	.heading-h2, h2 {
		font-size: 32px;
	}
	.heading-h3, h3 {
		font-size: 26px;
	}
	.heading-h4, h4 {
		font-size: 22px;
	}
	.heading-h5, h5 {
		font-size: 22px;
	}
	.heading-h6, h6 {
		font-size: 20px;
	}
	.section__cooperation,
	.section__step,
	.section__about,
	.contact-section{
		padding-top: 52px;
		padding-bottom: 52px;
	}
	.about-grid{
		gap:24px;
	}
	.about-grid-item{
		padding:12px 24px;
	}
	.section__about h2{
		margin-bottom:24px;
	}
	.about-grid{
		padding-left: 36px;
	}
	.step-grid-item2_price{
		font-size:36px;
		line-height: 120%;
        text-decoration: underline;
		text-decoration-thickness: 2px;
		        text-underline-offset: 5px;
	}
	.step-grid-item2{
		display:flex;
		flex-direction:column;
		gap:16px;
	}
	.cooperation-grid-item__title{
		font-size:20px;
		line-height: 120%;
		margin-bottom:21px;
	}
	.cooperation-grid-item__descr{
		font-size:14px;
		line-height: 120%;
	}
	.cooperation-grid-item{
		padding:24px 12px;
	}
}
@media (min-width: 768px) {
    .visible-mob,.visible-768  {
        display: none;
    }
	
}
@media (max-width: 768px) {
	.step-grid-item5{
		display:none!important;
	}
	.contact-grid,
	.step-grid{
		display:flex;
		flex-direction:column;
		gap:8px;
	}
	.contact-grid{
		margin-bottom:8px;
	}
	.footer-contact-all{
		display:flex;
		flex-direction:column;
	}
	.about-grid-descr{
		font-size:14px;
	}
	.step-grid-item3 {
        display: flex!important;
		padding:9px 24px;
		text-align:left;
		border-radius: 8px;
    }
	.footer__bottom{
		display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: flex-end;
        text-align: right;
	}
	.footer__bottom-right{
		max-width:181px;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	
}
@media (min-width: 300px) and (max-width: 768px) {
	
}
@media (min-width: 992px) and (max-width: 1200px) {
	
	
}
@media (min-width: 768px) and (max-width: 1280px) {
	
	
}
@media (max-width: 992px) {
	
}
@media (min-width: 768px) and (max-width: 992px) {
	
}

@media (min-width: 580px) and (max-width: 768px) {
	
}
@media (min-width: 460px) and (max-width: 580px) {
	
}
@media  (max-width: 460px) {
	
}
@media (min-width: 320px) and (max-width: 460px) {
	
}