/*
Theme Name: Bella Vista
Author: SHAFEM
Version: 1.0
*/

.modal__slider .pet-slider__picture img {
	min-height:335px;
}
.form__radio input {
	    position: absolute;
    opacity: 0;
    z-index: -1;
}
.form__radio .wpcf7-list-item-label{
	position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    color: var(--black);
    margin: 0;
    padding-left: 30px;
    cursor: pointer;
    text-align: left;
    user-select: none;
    transition: all .5s ease;
}
.wpcf7-acceptance .wpcf7-list-item-label{
	position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    color: var(--black);
    margin: 0;
    padding-left: 35px;
    cursor: pointer;
    text-align: left;
    user-select: none;
    transition: all .5s ease;
}
.form__radio .wpcf7-list-item-label::before {
	position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    border: 1px solid #D6D6D6;
    background: none;
    border-radius: 100%;
    transition: all .5s ease;
    content: "";
}
.form__radio .wpcf7-list-item-label::after {
	position: absolute;
    top: 4px;
    left: 4px;
    width: 13px;
    height: 13px;
    background: #FFD789;
    border-radius: 100%;
    transition: all .25s ease;
    content: "";
	opacity: 0;
    transform: scale(0);
}

.form__radio input:checked+.wpcf7-list-item-label:after{
    opacity: 1;
    transform: scale(1);
}
.form .wpcf7-not-valid {
    border-color: var(--red);
}
.form .wpcf7-not-valid-tip {
	    position: absolute;
    left: 0;
    top: 100%;
    font-size: 12px;
    line-height: 1;
    color: var(--red) !important;
    padding: 3px 0;
    border-radius: 10px;
}
.wpcf7-acceptance .wpcf7-list-item-label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    border: 1px solid #D6D6D6;
    background: none;
    border-radius: 5px;
    transition: all .5s ease;
    content: "";
}
.wpcf7-acceptance .wpcf7-list-item-label:after {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 23px;
    height: 23px;
    background: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0715 2.60261L6.57153 13.1026C6.48008 13.1944 6.37141 13.2672 6.25176 13.3169C6.13211 13.3666 6.00382 13.3921 5.87427 13.3921C5.74471 13.3921 5.61643 13.3666 5.49677 13.3169C5.37712 13.2672 5.26845 13.1944 5.177 13.1026L0.58325 8.50886C0.491684 8.41729 0.41905 8.30859 0.369495 8.18895C0.319939 8.06931 0.294434 7.94109 0.294434 7.81159C0.294434 7.6821 0.319939 7.55387 0.369495 7.43423C0.41905 7.3146 0.491684 7.20589 0.58325 7.11433C0.674817 7.02276 0.783521 6.95012 0.903159 6.90057C1.0228 6.85101 1.15102 6.82551 1.28052 6.82551C1.41001 6.82551 1.53824 6.85101 1.65787 6.90057C1.77751 6.95012 1.88622 7.02276 1.97778 7.11433L5.87509 11.0116L15.6786 1.20972C15.8636 1.02479 16.1144 0.920898 16.3759 0.920898C16.6374 0.920898 16.8882 1.02479 17.0732 1.20972C17.2581 1.39464 17.362 1.64546 17.362 1.90698C17.362 2.16851 17.2581 2.41932 17.0732 2.60425L17.0715 2.60261Z' fill='white' style='fill:white;fill-opacity:1;'/%3E%3C/svg%3E%0A") no-repeat center center;
    border-radius: 0;
    transition: all .25s ease;
    content: "";
	opacity: 0;
    transform: scale(0);
}
.wpcf7-acceptance input:checked+.wpcf7-list-item-label:before {
    background: var(--gradient);
}
.wpcf7-acceptance input:checked+.wpcf7-list-item-label:after {
	opacity: 1;
    transform: scale(1);
}
.wpcf7-response-output {
display:none;
}
label.form__label {
	color:var(--black);
}
.pets-section__list--wrapper {
	
}
.pets-section__list--wrapper .pets-section__list--wrapper-item {
	margin-top:50px;
}

@media only screen and (min-width: 768px) {
	.banner-section.banner-section--page .banner-section__content{
		padding:150px 0;
	}
}
@media only screen and (max-width: 767.98px) {
	.modal__slider .pet-slider__picture img {
		min-height:280px;
	}
	.banner-section.banner-section--page{
		height:auto;
		padding:100px 0;

	}
	.banner-section.banner-section--page .banner-section__content{

		text-align:left;
	}

}