html{font-size:62.5%;}
body{font-family: 'Poppins', sans-serif; color:#5F6060; font-size:1.6rem;}
img{ max-width:100%;}
button:focus{ outline:none}
a {-webkit-transition: all .24s ease-in-out; transition: all .24s ease-in-out;}
a:hover, a:focus{ color:#FFC000}
a,a:hover,a:focus{ text-decoration:none; outline:none; box-shadow:none}
p{ margin-bottom: 2rem;}
h1,h2,h3,h4,h5,h6{font-family: 'Poppins', sans-serif; font-weight:600; margin-bottom: 1.5rem; color: #000;}
h1{ font-size: 3rem;}
h2{ font-size: 2.4rem;}
h3{ font-size: 2.2rem;}
h4{ font-size: 2rem;}
h5{ font-size: 1.8rem;}
h6{ font-size: 1.6rem;}
.btn{ background:#01913f; color:#fff; font-size:1.4rem; border:none}
.btn:hover{background:#FFE100; color:#000}
.form-control{ padding:.7rem 1rem; font-size: 1.6rem; margin: 0 0 2rem; border-radius: .6rem;}
.form-control:focus,.form-select:focus{ box-shadow: none;}
textarea.form-control{ min-height:80px}

 .btn:focus, .btn:active{ background:#01913f; color:#fff; box-shadow:none}
.modal-footer{ border:none}
.form-label{ font-weight: 500; color: #333;}

.hero{ background:url(../images/hero-img.png) no-repeat; background-size: cover; background-position: center;}
.logo-div{ padding: 3rem 0 0;}
.hero-title{  font-family: "Playfair Display", serif; font-size: 7rem; font-weight: 700; font-style: italic;  color: #fff; text-align: center; line-height: 1.4; text-shadow: 0 4px 4px rgba(0,0,0,.5); margin: 0;}
.hero-caption{padding: 8rem 0 9rem;}
.table>:not(caption)>*>*{ padding: 1rem;}
.nav-tabs.custom-tab {
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 3rem;
    border: none;
    width: auto;
    max-width: max-content;
    border-radius: 5rem;
    padding: .5rem;
}
.nav-tabs.custom-tab li a{background: #000;
    border: none;
    color: #fff;
    padding: 1rem 2rem;
    border-radius: 5rem;
    box-shadow: none;}

    .nav-tabs.custom-tab .nav-link.active{ background: #3CCC02; color: #fff; border: none;}

    .section-space{ padding: 8rem 0 0;}
    .custom-table{ max-width: 1100px; margin: 0 auto;}
    .terms{ margin: 3rem 0 0 0 ;}
    .terms li{ padding: 0 0 1rem;}

    .page-title{font-family: "Playfair Display", serif; font-size: 5rem; font-weight: 600; text-align: center; font-style: normal; position: relative; padding: 0 0 1.5rem; margin: 0 0 7rem;}
    .page-title::after{ content: ""; position: absolute; width: 70%; height: 2px; background: #3CCC02; bottom: 0; left: 0; right: 0; margin: auto; max-width: 200px; }

    .package{ border-radius: 1rem; box-shadow: 0 0 20px rgba(0,0,0,.1); overflow: hidden; position: relative;  margin:0 1rem 5rem ;}

    .pac-title{ padding: 2rem; font-size: 1.6rem; font-weight: 600; margin: 0; line-height: 1.4;}
    .pac-title a{ color: #000;}
    .pac-title a:hover{ color: #01913f;}
    .pac-img img{ width: 100%; position: relative; transition: all .24s ease-in-out }
    .pac-img{ position: relative; overflow: hidden; transition: all .24s ease-in-out}
    .package:hover .pac-img img{transform: scale(1.1);}
    .pac-day{ position: absolute; left: 2rem; top: 2rem; background: #fff; border-radius: 5rem; border: solid 2px #3CCC02; list-style-type: none; display: flex; padding: 0; color: #000; overflow: hidden; z-index: 99;}
    .pac-day li{ padding:0.5rem 2rem; border-radius: 0;}
    .pac-day li:nth-child(2){ background: #3CCC02; color: #fff; border-radius: 0 ;}

    .inner.pac-day{ position: relative;max-width: max-content; right: 0; left: 0; margin: auto auto 3rem;}

    .light-bg{ background: #F0FFEA; padding: 8rem 0; margin: 8rem 0 0 0;}
    .submit-btn{ background: #000; color: #fff; font-weight: 600; font-size: 1.8rem; border: none; border-radius: 5rem; padding: 1rem 3rem;}
    .con-div{ display: flex; font-size: 1.8rem; color: #000; align-items: baseline; margin: 0 0 2rem;}
    .con-div div{ margin: 0 0 0 1rem;}
    .con-div a{ color: #000;}
    .con-div img{ position: relative; top: 5px;}
    .social-div{ display: flex; align-items: center;}
    .social-div h5{ margin: 0;}
    .social-div a{ margin: 0 .5rem; color: #000;}
    .copy{ font-size: 1.4rem; text-align: center; padding: 3rem 0;}

    .dark-bg{ background: #000; padding: 2rem 0; color: #fff;}
    .light-font{ color: #3CCC02;}

    .day-div{ border-bottom: solid 1px #3CCC02; margin: 0 0 2rem;}
    .day-div h6{ color: #3B8F19; font-size: 1.8rem; font-weight: 500;}
    .day-div p{ color: rgba(0,0,0,.8);}
    .day-div.last-child{ border: none;}

    .checklist-div{ border-radius: 1rem; border: solid 1px #000; padding: 0; margin: 3rem 0 0 0; overflow: hidden;}
    .checklist-div ul{ list-style-type: none; margin: 2rem; padding: 0;}
    .checklist-div li{ display: flex; margin: 0 0 1rem; color: #000; align-items: baseline;}
    .checklist-div li img{ margin: 0 1rem 0 0; position: relative; top: 6px;}
    .rate{ background: #000; color: #fff; padding: 1rem;  margin: 0 0 2rem;} 

@media(max-width:1200px){
    
 
}
@media(max-width:1023px){
    .hero-title{ font-size: 5rem;}
    .hero-caption {
        padding: 5rem 0 6rem;
    }
    .logo-div img{ max-height: 30px;}
   
    .section-space {
        padding: 4rem 0 0;
    }
    .page-title{font-size: 3rem;}
    .pac-title{ font-size: 1.6rem;}
}
@media(max-width:767px){
    html{ font-size: 55%;}
    .hero-title{ font-size: 4rem;}
    .hero-caption {
        padding: 5rem 0 6rem;
    }
    
    .pac-title{ font-size: 2rem;}
    .container{    --bs-gutter-x: 4rem;}
   
    .light-bg {
       
        padding: 4rem 0;
        margin: 4rem 0 0 0;
    }
    .light-bg form{ margin-bottom: 3rem;}
 
}