@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*============ GENERAL STYLE ==========================*/
  /*========== ROOT & GENERAL STYLE ===================*/
    :root{
      --color-first:#1d5b45;
      --color-second:#f7bc00;
      --color-content: #101010;
      --color-light-first:#008009;
      --bg-light:#f4f4f4;
      --bg-1:#f4f9f5;
      --bg-first-opacity:rgba(29, 91, 69, 0.6);
      --font-family-heading:'Jost', sans-serif;
      --font-family:'Poppins', sans-serif;
      --shadow: 0 1px 2px 0 rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.13);
    }
    *, ::after, ::before{ box-sizing: border-box; }
    * {
      margin: 0; 
      padding: 0;
      font-family: var(--font-family);
      font-weight: 300;
      font-style: normal;
      font-size: 16px;
      letter-spacing: 0.01em;
      line-height: 1.5;
      color: var(--color-first);
      text-transform: none;
    }
    a, a:hover, a:focus, a:focus-visible { text-decoration: none; outline:none}
    html {
      scroll-behavior: smooth;
      font-family: sans-serif;
    }
    body{ padding-bottom:4rem;margin-top: 65px;background: #fff;}
    img {
      object-fit: cover;
      object-position: center;
    }
    .pad-top{padding-top: 50px}  
    ul li { list-style: none; }
    ul.list  li { list-style:disc;color:var(--color-content);}
    .box-shadow{ box-shadow: 0 1px 2px 0 rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.13);}  
  /*========== BUTTON STYLE ==========================*/
    .button,input[type="submit"].button{
      border: 0;
      padding:6px 14px;
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0;
      line-height: 1.2;
      border-radius:2rem;
      border: 1px solid transparent;
      text-transform: capitalize;
    }
    .button.btn-first,.bg-first,input[type="submit"].button.btn-first,.button.btn-second:hover{ background:var(--color-first); }
    .button.btn-second,.bg-second,input[type="submit"].button.btn-second,.button.btn-first:hover{ background: var(--color-second); }
    .bg-first-opacity{background-color: var(--bg-first-opacity);}
    .button i,.button:hover { color: #fff; }  
    .btn-outline-first,.btn-outline-second:hover{
      color: var(--color-first);
      border-color: var(--color-first);
      font-weight: 500;
    }
    .btn-outline-second,.btn-outline-first:hover{
      color: var(--color-second);
      border-color: var(--color-second);
      font-weight: 500;
    }
    button.button:focus,button.btn:focus,input.form-control:focus,select.form-select:focus,textarea:focus {
      outline: 0 !important;
      box-shadow: none !important;
    }
  /*========== HEADING STYLE =========================*/
    .webContent,.main-title,.right-divider{ position: relative; }
    .webContent .mainHeading {
      font-size: 2rem;
      font-weight:700;
      line-height: 1.2;
      text-transform: capitalize;
      color:var(--color-first);
      letter-spacing:0px;
      font-family: var(--font-family-heading);
    }
    .webContent .subHeading {
      font-size: 1.1rem;
      color: var(--color-second);
      letter-spacing: 0.5px;
      font-weight: 500;
      text-transform: uppercase;
      font-family: var(--font-family-heading);
    }
    .webContent p {
      font-weight: 400;
      color: #333;
      white-space: pre-line;
      font-size: 1rem;
      line-height: 1.6;
      font-family:var(--font-family);
    }
    .webContent .mainHeading.largeHeading { font-size: 3rem;}
    .webContent .subHeading.largeHeading { font-size: 1.6rem;}
    .webContent p.largeHeading { font-size: 1.3rem;}
    .webContent .line{
      width: 100px;
      margin-bottom: 20px;
      height: 1.5px;
      background: var(--color-second);
    }
    .webContent .smallHeading {
      font-size: 1.2rem;
      color: var(--color-first);
      letter-spacing: 0.5px;
      font-weight: 600;
      text-transform: capitalize;
    }
    .color-first,.color-first:hover,.webContent .subHeading.color-first{ color: var(--color-first) !important; }
    .color-second,.color-second:hover,.webContent .mainHeading.color-second{ color: var(--color-second) !important; }
    .bg-1{background-color:var(--bg-1);}
    .border-dark-1{border:1px solid var(--color-first);}
  /*========== INPUT FIELD STYLE =====================*/  
    input.form-control, select.form-select{ height: 40px; border-radius: 0;font-size: 0.85rem}
    input.form-control,input.form-control:focus,select.form-select,select.form-select:focus,
    textarea.form-control,textarea.form-control:focus { background-color: #fff; }
    textarea.form-control { resize: none; border-radius: 0; }
.form-check-input {width: 1.5em;height: 1.5em;}
.form-check-input:checked {
background-color: var(--color-first);
border-color:var(--color-first);
}
label strong{
font-size: 1rem;
font-weight: 500;
}
.form-check-input:focus{box-shadow:none}
    /*.h-45{ height: 45px; }*/
    .form-control.is-valid, .was-validated .form-control:valid,.form-select.is-valid, .was-validated .form-select:valid,
    .form-control.is-invalid, .was-validated .form-control:invalid,.form-select.is-invalid, .was-validated .form-select:invalid {background: transparent;}
    .martop{margin-top: 65px}
  /*========== TEXT LIMIT STYLE ======================*/
    .text-limit-1,.text-limit-2,.text-limit-3,.text-limit-4{
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
    }
    .text-limit-1{ -webkit-line-clamp: 1; }
    .text-limit-2{ -webkit-line-clamp: 2; }
    .text-limit-3{ -webkit-line-clamp: 3; }
    .text-limit-4{ -webkit-line-clamp: 4; }
  /*========== OWL CAROUSEL STYLE ====================*/
    .owl-theme .owl-nav [class*=owl-] { margin: 0!important }
    .owl-carousel .owl-nav button span {
      opacity: 0;
      width: 0;
      height: 0
    }
    .owl-carousel .owl-nav button:focus {
      outline: 0!important;
      border: 0!important
    }
    .owl-carousel .owl-nav button.owl-next::after,.owl-carousel .owl-nav button.owl-prev::after {
      content: "";
      display: inline-block;
      width: 8px;
      height: 8px;
      top: 10px;
      right: 5px;
      bottom: 5px;
      left: 20px;
      transform: rotate(45deg);
      border-radius: 0;
      border: 2px solid #fff;
      border-left: 0;
      border-bottom: 0;
      margin-left: -9px;
      margin-bottom: 2px
    }
    .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev {
      width: 35px;
      height: 35px;
      background: var(--color-second) !important;
      position: absolute;
      border-radius: 50%;
      box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.6);
      top: 45%
    }
    .owl-carousel .owl-nav button.owl-prev {transform: rotate(180deg)}
    .owl-theme .owl-nav .owl-prev {
      right: initial;
      left: -1%;
    }
    .owl-theme .owl-nav .owl-next { right: -1%; }
/*============ HEADER STYLE ==========================*/
  header{background: #fff;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);}
  header .logo { width: 180px; }
  header .other-logo{width: 120px;}
  .sidenav a:hover, .sidenav a:focus{color: #fff;}
  @media only screen and (max-width:450px){
    header .logo{ width:140px; }
  }
  header.scrolledHeader{
    background: #fff;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  }
  header .navbar-nav .nav-item {
    padding: 0 10px;
    text-align: center;
  }
  .menubar-button{margin-top: 5px}
  .menu-icon {
    font-size: 25px;
    color: var(--color-first);
    cursor: pointer;
    margin-top: 5px
  }
  header.scrolledHeader .menu-icon{
    color:var(--color-first);
  }
  header .navbar-nav .nav-item:nth-last-child(1) { padding-right: 0;  }
  .header-right-side ul.navbar-nav{flex-direction: row;}
  .header-right-side ul.navbar-nav li .dropdown-toggle::after{display: none;}
  header .navbar-nav .nav-item .nav-link,.cart-icon{
    font-size: 1.1rem;
    color: var(--color-first);
    font-weight: 500;
    font-family: var(--font-family-heading);
    padding: 0;
    text-transform: capitalize;
    display: inline-block;
    letter-spacing: 0;
  }
  .companies-menu.navbar-nav .nav-item .nav-link{font-size: 1rem}
  header .navbar-nav .nav-item.search-home-page{
    border: 2px solid var(--color-second);
    padding:0.25rem 0.50rem;
    border-radius: 9999px;
  }
  .header-right-side ul.navbar-nav li a.dropdown-item{text-transform: capitalize;font-size: 0.9rem}
  .header-right-side ul.navbar-nav li a.dropdown-item.active,.header-right-side ul.navbar-nav li a.dropdown-item:active{
    background: var(--color-first);
    color: var(--bg-1);
  }
  header.scrolledHeader .navbar .navbar-brand,header.scrolledHeader .navbar-nav .nav-item .nav-link{ color: var(--color-first);}
  header .header-right-side .button{display: none;}
  header.scrolledHeader .header-right-side .button{display: inline-block;}
  .mySidenav {
    box-shadow: 0 2px 4px 0 rgba(26, 26, 26, .18), 0 0 12px 0 rgba(26, 26, 26, .06);
    --slide-animation: e-slide-top;
    position: absolute;
    top: 100%;
    min-width: 184px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    z-index: 2;
  }
  .mySidenav {
    margin-top: 12px;
    right: -12px;
    color: var(--color-text-primary);
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color:var(--color-first);
    overflow-x: hidden;
    transition: .5s
  }
  .sidenav .dropdown-menu{
    background: transparent;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: #fff;
    display: block;
    transition: .3s
  }
  .sidenav .search-home-page a{ 
    border: 1px solid var(--color-second);
    padding:0.25rem 0.50rem;
    border-radius: 9999px;
    margin:0 15px;
    text-align:center;
  }
  .sidenav .dropdown-menu a{
    padding: 2px;
    color: var(--color-first);
    padding-left: 10px;
  }
  .sidenav a:hover,.sidenav a:focus { color: #fff }
  .sidenav .closebtn {
    position: absolute;
    top: 15px;
    right: 5px;
  }
  .sidenav-padding { padding-top: 40px; }
  .search-box-wrapper {
    width:100%;
    height:40px;
    background: #fff;
    box-shadow: 0 2px 5px 1px rgba(64, 60, 67, .16);
    border-radius: 50px;
    padding: 5px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .search-box-wrapper input {
    border: 0;
    flex-basis:100%;
    height: 40px;
    font-size:1rem;
    font-weight: 400;
  }
  .search-box-wrapper input:focus, .search-box-wrapper input:hover {
    background: transparent;
    border: 0;
    outline: 0;
  }
  button#input-cross { display: none; }
  .search-box-wrapper .search-button-block{
    flex-basis: 15%;
    display: flex;
    justify-content: flex-end;
  }
  .search-button-block button#input-cross.input-padding-class {
    display: inline-block;
    border-right: 0.3px solid #70757a;
    padding-right: 10px;
  }
  .search-button-block button {
    background: transparent;
    border: 0;
    outline: 0;
    padding: 0 10px;
  }
  .search-button-block button img {
    width: 25px;
    height: 25px;
    vertical-align: middle;
  }
  .search-button-block button i{font-size: 1.1rem}
/*============ FOOTER STYLE ==========================*/
  footer ul{ 
    margin: 0 !important; 
    padding: 0 10px;  
  }
  footer ul li{ 
    display: inline-block; 
    padding: 1px 3px;
  }
  footer ul li:after { 
    position: relative; 
    top: 4px;
    display: inline-block;
    width: 1px;
    height: 16px;
    border-left: solid 1px var(--color-first);
    content: " ";
    left: 5px;
  }
  .footer ul li a{
    font-size: 0.85rem;
    color:var(--color-first);
    font-weight:600;
  }
  footer ul li:last-child:after{content:none;border-left:none}
  .footer .social-icons a {
    text-align: center;
    text-decoration: none;
    border-radius: 10% 10% 10% 10%;
    padding: 0;
    width:35px;
    height:35px;
    line-height:40px;
    margin-right: 7px;
    display: inline-block;
    background-color: #fff;
    box-shadow: 0 15px 40px 0 rgb(0 0 0 / 10%);
  }
  .footer .social-icons a i{
    color: var(--color-first);
    font-size: 1.3rem;
  }
  .footer small{
    font-size: 0.85rem;
    font-weight:400;
  }
  .footer p a{
    color:var(--color-content);
    font-weight: 600;
    font-size: 0.95rem;
  }
/*============ BANNER STYLE ==========================*/
  .bg_banner{
    height:500px;
    display: flex;
    align-items:center;
    position: relative;
  }
  .intro-sec{height: auto}
  .banner-image{object-position: bottom;}
  .intro-sec img.banner-image,.intro-sec .overlay-first-7{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(29, 91, 69, 0.8);
  }
  .internal_banner{
    height:350px;
    align-items: flex-end;
  }
  .bg_banner .webContent .mainHeading{font-size:3.5rem;}
  .bg_banner .webContent .subHeading{font-size:1.4rem;}
  .bg_banner .webContent .button,.header-right-side .button{padding:15px 30px;display: inline-block;background: var(--color-light-first);font-size: 1.3rem}
  .header-right-side .button{padding: 6px 14px;font-size:1rem; }
  .header-right-side .button img{width: 24px;height: 24px;}
  .bg_banner .webContent .button img{width: 25px;height: 25px;margin-right: 10px; margin-top:-6px;}
  .z-index--1 { z-index: -1; }
  .z-index--2 { z-index: -2; }
  .green-leaf-bg{
    background:linear-gradient(0deg, rgba(17, 121, 22, 0.5), rgba(17, 121, 22, 0.5)), url("../img/bg-tree.png")no-repeat 0 0;
    background-size:cover;  
  }
.search-logo{width:270px;}
.tree-icon{width:90px;}
.search-wrapper{
width: 100%;
height:75vh;
flex-direction:column;
flex-wrap: nowrap;
align-items: center;
display: flex;
justify-content: center;
}
.bg-search-wrapper{
width: 100%;
height:200px;
background:url("../img/bg-search-wrapper.svg")no-repeat bottom center;
background-size:cover;  
position: absolute;
bottom:7%;
}
  .box-bottom-content {
    padding: 35px 30px;
    z-index: 9;
    position: relative;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top: 2px solid var(--color-first);
  }
  .featured-card .card{
    position: relative;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top: 2px solid var(--color-first);
  }
  .featured-img{
  /*border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;*/
  object-fit:cover;
  height:150px;
  }
  .mission-content{
    border: 5px groove #fff;
    padding: 20px;
  } 
/*============ HOME PAGE style =======================*/
  .browser-blocks .card-img{width: 100px;height: 100px; object-fit: scale-down;margin-bottom: 10px}
/*============ TREE APPROACH STYLE ===================*/
  .our-approach .card{transition: 0.3s linear;height: 320px}
  .tree-approach-card .card-title,.tree-approach-card .card-text{color: #fff;transition: 0.3s linear;}
  .tree-approach-card .card-title{font-size: 1.4rem}
  .tree-approach-card .card-text{font-weight: 500;font-size: 1.1rem}
  .tree-approach-card .card-img{border-radius: 0;filter: brightness(0.5);height: 100%}
  .tree-approach-card .card-img-overlay{
    width: 95%;
    height: 95%;
    display: flex;
    align-items: flex-end;
    border-radius: 0;
    transition: 0.3s linear;
    top: 2.5%;
    left: 2.5%;
    border: 1px solid #fff;
  }
  .tree-approach-card .communities-img{opacity: 0;display: none;}
  .tree-planting-block{margin-top: 100px}
  /*.our-approach .card:hover .card-img-overlay{ background:#fff; }
  .our-approach .card:hover .communities-img{
    position: absolute;
    right: 0;
    top: 0;
    width: 90%;
    height: 90%;
    z-index: 999;
    opacity: 0.2;
    display: block;
    border-radius: 0;
  }
  .tree-approach-card.card:hover .card-title{color:var(--color-second);transform: translateY(5px);}
  .tree-approach-card.card:hover .card-text{color:var(--color-first); transform: translateY(5px);}
  .tree-approach-card.card:hover .line{background: var(--color-first);transform: translateY(5px);}*/
/*============ IMPACT STYLE ==========================*/  
  /*========== SUCCESS STORIES STYLE =================*/  
    .success-stories-card{height: 280px}
    .success-stories-card .success-stories-img{height: 280px; object-fit: cover;}
    .success-stories-card .success-stories-logo{
      width: 150px;
      height: 150px;
      background: #fff;
      border-radius: 50%;
      box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      left: 25%;
      top: 25%;
    }
    .success-stories-card .success-stories-logo img{width:100px !important;object-fit:scale-down; }
    .success-stories-card .card-body{padding-left: 60px}
    .success-stories-card .card-body .card-title{font-size: 1.1rem} 
  /*========== STATISTICS STYLE ======================*/ 
    .statistics-section .statistics-list .mainHeading{font-style: italic;font-size: 2.2rem}
    .statistics-section .statistics-list .subHeading{font-size:1.1rem;text-transform:capitalize; }
    .statistics-section .statistics-list{position: relative;}
    .statistics-section .statistics-list:before{
      position: absolute;
      content:'';
      width: 1px;
      height: 100%;
      background: var(--color-second);
      top: 0;
      left: 40%;
      transform: rotate(10deg);
    }
    .case-stuides-statistics.statistics-section .statistics-list:before{left: 60%}
  /*========== IMPACT STYLE ==========================*/   
    .impact-section{
      background:linear-gradient(rgba(39,82,67, 0.9),rgba(39,82,67, 0.9)), url('../img/Orgnanization-Impact-Report.webp');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom;
      padding: 20px
    }
    .impact-list li{
      margin-bottom: 8px;
      position: relative;
      padding-left: 35px;
      font-weight: 400;
      color: #fff;
    }
    .impact-list li:before {
      position: absolute;
      content: '';
      background: url('../img/check.svg');
      background-size: cover;
      background-repeat: no-repeat;
      width: 25px;
      height: 25px;
      left: 0px;
      top: 2px;
    }
/*============ ABOUT PAGE  ===========================*/   
  /*========== PARTNERSHIP STYLE =====================*/    
    .partnership-section{
      background:linear-gradient(90deg,rgba(0, 128, 9, 1),rgba(255,255,255, 0)), url('../img/about/partnership-img.jpg');
      background-size: cover;
      background-repeat: no-repeat;
    }
    .team-card .card-img{height: 300px}
/*============ USER EXPERIENCE PAGE  =================*/      
    .reward-icon{ width: 50px; }
    .gift-tree-section{
      background:url('../img/reward/gift-tree-web-1.jpg');
      background-size: cover;
      background-repeat: no-repeat;
    }
    .educational-article-card{border: 0}
    .educational-article-card:not(:nth-last-child(1)){border-bottom: 1px solid rgba(0, 0, 0, 0.175);}
    .educational-article-blocks .subHeading{text-transform: capitalize;color: var(--color-light-first);}
    .educational-article-card img{height: 150px;margin-bottom: 10px}
    .left-side-educational-img{height: 440px}
    .bg-video-campaign {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      align-items: center;
      background-position: top;
      background-repeat: no-repeat;
      background-size: cover;
      height: 400px;
      padding: 0;
      width: 100%;
      margin-bottom: 0
    }
    .bg-video-wrap {
      position: relative;
      overflow: hidden
    }
    .bg-video-campaign video {width: 100%}
/*============ MARKETING & DISTRIBUTION PAGE  ========*/  
  .plateform-card{
    border-top-right-radius:70px;
    border-bottom-left-radius:70px;
    border: 3px double #fff;
  }
  .plateform-img{
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
  }  
  .plateform-img img{
    width: 80px;
    height: 80px;
    object-fit: scale-down;
  }    
  .features-section{
    background:linear-gradient(90deg,rgba(255,255,255, 0.85),rgba(255,255,255, 0.85)), url('../img/bg-search-wrapper.svg') no-repeat bottom center;
    background-size: contain;
  }
  .contribution-card img.contribution-img{height: 300px}
/*============ GET INVOLVED PAGE  ====================*/    
  .testimonial-section{
    background: url(../img/contribution/testimonial-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .testimonial-carousel .item{padding: 20px 0}
  .testimonial-carousel .item .testimonial-card{position: relative;overflow: }
  .testimonial-carousel .item .testimonial-card:before{
    display: block;
    color: var(--color-first);
    content: "\f10e";
    font-family: "FontAwesome";
    position: absolute;
    z-index: 1;
    left: 30px;
    top: 0;
    transform: translateY(-50%) rotate(180deg);
    transform-origin: center center;
    font-size: 60px;
    line-height: 0.78;
    z-index: 9999;
    opacity: 0.6;
  }
  .testimonial-carousel .card-body{padding:50px 40px 20px}
  .testimonial-carousel .mainHeading,#cookies-modal .mainHeading{font-size: 1.3rem}
  .testimonial-carousel .subHeading{font-size: 0.95rem}
  .testimonial-carousel .card-body .card-text.text-limit-4{height: 100px}
/*============ FAQ acordian PAGE style ===============*/  
  .accordion-button:focus{box-shadow:none}
  .accordion-button{ font-size:1.2rem; font-family: var(--font-family); font-weight:600; }
  .accordion-button:not(.collapsed){ background-color:#fffafa; color:var(--color-first); }
/*============ SHOP DETAILS PAGE style ===============*/    
  /*========== shop slider style =====================*/ 
    .slider-container .slider li {
      position: relative;
      width: 100%;
      object-fit:contain;
      height:370px !important;
      border-radius:5px !important;
    }
  /*========== tabs style ============================*/ 
    .gift-trees .nav-link{
      font-family: var(--font-family);    
      font-weight:600;
      color:var(--color-first);
    }
    .gift-trees .nav-pills .nav-link.active{
      color:var(--color-first);
      border-bottom:3px solid var(--color-first);    
      background:#fff;
    }
  /*========== custom checkbox button style ==========*/ 
    .input-checkbox-wrapper{
      display: inline-block;
      margin-top: 1rem;
      margin-right: 0.5rem;
      cursor: pointer;
    }
    .input-checkbox{ display: none; }
    .input-checkbox-title{
      display: inline-block;
      padding: 10px 18px;
      font-size: 0.875rem;
      background-color: #fff;
      border: 1px solid var(--color-first);
      border-radius: 5px;
      color:var(--color-first);
      transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    :checked + .input-checkbox-title, :checked + .input-checkbox-title:hover {
      font-style: normal;
      font-weight: 700;
      color: #fff;
      background-color:var(--color-first);
      border-color:var(--color-first);
    }
    .input-checkbox-title:hover{
      background-color: rgba(29, 91, 69, 0.32);
      border-color: rgba(29, 91, 69, 0.32);
    }
/*============ COOKIES MODAL style ===================*/
  #cookies-modal .modal-body{max-height: 400px;overflow-y: scroll;}
  #cookies-modal .modal-footer{box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);}
  #cookies-modal .modal-body .form-check-input{border-color: #909090;}
/*============ HELP PAGES style ======================*/
   .help-section img.card-img{width: 150px;height: 150px;object-fit: scale-down;}
   .help-list ul li.list-group-item{border: 0;}
   .help-list ul li a{color: var(--color-first);font-weight: 500}
   .help-list ul li.active a{color: var(--color-second);}
   .help-list ul li.list-group-item:not(:nth-last-child(1)){border-bottom: 1px solid #dee2e6;}
/*============ BROWSER PAGE style ====================*/   
  /* .browser-img{
    background-image: url(../img/browse/browse-img/ntp-desktop.webp), url(../img/browse/browse-img/background-desktop.cc38a12e.jpg), url(../img/browse/browse-img/device-desktop.dcc7cca7.webp);
        background-position: center 43px, center 42px, center;
        height: 400px;
   }*/
/*============ CONTACT PAGE style ====================*/      
  .contact-form small,.checkout-form small,.checkout-form small a{font-size: 0.8rem;font-weight: 500}
  .contact-form .invalid-feedback{font-size: 0.75rem}
  .contact-form .form-check .form-check-label{font-size: 0.9rem}
/*============ CART PAGE style =======================*/   
  .cart-number{ position: relative;font-size:1.2rem }
  .cart-number span{
    position: absolute;
    top: 0px;
    right: -7px;
    display: block;
    font-size: 0.55rem;
    background: var(--color-second);
    border-radius: 50%;
  }
  .cart-table td img{width: 100px;height: 100px}
  .cart-table td .product-name{font-size: 1.1rem}
  .cart-table th,.cart-table .total-price td{font-weight: 600}
  .cart-table td{font-weight: 400}
  .cart-table .total-price td{font-size: 1.4rem}
  .quantity-value input.quantity-number {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0px;
    width: 40px;
    height: 40px;
  }
  .qty-container{
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .qty-container .input-qty{
    text-align: center;
    padding: 5px 10px;
    border:0;
    max-width:50px;
    font-size: 1rem;
    font-weight: 500;
  }
  .qty-container .qty-btn-minus, .qty-container .qty-btn-plus{
    border: 0;
    padding:0px;
    font-size: 1rem;
    transition: 0.3s;
    background: transparent;
  }
  .qty-container .qty-btn-plus{ margin-left: -1px; }
  .qty-container .qty-btn-minus{ margin-right: -1px; }
  .qty-container .input-qty:focus-visible{border: 0;box-shadow: 0;outline: 0}
  .remove-parent {font-size: 0.8rem;cursor: pointer !important;}  
/*============ CHECKOUT PAGE style ===================*/    
  .cart-summary{position: sticky;top: 100px}
  .cart-summary .cart-table td img{width: 50px;height: 50px;}
  .cart-summary .cart-table td .product-name,.cart-summary .cart-table td .no-of-trees{font-size: 0.8rem}
  .cart-summary .cart-table td small,.cart-summary .cart-table td small span{font-size: 0.75rem}
  .cart-summary .cart-table td{border: 0;background: transparent;}
  .payment-logo-img{width: 80px;display: inline-block;}
  .payment-logo-img.payment-credit-logo{width: 140px}