#hero{
    background-color:var(--theme-color) !important;
}
#hero h1{
    color:#fff !important;
}
#hero h2 {
    color: #fff !important;
}
#hero .btn-get-started{
    color:#fff !important;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a {
    color: var(--theme-color) !important;
}
.contact .php-email-form button[type=submit]{
    background: var(--theme-color) !important;
}
.contact iframe{
    width:100% !important;
    height:300px !important;
}
a {
    color: var(--theme-color) !important;
}
.navbar a, .navbar a:focus{
    color: #0f394c !important;
}

.head-title{
    color:#09368a;
    text-align: center;
    margin-top:15px;
}
.card-red{
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
    min-height: 245px !important;
}
.card-green{
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
    min-height:245px !important;
}
.card-form{
    padding:16px 50px !important;
}
.card-red:hover{
    color:white;
    background-color:#ef162f;
    transform-origin: 50% 100%; 
    transition: transform .3s linear;
}
.card-green:hover{
    color:white;
    background-color:#22d361;
    transform-origin: 50% 100%; 
    transition: transform .3s linear;
}
.btn-primary{
    color: white !important;
    border-radius: 20px;
    padding: 7px 40px;
}
.red-image{
    width:auto;
    height:100px;
    margin-top: 23px;
    margin-bottom: 22px;
}
.green-image{
    width:auto;
    height:100px;
    margin-top: 20px;
    margin-bottom: 11px;
}
.card .form-control{
    font-size: .8125rem !important;
    color: #303e67 !important;
    text-align: left;
     padding: 10px .75rem !important;
    padding-left: 5px !important;
}
.card label{
    margin-bottom: .5rem !important;
}
.select2-container--default .select2-selection--single {
    height: 41px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
   font-size: .8125rem !important;
   padding-left: 15px !important;
}
section {
    padding: 20px 0px 0px 0px !important;
}
.select2-container {
    width:100% !important;
}
.select2-container--default .select2-results>.select2-results__options {
   font-size:13px !important;
}
.form-card{
    margin-top: 20px;
}
.bio-image{
    width:100px;
    height:100px;
}
@media (min-width: 992px) {
    .col-lg-5 {
       width: 30.66666667% !important;
    }
}
/* RESPONSIVE CSS */
@media (max-width: 600px) {
    #hero{
        height: 65vh !important;
    }
   .product-img{
        min-height: 350px;
    }
   .card-green{
     margin-left:0px !important;
     min-height: 0px !important;
    }
    .card-red{
    margin-left:0px !important;
    min-height:0px !important;
    }
    .mobile-form{
        padding: 0px !important;
        margin: 0px !important;
    }
    .form-card{
        margin:0px !important;
        background-color: white !important;
        /*height: 100vh;*/
    }
    .card-form{
    padding:16px 20px !important;
   }
   .green-image{
     height:10vh;
   }
   .red-image{
     height:10vh;
   }
}
@media (max-width: 576px) {
    .vh-100 {
        height: 100vh !important;
    }
    .row,
    .col-12,
    .col-lg-7,
    .extra {
        padding: 0;
        margin: 0;
    }
}