/*!
Theme Name: Best of Remodal landing
Theme URI: http://underscores.me/
Author: Rivo.agency
Version: 1.0.0
Tested up to: 6.7.2
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
 */

.iti.iti--allow-dropdown {
	width: 100%;
	margin-bottom: 32px;
}

.form-cal.time p {
    display: grid;
    grid-template-columns: 70% 30%;
	border: 1px solid #E0E2E7;
}

form .ts-control {
	padding: 20.5px 15px !important;
	border-radius: unset;
	max-height: 61px;
}

section.contacts {
	padding: 3rem 0; 
}

.contacts-items {
	padding: 0;
	list-style: none;
	font-family: var(--secondary-font);
	alignment-adjust
	display: table;
	border: 1px solid #E0E2E7;
	border-collapse: collapse;
	max-width: 624px;
	margin: auto;
}

.contacts-item {
	padding: 1rem;
}

.contacts-item:not(:last-of-type) {
	border-bottom: 1px solid #E0E2E7;
}

.contacts-item a {
	color: #000;
	text-decoration: none;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.contacts-item a img {
	width: 32px;
	aspect-ratio: 1 / 1;
	height: auto;
	object-fit: contain;
}

#page .ti-widget[data-layout-id='4'][data-set-id='light-background'] .ti-review-item>.ti-inner {
	border-radius: 0 !important;
}

textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	max-height: 200px;
	padding: 20px 15px;
    border: 1px solid #E0E2E7;
    font-family: var(--secondary-font);
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 32px 0;
    outline: none;
}

textarea::placeholder{
    font-family: var(--secondary-font);
    font-size: 15px;
    font-weight: 600;
    color: #E0E2E7;
}

.form-main form p {
    position: relative;
}

.wpcf7-not-valid-tip {
    position: absolute;
	opacity: 0;
	visibility: hidden;
}

.form-main .wpcf7-submit {
	margin-bottom: 0 !important;
}

.form-main form .wpcf7-not-valid {
	border: 1px solid #dc3232;
}

.wpcf7-spinner {
	position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}

.form-main form select[name="time-type"] {
	padding-top: 19px;
	padding-bottom: 19px;
}

.ts-control {
	border: unset !important;
}