/* ----------------------------- mainSection ---------------------------*/

.mainSection {
    width: 100%;
    padding-top: -110px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}



.mainSection h2, p, a {
    /*font-family: 'Arial';*/
    font-style: normal;
  /*  color: #0B121C;*/
	}
.mainSection h2 {	
	font-weight: 700;
    font-size: 35px;
    line-height: 110%;
	color: #000000;	
}
	
.mainSection .white__text {
    color: #FFFFFF;	
}	

.mainSection .white__text, p, a {
	line-height: 140%;
}	

.mainSection .weight500 {
    font-weight: 500;
}


/* ------------------------------------ Consultation ------------------------------*/

.mainSection .consultation {
    margin-top: 100px;
	background-image: url('/image/catalog/picture.jpg'); 
	background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat;
}

.mainSection .info_block {
    max-width: 49%;
}

.mainSection .consultation .img_block {
    max-width: 240px;
    min-width: 240px;
    height: 298px;
    overflow: hidden;
    border-radius: 30px;
}
.mainSection .consultation .img_block img{
    width: 100%;
}

.mainSection .leftSide {
    jbackground-color: #1E63CA;
  /*  background-color: #76bc21;*/
    1background-color: #ccc;
    border-radius: 30px;
    display: flex;
    padding: 60px;
    gap: 20px;
    align-items: center;
}

.mainSection .consultation .leftSide {
    gap: 60px;
}

.mainSection .info_block p {
    margin-top: 15px;
}

.mainSection .phone {
    display: flex;
    align-items: center;
    margin-top: 15px;
    gap: 10px;
}

/* ----------------------------    laptop__size      ------------------------------------*/
@media (max-width: 1520px) and (min-width: 1139px) {

	.mainSection .innerSection {		
		
		margin: 0 auto;
		padding: 0 40px;		
	}

    .mainSection h2 {
        font-size: 40px;
		text-align: center;
    }

    .mainSection, p, a {
        font-size: 16px;
    }
	
	.mainSection .info_block {
        max-width: 52%;			
    }
}

@media (max-width: 1139px) and (min-width: 767px) {

	.mainSection .innerSection {		
		width: 100%;
		margin: 0 auto;
		padding: 0 40px;		
	}

    .mainSection h2 {
        font-size: 30px;		
    }

    .mainSection p, a {
        /*font-size: 12px;*/
        line-height: 150%;		
    }
		
    .mainSection .consultation .leftSide {
        gap: 30px;
    }
	
    .mainSection .info_block {
        max-width: 100%;		
    }

    .mainSection .consultation .img_block {
        max-height: 292px;
        overflow: hidden;
    }
    .mainSection .consultation .img_block img{
        width: 100%;
    }
    .mainSection .leftSide2 {
        padding: 40px  30px;
        height: fit-content;
    }    
	
	.mainSection .leftSide {
        gap: 30px;
        padding:  30px 20px;
        align-items: center;
    }
	
    .mainSection .consultation {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
				
}

@media (max-width: 767px) and (min-width: 100px) {

    .mainSection .img_block {
        max-height: 270px;
    }

    .mainSection .innerSection {
        padding: 0 20px;
    }
    .mainSection .consultation .leftSide {
        gap: 30px;
        padding:  30px 20px;
        align-items: center;
    }

    .mainSection .leftSide {
        flex-direction: column;
        padding:  30px 20px;
        height: fit-content;
    }
    .mainSection .img_block {
        max-height: 313px;
        overflow: hidden;
        border-radius: 30px;
    }
    .mainSection .info_block {
        max-width: 100%;
    }

    .mainSection .img_block img {
        width: 100%;
    }

}

@media (max-width: 767px) {

    h2 {
        font-size: 25px;
        font-weight: 600!important;
        line-height: 130%;
		text-align: center;
    }

    p, a {
        /*font-size: 12px;*/
        line-height: 150%;
    }
}

/* -----------------------------------  Учредители SP  -----------------------------*/

.containerSP {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    background-color: white;
}

.boxSP {
    width: 33.33%;
    box-sizing: border-box;
    padding: 10px;
    background-color: #f6f6f6;
    text-align: center;
}

@media (max-width: 768px) {
    .boxSP {
    width: 100%;
        }
}