:root {
  --primary-color: #6B8E23;
  --secondary-color: #F59E0B;
  --paragraph-txt: #949197;
  --hover-color:#3B5223;
  --text-color: #F4E8D1;
  --text-black: #000;
  --dark-txt:#233400;
}


/* Design element position screen -- */
@media screen and (max-width: 1800px){
  .price-dino img{
    left: 390px;
  }
  .test-dino img{
   right: 80px;

}


}
@media screen and (max-width: 1800px){
  .price-dino img{
    left: 410px;
  }
}
@media screen and (max-width: 1600px){
  .price-dino img{
   left: 300px;
  }
 .test-dino img{
  right: 20px;
}
.splide__arrow--prev {
    left: -2em;
}
.splide__arrow--next {
  right: -2em;
  }

}
@media screen and (max-width: 1500px){
  .price-dino img{
    left: 270px;
  }
   .test-dino img{
   right: 0;
   top: 2px;

}
.splide__arrow--prev {
    left: -0.9em;
}
.splide__arrow--next {
  right: -0.9em;
  }




}
@media screen and (max-width: 1439px){
  .price-dino img{
    left: 240px;
  }
    .test-dino img{
  right: 100px;

}

}

/* Main Media Screeens -- */

@media screen and (max-width: 1390px){
   body{
        padding-top: 0;
    }
     .banner-cntn{
      padding: 70px 0;
    }
  /* Navbar Section --------------*/
  .offcanvas {
    flex-direction: column!important;
    padding-top: 100px;
    z-index: 1055;
  }

  .offcanvas-backdrop.show {
    opacity: 0 !important;
}

.offcanvas-backdrop {
  z-index: 1050;
}
  .navbar-toggler-icon {
    background: none;
    height: 2px;
    width: 30px;
    background-color: var(--text-black);
    transition: 0.5s linear;
  }
  .navbar-toggler::after,
  .navbar-toggler::before {
    content: "";
    height: 2px;
    width: 30px;
    background-color: var(--text-black);
    position: absolute;
    left: 0;
    right: 0;
  }
  .navbar-toggler::after {
    top: 4px;
  }
  .navbar-toggler::before {
    bottom: -3px;
  }

  .navbar-toggler {
    position: relative;
    z-index: 9999;
    border: 0;
    padding: 0;
  }
  .navbar-toggler:focus {
    outline: none;
    box-shadow: none;
  }

  .navbar-toggler.active-show .navbar-toggler-icon {
    transform: translateX(-20px);
    opacity: 0;
  }
  .navbar-toggler.active-show::after {
    transform: rotate(45deg) translateX(11px);
  }
  .navbar-toggler.active-show::before {
    transform: rotate(-50deg) translateX(11px);
  }
  .navbar {
     position: fixed;
      z-index: 1060;
  }
  .nav-link {
    margin:0 130px  0 30px !important;
    font-size: 24px;
  }
  .navbar-nav {
    text-align: left;
    margin-left: 30px;
    
  }
  .nav-link.active{
    text-align: center;
    margin-bottom: 10px !important;
  }
  .nav-link:hover{
    text-align: center;
    
  }
  
  .nav-btn {
    margin-left: 20px;
    margin-top: 20px;
}
  
.navbar-toggler {
    position: relative;
    z-index: 1070;
  }
  /* banner-vide----page */
  .bannerv-para p{
  font-size: 18px;

}

 
  /* Banner section------------------ */
  .title1{
    font-size: 80px;
  }
  .banner-sub p{
    font-size: 35px !important;
  }
  .banner-section p{
    font-size: 18px;

  }
  .price-dino img{
    left: 250px;
  }

.test-dino img {
  right: 0;
  top: -4px;
}

/* Attraction page  */
  .at-cntn{
      padding: 60px 0;
    }

/* birthday pag-- */
 .bday-cntn{
    padding: 60px 0;
  }

  /* school page-- */
  .scl-cntn{
      padding: 60px 0;
    }
/* gallery page--- */
   .gal-cntn{
    padding: 60px 0;
    }
    /* About us page --- */
     .abanner-cntn{
      padding: 80px 0;
    }

}


@media screen and (max-width: 1300px){
  .price-dino img{
    height: 240px;
    width: 280px;
    left: 240px;
  }

}

@media screen and (max-width: 1200px){
  

  /* Banner section------------------ */
  .title1{
    font-size: 70px;
  }
      .banner-cntn {
        padding: 80px 0;
    }
      .bannerv-cntn {
        padding: 80px 0;
    }

  /* about section------- */
  .abt-img2{
    right: 25px;
  }
  .our-img img{
    height: 100%;
    width: 100%;
  }
  /* plan-visit sectiion--------------- */
  .price-dino img{
    display: none;
  }
  /* Plan visit section------- */
.plan-inc{
    justify-content: start;
    text-align: left;
  }
  .plan-visit .title-2{
    text-align: left;
    margin: 0 0 10px;
  }
  .plan-visit .short-hd{
    text-align: left;
  }
  .visit-btn{
    display: block;
    margin: 20px 0;
  }
  .visit-btn{
    margin: 20px 0 ;
    
  }
  .visit-cntn{
    margin: 0 auto !important;
  }

  /* activity section----- */
.a-card-txt{
  font-size: 24px;
}

.dino-sketch img{
  display: none;
}

.g-img{
  margin: 10px 0;
}

/* attraction page-------- */
 /* our top---------- */
    .a-card-txt {
        font-size: 24px;
    }
    


/* school page --- */

 /* why choosee section--- */
      .col-20 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    /*  EXCURSION PACKAGES*/
    .xp-card,.xp-card1{
      margin-bottom: 20px;
    }

    /* About us page---- */
    .our-txt-cntn{
       margin-top: 20px;
    }
      .our-img img{
       width: 100%;
    }

    /* place section--- */
.place-img img{
    height: 100%;
    width: 100%;
    margin-bottom: 20px;
}
.place-para p{
   max-width: none;
}
    

/* Footer --------------*/
.f-info{
  margin: 20px auto;
    text-align: center;

}
.footer-link-hd{
  margin: 20px auto;
  text-align: center;
}

.footer-link{
  justify-content: center;
    display: flex;
    text-align: center;
}.f-link{
  margin: 20px auto;
  text-align: center !important;
  font-size: 20px;

}
.s-link{
  justify-content: center;
}
.footer-txt p{
  text-align: center;
}
.footer-logo {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.f-info a{
  font-size: 24px;
}

}

@media screen and (max-width: 992px){
  .sec-padding {
    padding: 30px 0;
}
  .sec-padding1 {
    padding: 30px 0 ;
}
   .title1{
    font-size: 60px;
    text-align: center;
  }

  /* nav bar section--------------- */
      .nav-btn {
        margin-left: 45px;
    }
    /* banner-video-page--- */
  .bannerv-para p{
   padding: 0 ;
   margin: 10px auto;
   text-align: center; 

}
.bannerv-cntn{
      padding: 80px 0;
    }
    .bannerv-btn {
        margin: 20px 0 !important;
        justify-content: center;
    }
  /* Bannersection------------------ */
   .banner-sub p{
    padding: 0;
    margin: 10px auto;
    text-align: center;
  }
  .banner-cntn{
      padding: 40px 0;
    }
     .planb-img img{
      margin-bottom: 20px;

    }

  .banner-section p{
    padding: 0 ;
    margin: 10px auto;
    text-align: center; 

  }
  .banner-btn {
    margin: 20px 0!important;
    justify-content: center;
  }
  .banner-overlay {
    padding: 100px 0;
}
/* aboutsection----------------- */
.m-row{
  flex-direction: column-reverse;
}
.abt-img1{
  margin: 20px auto;
  height: 350px;
  width: 300px;
}
.abt-img2{
  height: 290px;
  width: 259px;
  top: 130px;
  right: 171px;
}
.about-cntn{
  margin: 100px auto 0;
  text-align: center;
  
}

.about-section .para p{
  text-align: center;
  margin: 10px auto;

}
.abt-sub p,.abt-highlit p {
  text-align: center;
  margin: 10px auto;
}
.abt-btn{
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.abt-img1,.abt-img2{
 margin-bottom: 20px;
}


/* common section--------------- */
.party-img1,.party-img {
   border-radius:  20px !important;
  overflow: hidden;
  display: block;
}
.card-1{
  margin-bottom: 20px;
}
.price-card{
  margin-bottom: 30px;
}

/* time-location------- */

.g-img{
  margin-top: 20px;
}
.splide__arrow--next {
   right: -0.7em;
}
.splide__arrow--prev {
    left: -0.7em;
}
    .splide__arrow {
      top: 30%;
    }

.test-dino img{
display: none;
}

/* Attraction page  */
.ad-img{
  margin-top: 20px;
}

/* school pag---------- */
 /* Why choose section--- */
     .col-20 {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

    /* EXCURSION HIGHLIGHTS--- */
    .xh-card{
        margin-bottom: 24px;
    }
   /* gallery page ------- */
      .gallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* About us page---- */
    .why-card{
      margin-bottom: 20px;
    }

    /* Blog---page-- */
     .featured-content-col {
    padding: 28px;
  }
  .featured-hd h3 {
    font-size: 26px;
  }
  .blog-title {
    font-size: 26px;
  }
}

@media screen and (max-width: 768px){

    .title1{
    font-size: 50px;
    text-align: center;
  }

  /* Nav bar section----------------- */
      .nav-btn {
        margin-left: 40px;
    }
  .banner-sub-hd{
    font-size: 24px;
  }

  .banner-sub p{
  
    font-size: 30px !important;
    
  }
  .banner-section p{
    font-size: 18px;
     

  }
  /* about-section----------- */
  .leaf-img{
    height: 200px;
  }
  .leaf-element{
    right:125px;
  }
  .abt-img1{
  height: 300px;
  width: 250px;
}
.abt-img2{
  height: 250px;
  width: 200px;
  top: 130px;
  right: 171px;
}

/* commonn section----- */
.card-1{
  margin-bottom: 20px;
}
.dino-sketch{
  display: none;
}

/* attraction page -------------- */
  .gallerya-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .gallerya-column4{
      display: flex;
    }

    .ad-img{
      margin-top: 20px;
    }
    .oura-card{
    margin-top: 30px;
}

/* birthday paty  page  */
  /* why celebrate  */
    .why-c-card{
        margin-top: 20px;
    }
    .why-c-para p{
        max-width: 350px;
    }
    .why-c-para2 p{
        max-width: 500px ;
    }
   

    /* form ---*/
      .enquiry-section {
        padding: 30px 15px;
    }

    .enquiry-form {
        padding: 28px 25px 20px;
    }

    .form-group label {
        font-size: 17px;
      }
      .cel-img{
        margin-bottom: 20px;
      }

      /* school page--------- */
      .scl-cntn {
        padding: 50px 0;
    }
        /* Why choose section--- */
     .col-20 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    /* gallery page----- */
      .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
  .gallery-grid {
    gap: 15px; 
   }
    .gallery-column {
      gap: 15px;
    }
    /* about us page  */
     .our-para p{
     font-size: 16px;
    }
        .abanner-cntn {
        padding: 30px 0;
    }
    /* blog page------- */
    .blog-title {
    font-size: 22px;
  }
  .blog-para p {
    font-size: 16px;
  }
  .featured-img-col {
    min-height: 240px;
  }
  .newsletter-card {
    padding: 30px 20px;
  }
  .newsletter-card h3 {
    font-size: 20px;
  }

.splide__arrow{
  top: 35%;
}


}
@media screen and (max-width: 575px){
    .title1{
    font-size: 35px;
    text-align: center;
  }
      .title-2 {
        font-size: 25px;
    }
    .short-hd{
      font-size: 18px;
    }
    
  .banner-sub-hd{
    font-size:18px;
  }
  .banner-cntn{
    padding: 50px 0;
  }
  .bannerv-cntn{
    padding: 80px 0;
  }

  .banner-section .secondary-btn{
     padding: 10px ;
    font-size: 16px;

  }
    .banner-overlay {
    padding: 160px 0;
}
  /* Banner-section------------------ */
  .banner-section .primary-btn{
    margin-left: 20px !important;
    padding: 10px ;
    font-size: 16px;
  }
 

  .banner-sub p{
    font-size: 20px !important;
   
  }
  .banner-section p{
  font-size: 16px;
  }

  .banner-btn{
    align-items: none;
  }

  /* banner video page ------ */
      .bannerv-para p {
        font-size: 16px;
      }

      .bannerv-btn .primary-btn{
         margin-left: 20px !important;
        padding: 10px;
        font-size: 16px;
      }
      .bannerv-btn .secondary-btn{
        padding: 10px;
        font-size: 16px;
      }
  /* About section------------ */
    .leaf-img{
    height: 100px;
  }
  .leaf-element{
    right: 65px;
  }
  .abt-img1{
  height: 300px;
  width: 250px;
}
.abt-img2{
  height: 250px;
  width: 200px;
  top: 140px;
  right: 40px;
}
.abt-sub p{
  text-align: left;
  max-width: 560ox;
}
.about-section .para p {
  text-align: left;
  margin: 10px 0;
}
  .abt-highlit p{
    
    font-size: 20px;

    }
/* plan to visit- section------------ */
.pcard,.pcard1{
  margin-bottom: 20px;
}

.glass-btn{
  padding: 10px;
  font-size: 16px;
}

/* attraction page ---- */
.face-sec,.face-sec::after{
    background: #0A1A11;
  }
  .face-sec .title-2{
    text-align: center;
    margin: 0 auto 10px;
  }
  .face-para p{
     text-align: center;
    margin: 0 auto 10px;

  }
  .face-btn{
    
    display: flex;
    justify-content: center;
  }
  .at-cntn{
      padding: 30px 0;
    }
.at-para p{
      font-size: 16px;
    }
     .at-cntn{
      padding: 20px 0;
    }
    .at-title{
      font-size: 24px;
    }
    .face-btn .secondary-btn{
      padding: 10px;
      font-size: 16px;
    }
  
    .gallerya-grid {
        grid-template-columns: repeat(1, 1fr);
    }
/* attraction page ---------- */
.adventure-sec .title-2 {
text-align: center;
margin: 0 auto 10px;
}
.adv-para p {
  text-align: center;
margin: 0 auto 10px;

}
    /* birthday pag-- */
    
 .bday-cntn{
    padding: 30px 0;
  }
  .title-2{
        font-size: 25px;
    }
    .bady-para p{
        font-size: 16px;
    }
    .glass-btn{
      padding: 5px;
      font-size: 16px;
      font-weight: 600;
    }
    .bday-cntn{
        padding: 30px 0;
    }

    /* form ----*/
    .plan-sec{
    padding: 30px 0;
}
    .enquiry-section {
        padding: 20px 12px;
    }

    .enquiry-form {
        padding: 25px 18px 20px;
        border-radius: 15px;
    }

    .form-row {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

    .form-group label {
        font-size: 16px;
    }

    .form-group input {
        height: 52px;
    }

    .form-group textarea {
        min-height: 110px;
    }

    .full-width {
        margin-top: 20px;
    }

    .submit-btn {
        width: 100%;
        max-width: 200px;
    }
    /* school page----------- */
     .scl-cntn{
      padding: 30px 0;
    }
    .scl-title{
      font-size: 24px;
    }
    .scl-para p{
      font-size: 16px;
    }
     /* Why choose section--- */
     .col-20 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .wh-para p{
        max-width: 350px;
    }
    .xp-hd p{
      font-size: 24px;
    }
    .xp-inf p{
      font-size: 16px;
    }
    .xp-price p{
      font-size: 22px;

    }

    /* gallery page ---- */
      .gal-cntn{
      padding: 30px 0;
    }
    .gal-title{
      font-size: 24px;
    }
    .gal-para P{
      font-size: 16px;
    }
    /* About us page  */
     .abanner-para p{
      font-size: 16px;
    }
    .abt-title{
      font-size: 24px;
    }
    .our-card{
      margin-top: 20px;
    } 

    .banner-cntn{
      padding: 40px 0;
    }
    /* blog -page--- */
     .blog-banner-overlay {
    padding: 70px 0;
  }

    .splide__arrow--next {
    right: -1em;
}
  .splide__arrow--prev {
  left: -1em;
} 
  
}

@media screen and (max-width: 425px){

  .nav-link{
    font-size: 20px;
  }
  .nav-btn {
        margin-left: 20px;
    }
    .sec-padding1{
      padding: 15px 0;
    }
 
.banner-overlay {
    padding: 100px 0;
    }
  /* About section--------- */
.abt-sub{
  font-size: 20px;
  margin: 5px auto;
}
.abt-highlit p{
  font-size: 18px;
}

.abt-btn .primary-btn{
  padding: 8px;
  font-size: 16px;
  margin-left: 10px !important;
  
}
.abt-btn .orange-btn{
  padding: 8px;
  font-size: 16px;
}

.accordion-button{
  font-size: 18px;
}


/* Birthday page  */
.cel-para p{
  font-size: 18px;
  margin-bottom: 20px;
}
.cel-hd p{
  font-size: 24px;
}
.cel-para-m p {
  margin-bottom: 20px;
}

/* About us page ---- */
   .abt-title{
        font-size: 25px;
    }
    .abanner-para p{
        font-size: 16px;
    }
    .abt-banner-overlay{
        padding: 80px 0;
    }
  .abanner-cntn{
    padding: 60px 0;
  }

.splide__arrow {
 top: 25%;
    
}
@media screen and (max-width: 375px){

 .a-card-txt{
  font-size: 20px;
 }

  /* Abouy section----------- */
  .abt-img1{
  height: 270px;
  width: 210px;
  margin: 20px 20px 20px 0 !important;
}
.abt-img2{
  height: 250px;
  width: 200px;
  top: 108px;
        right: 5px;
}
.time-info,.o-time{
  font-size: 18px;
} 

/* school page --- */
.scl-banner-overlay{
  padding: 100px 0;
}

.splide__arrow--next {
    right: -1em;
}
.splide__arrow--prev {
    left: -1em;
}
.splide__arrow {
 top: 45%;
    
}
}
}