.ymm-finder-glasss .ymm-cont-gs {
	background-color:rgba(255,255,255,0.2);
	backdrop-filter: blur(3px);
	border: 1px solid rgba(255, 255, 255, .2);

	border-radius:80px;
	padding: 10px 20px 10px 35px;
	transition-duration:0.3s;
}
.ymm-finder-glasss .ymm-cont-gs:hover {
	border: 1px solid rgba(255, 255, 255, .28);
	backdrop-filter: blur(2px);
	background-color:rgba(255,255,255,0.21);
}

.ymm-finder-glasss form {
	display:flex;
	flex-wrap: wrap;
	align-items:center;
	justify-content:space-between;
    gap: 12px;
}
	
.ymm-finder-glasss .title {
	color:#fff;
	font-size: 16px;
	font-weight: 600;
	width:100%;
}

.ymm-finder-glasss .title-2 {
	color:#bbb;
	font-size: 10px;
	font-weight: 600;
	text-transform:uppercase;
	width:100%;
	margin-top:-12px;
	margin-right: 40px;
}
.ymm-finder-glasss .title-2 span {
	color:#fff;
	font-size: 16px;
	display:block;
	margin-top:-12px;
}
/*
.ymm-finder-glasss .title-2.active {
	color: #d21111;
}
*/

.ymm-finder-glasss form {
	display:flex;
	align-items:center;
	justify-content:space-between;
}


.ymm-finder-glasss .section-ymm {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
	flex: 1;
	margin: 0;
}

.ymm-finder-glasss select {
    background: transparent;
    color: #fff;
    border-width: 0 0 1px 0;
    border-color: rgba(255, 255, 255, .5);

    width:150px;
	font-size:17px;

	padding: 5px 13px;
	flex-grow:1;
}

.ymm-finder-glasss select:hover {
    background-color: rgba(255, 255, 255, .2);
}

.ymm-finder-glasss select:focus {
	outline:0;
}

.ymm-finder-glasss select:disabled {
	opacity: .4;
}

.ymm-finder-glasss select option {
	font-size:15px;
    color: #000;
}

/* buttons */

.ymm-finder-glasss .ymm-buttons {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	width:100%;
}

.ymm-finder-glasss .ymm-buttons button {
	padding: 12px;
	border-radius:50px;
	background-color:#d21111;
	transition-duration:.2s;
}
.ymm-finder-glasss .ymm-buttons button:hover {
	background-color:#fd1313;
}

.ymm-finder-glasss .ymm-buttons a {
	width:120px;
	text-align:center;
	color:#fff;
	text-decoration:underline;
	font-weight:400;
	font-size:14px;
	flex-grow:1;
}
.ymm-finder-glasss .ymm-buttons a:hover {
	text-decoration:none;
}


/* inner garage */

.ymm-finder-glasss .ymm-inner-garage {
    color: #fff;
    font-weight: 500;
    font-family: Roboto;
    font-size: 26px;
    line-height: normal;
	flex:1;
}

.ymm-finder-glasss .ymm-inner-garage span {
    color: #aaa;
    font-size: 24px;
    margin-left:5px;
}



@media (min-width: 1024px) {

	.ymm-finder-glasss form {
		flex-wrap: nowrap;
	}	
	.ymm-finder-glasss .title,
	.ymm-finder-glasss .title-2 {
		max-width:300px;
		width:auto;
	}
	.ymm-finder-glasss .title-2 {
		margin-top:-1px;
	}
	.ymm-finder-glasss .section-ymm {
		margin: auto 40px auto 0;
	}
	.ymm-finder-glasss .ymm-buttons {
		width:auto;
	}
	.ymm-finder-glasss select {
        flex-grow: 1;
	}
}

@media (max-width: 767px) {
	.ymm-finder-glasss .section-ymm {
		display:block;
	}
	.ymm-finder-glasss select {
		margin-bottom:8px;
		width:100%;
	}
}


/* in div */

.ymm-finder-glasss {
	container-type:inline-size;	
	container-name:ymm-cont;	
}

@container ymm-cont (max-width: 767px) {
	.ymm-finder-glasss .ymm-cont-gs {
		border-radius:10px;
	}
	.ymm-finder-glasss .title-2 {
		margin-top:10px;
		margin-left:10px;
	}
	.ymm-finder-glasss .section-ymm {
		display:block;
		margin: 0;
		width: 100%;
	}
	.ymm-finder-glasss form {
		flex-direction:column;
		align-items:normal;
	}
	.ymm-finder-glasss select {
		margin-bottom:8px;
		width:100%;
	}
	.ymm-finder-glasss .ymm-buttons {
		justify-content:center;
		margin: 15px 0 10px 0;
	}
	.ymm-finder-glasss .ymm-inner-garage {
		margin-left: 10px;
	}
}