/*===== GOOGLE FONTS =====*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");
/*===== VARIABLES CSS =====*/
:root{
  --header-height: 3rem;

  /*===== Colors =====*/
  --first-color: #FFFF;
  --first-color-dark:#6963D9;
  --first-color-darken: #050823;
  --white-color: #6963D9;
  
  /*===== Font and typography =====*/
  --body-font: 'Poppins', sans-serif;
  --big-font-size: 2.5rem;
  --normal-font-size: .938rem;
  
  /*===== z index =====*/
  --z-fixed: 100;
}

@media screen and (min-width: 768px){
  :root{
    --big-font-size: 5rem;
    --normal-font-size: 1rem;
  }
}

*{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    box-sizing:border-box;
    
}
a{
    text-decoration: none;
  }

body{
  margin: var(--header-height) 0 0 0;
  padding: 0;
  font-family: var(--body-font);
  font-size: var(--normal-font-size);
  font-weight: 500;
  overflow-x: hidden;
  max-width: 100%;
}
body::-webkit-scrollbar
{
    display: none;
}
html,element{
    scroll-behavior:smooth;
    overflow-x: hidden;
    
}
h1,p,ul{
  margin: 0;
}

.nav__list 
{
    list-style: none
    ;
}
.nav__list{
    display: flex;
    align-items: center;
   
    
  }
  .nav__list li
  {
    font-size: 1.2rem;
    font-weight: 400;
  }
  



 /*===== LAYOUT =====*/
.bd-grid{
    width: 100%;
    display: grid;
    grid-template-columns: 100%;
    column-gap: 2rem;
  }
  
  .l-header{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--z-fixed);
    background-color: var(--first-color);
  }
  
  /*===== NAV =====*/
  .nav{
      height: var(--header-height);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color:#000000;
    padding:2rem;
   
  }
  .nav_logo{
      width:13rem;
      margin-top: 1rem;
      margin-left:-1rem;
      
      
  }

  @media screen and (max-width: 768px){
    .nav__menu{
      position: fixed;
      top: 0;
      right: -100%;
      width: 100%;
      height: 100%;
      padding: 3.5rem 1.5rem 0;
      background: rgba(255,255,255,.3);
      backdrop-filter: blur(10px);
      transition: .5s;
    }
  }
  

  .nav__close{
    position: absolute;
    top: .75rem;
    right: 1rem;
    font-size: 1.5rem;
    cursor: pointer;
  }
  .nav
  {
      max-height:5rem;
     
  }
  .nav_logo
  {
      margin-left: -2rem;
  }
  
  .nav__item{
    margin-bottom: 2rem;
    font-size: 1.2rem;
  }
  
  .nav__close, .nav__logo, .nav__toggle{
    color: var( --first-color);
  }
  .nav__link
  {
      color: var(--first-color-darken);
  }
  
  .nav__link:hover{
    color: #74650A;
  }
  
  .nav__toggle{
    font-size: 1.5rem;
    cursor: pointer;
  }
  
  /*=== Show menu ===*/
  .show{
    right: 0;
  }


  /* ===== MEDIA QUERIES =====*/
@media screen and (min-width: 1025px){
    body{
      margin: 0;
    }
    
  
    .nav__toggle, .nav__close{
      display: none;
    }
  
    .nav__list{
      display: flex;
    }
  
  
    .nav__item{
      margin-left: 3rem;
      margin-bottom: 0;
    }
    .nav__link
    {
      color: var(--first-color);
    }
  
  }
  

  
  .carousel-wrapper {
    position:fixed;
    height:48rem;
     width:37rem ;
    display: block;
    top: 3rem;
    margin-left: -18rem;
    
    
   
  }
  
  .carousel-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 25px 50px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }
  .arrow{
    border: solid var(--first-color-darken) ;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 12px;
    
  }
  .arrow-prev {
    left:30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
  
  }
  .arrow-next {
    right: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
  }
  
  [id^= "item"] {
    display: none;
  }


  .item-1 {
    z-index: 2;
    opacity: 1;
    background: url('./img/rajashthan1.jpg');
    background-size: cover;
  }
  .item-2 {
    background: url('./img/rajasthan2.jpg');
    background-size: cover;
  }
  .item-3 {
    background: url('./img/rajasthan3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-1{
    opacity: 0;
  }
  #item-1:target ~ .item-1 {
    opacity: 1;
  
  }
  #item-2:target ~ .item-2, #item-3:target ~ .item-3 {
    z-index: 3;
    opacity: 1;
  } 

  .item-4 {
    z-index: 2;
    opacity: 1;
    background: url('./img/chardham1.jpg');
    background-size: cover;
  }
  .item-5 {
    background: url('./img/chardham2.jpg');
    background-size: cover;
  }
  .item-6 {
    background: url('./img/chardham3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-4{
    opacity: 0;
  }
  #item-4:target ~ .item-4 {
    opacity: 1;
  
  }
  #item-5:target ~ .item-5, #item-6:target ~ .item-6 {
    z-index: 3;
    opacity: 1;
  } 


  .item-7 {
    z-index: 2;
    opacity: 1;
    background: url('./img/himachal1.jpg');
    background-size: cover;
  }
  .item-8 {
    background: url('./img/himachal2.jpg');
    background-size: cover;
  }
  .item-9 {
    background: url('./img/himachal3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-4{
    opacity: 0;
  }
  #item-7:target ~ .item-7 {
    opacity: 1;
  
  }
  #item-8:target ~ .item-8, #item-9:target ~ .item-9 {
    z-index: 3;
    opacity: 1;
  } 


  .item-10 {
    z-index: 2;
    opacity: 1;
    background: url('./img/kashmir.png');
    background-size: cover;
  }



  .item-11 {
    z-index: 2;
    opacity: 1;
    background: url('./img/andaman1.jpg');
    background-size: cover;
  }
  .item-12 {
    background: url('./img/andaman2.jpg');
    background-size: cover;
  }
  .item-13 {
    background: url('./img/andaman3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-11{
    opacity: 0;
  }
  #item-11:target ~ .item-11 {
    opacity: 1;
  
  }
  #item-12:target ~ .item-12, #item-13:target ~ .item-13 {
    z-index: 3;
    opacity: 1;
  } 



  .item-14 {
    z-index: 2;
    opacity: 1;
    background: url('./img/goa1.jpg');
    background-size: cover;
  }
  .item-15 {
    background: url('./img/goa2.jpg');
    background-size: cover;
  }
  .item-16 {
    background: url('./img/goa3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-14{
    opacity: 0;
  }
  #item-14:target ~ .item-14 {
    opacity: 1;
  
  }
  #item-15:target ~ .item-15, #item-16:target ~ .item-16 {
    z-index: 3;
    opacity: 1;
  } 


  .item-17 {
    z-index: 2;
    opacity: 1;
    background: url('./img/KERALA.jpg');
    background-size: cover;
  }
  .item-18 {
    background: url('./img/kerala2.jpg');
    background-size: cover;
  }
  .item-19 {
    background: url('./img/kerala3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-17{
    opacity: 0;
  }
  #item-17:target ~ .item-17 {
    opacity: 1;
  
  }
  #item-18:target ~ .item-18, #item-19:target ~ .item-19 {
    z-index: 3;
    opacity: 1;
  } 


  .item-20 {
    z-index: 2;
    opacity: 1;
    background: url('./img/LADAKH.jpg');
    background-size: cover;
  }
  .item-21 {
    background: url('./img/ladakh1.jpg');
    background-size: cover;
  }
  
  
  *:target ~ .item-20{
    opacity: 0;
  }
  #item-20:target ~ .item-20 {
    opacity: 1;
  
  }
  #item-21:target ~ .item-21{
    z-index: 3;
    opacity: 1;
  } 


  .item-22 {
    z-index: 2;
    opacity: 1;
    background: url('./img/sikkim1.jpg');
    background-size: cover;
  }
  .item-23 {
    background: url('./img/sikkim2.jpg');
    background-size: cover;
  }
  .item-24 {
    background: url('./img/sikkim3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-22{
    opacity: 0;
  }
  #item-22:target ~ .item-22 {
    opacity: 1;
  
  }
  #item-23:target ~ .item-23, #item-24:target ~ .item-24 {
    z-index: 3;
    opacity: 1;
  } 

  .item-25 {
    z-index: 2;
    opacity: 1;
    background: url('./img/chennai2.jpg');
    background-size: cover;
  }
  .item-26 {
    background: url('./img/chennai1.jpg');
    background-size: cover;
  }
  
  
  *:target ~ .item-25{
    opacity: 0;
  }
  #item-25:target ~ .item-25 {
    opacity: 1;
  
  }
  #item-26:target ~ .item-26 {
    z-index: 3;
    opacity: 1;
  } 

  .item-27 {
    z-index: 2;
    opacity: 1;
    background: url('./img/hyderabad1.jpg');
    background-size: cover;
  }
  .item-28 {
    background: url('./img/hyderabad2.jpg');
    background-size: cover;
  }
  .item-29 {
    background: url('./img/hyderabad3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-27{
    opacity: 0;
  }
  #item-27:target ~ .item-27 {
    opacity: 1;
  
  }
  #item-28:target ~ .item-28, #item-29:target ~ .item-29{
    z-index: 3;
    opacity: 1;
  } 


  .item-30 {
    z-index: 2;
    opacity: 1;
    background: url('./img/mumbai1.jpg');
    background-size: cover;
  }
  .item-31 {
    background: url('./img/mumbai2.jpg');
    background-size: cover;
  }
  .item-32 {
    background: url('./img/mumbai3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-30{
    opacity: 0;
  }
  #item-30:target ~ .item-30 {
    opacity: 1;
  
  }
  #item-31:target ~ .item-31, #item-32:target ~ .item-32 {
    z-index: 3;
    opacity: 1;
  } 


  .item-33 {
    z-index: 2;
    opacity: 1;
    background: url('./img/Dubai1.jpg');
    background-size: cover;
  }
  .item-34 {
    background: url('./img/Dubai2.jpg');
    background-size: cover;
  }
  .item-35{
    background: url('./img/Dubai3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-33{
    opacity: 0;
  }
  #item-33:target ~ .item-33 {
    opacity: 1;
  
  }
  #item-34:target ~ .item-34, #item-35:target ~ .item-35{
    z-index: 3;
    opacity: 1;
  } 


  .item-36 {
    z-index: 2;
    opacity: 1;
    background: url('./img/singapore1.jpg');
    background-size: cover;
  }
  .item-37 {
    background: url('./img/singapore2.jpg');
    background-size: cover;
  }
  .item-38 {
    background: url('./img/singapore3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-36{
    opacity: 0;
  }
  #item-36:target ~ .item-36 {
    opacity: 1;
  
  }
  #item-37:target ~ .item-37, #item-38:target ~ .item-38 {
    z-index: 3;
    opacity: 1;
  } 

  .item-39 {
    z-index: 2;
    opacity: 1;
    background: url('./img/Thailand1.jpg');
    background-size: cover;
  }
  .item-40 {
    background: url('./img/Thailand2.jpg');
    background-size: cover;
  }
  .item-41 {
    background: url('./img/Thailand3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-39{
    opacity: 0;
  }
  #item-39:target ~ .item-39 {
    opacity: 1;
  
  }
  #item-40:target ~ .item-40, #item-41:target ~ .item-41 {
    z-index: 3;
    opacity: 1;
  } 

  .item-42 {
    z-index: 2;
    opacity: 1;
    background: url('./img/vietnam1.jpg');
    background-size: cover;
  }
  .item-43 {
    background: url('./img/vietnam2.jpg');
    background-size: cover;
  }
  .item-44 {
    background: url('./img/vietnam3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-42{
    opacity: 0;
  }
  #item-42:target ~ .item-42 {
    opacity: 1;
  
  }
  #item-43:target ~ .item-43, #item-44:target ~ .item-44 {
    z-index: 3;
    opacity: 1;
  } 

  .item-45 {
    z-index: 2;
    opacity: 1;
    background: url('./img/Australia1.jpg');
    background-size: cover;
  }
  .item-46 {
    background: url('./img/Australia2.jpg');
    background-size: cover;
  }
  .item-47 {
    background: url('./img/Australia3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-45{
    opacity: 0;
  }
  #item-45:target ~ .item-45 {
    opacity: 1;
  
  }
  #item-46:target ~ .item-46, #item-47:target ~ .item-47 {
    z-index: 3;
    opacity: 1;
  } 


  .item-48 {
    z-index: 2;
    opacity: 1;
    background: url('./img/europe1.jpg');
    background-size: cover;
  }
  .item-49 {
    background: url('./img/europe2.jpg');
    background-size: cover;
  }
  .item-50 {
    background: url('./img/europe3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-48{
    opacity: 0;
  }
  #item-48:target ~ .item-48 {
    opacity: 1;
  
  }
  #item-49:target ~ .item-49, #item-50:target ~ .item-50 {
    z-index: 3;
    opacity: 1;
  } 


  .item-51 {
    z-index: 2;
    opacity: 1;
    background: url('./img/Bali1.jpg');
    background-size: cover;
  }
  .item-52 {
    background: url('./img/Bali2.jpg');
    background-size: cover;
  }
  .item-53 {
    background: url('./img/Bali3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-51{
    opacity: 0;
  }
  #item-51:target ~ .item-51 {
    opacity: 1;
  
  }
  #item-52:target ~ .item-52, #item-53:target ~ .item-53 {
    z-index: 3;
    opacity: 1;
  } 

  .item-54 {
    z-index: 2;
    opacity: 1;
    background: url('./img/malaysia1.jpg');
    background-size: cover;
  }
  .item-55 {
    background: url('./img/Malaysia2.jpg');
    background-size: cover;
  }
  .item-56 {
    background: url('./img/malaysia3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-54{
    opacity: 0;
  }
  #item-54:target ~ .item-54 {
    opacity: 1;
  
  }
  #item-55:target ~ .item-55, #item-56:target ~ .item-56 {
    z-index: 3;
    opacity: 1;
  } 
  .item-57 {
    z-index: 2;
    opacity: 1;
    background: url('./img/maldives1.jpg');
    background-size: cover;
  }
  .item-58 {
    background: url('./img/Maldives2.jpg');
    background-size: cover;
  }
  .item-59 {
    background: url('./img/maldives3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-57{
    opacity: 0;
  }
  #item-57:target ~ .item-57 {
    opacity: 1;
  
  }
  #item-58:target ~ .item-58, #item-59:target ~ .item-59 {
    z-index: 3;
    opacity: 1;
  } 

  .item-60 {
    z-index: 2;
    opacity: 1;
    background: url('./img/newzealand1.jpg');
    background-size: cover;
  }
  .item-61 {
    background: url('./img/newzealand2.jpg');
    background-size: cover;
  }
  .item-62 {
    background: url('./img/newzealand3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-60{
    opacity: 0;
  }
  #item-60:target ~ .item-60 {
    opacity: 1;
  
  }
  #item-61:target ~ .item-61, #item-62:target ~ .item-62 {
    z-index: 3;
    opacity: 1;
  } 

  .item-63 {
    z-index: 2;
    opacity: 1;
    background: url('./img/hongkong1.jpg');
    background-size: cover;
  }
  .item-64 {
    background: url('./img/hongkong2.jpg');
    background-size: cover;
  }
  .item-65 {
    background: url('./img/hongkong3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-63{
    opacity: 0;
  }
  #item-63:target ~ .item-63 {
    opacity: 1;
  
  }
  #item-64:target ~ .item-64, #item-65:target ~ .item-65 {
    z-index: 3;
    opacity: 1;
  } 

  .item-66 {
    z-index: 2;
    opacity: 1;
    background: url('./img/southafrica1.jpg');
    background-size: cover;
  }
  .item-67 {
    background: url('./img/southafrica2.jpg');
    background-size: cover;
  }
  .item-68 {
    background: url('./img/southafrica3.jpg');
    background-size: cover;
  }
  
  *:target ~ .item-66{
    opacity: 0;
  }
  #item-66:target ~ .item-66 {
    opacity: 1;
  
  }
  #item-67:target ~ .item-67, #item-68:target ~ .item-68 {
    z-index: 3;
    opacity: 1;
  } 



  .package_summary_wrapper
  {
    display: flex;
  }

  .summary_tagline
  {
    display: flex;
    flex-direction: column;
    margin-top: 4rem;
    background-color: #000;
    width: 55rem;
    height: 14rem;

  }
  .summary_tagline h1
  {
    color: #FFF;
    font-size: 2.2rem;
    font-weight: 400;
  }
   
  .summary_tagline p
  {
    color: #646E84;
    font-size: 1.5rem;
    font-weight: 400;
  }


  .summary_tagline_description
  {
    display: flex;
    flex-direction:column;
    align-items: center;
    margin-top: 1rem;
     text-align: center;


  }


  button {
    font-family: inherit;
    font-size: 18px;
    background: linear-gradient(to bottom, #4dc7d9 0%,#66a6ff 100%);
    color: white;
    padding: 0.8em 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 25px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
  }
  
  button:hover {
    transform: translateY(-3px);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
  }
  
  button:active {
    transform: scale(0.95);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  }
  
  button span {
    display: block;
    margin-left: 0.4em;
    transition: all 0.3s;
  }
  
  button svg {
    width: 18px;
    height: 18px;
    fill: white;
    transition: all 0.3s;
  }
  
  button .svg-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    margin-right: 0.5em;
    transition: all 0.3s;
  }
  
  button:hover .svg-wrapper {
    background-color: rgba(255, 255, 255, 0.5);
  }
  
  button:hover svg {
    transform: rotate(45deg);
  }

  .Whatsapp_now
  {

    width: 10rem;
    margin-top: 1.5rem;
    

  }

  .package_summary
  {
    display: flex;
    flex-direction:column;
   align-items: center;
   margin-left:19rem;
   
  }

   .Whatsapp_now a
   {

    font-size: 1.4rem;
    font-weight: 500;
    color:#fff;

   }

   .package_description
   {

    max-width:50rem;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
   }

   .package_description h2{
    color: #000;
    font-weight: 500;
   }

   .package_description span
   {
    font-weight: 500;
    color: var(--first-color-darken);


   }

   .package_description p{
    font-size: 1.1rem;
    font-weight: 400;
    color: #646E84;
   }

   .Description_gap
   {
    margin-top: 2rem;
   }

   .package_description_mini
   {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    gap: 1rem;
   }

   .package_description_mini p
   {

    font-size: 1.1rem;
    font-weight: 400;

   }

   .package_description_mini span{


    font-weight: 600;

   }

   .safety
   {
    margin-top: 3rem;
   }

   .Details
   {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    gap: 1rem;
   }

   .Details ul
   {
    color: #646E84;
    font-size: 1.1rem;
    font-weight: 400;
   }

   .flexi
   {
    margin-top: 1.5rem;
   }

   .flexi_details
   {
    margin-top: 1rem;
   }
  
   .Price
   {
    margin-top: 3rem;
   }

   .price_details
   {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    gap: 1.5rem;
   }

   .contact
   {
    text-align: center;
   }

   .package_description_mini a{
    color: #6963D9;
   }

   .Tour_details
   {
     display:flex;
     flex-direction: column;
     margin-top: 3rem;
     gap: 1rem;
   }

   .Tour_details h4 
   {

    font-weight: 500;
   }