*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Figtree", sans-serif;
}

:root{
    --green:#004A49;
    --ash:#C58B59;
    --brown:#201A16;
    --bg-green:#072620;
    
}

.logo img{
    width: 250px;
}

header{
    padding: 12px 0;
}

section{
    padding: 75px 0;
}

.sub-tit{
    font-weight: 600!important;
    color: var(--green)!important;    
}

.sub-tit span{
    background-color: var(--ash);
    color: white;
    padding: 0 4px;
}

.card1{
    text-align: center;
    padding: 24px;
    border: 1px solid var(--green);
    border-radius: 4px;
    height: 100%;
    font-size: 18px;
}

li{
    list-style-type: none;
}

.brn{
    color: var(--brown)!important;
    margin-bottom: unset;
    margin-top: 12px;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.cstm-li{
    display: flex;
    justify-content: center;
}

.cstm-li li{
    padding: 0 12px;
}

.cta{
    background-color: var(--ash)!important;
    color: white!important;
    outline: unset;
    border: unset;
    padding: 15px 32px;
    font-weight: 600;
    font-size: 18px;
    border-radius: 4px;
    transition: 0.1s;
}

.cta:hover{
    background-color: #b47f50!important;
}

.cta:active{
    transform: scale(0.98);
}

.splide__pagination__page.is-active{
    background:var(--ash)!important;
}

.splide__pagination__page{
    background-color: #e7dcd3!important;
}


.wow li p{
    font-size: 20px;
}

.grn{
    background-color: var(--bg-green);
}

.stats{
    font-size: 20px;
    background-color: #FFF5EC;
    padding: 12px;
    font-weight: 500;
    color: var(--brown);
    border-left: 3px solid var(--ash);
}

.grn .sub-tit{
    color: white!important;
}

.grn .spl{
    font-size: 20px;
    color: rgb(235, 235, 235);
    letter-spacing: 0.02rem;
}

.grn p{
    color: rgb(235, 235, 235);
    letter-spacing: 0.02rem;
}

.whychoose{
    background-color: #EDF9F8;
    color: var(--green);
    padding: 12px;
    border-left: 3px solid var(--green);
    font-size: 20px;
    font-weight: 600;
    
}

.card2{
    text-align: center;
    padding: 24px;
    background-color: white;
    border-radius: 4px;
    height: 100%;
}

.cstm-li .brn{
    color: rgb(235, 235, 235)!important;
    letter-spacing: 0.02rem!important;
}

#c-acc .accordion-item{
    margin-bottom: 24px!important;
    border-radius: 4px!important;
    background-color: #F2F2F2;
    border: unset!important;
}

#c-acc .accordion-header button{
    color: var(--green)!important;
    font-weight: 600!important;
    background-color: unset;
    border: unset!important;
    font-size: 18px;    
}


#c-acc .accordion-header button:focus{
box-shadow: unset;
}

.accordion-body{
    color: var(--brown)!important;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.testimonial{
    padding: 24px;
    background-color: #FAF7F5;
    height: 100%;
    border-radius: 4px;
    border: 1px solid  #e0c2aa;
}

.testimonial h5{
    color: var(--green);
    font-weight: 600;
    margin-bottom: unset!important;
    padding-bottom: unset!important;
}

hr{
    border-color: #EED8C5!important;
}

.splide__arrow{
    background-color: #b47f50!important;
}

.splide__arrow svg{
    fill: white!important;
}

.form-label{
    margin-bottom: 2px!important;
}


.form-control, .form-select{
    padding: 12px!important;
}

.form-control:focus, .form-select:focus {
    border-color: #C58B59!important;    
    box-shadow: 0 0 0 .25rem #C58B5940!important;
}

.form-check-input:focus{
    border-color: initial!important;       
}

.form-check-input:focus-visible{
    box-shadow: 0 0 0 .25rem #C58B5940!important;
    border-color: #C58B59!important;    
}

.form-check-input:checked{
    box-shadow: 0 0 0 .25rem #C58B5940!important;
    border-color: #C58B59!important;    
    background-color: #C58B59!important;
}

.error{
    font-size: 14px;
    color: rgb(190, 53, 53);
}

.form-check-input:not(:checked){
    box-shadow: unset!important;
}


#form{
    background-color: rgb(255, 255, 255);
    padding: 32px;
    border-radius: 4px;
}

.form-tit{
    color: var(--green);
    font-weight: 600;
}


.form-bg{
    background-image: url('./images/form-bg.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.fixedbar{

    display: none;
}


footer{
    background-color: #262626;
}

.cpr{
    color: #919191;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    padding: 12px 0;
    border-top: 1px solid #383838;
    margin-bottom: unset;
}

.eds{
    color: white;
}

#slider3 .splide__pagination{
    bottom: -32px;
   }

   #slider3 .splide__track{
    width: 90%;
    margin: auto;
   }

   #slider4 .splide__arrow{
    display: none!important;
   }

   .youtubevid{
    cursor: pointer;
   }


/* .btn-ring{
    display: none;
  } */
  .btn-ring:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    /* margin: 8px; */
    border-radius: 50%;
    border: 3px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: ring 1.2s linear infinite;
  }
  @keyframes ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }


@media (max-width:1024px) {
    section{
        padding: 48px 0;
    }
    
}


@media (max-width:576px) {
   #slider2 .splide__arrow,    #slider3 .splide__arrow{
    display: none;
   }

   #slider4 .splide__arrow{
    display: block!important;
   }

   #slider4 .splide__track {
    width: 80%;
    margin: auto;
   }

   #slider4 .splide__pagination{
    bottom: -32px!important;
   }


   section{
    padding: 32px 0;
}

#c-acc .accordion-item{
    margin-bottom: 16px!important;}

    .wow li p, .stats, .spl{
        font-size: 16px!important;
    }

    .h1, h1 {
        font-size: calc(1.375rem + 1.1vw)!important
    }

    
#form{
    padding: 20px; 
}

   .card1{
    padding: 20px;
    font-size: 18px;
   }
    

 .logo img{
    width: 180px;
}

   #slider2 .splide__pagination{
    bottom: -32px;
   }

   .cstm-li{
    display: block;
   }

   .cstm-li li{
    padding: unset;
}

   #slider3 .splide__track{
    width: 100%;
   }


   .fixedbar {
    display: block;
    background-color: var(--bg-green);
    padding: 12px 0;
}

}