/*
Theme Name: demeter
Description: Child theme of demeter
Author: demeter
Version: 1.0.0
Text Domain: demeter
Template: twentytwentyone
*/

/*  =========================== section contact us  =========================== */
.section-contact-us {padding-top: 80px;}
.section-contact-us .contact-form-content{max-width: 550px;}
.section-contact-us .contact-form-content .heading-style-3{font-family: 'Neufile Grotesk bold';margin-bottom:14px;text-transform: unset;}
.section-contact-us .contact-form-content .p-big{color: var(--blue);font-family: 'Neufile Grotesk reg';margin-bottom: 36px;}
.section-contact-us .get-in-touch-inner{display: flex;gap:24px;margin-bottom: 40px;}
.section-contact-us .get-in-touch-inner:last-child{margin-bottom: 0;}
.section-contact-us .get-in-touch-inner img{width:40px;height:40px;flex-shrink:0;}
.section-contact-us .get-in-touch-inner .p-big{margin-bottom: 8px;color: var(--white);font-family: 'Neufile Grotesk bold';}
.section-contact-us .get-in-touch-inner a.p-big,.section-contact-us .get-in-touch-inner p.p-big{color: var(--blue);font-family: 'Neufile Grotesk reg';}
.section-contact-us .get-in-touch-inner a:hover{color: var(--hover);}

/* social icons */
.contact-social-icons {margin-top: 40px;}
.contact-social-icons ul { gap: 14px; }
.contact-social-icons ul li a {background-color:var(--black); height: 42px; width: 42px; display: flex; align-items: center; justify-content: center; border-radius: 100%; position: relative; z-index: 1; overflow: hidden; }
.contact-social-icons ul li a img { width: unset; }
.contact-social-icons ul li a:hover{background-color: var(--green);}

/*  =========================== section location  =========================== */
.section-location{padding: 82px 0 130px;display:none;}
.section-location .container{height: 341px;}
.section-location .gm-style-mtc-bbw,.section-location .gm-style-cc,.section-location .gmnoprint{display:none;}


/* ===================================== media quiery  ===================================== */
@media screen and (max-width:1366px) {
    /*  =========================== section contact us  =========================== */
    .section-contact-us .contact-form-content{max-width: 450px;}
    
    /*  =========================== section location  =========================== */
    .section-location{padding: 80px 0 120px;}
    
}
@media screen and (max-width:1199px) {
    
    /*  =========================== section contact us  =========================== */
    .section-contact-us {padding-top: 70px;}    
    .section-contact-us .contact-form-content .heading-style-3{margin-bottom:12px;}
    .section-contact-us .contact-form-content .p-big{margin-bottom: 34px;}
    .section-contact-us .get-in-touch-inner{gap:22px;margin-bottom: 38px;}
    .section-contact-us .get-in-touch-inner img{width:38px;height:38px;}
    .section-contact-us .get-in-touch-inner .p-big{margin-bottom: 6px;}
    /* social icons */
    .contact-social-icons {margin-top: 38px;}
    .contact-social-icons ul { gap: 12px; }
    .contact-social-icons ul li a { height: 40px; width: 40px;}        
    
    /*  =========================== section location  =========================== */
    .section-location{padding: 75px 0 100px;}
    .section-location .container{height: 330px;}
    
}
@media screen and (max-width:991px) {
    /*  =========================== section contact us  =========================== */
    .section-contact-us {padding-top: 65px;}  
    .section-contact-us .contact-form-content .heading-style-3{margin-bottom:10px;}
    .section-contact-us .contact-form-content .p-big{margin-bottom: 28px;}
    .section-contact-us .get-in-touch-inner{gap:15px;margin-bottom: 28px;}
    .section-contact-us .get-in-touch-inner img{width:32px;height:32px;}
    .section-contact-us .get-in-touch-inner .p-big{margin-bottom: 6px;}
    /* social icons */
    .contact-social-icons {margin-top: 32px;}
    .contact-social-icons ul { gap: 11px; }
    .contact-social-icons ul li a { height: 35px; width: 35px;} 
    .contact-social-icons ul li a img{width: 14px;}       
    
    /*  =========================== section location  =========================== */
    .section-location{padding: 70px 0 80px;}
    .section-location .container{height: 310px;}
}
@media screen and (max-width:767px) {
    
    /*  =========================== section contact us  =========================== */
    .section-contact-us {padding-top: 40px;}  
    .section-contact-us .contact-form-content{max-width: 100%;}
    .section-contact-us .contact-form-main-row{row-gap: 40px;}
    .section-contact-us .contact-form-content .heading-style-3{margin-bottom:8px;}
    .section-contact-us .contact-form-content .p-big{margin-bottom: 25px;}
    .section-contact-us .get-in-touch-inner{gap:20px;margin-bottom: 25px;}
    .section-contact-us .get-in-touch-inner img{width:38px;height:38px;}
    .section-contact-us .get-in-touch-inner .p-big{margin-bottom: 6px;}
    /* social icons */
    .contact-social-icons {margin-top: 20px;}
    .contact-social-icons ul { gap: 14px; }
    .contact-social-icons ul li a { height: 40px; width: 40px;} 
    .contact-social-icons ul li a img{width: 16px;}      
    
    /*  =========================== section location  =========================== */
    .section-location{padding: 60px 15px 75px;}
    .section-location .container{height: 300px;}
}
@media screen and (max-width:575px) {
    
    /*  =========================== section contact us  =========================== */
    .section-contact-us .contact-form-main-row{row-gap: 50px;}
    .section-contact-us .contact-form-content .p-big{margin-bottom: 20px;}
    .section-contact-us .get-in-touch-inner{gap:15px;margin-bottom: 18px;}
    .section-contact-us .get-in-touch-inner img{width:30px;height:30px;}
    .section-contact-us .get-in-touch-inner .p-big{margin-bottom: 4px;}
    /* social icons */
    .contact-social-icons {margin-top: 18px;}
    .contact-social-icons ul { gap: 12px; }
    .contact-social-icons ul li a { height: 35px; width: 35px;} 
    .contact-social-icons ul li a img{width: 14px;}
    
    /*  =========================== section location  =========================== */
    .section-location{padding: 50px 15px 65px;}
    .section-location .container{height: 280px;}
}