:root{
	--main-color: #C41F4C;
	--main-color-hover: #000000;
}

b{
	font-weight: 600 !important;
}
.special{
	color: var(--main-color, #252525);
}

.page-container .container-advantages-1 .widget-development.template-advantages .widget-header {
    margin-bottom: 105px;
}

.widget-about{
	position: relative;
	overflow: hidden;
	padding: clamp(70px, 12vw, 120px) 0 clamp(40px, 12vw, 60px);
	font-size: clamp(16px, 1.8vw, 20px);
}
.widget-about .widget-template-wrapper{
	display: flex;
	align-items: flex-start;
	gap: 2.75em 5.6em;
}
.widget-about .widget-picture{
	display: flex;
	overflow: hidden;
	border-radius: 50%;
	aspect-ratio: 4/4;
	max-width: 411px;
	flex: 0 0 34%;
}
.widget-about .widget-picture img{
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}
.widget-about .widget-picture + .widget-content{
	margin-top: 2.65em;
}
.widget-about .widget-content{
	flex: 1;
}
.widget-about .widget-over-title{
	color: #808080;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
	text-transform: uppercase;
}
.widget-about .widget-over-title + *{
	margin-top: .5em;
}
.widget-about .widget-title{
	color: #1B1E25;
	font-size: 2.2em;
	font-weight: 700;
	line-height: 110%;
	text-transform: uppercase;
	text-wrap-style: balance;
	text-wrap: balance;
}
.widget-about .widget-title + *{
	margin-top: 1.95em;
}
.widget-about .widget-description{
	color: #1B1E25;
	font-size: 18px;
	font-weight: 400;
	line-height: 138%;
}
.widget-about .widget-description p {
	margin-bottom: .9em;
}
.widget-about .widget-description p:last-child{
	margin-bottom: 0;
}
@media all and (max-width: 1200px) {
	.widget-about .widget-template-wrapper{
		gap: 2.75em 3em;
	}
	.widget-about .widget-picture + .widget-content{
		margin-top: 0;
	}
}
@media all and (max-width: 800px) {
	.widget-about{
		font-size: clamp(16px, 2.4vw, 20px);
	}
	.widget-about .widget-template-wrapper{
		flex-wrap: wrap;
	}
	.widget-about .widget-picture{
		display: none;
		max-width: 100%;
		flex: 0 0 100%;
	}
	.widget-about .widget-content{
		flex: 1 0 100%;
	}
	.widget-about .widget-title{
		font-size: 2.125em;
		line-height: 122%;
	}
	.widget-about .widget-over-title + * {
		margin-top: .8em;
	}
	.widget-about .widget-description{
		font-size: 1em;
	}
}
@media all and (max-width: 600px) {
	.widget-about .widget-picture{
		display: flex;
	}
	.widget-about .widget-over-title{
		font-size: 14px;
	}
}


.widget-piramid{
	background-color: #F8F8F8;
	padding: 90px 0;
}
.marker{
position: absolute;
}
.marker.target-page::before{
	content: url("/include/websites_development/landingpage/images/target-page.png");
    position: absolute;
    top: -32px;
    left: -138px;
}
.marker.lid::before{
	content: url("/include/websites_development/landingpage/images/lid.png");
    position: absolute;
    left: 50px;
}
.marker.convert-lid::before{
	content: url("/include/websites_development/landingpage/images/convert-lid.png");
    position: absolute;
    top: -39px;
    left: -225px;
}
.marker.sale::before{
	content: url("/include/websites_development/landingpage/images/sale.png");
    position: absolute;
    left: 90px;
    top: 2px;
}
@media all and (max-width: 1200px) {
	.marker{
		position: unset;
        margin: 10px 0;
	}
	.marker::before{
		content: '';
		width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 15px;
	}
	.marker.target-page::before{
		content: '';
        background-color: #CE2A57;
        position: unset;
	}
	.marker.lid::before{
		content: '';
        background-color: #84CEFF;
        position: unset;
	}
	.marker.convert-lid::before{
		content: '';
        background-color: #30AB40;
        position: unset;
	}
	.marker.sale::before{
		content: '';
        background-color: #D0C214;
        position: unset;
	}
}
@media all and (max-width: 600px) {
	.widget-picture img{
		width: 100%;
	}
}

.widget-icons.widget-about .widget-item-title{
font-weight: 600;
font-size: 20px;
line-height: 22px;
margin-top: 20px;
}
.widget-icons.widget-about .widget-item-description{
font-weight: 400;
font-size: 18px;
line-height: 150%;
color: #808080;
margin-top: 20px;
}

.widget-about.widget-story .widget-item-title{
text-align: center;
margin-top: 20px;
}
.widget-about.widget-story .widget-content{
max-width: 1200px;
    width: 100%;
}
.widget-about.widget-story .item-5{
width:250px;
padding:25px;
}
@media all and (max-width: 1300px) {
	.widget-about.widget-story .widget-description{
		overflow: scroll;
	}
}
.widget-about.widget-difference{
background-color: #F8F8F8;
}
.widget-about.widget-difference .item-dif{
background-color:white;
padding: 35px 15px 35px 35px;
box-shadow: 0px 2px 24px 3px #ABABAB2E;
height: 275px;
position: relative;
}
.widget-about.widget-difference .item-dif .widget-item-number{
    position: absolute;
    bottom: 35px;
    left: 35px;
    opacity: 0.5;
font-weight: 400;
font-size: 24px;
line-height: 20px;
}
.widget-about.widget-statistic .widget-picture-stat{
display: flex;
flex: 0 0 50%;
}
.widget-about.widget-statistic .widget-picture-stat img{
width: 100%;
}

.widget-form.template-1 .widget-item{
    background-color: #000;
}

.widget-form.template-1 .widget-item-text {
    max-width: 100%;
    width: 100%;
    display: flex;
    gap: 30px;
}
.widget-form.template-1 .widget-item-name, .widget-form.template-1 .widget-item-description {
    display: inline-block;
    color: #fff;
}
.widget-form.template-1 .widget-item-button{
	border: 1px solid #fff;
	background-color: inherit;
}
.widget-form.template-1 .widget-item-button:hover{
	border: 1px solid #fff;
	background-color: #fff;
	color: #000;
}

.widget-about.widget-srok .widget-picture-srok{
    max-width: 553px;
    display: flex;
}
.widget-about.widget-srok .widget-picture-srok img{
    width: 100%;
}

.widget-about.widget-black{
	background-color: #000;
	overflow: visible;
}
.widget-about.widget-black::after{
	content: ''; 
    	position: absolute; /* Абсолютное позиционирование */
	bottom: -100px;
	border: 80px solid transparent; 
	border-top: 25px solid #000;
	margin-left: auto;
    	margin-right: auto;
    	left: 0;
    	right: 0;
    	text-align: center;
	width: 100px;
}
.widget-about.widget-black .widget-title,.widget-about.widget-black .widget-description{
color: #fff;
text-align: center;
max-width: 800px;
width: 100%;
}
.widget-about.widget-black .widget-title{
font-family: Gilroy;
font-weight: 700;
font-size: 28px;
line-height: 140%;
text-transform: uppercase;
}
.widget-about.widget-black .widget-description{
font-family: Gilroy;
font-weight: 400;
font-size: 24px;
line-height: 140%;
}