@font-face {
  font-family: "Square721 BdEx BT";
  src:
    url("../fonts/square721bdexbtcyr_bold.otf") format("opentype");
}

.halva-container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto; 
    padding: 0 15px; 
}

.text-protect {
	padding-left: 0;
}

.layout__sidebar, .heading, .layout--pattern hr, h1{
	display: none !important;
}
.articles{
	margin-top: 0 !important;
max-width: unset;
}
.layout__body{
	margin-right: -20px;
	margin-left: -20px;
}
.halva-firstBlock{
    display: flex;
    align-items: center;
    gap: 148px;
    background-image: url(../images/first-block_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 75px 40px 32px 90px;
    justify-content: space-between;
}
.halva-firstBlock__text{
	max-width: 485px;
}
.halva-firstBlock__text h2{
	font-family: Square721 BdEx BT;
	font-weight: 400;
	font-size: 24px;
	line-height: 140%;
	letter-spacing: 0;
	margin-bottom: 32px;
    text-transform: uppercase;
}
.halva-firstBlock__text p{
	display: none;
}
a.halva_btn{
    padding: 15px 52px;
    background-color: #D86A08;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #ffffff;
    display: flex;
    max-width: fit-content;
    display: flex;
    justify-content: center;
}
.halva-firstBlock__img p, .halva-firstBlock__text p{
	font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    text-align: right;
    margin-top: 24px;
}
.halva-secondBlock, .halva-fourBlock{
	padding: 90px 40px;
}
.halva-subtitle{
	font-family: Square721 BdEx BT;
	font-weight: 400;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: 0;
    text-transform: uppercase;
}
.halva-secondBlock .halva-subtitle{
	margin-bottom: 16px;
	max-width: 769px;
}
.halva-secondBlock p{
    font-weight: 400;
	font-size: 16px;
    line-height: 160%;
	max-width: 670px;
}
p.halva-secondBlock__PS{
	font-size: 14px;
    line-height: 140%;
}
.halva-ThirdBlock {
    padding: 40px 50px;
    background-color: #F9F6EE;
}
.halva-ThirdBlock > .halva-subtitle{
	margin-bottom: 32px;
}
.halva-ThirdBlock__items{
	display:flex;
	align-items:center;
	gap:12px;
    justify-content: space-between;
}
.halva-ThirdBlock__item {
    background-color: #FFFFFF;
	position: relative;
}
.halva-ThirdBlock__item-title{
	padding: 24px 0 0 20px;
	margin-bottom: 22px;
	display:flex;
	align-items:flex-end;
	gap: 65px;
}
.halva-ThirdBlock__item-number{
	position: absolute;
	top: 0;
	right: 0;
	padding: 18.5px 22.5px;
	background-color: #F6EAC7;
	font-family: Square721 BdEx BT;
	font-weight: 400;
	font-size: 15px;
	line-height: 150%;
	letter-spacing: 0;

}
.halva-ThirdBlock__item-title p{
    font-weight: 600;
	font-size: 16px;
    line-height: 140%;
	margin-bottom: 0;
	max-width: 300px;
}
.halva-ThirdBlock > .halva_btn{
	margin: 0 auto;
	margin-top: 40px;
}

.halva-fourBlock > .halva-subtitle{
	margin-bottom: 32px;
}
.halva-fourBlock__container {
    display: flex;
    gap: 20px;
}
.halva-fourBlock__item {
    padding: 32.33px 20px;
    border-bottom: 1px solid #F2E9DB;
    font-weight: 600;
	font-size: 16px;
    line-height: 160%;
    min-height: 116px;
    display: flex;
    align-items: center;
}
.halva-fourBlock__item:last-child{
    border-bottom: none;
}
.halva-fiveBlock{
	padding: 0px 40px 90px 40px;
}
.halva-fiveBlock > .halva-subtitle{
	margin-bottom: 32px;
}
.halva-fiveBlock__items {
    display: flex;
    flex-flow: column;
    gap: 8px;
}
.halva-fiveBlock__item-title{
	background-color: #F9F6EE;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 24px;
	gap: 35px;
    font-size: 16px;
    line-height: 160%;
	cursor: pointer;
}
.halva-fiveBlock__item-title svg{
	width: 100%;
    max-width: 20px;
    height: 20px;
}
.halva-fiveBlock__item-title.active svg{
	transform: rotateX(180deg);
}
.halva-fiveBlock__item-text{
	display:none;
    font-weight: 600;
	font-size: 16px;
    line-height: 160%;
    padding: 12px 24px 16px 24px;
}
p.halva-fiveBlock__PS{
    font-weight: 400;
	font-size: 16px;
    line-height: 140%;
	margin-top: 50px;
    text-align: right;
}
.breakP-mobile{
	display: none;
}
@media (max-width: 1400px) {
	.halva-ThirdBlock__items{
		flex-flow: row wrap;
		justify-content: center;
	}
}
@media (max-width: 1200px) {
	.halva-firstBlock{
		gap: 24px;
	}
	.halva-fourBlock__container{
	    flex-flow: row wrap;
    	justify-content: center;
	}
}
@media (max-width: 1100px) {
	.halva-firstBlock__img img, .halva-fourBlock__img img{
		width: 100%;
	}

}
@media (max-width: 1000px) {
	.halva-firstBlock{
		flex-flow: column-reverse wrap;
	}
	.halva-firstBlock__img p {
		display: none;
	}
	.halva-firstBlock__text p{
		display: block;
		text-align: left;
	}
}
@media (max-width: 576px) {
	.halva-firstBlock {
        padding: 32px 16px 24px 16px;
		align-items: flex-start;
    }
	.halva-firstBlock__text{
		max-width: unset;
	}
	a.halva_btn{
		max-width: unset;
	}
	.halva-firstBlock__text h2{
		font-size: 18px;
		margin-bottom: 20px;
		line-height: 26px;
	}
	.halva-firstBlock__img p, 
	.halva-firstBlock__text p{
		font-size: 12px;
		line-height: 130%;
		margin-top: 16px;
	}
	.halva-secondBlock, .halva-fourBlock{
		padding: 60px 16px;
	}
	.halva-subtitle{
		font-size:18px;
	}
	p.halva-secondBlock__PS{
		line-height: 130%;
	}
	.halva-ThirdBlock {
    	padding: 32px 16px;
	}
	.halva-ThirdBlock > .halva_btn{
		margin-top: 24px;
	}
	.halva-fourBlock > .halva-subtitle{
		margin-bottom: 24px;
	}
	.halva-fourBlock__container{
		gap: 6px;
	}
	.halva-fourBlock__item{
		padding: 16px 10px;
		min-height: unset;
		line-height: 140%;
	}
	.halva-ThirdBlock__item-img img {
		width: 100%;
	}
	.halva-ThirdBlock__item-number{
		padding: 8.5px 12.5px;
	}
	.halva-ThirdBlock__item-title p{
		max-width: 276px;
	}
	.halva-fiveBlock{
		padding: 0 16px 60px 16px;
	}
	p.halva-fiveBlock__PS{
		margin-top: 32px;
		font-size: 14px;
		line-height: 130%;
		text-align: unset;
	}
	.halva-fiveBlock__item-title{
		line-height: 140%;
	}
	.halva-fiveBlock__item-title svg{
		max-width: 16px;
		height: 16px;
	}
	.halva-fiveBlock__item-text{
		padding: 8px 16px;
		line-height: 24px;
	}
	.breakP-mobile{
		display: block;
	}
	.breakP-desk{
		display: none;
	}
}