.komplex {
	background: linear-gradient(91.73deg, #628CFF 48.54%, #2CC0FF 104.47%);
	color:#fff;
	position:relative;
}
.komplex .container{
	position: relative;
    z-index: 200;
	}
.komplex::before {
	content: "";
    position: absolute;
    left: 0;
    bottom: -0.2rem;
    width: 17%;
    height: 53%;
    background-image: url(../../img/context-komplex-bg1.svg);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: contain;
    z-index: 1;
}	
.komplex::after {
	content: "";
    position: absolute;
    right: 0;
    bottom: -0.2rem;
    width: 17%;
    height: 53%;
    background-image: url(../../img/context-komplex-bg2.svg);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: contain;
    z-index: 1;
}	
.komplex_title, .komplex .komplex_subtitle {font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;}
.komplex .komplex_subtitle span{
	background: rgb(52 52 52 / 60%);
    padding: 3px 15px 5px;
    border-radius: 10px;
}	
.komplex_item {display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    align-items: center;}
.komplex_item .img_cont {margin: 0 1rem;}
.komplex_item .zag{text-transform:uppercase;}	
.komplex_item .zag strong{font-weight:900;}	

.komplex_row{ width:80%;margin: 0 auto;}

.komplex_form .form-inner {
    padding: 25px 30px 10px 30px;
    background: #fff;
    border-radius: 20px;
}
.komplex_form .form-control {background: #f2f5fe;}
.komplex_under_list{}
@media only screen and (max-width: 1366px){
.komplex::after {height: 45%;}
.komplex::before {height: 41%;}
}	
@media only screen and (max-width: 1180px){
.komplex::after {height: 33%;}
.komplex::before {height: 36%;}
}	
@media only screen and (max-width: 1024px){
.komplex_row {width: 86%;}

}
@media only screen and (max-width: 768px)	{
.komplex::before {	display:none;}
.komplex {padding-bottom:17rem!important;}
.komplex::after {
	content: "";
    position: absolute;
    right: 0;
    bottom: -0.55rem;
    width: 100%;
    height: 25%;
    background-image: url(../../img/context-komplex-bg-mob.svg);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: contain;
    z-index: 1;
}	
.komplex .komplex_subtitle span {
    display: block;
}	
.komplex .komplex_row {
	width: 100%;
}
.komplex .komplex_item {
    flex-wrap: nowrap;
}
}