#cms-wrapper{width:100%;/*padding:35px 0 0*/}
#cms-container{max-width:1560px;margin:0 auto}
#cms-h1 {margin-top:15px;text-align: center;font-family: var(--font-family-secondary);color: var(--font-color-dark);font-weight: 400;letter-spacing: var(--font-size-lr)}
.breadcrumb-container{justify-content: center;align-items: center;}
.breadcrumb-container > li a,.breadcrumb-container > li{text-transform: uppercase;font-family: var(--font-family-main);font-weight: 300;color: var(--font-color-dark)}

/*
.contact__list {width: 100%;}
.contact__list > li .contact__info_icon {flex-direction: column;justify-content: center;align-items: center;gap: 10px;text-align: center;}
.contact__list > li .contact__info_icon figcaption, .contact__list > li .contact__info_icon > .contact__social_container div {font-weight: 700;color: #262626;font-family: var(--font-family-main);font-size: 22px;}
.form-container{flex-direction: column;}
.contact__photo figure {position: relative;width: 100%;overflow: hidden;padding-bottom: 105.55%;border-radius: 20px;}
.contact__photo img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.contact__social_container{justify-content: center;align-items: center;}
*/

.form-wrapper {width: 100%;margin: auto;}
.contact-form-inner-container {width: 100%;height: 100%;background: #F8F8F8;}
#contact-form-hTitle {text-align: center;font-weight: 700;font-family: var(--font-family-secondary);letter-spacing: 12px}
#contact-form-hTitle3 {text-align: center;font-weight: 200;font-family: var(--font-family-main);margin-top: 15px;font-size: 18px;}
#contact-form {width: 100%;}

.contact-left-container{width: 100%;}
.contact-col.textarea-col{width: 100%;}
.contact-textarea{position:relative;font: 300 clamp(1.125rem, 0.7083rem + 0.5556vw, 1.375rem) var(--font-family-main);color: var(--font-color-green);width:100%;height: 180px;padding: 20px 10px 15px 55px;resize:none;outline:none;border:none;background:transparent;/* border-bottom: 1px solid #D2D2D2; */margin-top: 25px;}
/*.contact-input:focus,.contact-select:focus,.contact-textarea:focus{border-bottom:1px solid #262626}*/
.contact-input::-webkit-input-placeholder,.contact-textarea::-webkit-input-placeholder{color:#262626}
.contact-input:-moz-placeholder,.contact-textarea::-moz-placeholder{color:#262626}
.contact-input::-moz-placeholder,.contact-textarea::-moz-placeholder{color:#262626}
.contact-input:-ms-input-placeholder,.contact-textarea::-ms-input-placeholder{color:#262626}

.contact-col{/* margin-top:20px; */width:100%;text-align: left;}
.contact-col-left{width:100%;}
.contact-col-right{width:100%;}
.contact-input{position:relative;font:300 clamp(1.25rem, 1.0417rem + 0.2778vw, 1.375rem) var(--font-family-main);color:var(--font-color-green);width:100%;height:50px;padding: 20px 15px 10px 55px;background:transparent;outline:none;border:none;/* border-bottom: 1px solid #D2D2D2; */margin-top: 18px;}
.input-label{font-weight: 400;color:#5D5D5D;font-size: clamp(1.125rem, 1.0313rem + 0.3947vw, 1.5rem);}
.contact-select{width:100%;height:50px;font:var(--font16GReg);position:relative;color:#262626;outline:0;padding:0 30px 0 15px;border:1px solid #C5C5C5;cursor:pointer}

.contact-label-wrapper{width:30%;text-align: left;}
.contact-label-container{display:inline-flex}
.contact-label{display:block;position:relative;cursor:pointer;font:400 clamp(1.125rem, 0.7083rem + 0.5556vw, 1.375rem) var(--font-family-main);color:#262626;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.contact-label-link{display:block;font:400 1rem var(--font-family-main);color:#262626;line-height:26px;padding-left:35px}
.contact-label input{position:absolute;opacity:0;cursor:pointer}
.contact-checkmark{position:absolute;top:0;left:0;bottom:0;height:30px;width:30px;border:1px solid #bababa;background-color:#fff;border-radius: 50%;margin: auto;}/*height:25px;width:25px;*/
.contact-label:hover input ~ .contact-checkmark{border:1px solid var(--color-green-700)}
.contact-label input:checked ~ .contact-checkmark{border:1px solid #4b4b4b;background-color:#4b4b4b}
.contact-checkmark:after{content:"";position:absolute;display:none}
.contact-label input:checked ~ .contact-checkmark:after{display:block}
.contact-label .contact-checkmark:after{left:9px;top:4px;width:6px;height:11px;border:solid #fff;border-width:0 3px 3px 0;-ms-transform:rotate(45deg);transform:rotate(45deg)}
.contact-submit-col{margin-top:20px; display: flex;justify-content: flex-start;align-items: center;width: 100%;}
.contact-submit-outer{width: 70%;}
#contact-submit{width:100%;padding:18px 20px;background-color:var(--btn-bg-primary);color:#fff;border:none;outline:none;font:700 20px var(--font-family-main);cursor:pointer;text-transform:uppercase;border-radius:100px!important}
#contact-submit:hover{background-color:#67705c;color:#fff}
.input__label {font-family: var(--font-family-main);color: #B4B4B4;font-weight: 300;font-size: 16px;text-transform: capitalize}

#googleMap-container{width:50%;height:780px}
#googleMap{width:100%;height:100%;}

.contact-col.textarea-col, .contact-col-left, .contact-col-right {
    border: 1px solid #9D9D9D;
    border-radius: 100px;
    margin-top: 20px;
    position: relative;
}

.contact-col.textarea-col {
    border-radius: 30px;
}

.input__label {
    position: absolute;
    top: 15px;
    left: 55px;

}


.contact-info-outer-container {
    padding-top: 52px;
    border-top: 1px solid var(--color-gray-300);
    margin-top: 40px;
}

.contact__store_info {
    max-width: 1000px;
    margin: auto;
}

.contact__list {
    width: 100%;
    gap: 3%;
    justify-content: center;
}

.contact__list > li {
    width: 30%;
}

.contact__list > li > a {
    flex-direction: column;
    justify-content: space-between;
}

.contact__info_icon {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.contact--title {
    margin-top: 27px;
    padding-top: 27px;
    position: relative;
    text-align: center;
    font-family: var(--font-family-main);
    font-weight: 300;
    color: var(--font-color-dark);
}

.contact--title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #D9D9D9;
    width: 40px;
    height: 1px;
}

.contact__info_icon figcaption {
    color: var(--font-color-dark);
    font: 300 16px var(--font-family-main);
}

.contact-socials-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 200px;
    width: 100%;
    margin: 50px auto 0;
    row-gap: 30px;
}

.contact-socials-title {
    font-family: var(--font-family-main);
    font-weight: 300;
    font-size: 16px;
}

.contact-socials {
    gap: 40px;
    align-items: center;
    justify-content: center;
}

@media (min-width: 1200px) and (max-width: 1500px){
    .form-container {flex-direction: column;width: 100%;}
    .contact-left-container, .contact-col.textarea-col {width: 100%;margin-left: 0;}
}
@media (min-width:1200px) {
    .breadcrumb-outer-container{padding: 0 20px;}
    .breadcrumb-wrapper{margin-top:2.083vw}
    .breadcrumb-container > li a,.breadcrumb-container > li{font-size: 14px;}
    #cms-h1{font-size: clamp(2.375rem, 1.625rem + 1vw, 2.8125rem);}/*45->38*/

    .contact--title {font-size: clamp(1.375rem, 1.1667rem + 0.2778vw, 1.5rem);}
    .form-wrapper {max-width: 100%;margin-top: 3.385vw;}
    #contact-form-container {width: 50%;padding: 0;}
    .contact-form-inner-container {padding: 2.083vw 3.906vw;}
    #contact-form-hTitle {font-size: clamp(1.5625rem, 1.0417rem + 0.6944vw, 1.875rem);}
    #contact-form {margin-top: 20px;}

    #footer {margin-top: 3.125vw;}
}
@media (max-width:1199px) {
    #cms-wrapper{width:100%;padding:20px 0 0}
    .breadcrumb-outer-container{padding: 0 20px;}
    .breadcrumb-wrapper{margin-top:20px;}
    .breadcrumb-container > li a,.breadcrumb-container > li{font-size: clamp(1.25rem, 1.0297rem + 0.4608vw, 1.375rem);}
    #cms-h1{font-size: clamp(1.875rem, 1.0179rem + 1.1429vw, 2.375rem);}/*30->38*/

    .contact--title {font-size: clamp(1.25rem, 1.0417rem + 0.2778vw, 1.375rem);}
    #contact-form-hTitle{font-size: clamp(1.4375rem, 1.2292rem + 0.2778vw, 1.5625rem);}
    /*.contact__list{column-gap:2%;justify-content:center;align-items:center;row-gap:4.883vw;padding:3.906vw 2.93vw}
    .contact__list > li{width:49%}
    .contact__list > li .contact__info_icon figcaption, .contact__list > li .contact__info_icon > .contact__social_container div{font-size: clamp(1.125rem, 0.9052rem + 0.4598vw, 1.25rem);}
    .contact__info_link{justify-content:center;align-items:center;width:100%}*/
    .form-wrapper{margin-top:4.883vw}
    .contact__photo{width:50%;margin:auto}
    #contact-form-container{/* margin-top:4.395vw; *//* padding:0 20px; */width: 100%;}
    .contact-form-inner-container{padding:20px 30px}
    #contact-form{margin-top:25px}
    .contact-submit-col{margin-top:25px;flex-direction: column;gap: 20px;}
    .contact-label-wrapper {width: 100%;}
    .contact-submit-outer {width: 100%;}
    #googleMap-container{width: 80%;margin:50px auto 0;}
    #footer {margin-top: 50px;}
    .form-container {flex-direction: column;width: 100%;}
    .contact-left-container, .contact-col.textarea-col {width: 100%;margin-left: 0;}
}
@media (max-width:764px) {
    #cms-h1{font-size: clamp(1.5625rem, 1.0268rem + 0.7143vw, 1.875rem);}
    #contact-form-hTitle{font-size: clamp(1.25rem, 0.9375rem + 0.4167vw, 1.4375rem);}
    .contact--title {font-size: clamp(1.125rem, 0.9167rem + 0.2778vw, 1.25rem);}
    .contact-col{flex-direction:column}
    .contact-col-right{margin-top:20px}
    #contact-form-container{padding: 0;}
    .contact-col-left,.contact-col-right{padding:0;width:100%}
    .contact__list > li .contact__info_icon figcaption, .contact__list > li .contact__info_icon > .contact__social_container div{font-size: clamp(1.125rem, 1.0013rem + 0.5208vw, 1.25rem);}

    .contact__list {row-gap: 30px;}
    .contact__list > li {width: 100%;}
}

@media (hover: hover) {
    .contact__list > li > a:hover .contact--title {color: #7A876B;}
    .contact-socials > li > a:hover figure {transform: scale(1.15);}
}