.main-offer{
	background-image:url(/wp-content/uploads/photo1.png);
	    padding: 278px 0;
	background-size:cover;
}
.main-offer h1 {
    font-size: 50px;
    margin-bottom: 15px !important;
    color: #fff !important;
    line-height: 110% !important;
	font-weight: 700 !important;
}
.main-offer p {
    font-size: 16px;
    margin-bottom: 39px;
	color: #f2f7fc;
}
.usluginn{
	background-color:var(--fon);
	padding-top:50px;
	padding-bottom:50px;
}
.usluginn .all{
	display:flex;
	margin:0 -10px;
}
.usluginn .all .chast{
	width:calc(33.33333% - 20px);
	margin:0 10px;
	aspect-ratio: 1 / 0.604;
	flex-direction: column;
    padding: 30px;
	background-size: cover;
    display: flex;
	border-radius: 10px;
	padding-top: 9.5%;
	justify-content: flex-end;
}
.usluginn .all .chast h3{
	color:#fff!important;
	margin-bottom: 22px !important;
	line-height: 83% !important;
}
.usluginn .all .chast .text{
    color: #fff;
    margin-bottom: 0;
    line-height: 125% !important;
}
.usluginn .all .chast:nth-child(1){
	background-image:url(/wp-content/uploads/photo2.png);
}
.usluginn .all .chast:nth-child(2){
	background-image:url(/wp-content/uploads/photo3.png);
}
.usluginn .all .chast:nth-child(3){
	background-image:url(/wp-content/uploads/group_733881597.png);
}
.usluginn h2{
	margin-bottom:6px!important;
}
.usluginn .opis{
	margin-bottom:28px!important;
}


.uslugispisok{
	padding-top:50px;
	padding-bottom:20px;	
}
.uslugispisok h2{
	margin-bottom:6px!important;
}
.uslugispisok .opis{
	margin-bottom:26px!important;
}
.uslugispisok .all .chast h3{
	margin-bottom: 10px !important;
	line-height: 120% !important;
	font-weight: 500 !important;
}
.uslugispisok .all .chast .text{
    margin-bottom: 0;
    line-height: 140% !important;
}

.uslugispisok .all .chast{
	display: flex;
    align-items: center;
	position:relative;
	padding:30px;
	margin-bottom:30px;
}
.uslugispisok .all .chast img{
	position: absolute;
        right: -75px;
	display:none;
}
.uslugispisok .all .chast:nth-child(1) img, .uslugispisok .all .chast:nth-child(4) img{
	    max-width: 725px;
}
.uslugispisok .all .chast:nth-child(2) img{
	    max-width: 325px;
	right:0;
}
.uslugispisok .all .chast:nth-child(3) img{
max-width: 425px;
    right: 0;
    top: -200px;
}
.uslugispisok .all .chast:nth-child(5) img{
	max-width: 212px;
    right: 60px;
    top: -128px;
}
.uslugispisok .all .left{
	width:56%;
}
.uslugispisok .all .left .zgu{
		margin-bottom:0!important;
	line-height: 130% !important;
	font-weight: 500 !important;
	font-size:24px;
	color:#474747;
}
.uslugispisok .all .chasthover h3, .uslugispisok .all .chasthover .text, .uslugispisok .all .chasthover .zgu{
	color:#fff!important;
}
.uslugispisok .all .chasthover{
	background-color:var(--color-osnova);
	border-radius:10px;
}
.uslugispisok .all .chasthover img{
	display:block;
}


.nashi-raboti{
	background-color:var(--fon);
	padding-top:50px;
	padding-bottom:50px;
}
.nashi-raboti h2{
	margin-bottom:6px!important;
}
.nashi-raboti .opis{
	margin-bottom:26px!important;
}
.nashi-raboti .eshe{
	    margin: 0 auto;
    display: flex;
}
.nashi-raboti .chast, .nashi-raboti .iframe-container{
	display: none;
	width: 100%;
    overflow: hidden;
    height: 512px;
    border-radius: 6px;
	margin-bottom:30px;
}
.nashi-raboti .iframe-container {
    display: block;
  }
.nashi-raboti .iframe-container img{
	    height: 100%;
	border-radius: 6px;
    object-fit: cover;
}









.nashi-raboti .iframe-placeholder {
        position: relative;
        width: 100%;
        text-align: center;
	    height: 100%;
    }
.nashi-raboti .load-iframe-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #484848;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 18px !important;
    z-index: 10;
    width: 238px;
    height: 238px;
    border-radius: 60% !important;
    }
.nashi-raboti  .load-iframe-btn:hover {
        background-color: var(--color-osnova);
    }

.tamtam .all{
	display: flex;
    margin: 0 -5px;
}
.tamtam .all > div{
	    width: calc(50% - 10px);
    margin: 0 5px;
	border-radius: 10px;
	padding:30px;
}
.tamtam .all .pol1{
	background-image:url(/wp-content/uploads/rectangle-40283-1.png);
}
.tamtam .all .pol2{
	background-image:url(/wp-content/uploads/rectangle-40282-1.png);
}
.tamtam .all  h2{
	color:#fff;
	    margin-bottom: 4px !important;
}
.tamtam .all  p{
	color:#fff;
}
.tamtam .all .p30{
	margin-bottom:30px;
}
.tamtam .all .dlast{
	margin-bottom:10px;
}
.tamtam .all p{
margin-bottom: 20px;
    max-width: 575px;
}
.tamtam .all .pol1 p{
	line-height: 120% !important;
}
.tamtam .all .pol2 p{
	line-height: 150% !important;
}
.tamtam{
	padding-bottom:50px;
}

.tablicatip{
	padding-bottom:50px;	
}
.tablicatip .tablica{
	display:flex;
	    flex-direction: column;
}
.tablicatip .tablica .rad {
	display:flex;
  transition: opacity 0.3s ease;
}
.tablicatip .tablica .rad > div{
	padding:16px 30px;
	border:1px solid var(--color-osnova);
	width:33.33333%;
}
.tablicatip .tablica .rad:not(:first-child) > div{
	border-top:0;
}
.tablicatip .tablica .rad .pol2{
	border-left:0;
	border-right:0;
}
.tablicatip .tablica .rad p{
	margin-bottom:0;
}
.tablicatip .tablica .rad p:not(.p18){
	line-height: 120% !important;
}
.tablicatip .tablica .rad .p18{
	font-weight: 700;
font-size: 18px;
color: #474747;
}
.tablicatip .eshetut{
	    margin: 30px auto 0;
    display: flex;
}
.tablicatip .opis{
	margin-bottom:27px;
}
/*  Этапы обучения */
.tablicatip {
    padding-top: 50px;
    padding-bottom: 50px;
}
.tablicatip .slider-etap {
    position: relative;
    overflow: hidden;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    z-index: 99;
}
.tablicatip .gallery-tab-images{
	    overflow: hidden;	
}
.tablicatip .swiper-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tablicatip .swiper-slide {
    -ms-flex-negative: 0;
    position: relative;
    background-color: #fff;
        border: 1px solid #474747;
    flex-shrink: 0;
    background-position: top;
    background-size: cover;
}
.tablicatip .pol1s{
	    display: flex;
    justify-content: space-between;
	    border-bottom: 1px solid #474747;
}
.tablicatip .pol1s .pol1{
		padding:21px 30px;
	width:calc(100% - 150px);
}
.tablicatip .pol1s .slider-etap-next{
	right: 28px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
	background-color: var(--color-osnova);
}
.tablicatip .pol1s .slider-etap-prev{
	left: 5px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
	background-color: var(--color-osnova);
}
.tablicatip .pol1s .slider-etap-next .strela, .tablicatip .pol1s .slider-etap-prev .strela{
	background: #fff;
}
.tablicatip .pol1s .zg{
	font-weight: 700;
    font-size: 24px;
    color: #474747;
	line-height: 150% !important;
}
.tablicatip .dla-sterl{
	display: flex;
    width: 150px;
}
.tablicatip .pol23{
	    display: flex;
    justify-content: space-between;
	height: 100%;
}
.tablicatip .swiper-slide p{
	margin-bottom:0;
}
.tablicatip .swiper-slide .text{
	line-height:150%!important;
		max-width: 500px;
}
.tablicatip .pol23 > div{
	width:50%;
	padding:29px 30px 48px;
	    display: flex;
    align-items: flex-start;
}
.tablicatip .pol23 .twop{
	padding-left:20px;
}
.tablicatip .pol23 .twop .p18{
	font-weight:700;
		margin-bottom: 12px;
	    line-height: 150% !important;
}
.tablicatip .pol2 {
	border-right: 1px solid #474747;
}
.tablicatip .all h2, .tablicatip .all .opis{
	padding-left:30px;
	padding-right:30px;
}
.tablicatip .pol2 .dla-sterl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tablicatip .pol2 .dla-sterl > div:last-child {
    margin-right: 0 !important;
}
.tablicatip .pol2 .dla-sterl > div {
    margin: 0 10px;
    position: relative !important;
}
.tablicatip .slider-etap-pagination {
    margin-right: 3px;
}
.tablicatip .swiper-pagination-bullet-custom {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 64px;
    height: 4px;
    border: 0;
    margin-right: 6px;
    border-radius: 2px;
    background-color: var(--color-osnova);
}
.tablicatip .swiper-pagination-bullet-custom:hover {
    background-color: var(--color-osnova2);
}
.tablicatip .swiper-pagination-bullet-custom .progress__value {
    opacity: 0;
}
.tablicatip .swiper-pagination-bullet-custom--active .progress__value {
    opacity: 1;
    -webkit-animation: BulletProgress 5s linear forwards;
    animation: BulletProgress 5s linear forwards;
    background-color: var(--color-osnova2);
    height: 4px;
    width: 0;
    border-radius: 2px;
}
.tablicatip .swiper-pagination-bullet-custom--active::before {
    background-color: #fff;
}
.tablicatip .zgus {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: #fff;
    border-radius: 50px;
    padding: 18px 10px;
    margin-bottom: 0;
    color: #000;
    width: calc(100% - 40px);
    text-align: center;
    line-height: 125% !important;
}
.tablicatip .zgus span{
    color:var(--color-osnova);
}
.tablicatip .zgus2 {
    display: none;
}
.tablicatip .swiper-slide:hover .zgus2 {
    display: none;
}
@-webkit-keyframes BulletProgress {
    to {
    width: 100%;
}
}
@keyframes BulletProgress {
    to {
    width: 100%;
}
}
.tablicatip
.swiper--pause
.swiper-pagination-bullet-custom--active
.progress__value {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.tablicatip
.swiper-container666:hover
    + .swiper-pagination
.progress__value {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
.tablicatip .crugvis {
    background-color: var(--color-osnova2);
    border-radius: 50px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 30px;
    right: 20px;
    z-index: 9;
    color: #fff;
    line-height: 125%;
    padding: 18px 30px;
}
.tablicatip .swiper-slide.crugvis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tablicatip .panel__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
}
.tablicatip .panel__item .button{
    border-radius:50px!important;
    line-height: 140% !important;
}
.tablicatip .button img {
    margin-right: 5px;
}
@media (max-width: 1229px) {
.tablicatip .strzg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.tablicatip .obsh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.tablicatip .strzg {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.tablicatip .slider-etap-pagination {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    margin-top: 38px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.tablicatip .pol2 .dla-sterl > div {
    margin: 30px 10px 0;
    top: 0;
}   
.tablicatip .slider-etap {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.tablicatip .panel__item {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.tablicatip .swiper-pagination-bullet-custom:last-child {
    margin-right: 0;
}
.tablicatip .pol2 .dla-sterl > div:last-child {
    margin-right: 10px !important;
}
.tablicatip .swiper-pagination-bullet-custom {
    width: calc(100% / 8 - 6px);
    max-width: 64px;
} 
}
@media (max-width: 1630px){
.uslugispisok .all .chast img {
    right: -15px;
}
}
@media (max-width: 1490px){
	.main-offer{
		padding: 250px 0;
	}
	.usluginn .all .chast .text br{
		display:none;
	}
	.uslugispisok .all .left {
    width: 45%;
}
.uslugispisok .all .chast img {
        width: 55%;
    }
	.uslugispisok .all .chast h3 br, .uslugispisok .all .chast .text br{
		display:none;
		   
	}
	.uslugispisok .all .chast h3{
		 white-space: revert;
	}
	.uslugispisok .all .left .zgu{
		font-size:20px;
	}
	.uslugispisok .all .left .zgu br{
		display:none;
	}
}
@media (max-width: 1230px){
.uslugispisok .all .chast h3 {
    font-size: 20px;
}	
.uslugispisok .all .left {
        width: 60%;
    }
	.uslugispisok .all .chast img {
        width: 40%;
    }
		.usluginn .all {
    margin: 0;
    flex-direction: column;
}
	.usluginn .all .chast {
    width: 100%;
    margin: 0 0px 20px;
    aspect-ratio: 1 / 0.404;
        justify-content: flex-end;
}
	.tablicatip .tablica .rad .p18{
		line-height: 120% !important;
	}	
}
.load-iframe-btn {
    transition: all 0.3s ease;
}
.load-iframe-btn:disabled {
    background-color: #ccc;
    cursor: wait;
}
@media (max-width: 991px){
		.tablicatip{
		padding-top:0;
	}	
	.tablicatip .pol1s .zg{
		    font-size: 22px;
	}	
.tablicatip .pol23 > div {
    flex-direction: column;
}
	.tablicatip .pol23 .twop {
    padding-left: 0;
}
	.tablicatip .pol23 img{
		margin-bottom:20px;
	}
	body{
		overflow-x:auto;
	}
	.tablica-wrapper {
  width: 100%; /* Занимает всю ширину родителя */
  overflow-x: auto; /* Включаем горизонтальный скролл */
}
	.tablicatip .tablica{
		width:900px;
		overflow-x:scroll;
	}	

.tamtam .all {
    margin: 0;
    flex-direction: column;
}	
.tamtam .all > div {
    width: 100%;
    margin: 0;
}
	.tamtam .all .pol1{
		margin-bottom:30px;
	}
	.tamtam .all p br{
		display:none;
	}
	.main-offer{
		padding: 200px 0;
	}
.uslugispisok .all .chast:nth-child(3) img {
    top: 0px;
}
.uslugispisok .all .chast:nth-child(5) img {

    right: 0px;
    top: 30px;
}
.usluginn .all .chast {
    aspect-ratio: 1 / 0.604;
	padding-top:30px;
}
.uslugispisok .all .chast {
    align-items: flex-start;;
    margin-bottom: 20px;
    flex-direction: column;
}	
    .uslugispisok .all .left {
        width: 100%;
    }
.uslugispisok .all .chast img {
        width: 100%;
        right: 0;
        position: relative;
        margin-top: 20px;
    }	
}
@media (max-width: 767px){
.uslugispisok .all .chast {
    background-color: var(--color-osnova);
    border-radius: 10px;
}
.uslugispisok .all .chast img {
    display: block;
}
	.uslugispisok .all .left .zgu{
		color:#fff;
	}
	.tablicatip .pol23 {
    flex-direction: column;
}
	.tablicatip .pol23 > div{
		width:100%;
	}	
	.tablicatip .pol2 {
    border-right: 0;
		border-bottom: 1px solid #474747;
}
	.tablicatip .pol23{
		height:auto;
	}	
}
@media (max-width: 625px){
.tablicatip .pol1s .zg {
        font-size: 20px;
    }	
.tablicatip .all h2, .tablicatip .all .opis {
    padding-left: 0;
    padding-right: 0;
}	
	.main-offer{
padding: 150px 0;
        height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
	}
.tablicatip .pol1s .pol1 {
    width: 100%;
}	
.tablicatip .pol1s {
    flex-direction: column;
}
.tablicatip .dla-sterl {
    display: flex;
    width: 180px;
    height: 84px;
    padding: 0 30px 21px;
}
	.tablicatip .dla-sterl .bok-strel{
		top:0;
	}

	.tablicatip .pol1s .slider-etap-prev{
		left:30px;
	}	
}
@media (max-width: 525px){
.main-offer p {
    max-width: 260px;
}	
}
@media (max-width: 435px){
    .uslugispisok .all .left .zgu {
        font-size: 19px;
    }	
}
@media (max-width: 418px){
    .uslugispisok .all .left .zgu {
        font-size: 18px;
    }	
}
@media (max-width: 400px){
    .uslugispisok .all .left .zgu {
        font-size: 17px;
    }	
}
@media (max-width: 365px){
    .uslugispisok .all .left .zgu {
        font-size: 16px;
    }	
}