:root{
    --body-bg-color : linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 50%, #a5d6a7 100%);
    --primary-bg-color: #1b5e20;
    --primary-button-bg: #33691e;
    --body-color: #2e7d32;
    --primary-border-color: #24af2b;
    --secondary-border-color: #ffffff;
    --primary: #24af2b;
    --secondary-text-color: #24af2b;
}

body{
     position: relative;
     background: var(--body-bg-color);
}

.app-background-layer {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
    }

 .leafBgPattern {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0.3;
      pointer-events: none;
    }

     .leaf {
      position: absolute;
      opacity: 0.6;
      animation: sway 8s ease-in-out infinite;
    }

    p{
        color: var(--body-color);
    }

   #main h2.title,
#main h3.title,
#main h4.title,
#main h5.title,
#main h6.title{
        color: rgb(27, 94, 32);
    }

    #main #tour-pl .grid-wrapper .card.pl-card .card-header .link.btn,
    #main #ads .ad-wrapper .grid-wrapper .lf-bg-wrap .link.btn{
        color: var(--white);
       border: 2px solid var(--white);
    }
    #footer .footer-row .column.ls .link.btn{
        background-color: rgba(0, 217, 255, 0.1);
        border: 2px solid var(--white);
        color: var(--white);
    }

    #main #abt{
        background-color: white;
       padding: 0;
       overflow: hidden;
    }

 #main #intro .grid-wrapper .content-wrapper p{
    color: #002f04;
 }

    #main #abt .grid-wrapper .abt-lft-wrap .bg-wrap{
        outline: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    #main #rv-wrapper .owl-carousel .card .card-body p.text,
    #main #faq .qr-accordion-wrapper .accordion .accordion-header,
    #main #faq .qr-accordion-wrapper .accordion p{
        color: var(--body-color);
    }


    #footer .lw-footer-wrapper{
       border-top: 1px solid var(--secondary-border-color);
    }