.contact__cover-section{
    width:100%;
    height:auto;
    background-color:#efeee9;
}
.contact__cover--inner-container{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:400px;
    padding:25px 15px 25px 15px;
    margin-left:auto;
    margin-right:auto;
    color:#000;
    text-align:center;
}
.contact__cover--inner-container h1{
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    font-size:2rem;
    margin-bottom:25px;
}
.contact__cover--inner-container p{
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    font-size:1.25rem;
    margin:0;
}
.contact__details-section{
    width:100%;
    height:auto;
    background-color:#fff;
}
.contact__details--inner-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:25px;
    width:100%;
    height:auto;
    padding:100px 15px 100px 15px;
    margin-left:auto;
    margin-right:auto;
}
.contact-details-card{
    width:100%;
    height:auto;
    padding:25px;
    color:#000;
    background-color:#fff;
    border:solid 1px rgba(112, 112, 112, 0.5);
    border-radius:10px;
    text-align:center;
}
.details-icon-div{
    width:80px;
    height:80px;
    margin-bottom:25px;
    margin-left:auto;
    margin-right:auto;
    background-color:#f3f9e9;
    background-repeat:no-repeat;
    background-position:center center;
    border-radius:50%;
}
#details-phone{
    background-image:url(../res/telephone-icon-green.png);
    background-size:50%;
}
#details-email{
    background-image:url(../res/email-icon-green.png);
    background-size:60%;
}
#details-address{
    background-image:url(../res/location-icon-green.png);
    background-size:40%;
}
.contact-details-card h4{
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    font-size:1.5625rem;
    line-height:2rem;
    margin-bottom:25px;
}
.contact-details-card p{
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    font-size:1.125rem;
}
.details-paragraph-general{
    margin:0;
}
.details-paragraph-top{
    margin-bottom:7px;
}
.contact__form-section{
    width:100%;
    height:auto;
    background-color:#fff;
}
.contact__form--inner-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:50px;
    width:100%;
    height:auto;
    padding:0 15px 100px 15px;
    margin-left:auto;
    margin-right:auto;
}
.contact-form-div,
.contact-map-div{
    width:100%;
    height:auto;
    padding:25px;
    margin-left:auto;
    margin-right:auto;
    color:#000;
    border:solid 1px rgba(112, 112, 112, 0.5);
    border-radius:20px;
}
.contact-form-heading-div,
.contact-map-heading-div{
    display:flex;
    align-items:center;
    width:100%;
    height:auto;
    margin-bottom:50px;
}
.contact-form-heading-icon{
    flex-shrink:0;
    width:30px;
    height:30px;
    margin-right:15px;
    background-image:url(../res/paper-plane-green.png);
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
}
.contact-map-heading-icon{
    flex-shrink:0;
    width:30px;
    height:30px;
    margin-right:15px;
    background-image:url(../res/location-icon-green.png);
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
}
.contact-form-heading-div h1,
.contact-map-heading-div h1{
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    font-size:1.5625rem;
    margin:0;
}
.form-group{
    width:100%;
    height:auto;
    margin-bottom:35px;
}
.form-label{
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    font-size:1.25rem;
    margin-bottom:15px;
}
.form-info{
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    font-size:1.125rem;
    color:#ff0000;
}
.form-control{
    width:100%;
    height:40px;
    border:solid 1px rgba(112, 112, 112, 0.5);
}
textarea.form-control {
    height:150px;
}
.form-control::placeholder{
    color:rgba(112, 112, 112, 0.75);
}
.btn__form-submit{
    width:100%;
    height:auto;
    padding:10px 25px 10px 25px;
    color:#fff;
    background-color:#81c12d;
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    font-size:1.25rem;
    border:none;
    border-radius:10px;
}
.btn__form-submit:hover{
    opacity:0.7;
}
.script-form-success{
    width:100%;
    height:auto;
    text-align:center;
    color:#81c12d;
}
.script-form-success img{
    display:block;
    width:70%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:25px;
}
.script-form-success h1{
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    font-size:1.5625rem;
    line-height:2rem;
}
.map-div{
    width:100%;
    height:350px;
    margin-bottom:50px;
}
.contact-map-div h4{
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    font-size:1.5625rem;
    margin-bottom:25px;
}
.contact-map-div p{
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    font-size:1.25rem;
    line-height:2rem;
}
@media(min-width:1441px){
    .contact__details--inner-container,
    .contact__form--inner-container{
        max-width:1440px;
    }
}
@media(min-width:1281px) and (max-width:1440px){
    .contact__details--inner-container,
    .contact__form--inner-container{
        max-width:1280px;
    }
}
@media(min-width:1281px){
    .contact-form-div,
    .contact-map-div{
        width:calc(50% - 25px);
    }
}
@media(min-width:992px) and (max-width:1280px){
    .contact__details--inner-container,
    .contact__form--inner-container{
        max-width:991px;
    }
}
@media(min-width:992px){
    .contact__cover--inner-container{
        max-width:991px;
    }
}
@media(min-width:768px) and (max-width:1280px){
    .contact-form-div,
    .contact-map-div{
        width:670px;
    }
}
@media(min-width:768px){
    .contact__cover--inner-container h1{
        font-size:3.125rem;
    }
    .contact__cover--inner-container p{
        font-size:1.5625rem;
    }
    .contact-details-card{
        width:calc(33.33% - 18px);
    }
    .contact-form-heading-div h1,
    .contact-map-heading-div h1{
        font-size:2rem;
    }
    .contact-form-heading-icon,
    .contact-map-heading-icon{
        width:35px;
        height:35px;
    }
    .form-label,
    .btn__form-submit{
        font-size:1.5625rem;
    }
    .form-info{
        font-size:1.25rem;
    }
    .script-form-success img{
        width:35%;
    }
}
@media(min-width:576px) and (max-width:767px){
    .script-form-success img{
        width:45%;
    }
}
@media(min-width:576px){
    .script-form-success h1{
        font-size:2rem;
        line-height:2.75rem;
    }
}
@media(min-width:451px) and (max-width:767px){
    .contact__cover--inner-container h1{
        font-size:2.5rem;
    }
}
@media(min-width:451px) and (max-width:575px){
    .script-form-success img{
        width:50%;
    }
}
@media(min-width:451px){
    .contact__cover--inner-container{
        min-height:500px;
        padding:25px;
    }
    .contact__details--inner-container{
        padding:100px 25px 100px 25px;
    }
    .contact__form--inner-container{
        padding:0px 25px 100px 25px;
    }
}
@media(max-width:350px){
    .contact__cover--inner-container{
        min-height:100vw;
    }
    .contact__cover--inner-container h1{
        font-size:9vw;
        line-height:12vw;
    }
    .contact__cover--inner-container p{
        font-size:5.5vw;
        line-height:8vw;
    }
    .details-icon-div{
        width:24vw;
        height:24vw;
    }
    .contact-details-card h4{
        font-size:7vw;
        line-height:10vw;
    }
    .contact-details-card p{
        font-size:5.5vw;
        line-height:9vw;
    }
    .contact-form-div,
    .contact-map-div{
        padding:25px 15px 25px 15px;
        border-radius:7px;
    }
    .contact-form-heading-icon,
    .contact-map-heading-icon{
        width:9vw;
        height:9vw;
    }
    .contact-form-heading-div h1,
    .contact-map-heading-div h1{
        font-size:7vw;
        line-height:10vw;
    }
    .form-label,
    .btn__form-submit{
        font-size:5.75vw;
    }
    .form-info{
        font-size:5vw;
    }
    .script-form-success h1{
        font-size:7vw;
        line-height:10vw;
    }
    .contact-map-div h4{
        font-size:7vw;
        line-height:10vw;
    }
    .contact-map-div p{
        font-size:5.5vw;
        line-height:9vw;
    }
}