:root{

    --primary-color: #a5dee5;
}
@font-face {
    font-family: 'Geologica';
    src: url('fonts/Geologica.ttf') format('truetype');
}

body {
    font-family: Geologica;
}

.recent-posts-h {
    /*margin-top: 150px;*/
    text-align: left;
    /*margin-bottom: 50px;*/
    color: #000000;
    text-shadow: 0px 1px 2px #a5dee5;
}

#sec-1 {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(165,222,229,1) 100%);
}

#sec-2 {
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(165,222,229,1) 100%);
}




.line {
    height: 3px;
    background-color: #a5dee5;
    box-shadow: 0px 3px 3px 0px rgba(204,204,204,0.75);
    -webkit-box-shadow: 0px 3px 3px 0px rgba(204,204,204,0.75);
    -moz-box-shadow: 0px 3px 3px 0px rgba(204,204,204,0.75);
}

.our-products {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(165,222,229,1) 100%);
}

#owl-demo {
    /*margin-bottom: 200px;*/
}

    #owl-demo .item {
        padding: 2em;
        text-align: center;
    }

        #owl-demo .item img {
            width: 20%;
            height: auto;
        }

        #owl-demo .item h4 {
            margin-top: 20px;
        }



.bg-image {
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 7px;
    box-shadow: 0 7px 14px 0 rgba(90,122,190,.13), 0 3px 6px 0 rgba(90,122,190,.09);
    overflow: hidden;
}

.radius-container{
        border-radius: 7px;
    box-shadow: 0 7px 14px 0 rgba(90,122,190,.13), 0 3px 6px 0 rgba(90,122,190,.09);
    overflow: hidden;
}


.bg-image2 {
    background-image: url(images/contact-us.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;
}

.landing{
    min-height: calc(100vh - 200px);
}

 
.navbar-toggler:focus {
 box-shadow:none;
 }


 .active{color: #a5dee5 !important}


        @media screen and ( max-width: 992px ){

                   .nav-item{
            padding-bottom:5px;
            padding-top:5px;
            border-bottom:1px solid rgba(165, 222, 229, 0.17)
        }
        .nav-item:last-of-type{
            border-bottom:none
        }

        }




        .primary-color{
            color: var(--primary-color);
        }


        .soc-link{
            background-color: var(--primary-color);
            color:#000;
            padding: 5px 10px;
            font-size:22px;
            /*border:1px #858585 solid;*/
            border-radius: 16px;
            box-shadow: 2px 2px 3px #e6e6e6
        }



     .form-floating > label   {

            color: #959595;
    font-weight: 200;
    font-size: 12px;
        }

     .form-control{
         border: 1px dotted var(--primary-color);
         box-shadow: -4px 0 0 var(--primary-color);
     }


     textarea{
         height:130px !important;
     }