/* Start:/local/templates/pro_diesel/components/bitrix/news/services/bitrix/news.detail/.default/style.css?17847050227927*/
.service-detail {
	color: var(--bnd-black-color);
}

.service-detail__hero {
	padding-top: calc(var(--bnd-base) * 14);
}

.service-detail__hero-content {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: calc(var(--bnd-base) * 3);
	margin-left: auto;
	margin-right: auto;
	max-width: 1080px;
	text-align: center;
}

.service-detail__title {
	max-width: 1000px;
}

.service-detail__lead {
	color: var(--bnd-black-07-color);
	font-size: calc(var(--bnd-base) * 2.25);
	max-width: 820px;
}

.service-detail__actions {
	align-items: stretch;
	display: grid;
	gap: calc(var(--bnd-base) * 1.5);
	grid-template-columns: 1fr;
	width: 100%;
}

.service-detail__fact {
	/* background: var(--bnd-light-gray-color);
	border: 1px solid var(--bnd-gray-color); */
	border-radius: var(--bnd-border-r);
	display: flex;
	flex-direction: column;
	gap: calc(var(--bnd-base) * 0.75);
	justify-content: center;
	/* padding: calc(var(--bnd-base) * 2); */
	text-align: left;
}

.service-detail__fact span {
	color: var(--bnd-black-07-color);
	font-size: calc(var(--bnd-base) * 1.5);
}

.service-detail__fact strong {
	font-size: calc(var(--bnd-base) * 2);
	line-height: 1.2;
}

.service-detail__price-row {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	gap: calc(var(--bnd-base) * 1.25);
}

.service-detail__price {
	font-size: calc(var(--bnd-base) * 3);
	font-weight: 900;
	line-height: 1;
}

.service-detail__price--old {
	color: var(--bnd-black-07-color);
	font-size: calc(var(--bnd-base) * 2);
	position: relative;
}

.service-detail__price--old::after {
	background: var(--bnd-main-color);
	content: "";
	height: 2px;
	left: -4px;
	position: absolute;
	right: -4px;
	top: 50%;
	transform: rotate(-8deg);
}

.service-detail__price--promo {
	color: var(--bnd-black-color);
}

.service-detail__cta {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	/* min-height: calc(var(--bnd-base) * 8); */
	text-align: center;
	width: 100%;
}

.service-detail__video-screen {
	margin-top: var(--bnd-margin-top);
}

.service-detail__diagnostics {
	display: grid;
	gap: calc(var(--bnd-base) * 3);
}

.service-detail__diagnostics-nav {
	align-self: start;
	border-radius: var(--bnd-border-r);
	display: flex;
	flex-direction: column;
	gap: calc(var(--bnd-base) * 2);
}

.service-detail__diagnostics-kicker {
	color: var(--bnd-black-07-color);
	font-size: calc(var(--bnd-base) * 1.5);
	font-weight: 900;
	text-transform: uppercase;
}

.service-detail__diagnostics-menu {
	display: flex;
	flex-direction: column;
	gap: calc(var(--bnd-base) * 1);
	margin-top: calc(var(--bnd-base) * 2);
}

.service-detail__diagnostics-menu a {
	border: 1px solid var(--bnd-gray-color);
	background: var(--bnd-light-gray-color);
	border-radius: calc(var(--bnd-base) * 1.5);
	color: var(--bnd-black-color);
	font-weight: 700;
	padding: calc(var(--bnd-base) * 1.5);
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.service-detail__diagnostics-menu a:hover {
	background: var(--bnd-main-color);
}

.service-detail__diagnostics-content {
	display: flex;
	flex-direction: column;
	gap: calc(var(--bnd-base) * 3);
}

.service-detail__diagnostics-card {
	box-shadow: 0 24px 38px 3px hsl(217.5deg 33.33% 95.29%), 0 9px 46px 8px rgb(239 242 247), 0 11px 15px -7px rgb(239 242 247);
	border-radius: var(--bnd-border-r);
	font-weight: 500;
	padding: calc(var(--bnd-base) * 3);
}

.service-detail__diagnostics-card--symptoms {
	max-width: none;
}

.service-detail__diagnostics-card--solutions {
	align-self: auto;
}

.service-detail__diagnostics-card--dark {
	background: var(--bnd-black-color);
	color: var(--bnd-white-color);
}

.service-detail__diagnostics-card--dark h2,
.service-detail__diagnostics-card--dark h3,
.service-detail__diagnostics-card--dark h4,
.service-detail__diagnostics-card--dark p,
.service-detail__diagnostics-card--dark li {
	color: var(--bnd-white-color);
}

.service-detail__card-label {
	color: var(--bnd-black-07-color);
	font-size: calc(var(--bnd-base) * 1.5);
	font-weight: 900;
	margin-bottom: calc(var(--bnd-base) * 3);
	text-transform: uppercase;
}

.service-detail__diagnostics-card--dark .service-detail__card-label {
	color: var(--bnd-main-color);
}

.service-detail__diagnostics-result {
	background: var(--bnd-main-color);
	border-radius: var(--bnd-border-r);
	/* display: flex;
	flex-direction: column; */
}

.service-detail__content {
	display: flex;
	flex-direction: column;
	gap: calc(var(--bnd-base) * 6);
}

.service-detail__story {
	display: grid;
	gap: calc(var(--bnd-base) * 3);
	grid-template-columns: 1fr;
}

.service-detail__text {
	color: var(--bnd-black-07-color);
	gap: calc(var(--bnd-base) * 2);
}

.service-detail__advantages {
	display: flex;
	flex-direction: column;
	gap: var(--bnd-gap);
}

.service-detail__advantages + .section__advantages{
	margin-top: calc(var(--bnd-base) * 4);
}

.advantages__content {
	display: grid;
	gap: calc(var(--bnd-base) * 4);
}


.service-detail__advantages-grid {
	display: grid;
	gap: calc(var(--bnd-base) * 2);
	grid-template-columns: 1fr;
}

.service-detail__advantage {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: calc(var(--bnd-base) * 1.5);
	display: flex;
	flex-direction: column;
	gap: calc(var(--bnd-base) * 1.5);
	padding: calc(var(--bnd-base) * 2);
}

.service-detail__advantage .h4 {
	color: var(--bnd-main-color);
}

.service-detail__advantage p {
	color: rgba(255, 255, 255, 0.82);
}

.service-detail__diagnostics-result .bnd-btn {
	margin-top: calc(var(--bnd-base) * 2);
}

.service-detail__gallery {
	display: grid;
	gap: calc(var(--bnd-base) * 3);
}

.service-detail__gallery-grid {
	display: grid;
	gap: calc(var(--bnd-base) * 2);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.service-detail__gallery-item {
	aspect-ratio: 4 / 3;
	border-radius: var(--bnd-border-r);
	display: block;
	overflow: hidden;
}

.service-detail__gallery-item img {
	display: block;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
	width: 100%;
}

.service-detail__gallery-item:hover img {
	transform: scale(1.04);
}

.service-detail__table {
	overflow: hidden;
}

@media screen and (min-width: 700px) {
	.service-detail__actions {
		align-items: stretch;
		gap: calc(var(--bnd-base) * 4);
		grid-template-columns: auto minmax(220px, auto) auto;
		justify-content: center;
		width: auto;
	}

	.service-detail__cta {
		width: auto;
	}



	.service-detail__advantage {
		padding: calc(var(--bnd-base) * 4);
	}

	.service-detail__gallery-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (min-width: 1170px) {
	.service-detail__hero {
		padding-top: calc(var(--bnd-base) * 12);
	}

	.service-detail__story {
		align-items: start;
		grid-template-columns: 3fr 1fr;
	}

	.service-detail__diagnostics {
		grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr);
		gap: calc(var(--bnd-base) * 10);
	}

	.service-detail__diagnostics-nav {
		position: sticky;
		top: calc(var(--bnd-base) * 14);
	}

	.service-detail__text {
		display: flex;
		gap: calc(var(--bnd-base) * 8);

		&.seo-content *{
			margin: 0;
		}
	}

	.service-detail__advantages + .section__advantages{
		margin-top: calc(var(--bnd-base) * 6);

	}

	.service-detail__advantages-heading .h2 {
		max-width: 50%;
	}

	/* .service-detail__advantages-heading {
		position: sticky;
    align-self: start;
    top: 120px;
	} */

	/* .advantages__content {
		grid-template-columns: 0.65fr 1fr;
	} */

	.service-detail__gallery-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.service-detail__diagnostics-card {
		padding: calc(var(--bnd-base) * 6);
	}

	.service-detail__diagnostics-result .bnd-btn {
		margin-top: calc(var(--bnd-base) * 4);
	}
}

@media screen and (max-width: 700px) {
	.service-detail__actions,
	.service-detail__actions * {
		text-align: center;
		align-items: center;
    justify-content: center;
		justify-items: center;
	}
}
/* End */


/* Start:/local/templates/pro_diesel/include/home/first-screen/first-screen.css?17780947671212*/
.fs__content{
    display: flex;
    flex-direction: column;
    gap: 10px;

    .fs__media {
      display: flex;
      justify-content: center;
    }

    video {
        border-radius: var(--bnd-border-r);
        max-height: calc(100dvh - 150px);
        max-width: 100%;
        transform: scale(1.5);
        transform-origin: top center;
        transition: transform 2s ease-in-out;
        width: auto;
    }

    &.revealed {
         video {
            transform: scale(1);
         }
    }
}
.fs__txt{
    text-align: center;
    font-weight: 900;
    margin-bottom: calc(var(--bnd-base) * 2);
}
.section__first-screen{
    display: flex;
    flex-direction: column;
    gap: var(--bnd-gap);

}


@media screen and (min-width: 600px) {

} 

@media screen and (min-width: 1170px) {
    /* .section__first-screen{
        .section__heading {
            height: calc(70dvh - 92px);
            padding-top: 0;
        }
    } */

}

@media screen and (min-width: 1600px) {
    .section__first-screen{
        /* .section__heading {
            height: calc(100dvh - 240px);
        } */
        
      .fs__content{
        video {
          max-height: calc(100dvh - 300px);
        }
      }
    }
}
/* End */


/* Start:/local/templates/pro_diesel/include/common/map/map.css?178112351211942*/
    #contacts-map-section {
        height: auto;
    }

    #contacts-map-container {
        background: var(--bnd-gray-color);
        border-radius: var(--bnd-border-r);
        height: 280px;
    }

    .contacts-map-info {
        background-color: var(--bnd-white-color);
        display: flex;
        flex-direction: column;
        gap: var(--bnd-gap);
        top: 0;
        left: 0;
        bottom: 0;
        /* height: 318px; */
		height:auto;
		margin-top:0;
        padding: calc(var(--bnd-base) * 2);
        position: relative;
        width:100%;
    }

    .contact__left-col {
        display: flex;
        flex-direction: column;
        gap: var(--bnd-gap);
        justify-content: space-between;
    }

    .contact__left-col {
        gap: 32px;
        min-width: 350px;
    }

    .contact__info-item {
        display: flex;
        gap: var(--bnd-base);
    }

    .contact__content{
        position: relative;
    }

    .contact__social {
        display: flex;
        gap: var(--bnd-base);
        align-items: center;
    }

    #contacts-map-container .contact-map iframe {
        height: 280px;
        width: 100%;
    }

    .ymaps-2-1-79-map,
    .ymaps-2-1-79-inner-panes,
    .ymaps-2-1-79-inner-panes > ymaps {
        border-radius: 32px 32px 0px 0px;
    }

    .ymaps-2-1-79-controls__control {
        background: white;
        border-radius: 12px;
        inset: 108px 10px auto auto!important;
		width: 40px;
		height: 80px;
    }

    .ymaps-2-1-79-controls__control .ymaps-2-1-79-float-button {
        box-shadow: none;
        border-radius: 12px;
		width: 40px;
		height: 40px;
    }

    #contacts-tabs-section {
        position: relative;
    }
	
	.ymaps-2-1-79-controls__control .ymaps-2-1-79-float-button-icon {
		border: 12px solid transparent;
	}

	.ymaps-2-1-79-controls__control .ymaps-2-1-79-zoom {
		width: 40px;
		height: 21px!important;
	}

    .city {
        display: none;
        padding: 24px 12px 12px 12px;
        position: relative;
    }

    .city.active {
        display: flex;
        flex-direction: column;
    }

    .city__content {
        /* display: none; */
        display: flex;
        flex-direction: column;
        gap: 25px;
    }

    .city__col-group {
        display: flex;
        gap: 8px;
    }

    .city__col-group--messengers {
        display: flex;
        flex-direction: row;
        gap: 16px;
        justify-content: space-between;
    }

    .city__col-group--messengers a{
        display: flex;
        align-items: center;
        gap: var(--bnd-base);
    }
    .contact-item__label {
        color: var(--bnd-gray);
        font-size: 13px;
        font-style: normal;
        font-weight: 350;
        line-height: 1.23; 
        letter-spacing: 0.26px;
    }

    .city-phone a {
        color: black;
        font-weight: 500;
        line-height: 1.46; 
        text-decoration: none;
        transition: color 0.3s ease-in-out;
    }

    .city-email {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        align-self: stretch;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .city-email a {
        color: #45062D;
        font-weight: 350;
        line-height: 1.46; 
        text-decoration: none;
        transition: color 0.3s ease-in-out;
    }

    .city-phone a:hover, 
    .city-email a:hover {
        color: var(--bnd-green-light);
    }

    .phone-email-group {
        display: flex;
        flex-direction: row;
        gap: 16px;
        justify-content: space-between;
    }

    .phone-email-group .city-contact-item {
        width: calc(50% - 8px);
    }

    .visit-salon-group {
        border-radius: 32px;
        background: var(--bnd-gray-super-light);
        gap: 16px;
        text-align: center;
        padding-bottom: 20px;
    }

    .visit-salon-group p {
        margin-left: 16px;
        margin-right: 16px;
    }

    .city-tabs-container {
        display: flex;
        justify-content: center;
        align-items: center;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        top: -47px;
    }

    .city-tabs {
        border-radius: 24px 24px 0px 0px;
        background: var(--bnd-white);
        display: inline-flex;
        padding: 8px 8px 0px 8px;

    }
.place-schedule-group .city-contact-item{
    flex: 1;
}
 .city__content .bnd-btn--full.with-icon{
    width: 100%;
 }
.bnd-social__txt{
    font-size: 15px;
    line-height: 22px;
}

.contact__info-txt-top{
    font-weight: 600;
}

.contact__right-col {
    display: flex;
    flex-direction: column;
    gap: var(--bnd-gap);
}



.contact__info-img {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border: #B6BCCD solid 1px;
    border-radius: 10px;
    height: 56px;
    width: 56px;

    img {
        display: block;
        height: 24px;
        width: auto;
    }
}

.contact__social-item {
    border: #B6BCCD solid 1px;
    border-radius: 80px;
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;

    img {
        display: block;
        height: 16px;
        width: auto;
    } 
}

.contact__social-item img {
    transition: filter 0.35s ease-in-out;
}

.max {
    filter: invert(0) sepia(100%) saturate(3000%) hue-rotate(216deg);
}

.tg {
    filter: invert(0) sepia(100%) saturate(3000%) hue-rotate(177deg);
}

.vk {
    filter: invert(0) sepia(100%) saturate(3000%) hue-rotate(199deg);
}

.social-item--max:hover img,
.social-item--max:focus-visible img {
    filter: invert(45%) sepia(100%) saturate(3000%) hue-rotate(216deg);
}

.social-item--tg:hover img,
.social-item--tg:focus-visible img {
    filter: invert(45%) sepia(100%) saturate(3000%) hue-rotate(177deg);
}

.social-item--vk:hover img,
.social-item--vk:focus-visible img {
    filter: invert(45%) sepia(100%) saturate(3000%) hue-rotate(199deg);
}


@media screen and (min-width:600px){
    .city__content {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
    }
    .js-tabs-container .visit-salon-group{
            margin-top: 48px;
    }
    .city__col-group.place-schedule-group, .city__col-group--messengers{
        flex-direction: column;            
    }
        .city__content .h2{
            grid-row: 1/2;
        grid-column: 1/7;
        }
    .city__content  .city__col:nth-child(2){
            grid-row: 2/3;
        grid-column: 1/7;
    }
    .city__content  .city__col:nth-child(3){
            grid-row: 3/4;
        grid-column: 1/7;
        margin-top: 12px;
    }
    .city__content  .city__col:nth-child(4){
            grid-row: 2/3;
        grid-column: 7/13;
    }
    .city__content  .city__col:nth-child(5){
            grid-row: 3/4;
        grid-column: 7/13;
    }

    #contacts-map-container {
        height: 480px;
    }

    #contacts-map-container .contact-map  iframe {
        height: 480px;
    }

    .ymaps-2-1-79-controls__control .ymaps-2-1-79-zoom {
        height: 21px!important;
    }

    .ymaps-2-1-79-controls__control .ymaps-2-1-79-zoom__scale {
        border: none;
        box-shadow: none;
    }

    .ymaps-2-1-79-controls__control .ymaps-2-1-79-float-button-icon_icon_runner,
    .ymaps-2-1-79-controls__control .ymaps-2-1-79-zoom__runner__transition {
        display: none;
    }

    .ymaps-2-1-79-controls__control {
        inset: 290px 10px auto auto!important;
    }

    .city {
        padding: 32px;
    }

    .city__content {
        flex-direction: row;
        gap: 8px;
    }

    .city__col {
        gap: 8px;
        width: unset;
        
    }

    .phone-email-group {
        flex-direction: column;
    }

    .visit-salon-group .sh-btn--full {
        width: 100%;
    }

    .phone-email-group .city-contact-item {
        width: calc(100%);
    }
.contact__col-group{
    display: flex;
}
.contact__col-group div{
    flex: 1;
}
}

@media screen and (min-width:1170px){
    /* .contacts-map-info .city__col:first-of-type{
        margin-bottom:20px;
    } */
        .js-tabs-container .visit-salon-group, .city__content .city__col:nth-child(3){
        margin-top: unset;
        }
    #contacts-map-container {
        height: 592px;;
    }

    #contacts-map-section {
        min-height: 592px;
        position: relative;
    }

    .contacts-map-info {
        flex-direction: row;
        justify-content: space-between;
        gap: 32px;
        border-radius: 24px;
        height: fit-content;
        width: 730px;
        top: 42px;
        left: 60px;
        padding: calc(var(--bnd-base) * 3);
        position: absolute;
    }   
    
    .contact__content{
        width: 100%;
    }

    .ymaps-2-1-79-map,
    .ymaps-2-1-79-inner-panes,
    .ymaps-2-1-79-inner-panes > ymaps {
        border-radius: 48px;
    }    
    
    .ymaps-2-1-79-controls__control {
        inset: 215px 10px auto auto!important;
    }

    .city {
        padding: 28px;
    }

    .city .h3 {
        margin-bottom: 20px;
    }

    .city__content {
        flex-direction: column;
        display: flex;
        gap: 20px;
    }
    .city__content .h2, .city__content .city__col:nth-child(4){
        margin-bottom: 32px;
    }
    
    .city__col {
        width: 100%;
    }

    .phone-email-group,
    .place-schedule-group {
        flex-direction: row;
    }

    .city__col-group {
        gap: 28px;
    }

    .city__col-group--messengers {
        gap: 20px;
    }
    .city__col-group.place-schedule-group, .city__col-group--messengers{
        flex-direction: row;
    }

}

@media screen and (min-width:1660px){
    .city__content .h2, .city__content .city__col:nth-child(4){
        margin-bottom: 14px;
    }
    .bnd-social__txt{
font-size: 17px;
line-height: 24px;
}
    #contacts-map-container {
        height: 808px;;
    }

    #contacts-map-section {
        min-height: 808px;
        position: relative;
    }

    .contacts-map-info {
        left: calc( (100vw - var(--bnd-max-content-width)) / 2 );
        padding: calc(var(--bnd-base) * 4);
        width: 800px;
    }

    .ymaps-2-1-79-map,
    .ymaps-2-1-79-inner-panes,
    .ymaps-2-1-79-inner-panes > ymaps {
        border-radius: 64px;
    } 

    .ymaps-2-1-79-controls__control {
        inset: 326px 10px auto auto!important;
    }

    .city {
        padding: 64px;
    }

    .city .h3 {
        font-size: 26px;
        line-height: 1.4;
        letter-spacing: 0.52px;
        margin-bottom: 28px;
    }

    .city__content {
        gap: 28px;
    }

    .city__col {
        gap: 28px;
    }

    .contact-item__label {
        font-size: 15px;
        line-height: 1.46;
    }

    .city-phone a {
        line-height: 1.55; 
    }

    
    .city__col-group {
        gap: 40px;
    }

    .city__col-group > div {
        width: calc(50% - 20px);
    }

    .city__col-group--messengers {
        gap: 40px;
    }

    .visit-salon-group {
        border-radius: 40px;
        background: var(--bnd-gray-super-light);
        gap: 24px;
        text-align: center;
        padding-bottom: 24px;
    }

    .visit-salon-group p {
        margin-left: 64px;
        margin-right: 64px;
    }

    .city-tabs-container {
        top: -57px;
    }

    .city-tabs {
        border-radius: 32px 32px 0px 0px;
        padding: 12px 12px 0px 12px;
    }

    /* .city-tabs__item {
        padding: 12px 20px;
    }

    .city-tabs__item.active {
        border-radius: 32px;

    } */

}

@media (width < 587px) {
    .ymaps-2-1-79-balloon.ymaps-2-1-79-balloon_layout_panel.ymaps-2-1-79-islets_balloon_layout_panel {
        bottom: 100px;
    }

    .sh-modal .simple-form.section__boxed {
        /* border-radius: 32px 32px 0 0; */
        border-radius: 32px;
        margin: 24px 0 0;
    }

    #contacts-map-section {
        overflow: hidden;
    }
    .city-tabs {
        overflow: scroll;
    }
}

/* End */


/* Start:/local/templates/pro_diesel/include/home/advantages/advantages.css?17812099923331*/
.section__advantages {
    background: var(--bnd-bkg-color);
    border-radius: var(--bnd-border-r);
    margin-top: var(--bnd-margin-top--half);

    .advantages__content {
        display: flex;
        flex-direction: column;
        gap: calc(var(--bnd-gap) * 2);

        .advantages__item {
            border-radius: var(--bnd-border-r);
            border-top: 1px solid var(--bnd-bkg-color);
            display: flex;
            flex-direction: column;
            gap: var(--bnd-gap);
            background-color: white;
            padding: calc(var(--bnd-base) * 3);
            padding-top: calc(var(--bnd-base) * 4);
            position: sticky;
            top: calc(110px + var(--bnd-n) * var(--bnd-base) * 2 );
            transition: transform 0.6s ease-in-out;

            &.has-stuck {
                transform: scale(calc(1 - 0.02 * (4 - var(--bnd-n)) ));
                transform-origin: top;
            }

            .right-col{
                background-size: cover;
                border-radius: var(--bnd-border-r);
                min-height: calc(100vw - var(--bnd-base) * 4);

                &.tools {
                    background-image: url("/local/templates/pro_diesel/include/home/advantages/img/oborud.jpg") ;
                }

                &.diler {
                    background-image: url("/local/templates/pro_diesel/include/home/advantages/img/diler-2.jpg") ;
                }

                &.sklad {
                    background-image: url("/local/templates/pro_diesel/include/home/advantages/img/sklad.webp") ;
                }

                &.repair {
                    background-image: url("/local/templates/pro_diesel/include/home/advantages/img/after-repair.webp") ;
                    background-position: center;
                }

                &.custom-support {
                    background-image: url("/local/templates/pro_diesel/include/home/advantages/img/custom-support.jpg") ;
                }
            } 

            .left-col{
                display: flex;
                flex-direction: column;
                justify-content: center;

                .section__heading {
                    margin-bottom: 0;
                }
            }

        } 
    }

}


    @media screen and (min-width: 600px) {
      
    } 
    
    @media screen and (min-width: 1170px) {
        .section__advantages {
            background: var(--bnd-bkg-color);
            border-radius: var(--bnd-border-r);

            .advantages__content {
                .advantages__item {
                    flex-direction: row;
                    justify-content: space-between;
                    gap: var(--bnd-gap);
                    padding: calc(var(--bnd-base) * 4) calc(var(--bnd-base) * 4) calc(var(--bnd-base) * 4) calc(var(--bnd-base) * 8);

                    .left-col {
                        .section__heading {
                            max-width:570px;
                        }
                    }

                    .right-col {
                        aspect-ratio: 1 / 1;
                        flex-shrink: 0;
                        width: 43%;
                        min-height: unset;
                    }
                }
            }
        }
    }
    
    @media screen and (min-width: 1600px) {

    }
/* End */


/* Start:/local/templates/pro_diesel/components/bitrix/news.list/projects/style.css?17781017603505*/
.section__projects-list {
  --transition-cursor: 2s cubic-bezier(0.05, 0.5, 0, 1);
  --transition: 1.2s cubic-bezier(0.2, 0.5, 0, 1);
  display: flex;
  flex-direction: column;
  /* overflow: hidden; */
  gap: var(--bnd-gap);
  

  .project {
    /* cursor: none; */
    display: flex;
    flex-direction: column;
    gap: var(--bnd-base);
    position: relative;
    text-decoration: none;

    .cursor {
      display: none;
    }

    .background {
      aspect-ratio: 4 / 3;
      border-radius: var(--bnd-border-r);
      width: auto;
      background-position: center;
      background-size: cover;
      transition:  opacity 0.5s ease;
    }

    .name {
      font-weight: 900;
    }

    .description {
      margin-top: calc(var(--bnd-base) * 2);
      margin-bottom: calc(var(--bnd-base) * 2);
    }

    .more {
      font-size: 0.75em;
      font-weight: 700;
    }

  }

}

@media (width >= 1170px) {
  .section__projects-list {
    gap: 0;
    
    .project {
      border-bottom: 5px solid var(--bnd-bkg-color);
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      grid-template-rows: calc(var(--bnd-base) * 4);
      gap: var(--bnd-base);
      padding-top: calc(var(--bnd-margin-bottom--half));
      padding-bottom: calc(var(--bnd-margin-bottom--half));

      .cursor {
        /* background-color: beige; */
        --width: 500px;
        --height: 300px;
        border: 5px solid var(--bnd-main-color);
        display: block;
        width: var(--width);
        height: var(--height);
        position: fixed;
        opacity: 0;
        transform: translate3d(var(--move-x), var(--move-y), 0);
        top: calc(var(--height) * 0.2);
        left: calc(var(--width) * -0.5);
        transition: transform var(--transition-cursor), opacity 1s ease;
        will-change: transform;
        z-index: -1;
        /* z-index: 1; */
        overflow: hidden;

        .image {
          --cursor-transform: translate3d(calc(var(--move-x) / -5), calc(var(--move-y) / -5), 0);
          background-position: center;
          background-size: cover;
          width: calc(var(--width) * 2);
          height: calc(var(--height) * 2);
          position: relative;
          transform: var(--cursor-transform) scale(1.5);
          transition: transform var(--transition);
          will-change: transform;
        }
      }

      .cloud-item {
        align-self: start;
        grid-row: 1 / 2;
        grid-column: 1 / 4;
      }

      .name {
        grid-row: 2 / 3;
        grid-column: 1 / 5;

      }

      .description {
        grid-row: 1 / 3;
        grid-column: 5 / 10; 
        margin: 0;
        /* padding: var(--bnd-base) 0; */

        p {
          text-box: auto;
          display: -webkit-box;
          margin: 0;
          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical;  
          overflow: hidden;
        }
      }

      .background {
        position: static;
        width: 100%;
        height: 100%;
        grid-row: 1 / 4;
        grid-column: 11 / 13; 
      }

      .more {
        margin-top: var(--bnd-base);
        place-self: end;
        grid-row: 3 / 4;
        grid-column: 5 / 10; 
      }

      &:hover {
        transition: color var(--transition);

        .cursor {
          opacity: 1;
          z-index: 1;

          .image {
            transform: var(--cursor-transform) scale(1);
          }
        }

        .background {
          opacity: 0.6;
        }
      }
    }
  }
}
/* End */
/* /local/templates/pro_diesel/components/bitrix/news/services/bitrix/news.detail/.default/style.css?17847050227927 */
/* /local/templates/pro_diesel/include/home/first-screen/first-screen.css?17780947671212 */
/* /local/templates/pro_diesel/include/common/map/map.css?178112351211942 */
/* /local/templates/pro_diesel/include/home/advantages/advantages.css?17812099923331 */
/* /local/templates/pro_diesel/components/bitrix/news.list/projects/style.css?17781017603505 */