@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');


body{font-family: "Sora", sans-serif;}
h1, h2, h3, h4, h5, h6, li, p, a{font-family: "Sora", sans-serif;}
.logo{width: 250px;}
#text_2{fill: #fff;}

.primary-btn{background: #cda82b!important;}




  .navbar-custom .navbar-nav .active .nav-item {color: #cda82b!important; border-bottom: solid 4px #cda82b!important;}

.is-sticky{background: #000; position: fixed; z-index: 100;}
.is-sticky .logo{width: 100px;}

.is-sticky #text_2{fill: #000;}
.is-sticky a{color: #fff;}
.is-sticky .primary-btn{color: #fff;}

.logo{width: 300px;}
.border-golden-400{border-color: #cda82b;}
.marker\:text-golden-800::marker{color: #cda82b;}
.text-golden-400{color: #cda82b;}
.navbar-custom li a{border-bottom: solid 4px transparent; transition: all 0.3s ease-in;}
.navbar-custom svg{fill: #fff;}

 header li a:hover{border-bottom: solid 4px #cda82b!important; color: #cda82b; transition: all 0.3s ease-in}
.trees-animation {
    animation: trees 8s linear infinite; transform-origin: bottom; transform-box: fill-box;
}

#Offerings ol li{background: rgb(100,132,62); padding: 5px 10px 5px 36px; margin-bottom: 10px; border-radius: 10px 0px 0px 10px;
    background: linear-gradient(84deg, rgba(100,132,62,1) 0%, rgba(100,132,62,1) 75%, rgba(255,255,255,0) 100%); position: relative;}
    #Offerings ol li span{ background: url(../images/shape7.png) no-repeat no-repeat left top; background-size: 100%; width: 40px; height: 40px; line-height: 40px; color: #000; text-align: center; font-weight: 600; position: absolute;   left: -10px; top: -1px;}
    #Offerings ul li{background: url(../images/flower.png) no-repeat left 15px; line-height: 24px; font-weight: 300; background-size: 15px; padding-left: 30px;}

    #contact-us li{background: url(../images/right-check.png) no-repeat left 15px; background-size: 24px; padding: 10px 10px 5px 30px; font-weight: 300;}

@keyframes trees{
    0%, 100%{transform: rotate(1deg);}
    50%{transform: rotate(-1deg);}
}

/* customForm */
.customForm{
    background-color: #fff;
    padding: 1rem;
    border-radius: 1rem;
}
.customForm input,
.customForm textarea
{
background-color: transparent;
border: none;
border-radius: 0px;
border-bottom: 2px solid #cda82b;
padding-left: 0px;
color: #cda82b;
margin-bottom: 30px;
}
.customForm button{
    background-color: #cda82b;
}
.customForm ::placeholder{
    color: #000;
}

@media screen and (max-width: 767px) {
   
    .wd-full{width: 100%!important;}
    #about{ background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.9) 100%), url(../images/slide2.jpg) no-repeat 50% 50%!important; background-size: cover;}
    .tree-shape{top: 0px!important; width: 175px; right: 0px!important;}
    .logo{width: 100px;}
  
    #navbar-navlist a{color: #fff;}
    #navbar-navlist a:hover{background: none;}
    .is-sticky a {color: #fff;}
    .is-sticky nav{padding-bottom: 5px!important;}
    .is-sticky{  box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2);}
  
    #mobile-menu-2 .flex-col{flex-direction: inherit;}
    #mobile-menu-2 .flex{display: inline-block;}
    #mobile-menu-2 li{float: left; }
    #mobile-menu-2 .mt-4{margin-top: 0px;}
    #mobile-menu-2 .nav-item{padding: 0px 8px!important; font-size: 14px;}
    #mobile-menu-2 nav{padding: 0px;}
}