/*
Version: 1.0
Author: i360 Software Solution
Author Url: https://www.i360ss.com
*/
body{
    margin: 0px;
    padding: 0px;
    animation: bodyAnim 1s; 
    -webkit-animation: bodyAnim 1s; 
    -moz-animation: bodyAnim 1s; 
    -o-animation: bodyAnim 1s;
}
.home-header{
    width: 100%;
    height: 500px;
    background-color: #333;
    background-image: url("../img/header-bg.jpg");
    background-position: center;
    background-size: cover;
}
.home-cont2{
    width: 100%;
    height: 350px;
    background-color: #2f3941;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-template-columns: 20% 1fr 20%;
}
.home-intro{
    position: relative;
    background-color: #2f3941;
    height: 230px;
    margin-top: -80px;
    text-align: center;
    padding: 30px 50px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2); -o-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
}
.home-intro h4{
    font-family: 'Aleo', serif;
    font-weight: 900;
    font-size: 34px;
    letter-spacing: 2px;
    color: #f7a61e;
    line-height: 1.0em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.home-intro p{
    font-size: 18px;
    font-family: 'Aleo', serif;
    font-weight: 400;
    color: #8d9fad;
    letter-spacing: 2px;
    line-height: 1.5em;
}
@media screen and (max-width: 768px){
    .home-header{
        height: 350px;
    }
    .home-cont2{
        grid-template-columns: 5% 1fr 5%;
        height: auto;
        padding-bottom: 20px;
    }
    .home-intro{
        padding: 20px 20px;
        padding-bottom: 40px;
        height: auto;
    }
    .home-intro p{
        font-size: 14px;
    }
}

/* Home Cont 03 */
.home-cont3{
    width: 100%;
}
.card-set{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.single-card{
    background-color: #fff;
    margin: 15px;
    padding: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    margin-top: -100px;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    font-family: 'Roboto Slab', serif;
    text-align: center;
}
.single-card img{
    width: 120px;
}
.single-card:nth-child(1){
    margin-left: 0px;
}
.single-card:nth-child(3){
    margin-right: 0px;
}
@media screen and (max-width: 768px){
    .card-set{
        display: grid;
        grid-template-columns: 1fr;
        height: 100%;
        padding-top: 20px;
    }
    .single-card{
        margin-top: 0px;
    }
    .single-card:nth-child(1){
        margin-left: 15px;
    }
    .single-card:nth-child(3){
        margin-right: 15px;
    }
}

/* Home Cont 04 */
.home-cont4{
    padding-top: 30px;
    padding-bottom: 30px;
}
.team-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
}
.each-member{
    background-color: #eaf1dc;
    margin: 10px;
    padding: 20px;
    font-family: 'Roboto Slab', serif;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    color: #2f3941;
    text-align: center;
    /*
    box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
    */
}
.each-member:nth-child(1){
    margin-left: 0px;
}
.each-member:nth-child(4){
    margin-right: 0px;
}
.each-member .imgCont{
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    background-color: #3db26c;
    overflow: hidden;
    margin-bottom: 15px;
}
.each-member .imgCont img{
    width: 105%;
    opacity: 0.5;
    transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s;
}
.each-member:hover img{
    opacity: 1;
}
.each-member h4{
    font-weight: 700i;
    font-size: 16px;
    margin: 3px 0px;
}
.each-member a{
    color: #3db26c;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
}
@media screen and (max-width: 768px){
    .team-container{
        grid-template-columns: 1fr 1fr;
    }
    .each-member{
        margin: 5px;
        padding: 10px;
    }
    .each-member .imgCont{
        width: 110px;
        height: 110px;
    }
    .each-member:nth-child(1){
        margin-left: 5px;
    }
    .each-member:nth-child(4){
        margin-right: 5px;
    }
    .each-member h4{
        font-size: 14px;
    }

}

/* Home Cont 05 */
.home-cont5{
    padding-bottom: 30px;
}
@media screen and (max-width: 768px){
    .home-cont5 p{
        text-align: justify;
    }
}

/* SERVICES PAGE */
.services-container{
    font-family: 'Roboto Slab', serif;
}
.services-container h4{
    color: #3db26c;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    cursor: pointer;
}
.services-container p{
    color: #2f3941;
    font-size: 14px;
}
.services-container li{
    margin: 15px 0px;
    color: #2f3941;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.8em;
    font-size: 14px;
}
.single-svs{
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
}
.svs-cont{
    padding: 10px 30px;
    padding-bottom: 30px;    
    box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
    border-radius: 0px 0px 10px 10px;
}
.svsTgl1, .svsTgl2, .svsTgl3{
    display: none;
}
.single-svs h4{
    background-color: #eaf1dc;
    padding: 20px;
    border-radius: 10px 10px 0px 0px;
}
.single-svs h4::after{
    content: '';
    width: 0px;
    height: 0px;
    border-top: 8px solid #3db26c;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    float: right;
    margin-top: 5px;
}
@media screen and (max-width:768px){
    .svs-cont{
        padding: 5px;
    }
    .svs-cont ul{
        padding: 0px 20px;
    }
    .svs-cont li{
        text-align: justify;
        letter-spacing: 0px;
    }

}

/* CONTACT PAGE */
.contact-container{
    display: grid;
    grid-template-columns: 400px 1fr;
    font-family: 'Roboto Slab', serif;
}
.contact-info{
    font-weight: 400;
    color: #2f3941;
}
.contact-info p{
    font-weight: 400;
    font-size: 14px;
    line-height: 1.8em;
}
.contact-form{
    display: table;
    padding-right: 25px;
}
.contact-form input, .contact-form textarea{
    width: 100%;
    height: 30px;
    padding: 5px 10px;
    display: table-cell;
    margin: 5px auto;
    border: 1px solid rgba(0,0,0,0.2);
    transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s;
    font-family: 'Roboto Slab', serif;
}
.contact-form input:focus, .contact-form textarea:focus{
    background-color: #e8f0fe;
}
.contact-form textarea{
    height: 120px;  
}
.contact-form label{
    font-size: 14px;
    color: #2f3941;
}
.namCont{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.namCont input{
    width: 95%;
}
.namCont input[name="lName"], .namCont label[for="lName"]{
    margin-left: 5%;
}
.contact-form input[name="capach"]{
    width: 50px;
}
.contact-form button{
    margin-top: 5px;
}
@media screen and (max-width:768px){
    .contact-container{
        grid-template-columns: 1fr;
    }
}

/* ABOUT PAGE */
.members-inbrief{
    display: grid;
    grid-template-columns: 1fr;
}
.single-member-inb{
    margin: 10px;
    padding: 10px 30px;
    text-align: center;
    box-shadow: 0px 3px 10px rgba(3,3,3,0.2); -webkit-box-shadow: 0px 3px 10px rgba(3,3,3,0.2);
    -moz-box-shadow: 0px 3px 10px rgba(3,3,3,0.2); -o-box-shadow: 0px 3px 10px rgba(3,3,3,0.2);
    display: grid;
    grid-template-columns: 250px 1fr;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
}

.single-member-inb div{
    margin: 0px 10px;
    display: table;
    height: 100%;
}
.single-member-inb div .itemInner{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 0px;
    margin: 0px;
}
.single-member-inb div:nth-child(1){
    padding: 0px 10px;
}
.single-member-inb p{
    text-align: left;
}
.single-member-inb img{
    width: 200px;
    border-radius: 200px;
}
.errMsg-danger, .errMsg-done{
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    
}
.errMsg-danger{
    color: #d50500;
}
.errMsg-done{
    color: #3db26c;
}
@media screen and (max-width:768px){
    .single-member-inb img{
        width: 150px;
    }
    .about-container{
        text-align: justify;
    }
    .single-member-inb{
        grid-template-columns: 1fr;
        margin: 5px;
        padding: 5px;
    }        
    .single-member-inb div:nth-child(1){
        padding: 5px 30px;
    }
    .single-member-inb p{
        letter-spacing: 0px;
    }
    .single-member-inb div .itemInner{
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

}

/*
COLORS =========
green 01: #3db26c
green 02: #abc9ad
green 03: #eaf1dc (Light)

Primary Gray: #2f3941
Light Gray: #8d9fad

Orange: #f7a61e
Orange 02: #ed9617
Orange 03: #e07f1d


FONTS =========
font-family: 'Aleo', serif;
wheights: 300, 300i, 400, 400i, 700, 700i

font-family: 'Roboto Slab', serif;
wheights: 100, 300, 400, 700

font-family: 'Nunito Sans', sans-serif;
wheights: 900, 700, 700i, 600, 600i, 400, 400i, 300

*/