.rozklad .main-title {
	color: #FFF401;
    font-family: Proxima Nova;
    font-size: 47px;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    max-width: 1200px;
    margin: 0 auto;
}
.rozklad1, .rozklad2{
	display: flex;
    width: 1200px;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    background: #ffffff;
    color: #000000;
    margin: 10px auto;
	border-radius: 40px;
}
.date, .block1, .block2{
	display: flex;
}
.day, .data{
	display: flex;
    padding: 10px 20px;
    justify-content: center;
    gap: 6px;
	border-radius: 10px;
	font-size: 24px;
    font-weight: 500;
    line-height: 120%;
}
.day{
    background: #000;
    color: #fff;
}
.data{
	background: #FFF401;
}
.block1{
	gap:24px;
}
.bl1-left{
	width: 48%;
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
}
.bl1-left h2{
    font-size: 30px;
	font-weight: 700;
}
.bl1-right{
	width: 52%;
}
.bl1-right span,
.rozklad2 .block5 .bl5-right span{
	font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #515151;
	margin-right: -5px;
    margin-bottom: -1px;
    display: inline-block;
	max-width: 100%;/*-------------смотреть пк-------*/
}
.rozklad2 .bl1-right span{
	margin-right: -6px;
}
.bl2-left{
	width: 92.5%;
}
.yell-title{
	font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    background: #FFF401;
    padding: 20px;
    border: 1px solid #515151;
	border-bottom: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.yell-title p{
	width: 80%;
}
.bl2-left ul{
	color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    margin: 0;
    margin-bottom: 20px;
    margin-top: 20px;
}
.bl2-left_2{
	padding: 0 20px 20px;
    border: 1px solid #515151;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	height: 70%;
	display: flex;
}
.bl2-left_2 p{
	font-size: 20px;
    font-weight: 400;
    line-height: 120%;
}
.bl2-left_2 .margb {
	margin: auto;}
.bl2-right{
	padding: 30px;
    width: 92%;
    border-radius: 10px;
    border: 1px solid #515151;
    background: #FFF401;
	color: #010101;
    font-family: Proxima Nova;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
	position: relative;
	margin-left: -1px;
}
.bl2-right_img{
	background: url(https://strategy2024.sonmax.ua/wp-content/uploads/2023/11/rozklad-img-1.png);
    width: 557px;
    height: 399px;
    position: absolute;
    top: -60px;
}
.arrow{
	background: url(https://strategy2024.sonmax.ua/wp-content/uploads/2023/11/arrow-rozkl.png);
    width: 53px;
    height: 70px;
    margin-top: 197px;
	margin-bottom: 20px;
}
.button-block{
	display: block;
	margin-top: 20px;
    border-radius: 20px;
    border: 1px solid #515151;
    padding: 10px;
    color: #FFF401!important;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
	text-decoration: none;
}
.button{
	border-radius: 10px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.00) 100%), #000;
    box-shadow: 0px 4px 34px 0px rgba(255, 244, 1, 0.60);
    padding: 25px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bl5-button {display:none;}
.rozklad2 .block2{
	display: flex;
    width: 1120px;
    height: 98px;
    padding: 20px;
    justify-content: center;
    align-items: center;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid #515151;
    background: #FFF401;
}
.rozklad2 .block2 p{
	color: #000;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
	max-width: 536px;
}
.rozklad2 .bl3-1{
	display: grid;
    grid-template: repeat(8, auto) / 1fr 1fr;
    grid-auto-flow: column;
}
.rozklad2 .bl3-1 .lft,
.rozklad2 .bl3-1 .rght{
	display: flex;
    padding: 20px;
    align-items: flex-start;
    gap: 20px;
	border: 1px solid #515151;
}

.rozklad2 .bl3-1 .rght {
    margin-left: -1px;
    margin-bottom: -1px;
}

.rozklad2 .bl3-1 .lft{
	border-bottom: 0;
}
.rozklad2 .bl3-1 .lft svg,
.rozklad2 .bl3-1 .rght svg{
	flex: 1;
}
.rozklad2 .bl3-1 .lft p,
.rozklad2 .bl3-1 .rght p{
	flex: 22;
}
.rozklad2 .bl3-1 .lft-last{
	border-radius: 0 0 0 10px;
}
.rozklad2 .bl3-1 .rght-last{
	border-radius: 0 0 10px 0;
}
.rozklad2 .block3{
	margin-top: -41px;
}
.rozklad2 .block4,
.rozklad2 .block5{
	display: flex;
    width: 1120px;
    padding: 30px;
    align-items: flex-end;
    gap: 30px;
    border-radius: 10px;
    border: 1px solid #515151;
    background: #FFF401;
	margin-top: -41px;
}
.bl4-right_img-new {display:none;}
.rozklad2 .block4 .cross{
	position: absolute;
    top: -329px;
    left: -40px;
}
.rozklad2 .bl4-left{
	width: 48%;
}
.rozklad2 .bl4-left p:nth-child(2){
	color: #010101;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
	margin-bottom: 30px;
}
.rozklad2 .bl4-left p:nth-child(3){
	color: #010101;
    font-family: Proxima Nova;
    font-size: 24px;
    font-weight: 500;
    line-height: 120%;
}
.rozklad2 .bl4-right{
	position: relative;
}
.rozklad2 .bl4-right_img{
	background: url(https://strategy2024.sonmax.ua/wp-content/uploads/2023/11/img2-rozkl.png);
    width: 647px;
    height: 585px;
    position: absolute;
    top: -415px;
    left: -110px;
}
.rozklad2 .arrow-bl4-right{
	position: relative;
    top: -250px;
}
.rozklad2 .block5{
	margin-top: -41px;
    position: relative;
}
.rozklad2 .block5 .bl5-left p{
	color: #010101;
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
	width: 500px;
}


/*------  mobile -------*/

@media(max-width: 768px){
	.rozklad .main-title{
		font-size: 24px;
    	max-width: 300px;
	}
	.rozklad1-wr, .rozklad2-wr {
		max-width: 100%;
		padding: 0 30px;
	}
	.rozklad1, .rozklad2{
		max-width: 100%; /*300px*/
    	padding: 30px;
    	gap: 20px;
	}
	.button {width:100%;}
	.day, .data{
		font-size: 20px;
    	font-weight: 500;
    	line-height: 120%;
	}
	.block1{flex-direction: column;}
	.bl1-left h2{font-size: 22px;line-height: 120%;}
	.bl1-left{font-size: 18px;}
	.bl1-right span, 
	.rozklad2 .block5 .bl5-right span{
		padding: 5px 10px;
    	align-items: flex-start;
    	gap: 6px;
    	display: flex-inline;
    	line-height: 130%;
	}
	#strat > div > div.rozklad2 > div.block2 
	.block1, .block2{flex-direction: column;    width: 100%;}
	.yell-title{font-size: 18px;}
	.yell-title p{width: unset;font-size: 18px;}
	.bl2-left ul{font-size: 16px;}
	.bl2-left_2 { padding: 10px 5px 10px;}
	.bl2-left_2 p{font-size: 16px;    padding: 0px 20px;}
	.bl2-right, .bl2-left, .bl1-left, .bl1-right, .rozklad2 .bl4-left, .rozklad2 .bl4-right{width: unset;}
	.bl2-right_img{
		background: url(https://strategy2024.sonmax.ua/wp-content/uploads/2023/12/rozklad-img-1-mob.png) no-repeat;
    	width: 260px;
    	height: 230px; /*187*/
    position: unset;
	}
	.arrow{display: none;}
	.bl2-right p{
		font-size: 18px;
    	line-height: 120%;
    	/*margin-top: 30px;*/
	}
	.button-block{
		display: flex;
    	padding: 5px;
    	flex-direction: column;
    	align-items: flex-start;
    	gap: 10px;
		font-size: 15px;
		width: 100%;
	}
	
	.rozklad2 .button-block{display:none; }
	.bl5-button {display:block; margin-top:10px; border: 1px solid #515151; border-radius:10px; padding: 5px; width:100%; height:80px;}
	.bl5-button button {		
		 background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%), #000000;
    background-blend-mode: normal;
box-shadow: 0px 4px 34px 0px #FFF40199;
color: var(--s-y);
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	cursor: pointer;
		width:100%; height:100%;
		border-radius:10px;
	}
	
	
	.rozklad2 .bl5-right{position: relative;}
	.button{padding: 19px 38px;}
	.bl2-right{
	padding: 20px;
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
	}
	.rozklad2 .block2{
		width: unset;
    	height: unset;
    	padding: 10px;
		border-radius:10px;
	}
	.rozklad2 .block2 p{text-align: unset;font-size: 18px; }
	.rozklad2 .block4, .rozklad2 .block5{
		width: unset;
    padding: 20px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
	}
	.rozklad2 .bl4-left p:nth-child(2){font-size: 14px;margin-top:20px;/*150*/}
	.rozklad2 .bl4-left p:nth-child(3){font-size: 16px;}
	.rozklad2 .arrow-bl4-right{display:none;}
	.rozklad2 .block5{margin-top: -21px;}
	.rozklad2 .block5 .bl5-left p{width: unset;font-size: 22px;}
	.rozklad2 .block4 .cross {
    	top: -9px; 
    	left: unset; /*63*/
    	z-index: 1;
	}
	.rozklad2 .bl4-right {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
		width:100%;
		height: 0px;
}
	.bl4-right_img-new {display:block;}
	.rozklad2 .bl4-right_img {display: none;}
	.bl4-right_img-new {
		background: url(/wp-content/themes/strategy2024/img/bl4.png) 0 0/cover;
		position: relative;
   	    width: 260px;
    	height: 210px;
    	
	}
	.rozklad2 .block3{margin-top: -21px;}
	.rozklad2 .block4{margin-top: -19px;}
	.rozklad2 .bl3-1{display: flex;flex-direction: column;}


/*---НОВЫЙ КОД----*/

.rozklad2 .bl3-1 .lft svg, .rozklad2 .bl3-1 .rght svg  {flex: none;}
.button-block {
    border-radius: 10px;
	}

    .rozklad2 .bl3-1 {
        display: grid;
        grid-template-columns: 1fr; 
        grid-template-rows: repeat(16, auto); 
        grid-auto-flow: row; 
    }

	.rozklad2 .bl3-1 .lft:nth-child(1) { grid-row: 1; border-radius: 10px 10px 0px 0px;}
    .rozklad2 .bl3-1 .lft:nth-child(2) { grid-row: 3; border-radius: 10px 10px 0px 0px;}
    .rozklad2 .bl3-1 .lft:nth-child(3) { grid-row: 5; border-radius: 10px 10px 0px 0px;}
    .rozklad2 .bl3-1 .lft:nth-child(4) { grid-row: 7; border-radius: 10px 10px 0px 0px;}
    .rozklad2 .bl3-1 .lft:nth-child(5) { grid-row: 9; border-radius: 10px 10px 0px 0px;}
    .rozklad2 .bl3-1 .lft:nth-child(6) { grid-row: 11; border-radius: 10px 10px 0px 0px;}
    .rozklad2 .bl3-1 .lft:nth-child(7) { grid-row: 13; border-radius: 10px 10px 0px 0px;}
    .rozklad2 .bl3-1 .lft:nth-child(8) { grid-row: 15; border-radius: 10px 10px 0px 0px;}

	.rozklad2 .bl3-1 .rght {border-radius: 0px 0px 10px 10px; margin-left:0px;}
	
	
    .rozklad2 .bl3-1 .lft,
    .rozklad2 .bl3-1 .rght {
        padding: 10px;
    }

    .rozklad2 .block4,
    .rozklad2 .block5 {
        padding: 20px;
    }

    .rozklad2 .bl4-left,
    .rozklad2 .bl5-left {
		width: 100%;}
    



}