/* -Шалом- */

.tabs_row {
    padding: 45px 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tabs_col_btn{
	width: 520px;
	height: 70px;
	background: #fff;
	border-radius: 10px;
	display: flex;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
}


.tbc_btn {
    width: 50%;
    height: 50px;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 7px;
    transition: 0.8s ease-out;
}

.tbc_btn.active{
	background: linear-gradient(85.51deg, #03E903 -25.07%, #01BFC5 58.03%, #00B2FF 105.71%);
	color: #fff;
}

.tabs_col_body{
	width: 990px;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 25px;
	display: flex;
	flex-direction: column;
	transition: transform 0.9s ease;
	transform: translate(0px, 0px);
	justify-content: space-between;
}

.tabs_col_body h3{
	font-weight: 500;
	margin-bottom: 20px;
}

.tabs_col_body p{
	color: #989CA2;
}

.tabs_col_all {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 50px;
}

.tabs_col_block {
    width: 455px;
    height: 365px;
    display: flex;
    background: #fff;
    flex-direction: column;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 25px;
}


.tabs_col_block_all {
    width: 100%;
    height: 365px;
    display: flex;
    background: #fff;
    flex-direction: column;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 30px;
    background-image: url(../img/img_2.png);
    background-size: 600px;
    background-repeat: no-repeat;
    background-position-x: right;
}

.tabs_col_block_all h2{
	font-size: 36px;
}

.tabs_col_block_text h2{
    font-size: 36px;
}

.tabs_col_block_text{
	display: flex;
	flex-direction: column;
	width: 365px;
}

.tabs_col_img{
	width: 100%;
	display: flex;
	flex-direction: row;
	overflow: auto;
	padding-bottom: 15px;
}

.tabs_col_img img{
	cursor: pointer;
	width: 110px;
	height: 110px;
	margin-right: 15px;
}

.tabs_col_img2{
	width: 100%;
	display: flex;
	flex-direction: row;
	overflow: auto;
	padding-bottom: 15px;
}

.tabs_col_img2 img{
	cursor: pointer;
	width: 200px;
	height: 110px;
	margin-right: 15px;
}

.tabs_col_body h2{
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 20px;
}

.tabs_col_body p{
	margin-bottom: 20px;
}

.tabs_col_body span{
	font-weight: 500;
	color: transparent;    
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(85.51deg, #03E903 -25.07%, #01BFC5 58.03%, #00B2FF 105.71%);
}

.input_tabs{
	width: 100%;
	height: 64px;
	border: 1px solid #E1EAF9;
	border-radius: 6px;
	padding: 15px;
	display: flex;
	box-sizing: border-box;
	font-size: 18px;
	color: #ACB7C8;
}

.tabs_btn {
    width: 100%;
    height: 65px;
    display: flex;
    background: linear-gradient(85.51deg, #03E903 -25.07%, #01BFC5 58.03%, #00B2FF 105.71%);
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    transition: 0.8s ease;
}

.tabs_btn:hover{
	color: #303844;
	background: linear-gradient(85.51deg, #03E903 -5.07%, #01BFC5 58.03%, #00B2FF 95.71%);
}

.tabs_btn:disabled{
	color: #fff;
	background: #E6EAF0;
	cursor: default;
}

.none {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    height: 0px;
    width: 0px;
    padding: 0px;
    transform: translate(50%, 0px);
}

.mb_10{
	margin-top: 15px;
	display: flex;
	width: 100%;
	flex-direction: row;
}

.mb_10 h5{
	font-size: 12px;
	width: 100%;
}

.mb_10 span{
	font-weight: 400;
}

.checkbox{
	width: 15px;
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F5F7FA;
	border-radius: 3px;
	cursor: pointer;
	margin-right: 5px;
}

.checked{
	width: 9px;
	height: 9px;
	background: linear-gradient(85.51deg, #03E903 -25.07%, #01BFC5 58.03%, #00B2FF 105.71%);
	display: none;
	border-radius: 2px;
}

.checkbox.check .checked{
	display: flex;
}


@media (max-width: 990px){

.tabs_col_body {
    width: 100%;
}	

.tabs_col_all {
    flex-direction: column;
    margin-bottom: 0px;
}

.tabs_col_block {
    margin-bottom: 35px;
}

.tabs_col_block_all {
    background-image: none;
}


}


@media (max-width: 550px){

.tabs_col_btn {
    width: 100%;
}

.tabs_col_body {
    align-items: center;
    padding: 0px;
}

.tabs_col_block {
    width: 100%;
    height: auto;
}

.tabs_col_block_text {
    width: 100%;
}

.tabs_col_block_all {
    height: auto;
}

.tbc_btn {
    font-size: 18px;
}

.tabs_col_block_text h2{
    font-size: calc(36px + (36 - 25) * ( (100vw - 480px) / ( 480 - 320) ));
}

}