/* CSS Styles */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
:root{
--main-heading:"Noto Serif", serif;
--font-global-h1: 'Playfair Display', serif;

  --font-global-h2: 'Libre Franklin', sans-serif;
   
  --font-global-h3-h5: 'Raleway', sans-serif;
  
  --font-global-button: 'Poppins', sans-serif;
 
  --font-global-nav: 'Montserrat', sans-serif;
 
  --font-global-body: 'Oxygen', sans-serif;
 
  --font-global-hero: 'Playfair Display', serif;
  
}
/* Search Bar */

  #tour-list {
            max-height: 400px; 
            overflow-y: auto;
            border: 1px solid #ccc;
            padding: 10px;
        }
        .tour-item {
            padding: 5px;
            border-bottom: 1px solid #eee;
        }
body{
    overflow-x: hidden;
}
.form-control {
   border: 0;
   outline: none;
   border-radius: 60px;
   /* margin-top: 20px; */
   margin-bottom: 5px;
}

.form-margin-1
{
   text-align: center;
}
.heading
{
    text-align: center;
}

.margin-icon
{
   margin-left: 20px;
}

.card2{
   transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}
.card2:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.card2_dubai{
 transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.card2_dubai:hover{
   transform: translateY(-10px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}


.Hotel, .visa, .holiday, .Bus {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}


.Hotel:hover,.visa:hover,.holiday:hover,.Bus:hover{
     transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

p{
   font-family: var(--main-heading);
 
}
h1{
  font-family:var(--font-global-h1)
}

 h3 h5 {
   font-family: var( --font-global-h3-h5);
}


.lo{
   width: 150px;
   border-radius: 10px;
}
.l{
   position: relative;
   left: 10px;
}
.search {
   width: 25px;
}

.all-font
{
    /* font-family: "Lora", serif; */
    /* color: #D9B166; */
    color: #414141;
    /* font-family: "Zilla Slab"; */

}
.form-control
{
   align-items: center;
    border-radius: 10px;


}
.d-content{
    font-family: var(--font-global-h3-h5);
     font-weight: 400;
     font-size: 1.2rem !important;
}
h2,h3,h4{
     font-family: var(--font-global-h2);
     font-weight: 700;
}
p{
     /* font-family: "Zilla Slab"; */
     font-weight: 400;
     font-size: 1.2rem !important;
}
div{
     /* font-family: "Zilla Slab"; */
      font-weight: 400;
}
.set-margin-all
{
    margin-top: 50px;
    margin-bottom: 50px;
} 

.bg-info
{
    background-color: #c39D49  !important;
}
.contact-font
{
    font-family: var(--font-global-body);
    margin-left: 5px;
    margin-right: 5px;
    text-align: justify;
}
/* Container */
.container {
   justify-content: center;
   margin: auto;
}
.options {
   /* background-color: #6698D9; */
   height: 400px;
   /* background: linear-gradient(90deg,rgb(214, 158, 219) 30%,rgb(70, 70, 201) 100%); */
   background-image: url('https://www.kaizensoftservices.com/web_demo/DubaiTour/Elight_tour/carousel-back-main-page.jpg');
}

.view-background
{
    /* background: linear-gradient(60deg,rgb(230, 133, 201) 40%,rgb(9, 46, 165) 100%); */
    background-image: url('https://www.kaizensoftservices.com/web_demo/DubaiTour/Elight_tour/carousel-back-main-page.jpg');
   
    
}


.view-background-1
{
    background-color: white;
}
/* Service Section */
.service {
   display: flex;
   justify-content: space-around;
   position: relative;
   z-index: 1;
}


.Hotel, .visa, .holiday, .Bus {
   border-radius: 10px;
   padding: 10px;
   margin-top: 10px;
   text-align: center;
   width: 100px;
   font-size: 10px;
   background-color: #080808;
   box-shadow: 2px 2px 5px rgb(97, 97, 97);
   height: 95px;
   margin-bottom: -10px;
}

/* Hover styles for the cards */
.Hotel:hover, 
.visa:hover, 
.holiday:hover, 
.Bus:hover {
  background-color: rgb(17, 17, 17);
  box-shadow: 10px 10px 7px rgb(97, 97, 97);
}

.hotel-card-font{
    font-weight: 300;
  font-size: 1.0rem;
  /* color: black; */
  color:white;
}
/* @media (max-width: 600px) {
  .Hotel, .visa, .holiday, .Bus {
    width: 100px; 
   height: 90px;
    font-size: 12px;
    margin-top: 10px;
    padding: 5px;
    margin-left: 3px;
    margin-right: 1px;
  }
} */


@media (max-width: 600px) {
  .Hotel, .visa, .holiday, .Bus {
    width: 100px; 
    height: 90px; 
    font-size: 12px;
    margin-top: 10px;
    padding: 5px;
    margin-left: 3px;
    margin-right: 1px;
    display: flex; 
    flex-direction: column;
    justify-content: center; 
    align-items: center;
    overflow: hidden; 
    text-align: center; 
  }
  .hotel-card-font{
    font-weight: 300;
  font-size: 0.9rem;
  color: white;
}
}

/* Media query for very small mobile devices */
/* @media (max-width: 400px) {
  .Hotel, .visa, .holiday, .Bus {
  width: 95px;
    height: 90px;
    font-size: 12px;
    margin-top: 10px;
    padding: 5px;
    margin-left: 3px;
    margin-right: 1px;
  }
} */
.nav-item{
  margin-left: 10px;
}

/* .nav-item:hover{
     background-color: rgb(228, 205, 141);
     color:white
} */


.nav-margin{
   
}

.logo {
   width: 40px;
  height: 40px;
}

/* Tour Section */
.tour {
   position: absolute;
   background-color: white;
   border-radius: 10px;
   margin-top: 50px;
   display: flex;
   justify-content: space-between;
}

.card{
   margin-top: 70px;
   margin-bottom: 20px;
   position: relative;
   overflow: hidden;
   width: auto;
   height: auto;
}

.card-body {
   position: absolute;
   background-color: rgba(0, 0, 0, 0.8);
   top: -100%;
   left: 0;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   transition: all 0.2s;
   color: aliceblue;
   
}

.card:hover .card-body {
   top: 0%;
}

.card-body-1
{
  /* width: 100%;
   height: 100%; */
     box-sizing: border-box;
   
   color: aliceblue;
   position: absolute;
  
  
  top: 20%;
  left: 0;
  transform: translate(0%, -50%);
}

  @media (min-width: 340px ) {
 .options{
      height: 400px;
   }
   .card2_2{
   /* border: 1px solid black; */
 
   height: auto;
   position: relative; 
   border-radius: 10px;
   overflow: hidden;
   margin-left: 10px;
   /* margin-right: 20px; */
   margin-top: 40px;
   margin-bottom: 40px;
   box-shadow:5px 2px 2px 2px#ece3e3;
   background-color: white;
   /* text-align: center; */
   text-align: justify;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   

  
 }

  .insidecard2 {
            height: 250px;
          
            position: relative;
            background-repeat: no-repeat;
            background-size: cover;
            transition: transform 0.3s ease;
            backface-visibility: hidden;
            overflow: hidden;
            width:100%;
            top: 100%;
            left:0;
         transform: translate(0%, 0%);
        }
 
 .option_div {
   /* background-image:url("contact.jpg");
    background-repeat: no-repeat; */
  
   position: relative;
}
.overlay-background {
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%; 
    
        /* background: linear-gradient(90deg,   rgb(53, 47, 42) 20%,rgb(75, 59, 40)30%,rgb(155, 97, 58, 0.4)100%); */
    }
    .overlay-content {
      position: absolute;
      top: 50%;
      left:40%;
      transform: translate(-50%, -50%);
      /* text-align: center; */
      color: rgb(245, 233, 233);
     
    
        
 }


 .overlay-content_1{
      position: absolute;
      top: 50%;
      left:50%;
      transform: translate(-50%, -50%);
      text-align: center;
      /* color: rgb(8, 8, 8); */
     
     /* color: #000; */
    width: 330px;
        
 }
 .about_page
    {
        height: 250px;
        width: 100%;
        box-shadow: 6px 6px 6px #5a5959;
        
    }


    .hero-text {
  text-align: left;
  /* margin-top: 30px; */
  
}

.plan_image
{
   height:400px;
   width: 330px;
}
.hero-text-effect {
  /* text-align: center; */
  position: absolute;
  /* top: 50%;
  left: 50%; */
  /* transform: translate(-50%, -50%); */
  color: rgb(228, 220, 241);
   background-color: #1e4dc4;
   /* height: 40%;; */
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   margin-bottom: auto;
}
.underline-image
{
    width: 150px;
    height: 10px;
    display: none;
}
.card2_dubai {
   border: 1px solid rgb(253, 249, 249);
   width: auto;
   position: relative; 
   border-radius: 10px;
   overflow: hidden;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;
   margin-bottom: 20px;
  box-shadow:5px 5px #dbd6d6;
  background-color: white;
 height: auto;
    min-height: 450px;
 }

 
.search-bar {
   width: auto;
   border-radius: 60px;
   padding: 5px 5px;
   display: flex;
   /* background-color: white; */
   margin-right: auto;
   margin-left: auto;
}

 .enquiryForm {
    /* display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fcbef1;
    padding: 20px;
    border: 1px solid #ccc;
    z-index: 9999;  */
    transform: translate(-70%, -50%);
        width: 80%; /* Adjust width for smaller screens */
        left: 50%;
        top: 50%;
        
        padding: 10px;
        border-radius: 30px;
         
        
 }
#closeForm {
    position: absolute;
    top: 0;
    right: 13px;
    cursor: pointer;
}

.about-image
    {
      height: 500px;
      margin-bottom: 40px;
    }
.about-image-visa
    {
      height: 1400px;
      margin-bottom: 40px;
    }
    .card2 {
   /* border: 1px solid black; */
    /* width: 18rem;  */
            /* margin: 0 10px; */
            /* width: 100%; */
   position: relative; 
   border-radius: 10px;
   overflow: hidden;
   /* margin-left: 20px;
   margin-right: 20px; */
   margin-top: 20px;
   margin-bottom: 20px;
   box-shadow: 4px 2px 3px 3px  rgb(158, 157, 157) ;
   /* background-color: rgb(216, 238, 214); */
     /* box-shadow: 4px 2px 3px 3px  rgb(158, 157, 157) ; */
   /* background:linear-gradient(white 0%,white 40%, rgb(222, 212, 226)40%,rgb(220, 212, 223)100%); */
   /* border-radius: 10px; */
   border-color: #7a7a7a;
   height: auto;
      display: block;
    width: auto;
   
    background-color: white;
 }
 .card2,.carousel-item-next, .carousel-item-prev, .carousel-item.active
        {
                 display: block;
        }

  }



  @media (min-width: 360px ) {
 .options{
      height: 400px;
   }
   .card2_2{
   /* border: 1px solid black; */
 
   height: auto;
   position: relative; 
   border-radius: 10px;
   overflow: hidden;
   margin-left: 10px;
   /* margin-right: 20px; */
   margin-top: 40px;
   margin-bottom: 40px;
   box-shadow:5px 2px 2px 2px#d6cbcb;
   background-color: white;
   /* text-align: center; */
     text-align: justify;
     padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   
  
 }
.underline-image
{
    width: 150px;
    height: 10px;
    display: none;
}
  .insidecard2 {
            height: 250px;
          
            position: relative;
            background-repeat: no-repeat;
            background-size: cover;
            transition: transform 0.3s ease;
            backface-visibility: hidden;
            overflow: hidden;
            width:100%;
            top: 100%;
            left:0;
         transform: translate(0%, 0%);
        }
 .card2 {
   /* border: 1px solid black; */
    /* width: 18rem;  */
            /* margin: 0 10px;  */
            /* width: 100%; */
   position: relative; 
   border-radius: 10px;
   overflow: hidden;
   /* margin-left: 20px;
   margin-right: 20px; */
   margin-top: 20px;
   margin-bottom: 20px;
   box-shadow: 4px 2px 3px 3px  rgb(158, 157, 157) ;
   /* background-color: rgb(216, 238, 214); */
     /* box-shadow: 4px 2px 3px 3px  rgb(158, 157, 157) ; */
   /* background:linear-gradient(white 0%,white 40%, rgb(222, 212, 226)40%,rgb(220, 212, 223)100%); */
   /* border-radius: 10px; */
   border-color: #7a7a7a;
  
  height:auto;
      display: block;
    width:auto;
     background-color: white;
 }
.card2,.carousel-item-next, .carousel-item-prev, .carousel-item.active
        {
                 display: block;
        }

       
 .option_div {
   /* background-image:url("contact.jpg");
    background-repeat: no-repeat; */
  
   position: relative;
}
.overlay-background {
    position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%; 
    
        /* background: linear-gradient(90deg,   rgb(53, 47, 42) 20%,rgb(75, 59, 40)30%,rgb(155, 97, 58, 0.4)100%); */
    }
    .overlay-content {
      position: absolute;
      top: 50%;
      left:40%;
      transform: translate(-50%, -50%);
      /* text-align: center; */
      color: rgb(245, 233, 233);
     
    
        
 }


 .overlay-content_1{
      position: absolute;
      top: 50%;
      left:50%;
      transform: translate(-50%, -50%);
      text-align: center;
      color: rgb(245, 233, 233);
      width: 330px;
    
        
 }
 .about_page
    {
        height: 250px;
        width: 100%;
         box-shadow: 6px 6px 6px #5a5959;
        
    }

    .hero-text {
  text-align: left;
  /* margin-top: 30px; */
  
}

.plan_image
{
   height:400px;
   width: 330px;
}
.hero-text-effect {
  /* text-align: center; */
  position: absolute;
  /* top: 50%;
  left: 50%; */
  /* transform: translate(-50%, -50%); */
  color: rgb(228, 220, 241);
   background-color: #1e4dc4;
   /* height: 40%;; */
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   margin-bottom: auto;
}

.card2_dubai {
   border: 1px solid rgb(253, 249, 249);
   width: auto;
   position: relative; 
    border-radius: 10px;
   overflow: hidden;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;
   margin-bottom: 20px;
  box-shadow:5px 5px #dbd6d6;
   background-color: white;
 
  height: auto;
    min-height: 450px;
 }

 
.search-bar {
   width: auto;
   border-radius: 60px;
   padding: 5px 5px;
   display: flex;
   /* background-color: white; */
   margin-right: auto;
   margin-left: auto;
}

 .enquiryForm {
    /* display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fcbef1;
    padding: 20px;
    border: 1px solid #ccc;
    z-index: 9999;  */
    transform: translate(-70%, -50%);
        width: 80%; /* Adjust width for smaller screens */
        left: 50%;
        top: 50%;
           
        padding: 10px;
        border-radius: 30px;
         /* position: fixed; */
        
 }
#closeForm {
    position: absolute;
    top: 0;
    right: 13px;
    cursor: pointer;
}

.about-image
    {
      height: 600px;
      margin-bottom: 40px;
    }
.about-image-visa
    {
      height: 1400px;
      margin-bottom: 40px;
    }

  }

/* Media Queries */
@media (max-width: 992px) {
   .l{
      position: relative;
      left: 0;
   }
   .search-bar {
      margin-top: 15px;
      padding: none;
      width: 400px;
   }
   .service {
      flex-direction: row;
      align-items: center;
   }
   
   .logo {
      width: 30px;
       height: 40px;
   }
 .carousel-item-next, .carousel-item-prev, .carousel-item.active
        {
                 display: flex;
        }
.underline-image
{
    width: 150px;
    height: 10px;
}

         .insidecard2 {
            height: 250px;
          
            position: relative;
            background-repeat: no-repeat;
            background-size: cover;
            transition: transform 0.3s ease;
            backface-visibility: hidden;
            overflow: hidden;
            width:100%;
            top: 20%;
            left:0;
         transform: translate(0%, 0%);
        }
   .card2_2{
   /* border: 1px solid black; */
 
   height: auto;
   position: relative; 
   border-radius: 10px;
   overflow: hidden;
   margin-left: 10px;
   /* margin-right: 20px; */
   margin-top: 40px;
   margin-bottom: 40px;
   box-shadow:5px 2px 2px 2px#d6cbcb;
   background-color: white;
   text-align: justify;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   
  
 }
 .option_div {
   /* background-image:url("contact.jpg");
    background-repeat: no-repeat; */
  
   position: relative;
}
.overlay-background {
    position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%; 
    
        /* background: linear-gradient(90deg,   rgb(53, 47, 42) 20%,rgb(75, 59, 40)30%,rgb(155, 97, 58, 0.4)100%); */
    }
    .overlay-content {
      position: absolute;
      top: 50%;
      left: 40%;
      transform: translate(-50%, -50%);
      /* text-align: center; */
      color: rgb(245, 233, 233);
     
    
        
 }
  .overlay-content_1{
      position: absolute;
      top: 50%;
      left:50%;
      transform: translate(-50%, -50%);
      text-align: center;
      color: rgb(245, 233, 233);
     width:400px;

    
        
 }

 .about_page
    {
        height: 250px;
        width: 100%;
         box-shadow: 6px 6px 6px #5a5959;
        
    }
    .plan_image
{
   height:400px;
   width: 350px;
}

.about-image
    {
      height: 500px;
      margin-bottom: 40px;
    }
    .about-image-visa
    {
      height: 1400px;
      margin-bottom: 40px;
    }


.hero-text-effect {
  /* text-align: center; */
  position: absolute;
  /* top: 50%;
  left: 50%; */
  /* transform: translate(-50%, -50%); */
  color: rgb(228, 220, 241);
   background-color: #1e4dc4;
   /* height: 40%;; */
   margin-left: 200px;
   margin-right: 200px;
   margin-top: 30px;
   margin-bottom: auto;
}

.card2_dubai {
  border: 1px solid rgb(253, 249, 249);
   width: auto;
   position: relative; 
    border-radius: 10px;
   overflow: hidden;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;
   margin-bottom: 20px;
   box-shadow:5px 5px #dbd6d6;
   background-color: white;
 height: auto;
    min-height: 450px;
  
 }
 .card2 {
   /* border: 1px solid black; */
    /* width: 18rem;  */
            /* margin: 0 10px;  */
            /* width: 100%; */
   position: relative; 
   border-radius: 10px;
   overflow: hidden;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;
   margin-bottom: 20px;
   box-shadow: 4px 2px 3px 3px  rgb(158, 157, 157) ;
   /* background-color: rgb(216, 238, 214); */
     /* box-shadow: 4px 2px 3px 3px  rgb(158, 157, 157) ; */
   /* background:linear-gradient(white 0%,white 40%, rgb(222, 212, 226)40%,rgb(220, 212, 223)100%); */
   /* border-radius: 10px; */
   border-color: #7a7a7a;
  
   height: 440px;
      display: block;
      width: 350px;
       background-color: white;
    /* width: calc(100% / 3 - 40px); */
 }

/* .search-bar {
   width: 650px;
   border-radius: 60px;
   padding: 5px 5px;
   display: flex;
   background-color: white;
   margin-right: auto;
   margin-left: auto;
} */
 .enquiryForm {
    display: none;

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* background: linear-gradient(to right,#f4524d  0%,#5543ca  100%) !important; */
    /* border: 1px solid #ccc; */
    background-color: #7fcece;
    z-index: 9999; 
     width: auto;
    border-radius: 30px;
    



     

  
 }
#closeForm {
    position: absolute;
    top: 0;
    right: 13px;
    cursor: pointer;
}

   
}
.carouselcontrols{
   width: 100%;
   margin-top: 10px;
}
.ci {
   padding: 1em;
}

.carousel-control-prev {
  left: 0; /* Adjust left position as needed */
}

.carousel-control-next {
  right: 0; /* Adjust right position as needed */
}
.card {
   margin: 0 0.5em;
   box-shadow: 0px 0px 10px 10px rgba(22, 22, 26, 0.18);
   border: none;
}
.aply
{
    background-color: rgb(225, 226, 226);
}
.cp,
.cn  {
   background-color: #e1e1e1;
   width: 6vh;
   height: 6vh;
   border-radius: 50%;
   top: 50%;
   transform: translateY(-50%);
}
  @media (max-width:414px)
  {
    .carousel-item-next,.carousel-item-prev, .carousel-item.active 
        {
                 display: block;
        }

  }

@media (min-width: 768px) {
   .cai {
     margin-right: 0;
     flex: 0 0 calc(100%3);
     display: block;
    
   }

.underline-image
{
    width: 150px;
    height: 10px;
}
  
   .ci {
     display: flex;
   }
   .card2_2{
   /* border: 1px solid black; */
 
   height: auto;
   position: relative; 
   border-radius: 10px;
   overflow: hidden;
   margin-left: 10px;
   /* margin-right: 20px; */
   margin-top: 40px;
   margin-bottom: 40px;
   /* box-shadow:5px 5px 5px 5px#d6cbcb; */
   background-color: white;
     text-align: justify;
     padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   
  
 }
 .option_div {
   /* background-image:url("contact.jpg");
    background-repeat: no-repeat; */
  
   position: relative;
}
.overlay-background {
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%; 
    
        /* background: linear-gradient(90deg,   rgb(53, 47, 42) 20%,rgb(75, 59, 40)30%,rgb(155, 97, 58, 0.4)100%); */
    }
.overlay-content {
      position: absolute;
      top: 50%;
      left: 40%;
      transform: translate(-50%, -50%);
      /* text-align: center; */
      color: rgb(245, 233, 233);
     
    
        
 }

 .about-image
    {
      height: 400px;
      margin-bottom: 40px;
    }
    .about-image-visa
    {
      height: 1400px;
      margin-bottom: 40px;
    }

  .overlay-content_1{
      position: absolute;
      top: 50%;
      left:50%;
      transform: translate(-50%, -50%);
      text-align: center;
      color: rgb(245, 233, 233);
      width:400px;
    
        
 }

 .about_page
    {
        height: 250px;
        width: 100%;
         box-shadow: 6px 6px 6px #5a5959;
        
    }
    .plan_image
{
   height:400px;
   width: 350px;
}

.hero-text-effect {
  /* text-align: center; */
  position: absolute;
  /* top: 50%;
  left: 50%; */
  /* transform: translate(-50%, -50%); */
  color: rgb(228, 220, 241);
   background-color: #1e4dc4;
   /* height: 40%;; */
   margin-left: 200px;
   margin-right: 200px;
   margin-top: 30px;
   margin-bottom: auto;
}
 .carousel-item-next, .carousel-item-prev, .carousel-item.active
        {
                 display: flex;
        }


         .insidecard2 {
            height: 250px;
          
           position: relative;
            background-repeat: no-repeat;
            background-size: cover;
            transition: transform 0.3s ease;
            backface-visibility: hidden;
            overflow: hidden;
            width:100%;
            top: 20%;
            left:0;
         transform: translate(0%, -50%);
        }
      
.card2 {
   /* border: 1px solid black; */
    /* width: 18rem;  */
            /* margin: 0 10px;  */
            /* width: 100%; */
   position: relative; 
   /* border-radius: 10px; */
   overflow: hidden;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;
   margin-bottom: 20px;
   box-shadow: 4px 2px 3px 3px  rgb(158, 157, 157) ;
   /* background-color: rgb(216, 238, 214); */
     /* box-shadow: 4px 2px 3px 3px  rgb(158, 157, 157) ; */
   /* background:linear-gradient(white 0%,white 40%, rgb(222, 212, 226)40%,rgb(220, 212, 223)100%); */
   border-radius: 10px;
   border-color: #7a7a7a;
  
  height:445px;
      display: block;
      width: 350px;
       background-color: white;
    /* width: calc(100% / 3 - 40px); */
 }


.card2_dubai {
   border: 1px solid rgb(253, 249, 249);
   width: auto;
   position: relative; 
    border-radius: 10px;
   overflow: hidden;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;
   margin-bottom: 20px;
    box-shadow:5px 5px #dbd6d6;
  
   background-color: white;
 height: auto;
    min-height: 450px;
 }
 .search-bar {
   width: 650px;
   border-radius: 60px;
   padding: 5px 5px;
   display: flex;
   /* background-color: white; */
   margin-right: auto;
   margin-left: auto;
}
 .enquiryForm {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
     /* background: linear-gradient(to right,#f4524d  0%,#5543ca  100%) !important; */
    padding: 20px;
    /* border: 1px solid #ccc; */
    z-index: 9999; 
     width: 40%;
     background-color: #7fcece;
     border-radius: 30px;
     
   
 }
#closeForm {
    position: absolute;
    top: 0;
    right: 13px;
    cursor: pointer;
}

   
}

@media (min-width: 300px) and (max-width: 400px){
   .options{
      height: 400px;
   }
   .card2_2{
   /* border: 1px solid black; */
 
   height: auto;
   position: relative; 
   border-radius: 10px;
   overflow: hidden;
   margin-left: 10px;
   /* margin-right: 20px; */
   margin-top: 40px;
   margin-bottom: 40px;
   /* box-shadow:5px 5px 5px 5px#d6cbcb; */
   background-color: white;
   /* text-align: center; */
  /* justify-content: center; */
   text-align: justify;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   
 }
 .option_div {
   /* background-image:url("contact.jpg");
    background-repeat: no-repeat; */
  
   position: relative;
}
.overlay-background {
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%; 
    
        /* background: linear-gradient(90deg,   rgb(65, 61, 58) 20%,rgb(75, 66, 56)50%,rgb(155, 97, 58, 0.4)100%); */
    }
.overlay-content {
      position: absolute;
      top: 50%;
      left: 40%;
      transform: translate(-50%, -50%);
      /* text-align: center; */
      color: rgb(245, 233, 233);
     
    
        
 }

 .about-image
    {
      height: 500px;
      margin-bottom: 40px;
    }
    .about-image-visa
    {
      height: 1400px;
      margin-bottom: 40px;
    }

  .overlay-content_1{
      position: absolute;
      top: 50%;
      left:50%;
      transform: translate(-50%, -50%);
      text-align: center;
      color: rgb(245, 233, 233);
      width:330px;
    
        
 }

 .about_page
    {
        height: 250px;
        width: 100%;
         box-shadow: 6px 6px 6px #5a5959;
        
    }

    .hero-text {
  text-align: center;
  
}

.plan_image
{
   height:400px;
   width: 330px;
}
.hero-text-effect {
  /* text-align: center; */
  position: absolute;
  /* top: 50%;
  left: 50%; */
  /* transform: translate(-50%, -50%); */
  color: rgb(228, 220, 241);
   background-color: #1e4dc4;
   /* height: 40%;; */
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   margin-bottom: auto;
}
.card2_dubai {
  border: 1px solid rgb(253, 249, 249);
   width: auto;
   position: relative; 
    border-radius: 10px;
   overflow: hidden;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;
   margin-bottom: 20px;
    box-shadow:5px 5px #dbd6d6;
   background-color: white;
 height: auto;
    min-height: 450px;
  
 }
  .insidecard2 {
            height: 250px;
          
            position: relative;
            background-repeat: no-repeat;
            background-size: cover;
            transition: transform 0.3s ease;
            backface-visibility: hidden;
            overflow: hidden;
            width:100%;
            top: 100%;
            left:0;
         transform: translate(0%, 0%);
        }

.card2 {
   /* border: 1px solid black; */
    /* width: 18rem;  */
            /* margin: 0 10px;  */
            /* width: 100%; */
   position: relative; 
   /* border-radius: 10px; */
   overflow: hidden;
   /* margin-left: 20px;
   margin-right: 20px; */
   margin-top: 20px;
   margin-bottom: 20px;
   box-shadow: 4px 2px 3px 3px  rgb(158, 157, 157) ;
   /* background-color: rgb(216, 238, 214); */
     /* box-shadow: 4px 2px 3px 3px  rgb(158, 157, 157) ; */
   /* background:linear-gradient(white 0%,white 40%, rgb(222, 212, 226)40%,rgb(220, 212, 223)100%); */
   border-radius: 10px;
   border-color: #7a7a7a;
   
   height: auto;
      display: block;
    width: auto;
     background-color: white;
 }
 .card2,.carousel-item-next, .carousel-item-prev, .carousel-item.active
        {
                 display: block;
        }
.search-bar {
   width: auto;
   border-radius: 60px;
   padding: 5px 5px;
   display: flex;
   /* background-color: white; */
   margin-right: auto;
   margin-left: auto;
}
 .enquiryForm {
    /* display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fcbef1;
    padding: 20px;
    border: 1px solid #ccc;
    z-index: 9999;  */
    transform: translate(-70%, -50%);
        width: 80%; /* Adjust width for smaller screens */
       left: 70%;
        top: 50%;
        padding: 10px;
        border-radius: 30px;
          /* position: fixed; */
        
 }
#closeForm {
    position: absolute;
    top: 0;
    right: 13px;
    cursor: pointer;
}


}


/* City Section*/
.container1{
   margin-left: auto;
   margin-right: auto ;
}
.wrpper{
   display: flex;
   
   flex-wrap: wrap;
}
.card1{
   /* background-image: url('https://www.kaizensoftservices.com/web_demo/Tour/Assets/tourimg1.jpg'); */
   width: 250px;
   height: 300px;
   background-color: #fff;
   margin: 10px;
   display:flex;
   border-radius: 10px;
   /* padding: 10px; */
   box-shadow: 0 0 4px 2px rgba(126, 113, 113, 0.3);
  position: relative;
            background-repeat: no-repeat;
            background-size: cover;
            transition: transform 0.3s ease;
            backface-visibility: hidden;
            overflow: hidden;
        }


        .card1-images{
             width:250px;
                height: 300px;
              
        }


        .tour_number::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: black;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .tour_number:hover::before {
            opacity: 0.4;
        }
        .tour_number:hover {
            transform: scale(1.2);
        }


.tour_number{
   
   background-color:  rgba(255, 255, 255, 0.7);
   padding: 10px;
   margin-top: 75%;
   margin-left: 20px;
   box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   color: #000000;
     position: relative;
}

.cs{
   border-radius: 15px;
   background-color: #000000;
   height: 620px;
   
}

.cr img{
   border-radius: 10px;
}

/* City Section end*/
/* Media query for small devices */
 /* @media (min-width: 370px) and (max-width: 768px) */
/* @media (min-width: 370px) and (max-width: 768px){        
 .container1{
   margin-left: 0px;
   margin-right: 0px;

 }
 .cs{
   width: 100%;
height: 400px;
 }
 
 .wrpper{
   display: flex;
   flex-wrap: nowrap;
   overflow-x: auto;
 }
 .wrpper::-webkit-scrollbar{
   width: 0;
 }
 .wrpper .card1{
   min-width: 250px;
   min-height: 300px;
   margin-right: 2px;
 }

 .card2_2{
   
   height: 350px;
   position: relative; 
   border-radius: 10px;
   overflow: hidden;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;
   margin-bottom: 20px;
   box-shadow:10px 10px #d6cbcb;
   background-color: white;
   text-align: center;
  
 }

 .card2_dubai {
  border: 1px solid rgb(253, 249, 249);
   width: auto;
   position: relative; 
   
   overflow: hidden;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;
   margin-bottom: 20px;
   box-shadow:5px 5px #dbd6d6;
  
 }
 .option_div {
 
  
  position: relative;
}
.overlay-background {
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%; 
    
        background: linear-gradient(90deg, rgba(155, 97, 58, 0.4)20%,  rgb(26, 24, 22) 100%);
    }
    .overlay-content {
      position: absolute;
      top: 50%;
      left: 40%;
      transform: translate(-50%, -50%);
      
      color: rgb(245, 233, 233);
     
    
        
 }
  .overlay-content_1{
      position: absolute;
      top: 50%;
      left:50%;
      transform: translate(-50%, -50%);
      text-align: center;
      color: rgb(245, 233, 233);
     
    
        
 }


 .about_page
    {
        height: 250px;
        width: 320px;
        
        
    }
    .hero-text {
  text-align: center;
  
}

.plan_image
{
   height:400px;
   width: 330px;
}

.hero-text-effect {
 
  position: absolute;
 
  color: rgb(228, 220, 241);
   background-color: #1e4dc4;
  
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
   margin-bottom: auto;
}
.search-bar {
   width: auto;
   border-radius: 60px;
   padding: 5px 5px;
   display: flex;
   background-color: white;
   margin-right: auto;
   margin-left: auto;
}
 .enquiryForm {
    

    transform: translate(-50%, -50%);
        width: 90%; 
        left: 50%;
        top: 50%;
        padding: 10px;
 }
#closeForm {
    position: absolute;
    top: 0;
    right: 13px;
    cursor: pointer;
}


 } */

/*photo section*/
.photosection{
   min-height: 400px;
   background-color: #D9B166;
}

.photosection-img
{
   height:400px;
   
}
/*experiences section*/

/* .card2_dubai:hover{
  transform: scale(1.1);
} */
 
.card2:hover{
    background-color: #fafbff;
   
}

.insidecard2-image
{
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
}
 .img-hover-zoom:hover {
  transform: scale(1.1);
  transform-origin: 40% 20%;
  display: inline-grid;
  overflow: hidden;
}

.img-hover-zoom
{
    /* box-shadow: 6px 6px 6px 6px #4e4e4e; */
}

.dis{
   border-radius: 50%;
  border-color: #000;
 background-color: rgb(211, 204, 107);
 color: rgb(255, 255, 255);
 margin-left: 10px;
 margin-right: 10px;
 
}
.dis:hover{
    background-color: white;
    color: rgb(24, 23, 23);
}





        .insidecard2-image-change{
          height: 250px;
          width:100%;
          position: relative;
            background-repeat: no-repeat;
            background-size: cover;
        }


        .insidecard2-image-change::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: black;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .insidecard2-image-change:hover::before {
            opacity: 0.4;
        }
        .insidecard2-image-change:hover {
            transform: scale(1.1);
        }

 .insidecard3 {
   /* height: auto; */
   /* background-image: url('https://www.kaizensoftservices.com/web_demo/Tour/Assets/tour2.jpg'); */
   position: relative; 
   
 }
 
 .cardheader
 {
  height: 50%;
 }
 .insidecard2 .in {
   position: absolute; 
   bottom: 0; 
   left: 0; 
    
  
 }
 .insidecard3 .in {
   position: absolute; 
   bottom: 0; 
   left: 0; 
    
  
 }
 
 .insidecard2-img-icon {
   width: 40px;
   border-radius:50%;
   height: 40px;
 }

.insidecard3 img {
   width: 100%;
  
   height: 230px;
 }


 .all-color-red
 {
    color: #38af0d;
 }
 
 
 /* @media (min-width: 370px) and (max-width: 768px){
   .wrapcard{
      flex-wrap: nowrap;
      overflow-x: auto;
    }
    .wrapcard::-webkit-scrollbar{
      width: 0;
    }
   .wrapcard .card2{
      min-width: 350px;
      min-height: 300px;
      margin-right: 2px;
   }
   
   } */
   /* experiences end */
   /* unforgettable trip */
   .trip{
      background-color: #fff;
      height: 400px;
   }

   .experiences{
    color: white;
     background-color: #16283a;
     background-image: url("../Elight_tour/11.jpg");
     padding: 10px;
     height: auto;
     background-size: cover; 
     background-position: center;
     /* height: auto; */
     
      }
   .exwrap{
      padding: 50px;
      margin-top: 50px;
   }
   .rate{
      width:300px;
   }
   @media (min-width: 370px) and (max-width: 768px){
      .experiences{
         height: auto;
      }
      .exwrap{

         flex-wrap: wrap;
      }
      .rate{
         width: 145px;
         justify-content: start;
      }
      
      }
      /*icon*/
      .icon-bar {
         position: fixed;
         top: 90%;
         right: 10px;
         border-radius: 50%;
         background-color: #000000;
         animation: pulse 1s infinite alternate; 
         transition: all 0.3s ease; 
     }
     @keyframes pulse {
         0% {
             transform: scale(1);
         }
         100% {
             transform: scale(1.2);
         }
     }
     
      .icon-bar img{
         width: 50px;
      }
      @media (min-width: 370px) and (max-width: 768px){
         .icon-bar{
            position: fixed;
            top:90%;
            left: 85%;
            border-radius: 50%;
            background-color: #000000;
         } 
      }
      /*footer*/
      .context-dark, .bg-gray-dark, .bg-primary {
         /* color: rgba(255, 255, 255, 0.8); */
         color:white;
     }
     
     .footer-classic a, .footer-classic a:focus, .footer-classic a:active {
         color: #ffffff;
         padding-top: 50px;

     }
     .nav-list li {
         padding-top: 5px;
         padding-bottom: 5px;
     }
     
     .nav-list li a:hover:before {
         margin-left: 0px;
        
         
         opacity: 1;
         visibility: visible;
     }
     
/* Active tab text color */
 
.bg-secondary-subtle-2
{
  /* background-image: url("https://www.kaizensoftservices.com/web_demo/Tour/Assets/background-img.jpg"); */
  /* background: linear-gradient(90deg,rgb(194, 184, 94) 20%,rgb(158, 122, 165) 70%,rgb(45, 45, 243) 100%); */
  /* color: white; */
  background-color: #b6af42a1;
  color: #141313;
}

.nav-item:hover
{
    color: rgb(255, 217, 0);
}
.change-blog li{
  margin: 10px;
}
     ul{
         list-style: none;
         padding: 0;
         margin: 0;
     }
     .logo_light
     {
         width:140px;
          height:45px;
          border-radius: 8px;
     }
     .social-inner {
         display: flex;
         flex-direction: column;
         align-items: center;
         width: 100%;
         /* padding: 23px; */
         font: 900 13px/1 "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
         text-transform: uppercase;
         color: rgba(255, 255, 255, 0.5);
     }
     .social-container .col {
         border: 1px solid rgba(255, 255, 255, 0.1);
         margin-top: 50px;
     }
     .nav-list li a:before {
         content: "\f14f";
         font: 400 21px/1 "Material Design Icons";
         color: #4d6de6;
         display: inline-block;
         vertical-align: baseline;
         margin-left: -28px;
         margin-right: 7px;
         opacity: 0;
         visibility: hidden;
         transition: .22s ease;
     }

.widget
{
    color: white;
}


.a-change{
    color: white;
}




.nav-item{
  position: relative;
  text-decoration: none; 
  color: #000; 
}

.nav-item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px; 
  width: 100%;
  height: 2px; 
  background-color: #D9B166; 
  transition: height 0.3s; 
  transform: scaleX(0); 
  transform-origin: bottom right; 
}

.nav-item:hover::after {
  transform: scaleX(1); 
}

     .footer_icon
     {
        margin-bottom: 0px;
        
        color: white;
     }
     
     @media (min-width: 370px) and (max-width: 768px) {
      .top{
         flex-direction: column;
      }
      .eur{
         width: 100%;
      }
      .ico{

         margin-top: 15px;
      }
      .price{
         display: none;
      }
    }
    .pic{
      border-radius: 20px;
    height: 400px;
      overflow: hidden;
    }

    .reivew{
      border-radius: 30px;
    }
    .reivew1{
      padding: 10px;
    }



    /* card section in index html */
 /* View.html page */
    .card-header
    {
      /* box-shadow: 3px 2px 2px 2px#5a5959; */
      
     
    }

    /* .view-font
    {
        font-family:"Alegreya", serif;
    } */
    .card-text
    {
      color: #ffff;
      text-align: justify;
      text-shadow: #818080;

    }



 


    .small
    {
      font-style: italic;
  font-size: 12px;
  color: #595959;
    }

    .text-color
    {
      color: #29499a;
      font-size: 1.3rem;
    }
    .h6
    {
      opacity: 1;
     font-weight: 600;
      transition: all .1s ease-in;
      color: #29499a;
       margin-left: 40px;
   }
   .text-center
   {
    margin-top: 100px;
    /* box-shadow: 6px 0px 7px 6px rgb(39, 74, 107); */
   }
   
.button-plus
{
   margin-left: 0px;
   /* background-color: #e9e7e3;
   border-radius: 10px 10px; */
   height: 25px;
  width: 25px;
  background-color:rgb(206, 206, 206);
  border-radius: 50%;
  box-shadow:10px #000;
  /* border-style: solid; */
  
  display: inline-block;
  color: rgb(22, 21, 21);
padding-left: 3px;
padding-bottom: 30px;
  
  
}

.card-body2
{
    padding: 10px;
}

.card-title {
  color: white;
  text-align: center;
  font-weight: 900;
  text-align: center;
  font-size: 1.7rem;
  border-radius: 5px;
  /* background-color: black; */
  margin-left: 10px;
  margin-right: 10px;
  margin-top: -30px;
  padding: 8px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}
.p-font
{
   font-size: 14px;
    padding-right: 14px;
    line-height: 21px;
    margin-left: 20px;
}
.h4
{
   display: flex;
  align-items: flex-start;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #212220;
  background-color: #dfdfdf;
  margin-left: 20px;
  position: relative;
  font-family: var(--font-global-h3-h5);
}

.p{
   font-size: 14px;
  font-style: italic;
  color: #7a7a7a;
  margin-bottom: 20px;

}
.horizontal-tab
{
   background: #fff;
}

.tab-head
{
   display: flex;
   position: relative;
}


.tab-head-1
{
   display: flex;
   position: relative;
}
.col-1{
   
   border-left: transparent;
  color: #fff;
  border-radius: 5px;
  background-color:#C4A660;
  /* margin-left: 40px; */
  margin-left: auto;
  margin-right: auto;
  width: auto;
  text-align: center;
}


.tour-inclusion-div1
{
   
  border: 1px solid #C4C4C4;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(196, 196, 196);
  border-top: 2px solid #29499A;
  border-radius: 0 0 10px 10px;
  background: #fff;
  overflow: hidden;
  /* extra */
   scrollbar-width: thin;
  scrollbar-color: #929292 #fff;
  display :block;
}





.tour-inclusion-div2
{
   
  border: 1px solid #C4C4C4;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(196, 196, 196);
  border-top: 2px solid #29499A;
  border-radius: 0 0 10px 10px;
  background: #fff;
  overflow: hidden;
  /* extra */
   scrollbar-width: thin;
  scrollbar-color: #929292 #fff;
  display :block;
}
/* .tour-inclusion-div2{
   scrollbar-width: thin;
  scrollbar-color: #929292 #fff;
  display :block;

} */

.li-tour
{
   font-size: 17px;
  padding-left: 15px;
  position: relative;
  margin-top: 10px;
  
}

.neet-to-font-h3
{
   font-weight: 400;
  line-height: 30px;
  margin-bottom: 8px;
  margin-top: 20px;
  background-color: rgb(211, 147, 179);
}

.stickey
{
   position: sticky;
}

.tab-content-23
{
   border: 1px solid #C4C4C4;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(196, 196, 196);
  border-top: 2px solid #29499A;
  border-radius: 0 0 10px 10px;
  background: #fff;
  overflow: hidden;

}


.tab-content-24
{
   border: 1px solid #C4C4C4;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(196, 196, 196);
  border-top: 2px solid #29499A;
  border-radius: 0 0 10px 10px;
  background: #fff;
  overflow: hidden;

}

.tab-content-11
{
   border: 1px solid #C4C4C4;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(196, 196, 196);
  border-top: 2px solid #29499A;
  border-radius: 0 0 10px 10px;
  background: #fff;
  overflow: hidden;

}
  

.active {
    
    color: black;
    display: block;
  }
  .hidden {
    display: none;
  }

  .view-upgrade
  {
   margin-top: 70px;
   margin-bottom: 70px;
  }

  .whatsapp-color
  {
   
   margin-left: 100px;
   margin-top: 200px;

  }
.bullet-el
{
   
  list-style-type: disc;
  padding-left: 20px; 
 
 
}
.visa-form-back
{
    background-color: #C8C1B4;
}
.visa_q {
    margin-bottom: 1.5rem; /* Spacing between FAQ items */
}
.d-content p {
    font-size: 0.875rem; /* Smaller font size, adjust as needed */
    line-height: 1.5; /* Line height for better readability */
    margin: 0; /* Remove default margin */
}

/* .imp-bullet
{
    background-color: rgb(236, 185, 209);
} */

  .color1
  {
   color: rgb(58, 204, 58);
  }

.view-detail-color
{
    background-color: #82a1f0;
}
  .print
  {
   margin-left: 50px;
   margin-right: 20px;
  }

  .icon-display
  {
   display: flex;
   margin-left: 20px;
   margin-right: 20px;
  }

.plus-number{
    margin-right: 20px;
}
  .scroll-image
  {
     margin-bottom: 50px;
  }
 
  .travel-info
  {
   margin-left: 10px;
   margin-right: 10px;
  }

  /* About Dubai Page */
  .overlay {
      position: relative;
      
    }
 .overlay-content {
      position: absolute;
      top: 50%;
      left: 40%;
      transform: translate(-50%, -50%);
      /* text-align: center; */
      color: rgb(245, 231, 231);
      /* background-color: rgba(400,400,400,0.6); */
    
        
 }
 li{
    font-size: 18px;
 }

 .fs-5-change
 {
    margin-left: 10px;
    margin-top: 10px;
   
 }


  /* .overlay-content_1{
      position: absolute;
      top: 50%;
      left:50%;
      transform: translate(-50%, -50%);
      text-align: center;
      color: rgb(245, 233, 233);
     
    
        
 } */
  .overlay-background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; /* Cover the entire image horizontally */
      height: 100%; /* Cover the entire image vertically */
      /* background-color: rgb(195, 165, 156,0.6) ; */
        /* background: wheat */
    }

    a{
        text-decoration: none;
  transition: all .5s ease;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-delay: 0s;
    /* transition-behavior: ; */
  cursor: pointer;
    }

   .document-back
   {
    margin-top: 10px;
    margin-bottom: 10px;
   }

    .img{
           border-radius: 50%;
           width:200px;
           height: 200px; 
           box-shadow: 5px 5px 5px 5px #bbbaba;
    }

    .about_dis
    {
        display:flex;
        margin-top: 100px;
    }

    .about_info_dis
    {
          margin-top: 100px;
          margin-bottom: 100px;
    }

    .p_p{
         margin-top: 50px;    
    }


    /* footer */
    .footer-changes
    {
         margin-top: 50px;
         margin-left: 0px;
       
    }


    .about-footer
    {
        bottom: 0px;
    }

    /* Visa */

   .card-head {
  width: 100%;
 
  /* background: #e8ebf2; */
  color: #000;
  padding: 10px 13px;
 padding-top: 10px;
 padding-bottom: 10px;
  font-size: 17px;
  font-weight: 600;
  min-height: 75px;
}



 .card-head-1 {
  width: 100%;
 
  /* background: #e8ebf2; */
  color: #000;
  padding: 10px 13px;
 padding-top: 10px;
 padding-bottom: 10px;
  
  min-height: 75px;
}



.visa-type li span {
  float: right;
  
}
    
.text-visa
{
   margin-bottom: 50px;;
    margin-top: 10px;
    /* font-family: Arial, Helvetica, sans-serif; */
    /* background-color: #000; */
    /* color: white; */
    text-align: center;
}
.visa-font
{
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 18px;
    font-weight: bold;
}
.span1
{
  color: #1a1918f7;
  background-color: #d2be91;

}
.card2_1 {
   /* border: 1px solid black; */
 
   height: 300px;
   position: relative; 
   border-radius: 10px;
   overflow: hidden;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;
   margin-bottom: 20px;
   box-shadow:3px 2px 2px 2px #d6cbcb;
  background:linear-gradient(to bottom,rgb(225, 202, 109)0%,rgb(234, 225, 150)30%,white 30%,white 100%);

   position: relative;
   overflow: hidden;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 20px;
   padding-bottom: 20px;
 }
.all-color-blue
{
    color: #53524d;
}
 .main{
 	padding: 40px 0;
}
.main input,
.main input::-webkit-input-placeholder {
    font-size: 11px;
    padding-top: 3px;
}
.main-center{
 	margin-top: 30px;
 	margin: 0 auto;
 	max-width: 400px;
    padding: 10px 40px;
	background:#009edf;
	    color: #FFF;
    text-shadow: none;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);

}
span.input-group-addon i {
    color: #009edf;
    font-size: 17px;
}
.selectpicker
{
    background-color: white;
      border-radius: 10px;
}

.price_right_disly {
  width: 90%;
  float: left;
}

.visa_price_sm {
    
 color:#000;
  font-size: 70px;
  text-align: right;
  line-height: 30px;
  font-weight: 800;
  
}


.front
{
    /* margin-left: 60px; */
    text-align: right;
}


.back{
   text-align:left;
   font-family: var(--font-global-h2);
}

.banner{
  font-weight: 700;
  font-size: 28px;
  /* line-height: 35px; */
  color: #fff;
  /* margin-bottom: 20px; */
  position: relative;
 margin-left: 20px;
  padding-top: 10px;
}


.banner_info
{
    font-weight: 100;
  font-size: 20px;
  line-height: 35px;
 
  margin-bottom: 30px;
  position: relative;
  color: #fff;

 
}




.banner_info_1
{
    font-weight: 100;
  font-size: 20px;
  line-height: 35px;
 
  margin-bottom: 30px;
  position: relative;
  color: #fff;
 text-align: right;
  position: relative;
 
 
}
.mat-input-element
{
font: inherit;
    font-weight: inherit;
    font-size: inherit;
  background: rgba(0,0,0,0);
  color: black;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  background-color: white;
  vertical-align: bottom;
  text-align: inherit;
  box-sizing: content-box;
   height: 100%;
}

span{
   font-size: 15px;
   font-family: var(--font-global-h3-h5);
}




.input-field-mobile .vw-input input {
  height: 100%;
  border: none;
  outline: 0;
  font-weight: 500;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px;
  flex: 1 1 auto;
  width: 100%;
  background-color: transparent;
}

.banner-form-col.input-field-mobile .vw-input input {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}


.banner-form-col .mat-input-element {
  font-weight: 600 !important;
  caret-color: #fff !important;
}

.input-field-mobile .vw-input .c-code {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #212220;
  white-space: nowrap;
}
 .d-md-block {
    display: block !important;
  }


  .banner_button
  {
    background-color: yellow;
  }

  .opt{
   background-color: #6698D9;
   height: 450px;
}

.contact-inner {
  background: #F5F5F5;
  border: 1px solid #E4E4E4;
  border-radius: 10px;
  padding: 30px 50px;
  flex: 1;
  /* margin-right: 20px; */
}

.contact_margin
{
    margin-top: 50px;
    margin-bottom: 50px;
}




#custom-search-input {
        margin:0;
        margin-top: 10px;
        padding: 0;
        padding-bottom: 20px;
    }
 
    #custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 10px;
    }
 
    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        color:#141313;
    }
 
    .search-query:focus + button {
        z-index: 3;  
       
    }


    .contact-search-pills  span {
  background: linear-gradient(180deg,rgba(41,73,154,.1) 0%,rgba(255,255,255,0) 170%);
  border: 1px solid #CDD5E8;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  margin: 0 10px 20px 0;
  padding: 5px 17px;
  height: 30px;
  letter-spacing: 0;
  margin-top: 20px;
}




 .contact-card {
  color: #68bc09;
  font-weight: 800;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: .01em;
  text-transform: uppercase;
  margin: 4px 0 0;
 
}


.direction_back
{
    background-color: rgb(218, 229, 230);
    border-radius: 7px;
    color: #a4adce;
    
}


.ng-star-inserted
{
   text-align: center;
}


/* office details */

/* The hero image */
/* .hero-image {
 
  background-image: linear-gradient(rgba(20, 20, 20, 0.5), rgba(22, 22, 22, 0.5)), url("office.jpg");
   
 
  height: 60%;

  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
} */

/* Place text in the middle of the image */
.text_colors
{
    color: white;
    /* border-radius: 10px;
    border-style: solid; */
    /* border-color: white;
    box-shadow:rgb(247, 245, 243); */
    /* text-align: justify; */

}

.text_colors_1
{
    color: white;
   
   
    border-color: white;
    box-shadow:rgb(247, 245, 243);

}

.open{
    background: green;
}


.form_detail
{
    margin-top:50px ;
    margin-bottom: 50px;
    
}

.form_align
{
    text-align: center;
    box-shadow: 10px 10px 10px  5px  rgba(216, 215, 215),
    10px 10px 10px  5px  rgba(216, 215, 215),
    10px 10px 10px  5px  rgba(216, 215, 215),
    10px 10px 10px  5px  rgba(216, 215, 215);
    border-style: initial;
    border-color: #a8a4a4;

}


hr.new4 {
  border: 1px solid rgb(10, 10, 10);
}


.btnContact {
      background-color: #125763; /* Custom background color */
      color: #fff; /* Text color */
      border: none; /* Remove default border */
      border-radius: 0.5rem; /* Rounded corners */
      padding: 10px 20px; /* Padding for size */
      font-size: 16px; /* Font size */
      font-weight: bold; /* Bold text */
      transition: background-color 0.3s, transform 0.2s; /* Smooth transitions */
    }

    .btnContact:hover {
      background-color: rgb(74, 192, 207); /* Darker background on hover */
      transform: scale(1.05); /* Slightly enlarge the button */
    }

    .btnContact:focus {
      outline: none; /* Remove default focus outline */
      box-shadow: 0 0 0 3px rgb(95, 195, 212); /* Add custom focus outline */
    }


.btnVisa
{
     background-color: #7e7b75; /* Custom background color */
      color: #fff; /* Text color */
      border: none; /* Remove default border */
      border-radius: 0.5rem; /* Rounded corners */
      padding: 10px 20px; /* Padding for size */
      font-size: 16px; /* Font size */
      font-weight: bold; /* Bold text */
      transition: background-color 0.3s, transform 0.2s; /* Smooth transitions */
    }



/*   ----------------------------------------------------------------------- */


 /* .about-image
 {
    height: 550px;
 } */

 /* Enquiry */
 /* .enquiryForm {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fcbef1;
    padding: 20px;
    border: 1px solid #ccc;
    z-index: 9999; 
 }
#closeForm {
    position: absolute;
    top: 0;
    right: 13px;
    cursor: pointer;
} */

select{
    background-color: #fff;
}

.button_en
{
   
    text-align: center;
}

.form-border
{
    border-style: solid;
    /* border-radius: 10px; */
    border-color: #a39f9f;
}

.cross{
     font-size: 20px;
     width: 15px;
     height: 15px;
     color: white;
    
    
}



.link-color
{
    color:rgb(255, 255, 255);
}


.label-form
{
   font-size: 20px;
   font-family:var(--main-heading);
   text-align: center;
   color: white;
}

.nav-margin-left
{
   margin-left: 20px;
}
.nav-icon-margin
{
   color: #383a37;
  
}



.box-content
{
    align:center;
}
.Gap-3
{
  margin-left: 15px;
  margin-right: 15px;
}

.set-index
{
    margin-top: -5%;
}

.for-nav
{
    /* color:white; */
 /* background-color: #b9ab57;; */
 color: #e1ca85;
  background-color: #e9d97f5c;
  border:1px  solid;
  
  border-radius: 10px;
  border: solid;
}

.Page{
  align-items: center;
}



/* forms */
.get-in-touch {
  max-width: 800px;
  margin: 50px auto;
  position: relative;

}
.get-in-touch .title {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
  /* font-size: 3.2em; */
  line-height: 48px;
  /* padding-bottom: 30px;
  padding-top: 20px; */
     color: #5543ca;
    background: #5543ca;
    /* background: -moz-linear-gradient(left,#f4524d  0%,#5543ca 100%) !important;
    background: -webkit-linear-gradient(left,#f4524d  0%,#5543ca 100%) !important;
    background: linear-gradient(to right,#f4524d  0%,#5543ca  100%) !important; */
    background-color: white;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.contact-form .form-field {
  position: relative;
  margin: 20px 0;
}
.contact-form .input-text {
  display: block;
  width: 100%;
  height: 36px;
  border-width: 0 0 3px 0;
  border-color: #5543ca;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  border-style: solid;
}
.contact-form .input-text:focus {
  outline: none;
}
.contact-form .input-text:focus + .label,
.contact-form .input-text.not-empty + .label {
    
  -webkit-transform: translateY(-24px);
          transform: translateY(-24px);
         
}

.contact-form .label {
  position: absolute;
  left: 20px;
  bottom: 11px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #5543ca;
  cursor: text;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, 
  -webkit-transform .2s ease-in-out;
}
.contact-form .submit-btn {
  display: inline-block;
  background-color: #000;
   background-image: linear-gradient(125deg,#a72879,#064497);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  padding: 8px 16px;
  border: none;
  width:100%;
  cursor: pointer;
  align-items: center;
}

.submit-btn {
  display: inline-block;
  background-color: #000;
   background-image: linear-gradient(125deg,#a72879,#064497);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  padding: 8px 16px;
  border: none;
  width:auto;
  cursor: pointer;
  align-items: center;
}



.contact-form1
{
  background-color: white;
}

 .contact-form1 .input-text {
  display: block;
  width: 100%;
  height: 36px;
  border-width: 0 0 2px 0;
  border-color: #c53a4d;
  font-size: 18px;
  line-height: 26px;
  font-weight: 200;
 align-items: center;

}

.contact-form1 .label {
  position: absolute;
  left: 20px;
  bottom: 11px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #d64646;
  align-items: center;
   transition: -webkit-transform .2s ease-in-out;
  
}
.contact-form1 .form-field {
  position: relative;
  margin: 32px 0;
align-items: center;
margin-left: 15px;
margin-right: 15px;

}

.footer-back
{
    background-color: #141313;
}


.hero-image {
  
  height: 400px;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
 margin-left: 10px;
 margin-right: 10px;
box-shadow: 6px 4px 4px 4px #ac9e9e;
 width: 300px;
 margin-bottom: 10px;
}

/* Place text in the middle of the image */
.hero-text {
   position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
 
  z-index: 2;
}


.hero-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 1;
}
.sp
{
  height: 400px;
  display: flex;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0px;
  
  
}

.hero-image .hero-text:hover{
  background: linear-gradient(rgb(204, 199, 199), rgba(110, 101, 101, 0.9));
}

.visa-padding
{
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;

}
 .nav-link:hover {
  color:white !important;
}

  .nav-link.active {
      background-color: rgb(228, 205, 141) !important; /* Change to desired active background color */
      color: white !important;
    }


      /* .carousel-inner {
            display: flex;
            overflow: hidden;
        }
        .carousel-item {
            flex: 0 0 auto;
            transition: transform 0.6s ease;
            
          
        } */
       




     .bi-color
     {
        color: #d5a242;
     }

.set-about-us
{
  margin-top: -100px;
  text-align: center;
  z-index: 2;
}
.about-image-h
{
    height: 400px;
}

/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.button-container {
    display: flex;
    align-items: center;
}

.button-container .btn {
    margin-right: 10px; 
}

.button-container .submit-btn a {
    color: white; 
    text-decoration: none; 
}
.card-change{
     /* margin: 0 10px;  */
            /* width: 100%; */
   position: relative; 
   /* border-radius: 10px; */
   overflow: hidden;
   /* margin-left: 4px; */
   /* margin-right: 2px; */
   margin-top: 20px;
   margin-bottom: 20px;
   box-shadow: 4px 2px 3px 3px  rgb(158, 157, 157) ;
   /* background-color: rgb(216, 238, 214); */
     /* box-shadow: 4px 2px 3px 3px  rgb(158, 157, 157) ; */
   /* background:linear-gradient(white 0%,white 40%, rgb(222, 212, 226)40%,rgb(220, 212, 223)100%); */
   border-radius: 10px;
   border-color: #7a7a7a;
   height: auto;
      display: block;
      width: 100%;
      height: auto;
      min-height: 430px;
      /* background: linear-gradient(white 0%,white 40%, rgb(222, 212, 226)40%,rgb(220, 212, 223)100%); */
      background-color: white;
}


.dot-bullet {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
}

.dot-bullet::before {
    content: " "; 
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px; 
    color: #000; 
}
.paragraph ul li {
  position: relative;
  padding-left: 18px;
  line-height: 20px;
  margin-bottom: 10px;
  margin-top: 3px;
}



/* Contact form */


  .input-group .form-control, .input-group .input-group-text {
      height: calc(1.5em + 0.75rem + 2px); /* Adjust height to ensure alignment */
    }
@media (max-width: 600px) {
.search-btn{
    width :60% !important;
}
}
 .pic img {
      border-radius: 0.5rem;
      object-fit: cover; 
      height: 100%; 
    }
    .reivew {
      display: flex;
      align-items: flex-start; 
    }
    .reivew1 {
      padding: 15px;
      border-radius: 0.5rem; 
    }
    .reivew1 p {
      margin: 0;
    }
    .reivew1 hr {
      margin: 10px 0; 
    }


    /* Add some basic styles for the tabs and content */
 .tab-head a {
            display: inline-block;
            padding: 10px;
            cursor: pointer;
            text-decoration: none;
            color: #000;
        }

        .tab-head a.active {
            font-weight: bold;
            background-color: #eee6b8; /* Optional: highlight active tab */
        }

        .tab-content-23 > .tour-inclusion-div1 {
            display: none; /* Hide all tab contents by default */
        }

        .tab-content-23 > .tour-inclusion-div1.active {
            display: block; /* Show the active tab content */
        }







          /* Basic styles for the Swiper container */
       /* Ensure swiper takes full width */
.swiper {
  width: 100%;
  height: auto;
}

/* Adjust the styling for swiper-slide */
.swiper-slide {
  display: flex;
  justify-content: center; /* Center card horizontally */
}

/* Optional: Adjust spacing for pagination and navigation buttons */
.swiper-pagination {
  bottom: 10px; /* Adjust based on preference */
}

.swiper-button-next,
.swiper-button-prev {
  color: #a5960d !important; 
}

       #carouselExampleControls {
        height: 300px; 
    }

    #carouselExampleControls .carousel-item img {
       
        object-fit: cover; 
    }


 .ca-img{
  height: 300px;
  width: 100%;
  border-radius: 15px;
  margin-top: -10px;
  
    }


/* captcha */
     .g-recaptcha {
            transform: scale(0.76);
            transform-origin: 0 0;
           
           
        }
        @media (max-width: 767px) {
            .g-recaptcha {
                transform: scale(0.78);
               
                /* height: 180px; */
            }
        }

@media (max-width: 600px) {
   .search-box{
     width: 200px;
   }
}




       

.about_page
{
    border-radius: 20px;
}

.btn-color{
    background-color: #af9f45 !important;
    color:white;
    border-radius: 12px;
}

@media (max-width: 767px) {
    .email-none{
        display: none !important;
    }
    .contact-display-form
    {
        margin-top: 600px !important;
        margin-bottom: 100px !important;
        text-align: center !important;
        background-color: #000!important;
        padding: 10px !important;
        align-items: center !important;
        margin-left: 10% !important;


    }
    .contact-display-form-2
    {
         margin-top: 350px !important;
    }
    .card2{
        height: auto !important;
    }
}

/* Ensure Swiper container is positioned relative to allow absolute positioning of buttons */
/* Ensure Swiper container and slide have relative positioning */
.swiper-container {
  position: relative; /* Ensure positioning context for absolute positioning */
  width: 100%;
  height: 300px; /* Adjust the height as needed */
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 10px; /* Position from the top of the container */
  width: 40px; /* Size of the button */
  height: 40px; /* Size of the button */
  /* background-color: rgba(0, 0, 0);  */
  border-radius: 50%; /* Round buttons */
  color: #fff; /* Button text color */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10; /* Ensure buttons are on top of the content */
}

.swiper-button-next {
  right: 10px; /* Position from the right side of the container */
}

.swiper-button-prev {
  right: 60px; /* Adjust the position so it doesn't overlap with the next button */
}



/*================================================
Arround Style CSS
=================================================*/
.kzn-arround-section {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
    background-color: beige;
}
.kzn-arround-content {
    margin-bottom: 30px;
    padding-left: 8px;

    h2 {
        font-size: 48px;
        color: #222222;
        margin: 0 0 25px 0;
    }
    p {
        font-size: 14px;
        line-height: 30px;
        font-weight: 400;
        margin: 0 0 0 0;
    }
}

.kzn-arround-features {
    .arround-box {
        text-align: center;
        padding: 50px 20px;
        border: 1px solid #e4e4e4;
        transition: .6s;
        -webkit-transition: 0.5s;
        position: relative;
        z-index: 1;
        background-color: white;
        border-radius: 15px;

        &::before {
            width: 100%;
            height: 100%;
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            z-index: -1;
             background: linear-gradient(to right, #f4cb43, #f2a144, #f0ac46, #eebf3ff8, #eba234);
        }
        h3 {
            font-size: 25px;
            color: #222222;
            margin: 14px 0 10px 0;
        }
        p {
            font-size: 15px;
            font-weight: 500;
            margin: 0;
        }
        i {
            color: #c39D49;
            &::before {
                font-size: 40px;
                line-height: normal;
            }
        }
        &:hover {
            &::before {
                opacity: 1;
                visibility: visible;
            }
    
            h3 {
                color: #ffffff;
            }
            p {
                color: #ffffff;
            }
            i {
                color: #ffffff;
            }
        }
    }
    .no-padding {
        padding: 8px
    }
}

.kzn-arround-img-wrapper {
    text-align: right;
    position: relative;

    .kzn-arround-img-1 {
        position: relative;
        img {
            -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
            position: absolute;
            right: 35px;
            bottom: -10px;    
            border-bottom: 10px solid #ffffff;
            border-left: 10px solid #ffffff;    
            z-index: 99;
            height: 300px;
        }
    }
    .kzn-arround-img-2 {
        position: absolute;
        top: -146px;
        left: -136px;
          img {
            height: 400px;
          }
    
    }
}
@media(max-width:767px){
.kzn-arround-section {
    padding-top: 50px; /* Reduced padding for mobile */
    padding-bottom: 50px; /* Reduced padding for mobile */
    position: relative;
}

.kzn-arround-content {
    margin-bottom: 20px; /* Reduced margin for mobile */
    padding-left: 15px; /* Increased padding for better spacing on mobile */
    
    h2 {
        font-size: 36px; /* Reduced font size for mobile */
        color: #222222;
        margin: 0 0 15px 0; /* Reduced margin for mobile */
    }

    p {
        font-size: 16px; /* Slightly increased font size for readability */
        line-height: 24px; /* Reduced line-height for better mobile view */
        font-weight: 400;
        margin: 0;
    }
}

.kzn-arround-features {
    .arround-box {
        text-align: center;
        padding: 30px 15px; /* Reduced padding for mobile */
        border: 1px solid #e4e4e4;
        transition: .6s;
        -webkit-transition: 0.5s;
        position: relative;
        z-index: 1;

        &::before {
            width: 100%;
            height: 100%;
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            z-index: -1;
            background: linear-gradient(to right, #f4cb43, #f2a144, #f0ac46, #eebf3ff8, #eba234);
        }

        h3 {
            font-size: 20px; /* Reduced font size for mobile */
            color: #222222;
            margin: 10px 0 5px 0; /* Adjusted margin for mobile */
        }

        p {
            font-size: 14px; /* Reduced font size for mobile */
            font-weight: 500;
            margin: 0;
        }

        i {
            color: #c39D49;

            &::before {
                font-size: 30px; /* Reduced icon size for mobile */
                line-height: normal;
            }
        }

        &:hover {
            &::before {
                opacity: 1;
                visibility: visible;
            }
            h3 {
                color: #ffffff;
            }
            p {
                color: #ffffff;
            }
            i {
                color: #ffffff;
            }
        }
    }

    .no-padding {
        padding: 4px; /* Adjusted padding for mobile */
    }
}

.kzn-arround-img-wrapper {
    text-align: center; /* Center-align images on mobile */
    position: relative;

    .kzn-arround-img-1 {
        position: relative;

        img {
            -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05); /* Reduced shadow for mobile */
            box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05);
            position: relative;
            right: 0;
            bottom: 0;
            border-bottom: none; /* Removed border for mobile */
            border-left: none; /* Removed border for mobile */
            height: auto; /* Adjust height for responsiveness */
            max-width: 100%; /* Ensure image fits within container */
        }
    }

    .kzn-arround-img-2 {
        position: relative;
        top: 0;
        left: 0;

        img {
            height: auto; /* Adjust height for responsiveness */
            max-width: 100%; /* Ensure image fits within container */
        }
    }
}
}


/* Styles for tablets in portrait and landscape mode */
@media only screen and (min-width: 600px) and (max-width: 1024px) {
   .kzn-arround-section {
    padding-top: 50px; /* Reduced padding for mobile */
    padding-bottom: 50px; /* Reduced padding for mobile */
    position: relative;
}

.kzn-arround-content {
    margin-bottom: 20px; /* Reduced margin for mobile */
    padding-left: 15px; /* Increased padding for better spacing on mobile */
    
    h2 {
        font-size: 36px; /* Reduced font size for mobile */
        color: #222222;
        margin: 0 0 15px 0; /* Reduced margin for mobile */
    }

    p {
        font-size: 16px; /* Slightly increased font size for readability */
        line-height: 24px; /* Reduced line-height for better mobile view */
        font-weight: 400;
        margin: 0;
    }
}

.kzn-arround-features {
    .arround-box {
        text-align: center;
        padding: 30px 15px; /* Reduced padding for mobile */
        border: 1px solid #e4e4e4;
        transition: .6s;
        -webkit-transition: 0.5s;
        position: relative;
        z-index: 1;

        &::before {
            width: 100%;
            height: 100%;
            position: absolute;
            content: "";
            left: 0;
            top: 0;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            z-index: -1;
            background: linear-gradient(to right, #f4cb43, #f2a144, #f0ac46, #eebf3ff8, #eba234);
        }

        h3 {
            font-size: 20px; /* Reduced font size for mobile */
            color: #222222;
            margin: 10px 0 5px 0; /* Adjusted margin for mobile */
        }

        p {
            font-size: 14px; /* Reduced font size for mobile */
            font-weight: 500;
            margin: 0;
        }

        i {
            color: #c39D49;

            &::before {
                font-size: 30px; /* Reduced icon size for mobile */
                line-height: normal;
            }
        }

        &:hover {
            &::before {
                opacity: 1;
                visibility: visible;
            }
            h3 {
                color: #ffffff;
            }
            p {
                color: #ffffff;
            }
            i {
                color: #ffffff;
            }
        }
    }

    .no-padding {
        padding: 4px; /* Adjusted padding for mobile */
    }
}

.kzn-arround-img-wrapper {
    text-align: center; /* Center-align images on mobile */
    position: relative;

    .kzn-arround-img-1 {
        position: relative;

        img {
            -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05); /* Reduced shadow for mobile */
            box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05);
            position: relative;
            right: 0;
            bottom: 0;
            border-bottom: none; /* Removed border for mobile */
            border-left: none; /* Removed border for mobile */
            height: auto; /* Adjust height for responsiveness */
            max-width: 100%; /* Ensure image fits within container */
        }
    }

    .kzn-arround-img-2 {
        position: relative;
        top: 0;
        left: 0;

        img {
            height: auto; /* Adjust height for responsiveness */
            max-width: 100%; /* Ensure image fits within container */
        }
    }
}
}

/* amusemnt park */


/* Container settings */
.hero-image-wrapper-10 {
    position: relative;
    overflow: hidden; 
    width: 100%;
    height: 300px; /* Adjust height as needed */
}

/* Style the image */
.hero-image-10 {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensure the image covers the container */
    transition: transform 0.5s ease-in-out; 
    border-radius: 20px;
}

/* Overlay styling */
.hero-overlay-10 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); 
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    color: #fff; 
    text-align: center;
    border-radius: 20px;
}

/* Content within the overlay */
.hero-content-10 {
    display: none; /* Initially hidden */
}

/* Responsive font sizes */
.hero-content-10 h2 {
    font-size: 21px;
    margin-bottom: 10px;
    padding: 10px;
}

.hero-content-10 p {
  /* padding: 3px; */
    font-size: 17px;
    bottom: 0px;
}

/* Zoom effect on hover */
.hero-image-wrapper-10:hover .hero-image-10 {
    transform: scale(1.1); 
}

.hero-image-wrapper-10 .hero-overlay-10 {
    opacity: 1; 
}

.hero-image-wrapper-10 .hero-content-10 {
    display: block; /* Show content on hover */
}

/* Overlay text styling */
/* .overlay-text {
    color: white;
    font-size: 36px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    transition: opacity 0.5s ease-in-out;
} */

/* Hide overlay text on hover */
.hero-image-wrapper-10:hover .overlay-text {
    opacity: 0; /* Hide text when hovering */
}

.img-height-change-10{
    height: 500px;
}




.content-p
{
  /* margin-top: 10px;
  font-weight: 600;
  background-color: #ece3c7;
  border-radius: 15px;
  padding: 5px;
  margin-left: 10px;
  margin-right: 10px;
  color: black; */


  
  font-weight: 600;
  background-color: #131313;
  margin-bottom: 0px;
  opacity: 0.9;
  width: 100%;
  color: white;

}

.main-p{
  color: #f9cb71;
}

.cur-back{
  background-color: beige;
  padding-top: 15px;
  padding-bottom: 15px;
}


/* blog css */
.kzn-chart {
    width: 100%;
    border-collapse: collapse;
}

.kzn-chart th, .kzn-chart td {
    border: 1px solid #151515;
    padding: 8px;
}

.kzn-chart th {
  background-color: #d0c28a;
  text-align: left;
}

.kzn-level-11 {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.kzn-level-22 {
    font-weight: bold;
}

.main-head-color{
    background-color: yellow;
}
td{
    font-family:var(--font-global-nav);
}

.kzn-blog-box{
    box-shadow: 5px 5px;
    height: 400px;
    border-radius: 10px;
}


ol li{
    margin-top: 10px;
    font-family: var(--font-global-h3-h5);
}


.kzn-blog-background{
    background-color: beige;
}



/* .................... */
.kzn-blog6{
    border: solid 1px;
  padding: 10px;
  /* background-color: beige; */
  /* margin: 10px; */
  border-radius: 10px;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
    

}
.kzn-blog6:hover{
    color: white;
    background-color: #bba31a;
     transform: translateY(-10px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.kzn-blog6-text{
    text-align: center;
}


.kzn-blog6-icon{
    color: #f2b31e;
}


/* Hotel and Transport Section CSS */
.kzn-hero {
  padding: 7rem 0 10rem 0;
  background: #6998AB;
  margin-bottom: 100px; }
  .kzn-hero.kzn-hero-inner {
    padding: 9rem 0 7rem 0;
    margin-bottom: auto;
    /* background: #d8c730; */
background-image: url("../Elight_tour/11.jpg");

}
  .kzn-hero h1 {
    color: #ffffff;
    font-size: 60px;
    font-weight: 700;
 }
    @media (max-width: 991.98px) {
      .kzn-hero h1 {
        font-size: 45px; } }
    .kzn-hero h1 .typed-words {
      position: relative; }
      .kzn-hero h1 .typed-words:before {
        position: absolute;
        height: 7px;
        background-color: #B1D0E0;
        bottom: 0;
        left: 0;
        right: 0;
        content: ""; }
  .kzn-hero .intro-wrap {
    position: relative;
    z-index: 1; }
  .kzn-hero .slides {
    background: #ffffff;
    max-width: 800px;
    left: -100px;
    z-index: 0;
    position: relative;
    border-radius: 200px;
    -webkit-box-shadow: 0 25px 50px -10px rgba(26, 55, 77, 0.4);
    box-shadow: 0 25px 50px -10px rgba(26, 55, 77, 0.4);
    height: 608px;
    margin-bottom: -200px; }
    @media (max-width: 991.98px) {
      .kzn-hero .slides {
        left: 0; } }
    .kzn-hero .slides img {
      position: absolute;
      border-radius: 200px;
      opacity: 0;
      -webkit-transition: 4s opacity ease;
      -o-transition: 4s opacity ease;
      transition: 4s opacity ease;
      background: #ffffff; }
      .kzn-hero .slides img.active {
        opacity: 1;
        z-index: 1; }


        .kzn-section-title {
  position: relative;
  padding-bottom: 20px;
  display: inline-block;
background-color: beige;
  padding: 10px;
  border-radius: 10px;
}


.kzn-section-title.text-center::before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.kzn-section-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #b4a624;
}




/* types of transport css */
.why-choos-us {
  padding: 50px;
  background-color: #f6f7f9;
}
.why-choos-us .why-ro .col-card {
  display: flex;
  margin-bottom: 30px;
}
.why-choos-us .why-ro .col-card .icon {
  padding: 10px;
  margin: auto;
}
.why-choos-us .why-ro .col-card .detail {
  padding: 10px;
}
.why-choos-us .why-ro .col-card .icon i {
  width: 60px;
  height: 60px;
  text-align: center;
  background-color: #d8c730;
  color: #FFF;
  border-radius: 50px;
  font-size: 1.5rem;
  padding-top: 16px;
}
.why-choos-us .why-ro .col-card .icon i {
  text-align: center;
  color: #FFF;
  font-size: 1.5rem;
}





.kzn-special-offer{
    position: relative;
    box-shadow: 2px 1px 2px 1px  rgb(153, 150, 150);
    margin: 15px;
    border-radius: 10px;

    height: 250px;
    padding: 20px;
    text-align: center;
    background-color: white;
}


.kzn-sp-off{
    position: absolute;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: rgb(243, 241, 125);
    align-items: end;
   position: right;
   
        clip-path: polygon(
        50% 0%, 
        61% 35%, 
        98% 35%, 
        68% 57%, 
        79% 91%, 
        50% 70%, 
        21% 91%, 
        32% 57%, 
        2% 35%, 
        39% 35%
    );
    color: black;
    
}

.kzn-sp-off span {
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    color: rgb(19, 18, 18); 
    font-weight: bold; 
    text-align: center; 
    font-size: 16px; 
}




.hotel-tp-img{
    background-image: url("../Elight_tour/11.jpg");
    height: auto;
}

.kzn-hotel-other{
      background-color: #ddd99b8f;
      padding-bottom: 10px;
}


.kzn-hotel-icon{
    background-color: #c2b220;
  padding: 10px;
  border-radius: 50%;
  color: white;
}

.kzn-special-offer:hover{
    background-color: rgb(192, 192, 65);
    color: white;
}

.why-choos-us .why-ro .col-card:hover{
    background-color: #c2c470;
    color: white;
}

.kzn-tr-customer{
    background-color: #eee4c97a;
    padding: 15px;
}






/* ........................................................ */
.page_container_wrapper {
  padding: 0 0 50px 0;
}
/*****************************************************/
/*******************PAGINATION***********************/
/***************************************************/
.page_pagination_wrapper {
  height: 45px;
}
.page-numbers {
  display: inline-block;
  overflow: hidden;
}
.page-numbers li {
  float: left;
}
.page-numbers li a,
.page-numbers li .current {
  display: block;
  width: 45px;
  height: 45px;
  font-size: 14px;
  font-weight: 300;
  color: #073b43;
  text-decoration: none;
  outline: none;
  text-align: center;
  line-height: 45px;
  transition: all 0.3s linear;
}
.page-numbers li a:hover {
  transition: all 0.3s linear;
}
/*****************************************************/
/*******************BLOG POSTS***********************/
/***************************************************/
/*Demo background image post*/
/* .postbg1 {
  background-image: url(../images/post1.jpg);
}
.postbg2 {
  background-image: url(../images/pos2.jpg);
}
.postbg3 {
  background-image: url();
}
.postbg4 {
  background-image: url("https://www.kaizensoftservices.com/web_demo/DubaiTour/Assets/scuba.png");
}
.postbg5 {
  background-image: url(../images/post5.jpg);
}
.postbg6 {
  background-image: url(../images/post6.jpg);
}
.postbg7 {
  background-image: url(../images/post7.jpg);
}
.postbg8 {
  background-image: url(../images/post8.jpg);
}
.postbg9 {
  background-image: url(../images/post9.jpg);
}
.postbg10 {
  background-image: url(../images/post10.jpg);
}
.postbg11 {
  background-image: url(../images/post11.jpg);
}
.postbg12 {
  background-image: url(../images/post12.jpg);
}
.postbg13 {
  background-image: url("https://www.kaizensoftservices.com/web_demo/DubaiTour/Assets/desert-safari-front.jpg");
} */
/*END Demo background image post*/
.blog_list_post {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.blog_post_box .blog_post_item_image,
.blog_post_box .blog_post_item {
 
  text-align: left;
  flex: wrap;
  box-sizing: border-box;
}
.blog_list_post.one_col_post .blog_post_box {
}
.blog_post_box {
  overflow: hidden;
  position: relative;
 
  text-align: left;
  display: flex;
  flex-direction: row;
  column-count: 2;
  background-color: #f9f9f9;
  box-sizing: border-box;
}

.blog_post_item_image {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.blog_post_item_image a {
  display: block;
  
  background-color: transparent;
  transition: all 0.3s linear;
}
.blog_post_item_image:hover a {
  transition: all 0.3s linear;
  background-color: rgba(0, 0, 0, 0.6);
}
.blog_post_item {
  position: relative;
  background-color: #fff;
  padding: 45px 50px 80px 50px;
  min-height: 100%;
}
.blog_post_item .post_name,
.blog_post_item .post_name a {
  font-size: 24px;
  color: #073b43;
  text-transform: uppercase;
}
.blog_post_item .post_name {
  margin-bottom: 10px;
}
.blog_post_item .post_name a {
  text-decoration: none;
}
.blog_post_item .post_data {
  opacity: 1;
  font-size: 12px;
  font-weight: 400;
  color: #073b43;
  margin-bottom: 10px;
}
.blog_post_item .post_data .category,
.blog_post_item .comments_count {
  margin-right: 8px;
}
.blog_post_item .post_data i {
  margin-right: 3px;
}
.short_desc_post {
  font-size: 16px;
}
.short_desc_post p {
  margin: 0;
}
.blog_post_item .seea_more {
  position: absolute;
  left: 50px;
  right: 50px;
  bottom: 45px;
}
.blog_post_item .seea_more a {
  position: relative;
  display: block;
  color: #073b43;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s linear;
}
.blog_post_item .seea_more a:hover {
  transition: all 0.3s linear;
}
.blog_post_item .seea_more a i {
  position: absolute;
  right: 0;
  font-size: 14px;
  top: 0;
}

/*Post Data Box*/
.post_data_cr {
  position: absolute;
  font-family:var(--font-global-h2);
  text-align: center;
  right: 50px;
  top: 50px;
  width: 70px;
  height: 70px;
  box-sizing: border-box;
  padding-top: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  transition: all 0.3s linear;
}
.blog_post_item_image:hover .post_data_cr {
  opacity: .8;
  transition: all 0.3s linear;
}
.post_data_cr .day {
  font-size: 26px;
  line-height: 1;
}
.post_data_cr .month {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
}
.post_data_cr .year {
  font-size: 10px;
  font-weight: 400;
}
.blog_list_post:nth-child(even) .blog_post_box {
  flex-direction: row-reverse;
}


.blog-image{
    width: fit-content;
     background-repeat: no-repeat;
  background-size: cover;
}

/* Holiday Tour */

/* .kzn-holiday-tour:hover{
     background-color: rgb(10, 10, 10,0.8);
  
     z-index: 1;
     opacity: 1;
} */

.kzn-holiday-tour {
    position: relative; 
    overflow: hidden; 
    transition: all 0.3s ease; }

.kzn-holiday-tour img {
    width: 100%; 
    height: auto; 
    transition: transform 0.3s ease; 
}

/* .kzn-holiday-tour:hover {
    background-color: rgba(10, 10, 10, 0.8); 
 
    z-index: 2; 
} */

.kzn-holiday-tour:hover img {
    
    transform: scale(1.1); 
}


/* HolidayTour */

.kzn-holiday-tour-change{
   background-color: #f0e3c0;
   padding: 10px;
}


 th, td {
            border: 1px solid #000; 
            padding: 10px; 
            text-align: left; 
        }



.change-color-holiday-pay{
    color: #064497;
}



.change-color-back-pay{
  background-color: #fdf3e8;
  padding: 20px;
}

.highlight {
    background-color: yellow; /* You can choose any color */
    font-weight: bold;
}

/* picnic world image */
.picnic-img{
    min-height: 300px;
}


.picnic .card img {
            transition: transform 0.5s ease; 
        }
     .picnic .card img:hover {
            transform: scale(1.1); 
        }

  /* style FOR EIGHT SECTION  ---------------------------------------------------------------------------------------------------------------------*/


#carouselExampleIndicators {
  margin-top: -3px; /* Added px for clarity */
}

.carousel-inner {
  height: 500px; 
}

.carousel-caption {
  background-color: rgba(64, 77, 61, 0.7);
  color: #fff;
  padding: 1rem;
  transition: transform 0.6s ease, opacity 0.6s ease;
  transform: translateY(100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  text-align: center;
}

.carousel-item.active .carousel-caption {
  transform: translateY(0);
  opacity: 1;
}

.carousel-caption h2 {
  font-size: 3.5rem;
  font-family: var(--globheadingfont);
  font-weight: 400; /* Fixed the font weight property */
  margin-bottom: 2rem;
}

.carousel-caption p {
  font-size: 20px;
  font-weight: 400;
  font-family: var(--globparafont);
  margin-bottom: 3rem;
}

.carousel-caption a {
  font-family: var(--globparafont);
  font-weight: 400;
  margin: 0 0.25rem;
}

.carousel-control-prev,
.carousel-control-next {
  width: 5%;
}

.carousel-control-prev i,
.carousel-control-next i {
  /* height: 9%; */
  /* width: 90%; */
  background-color: rgb(173, 64, 0);
  border-radius: 50%;
  color: #faf2f2;
  /* opacity: 0.8; */
  padding: 5px;
  font-size: 10px;
  text-align: center;
   opacity: 1;
  
}

.carousel-control-prev i :hover,
.carousel-control-next i:hover {
  opacity: 1;
}

.carousel-indicators {
  bottom: 10px;
}

.btn-primary.carou {
  display: inline-flex;
  align-items: center;
  background-color: #8daa5e;
  color: #020202;
  border: none;
  border-radius: 25px;
  font-size: 15px;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 1px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.btn-primary.carou i {
  margin-right: 8px;
}

.btn-primary.carou:hover {
  background-color: #2ba035;
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

.btn-primary.carou:focus,
.btn-primary.carou:active {
  outline: none;
  box-shadow: 0 0 0 2px rgba(138, 211, 105, 0.5);
}

.container.vtop {
  display: block;
 
}
.back-color-review{
 background-color: #dac99c;
}
.row.vtop {
  display: none;
}
@media(min-width:767px){
.review {
 /* min-height: 450px ; */
  border: 1px solid #fffefe4f;
  /* box-sizing: border-box; */
  margin-right: 5%;
  margin-left: 5%;
  border-radius: 2%;
 background-color: #fcf9f5;
  color: rgb(7, 7, 7);
  width: 100%;
  padding: 10px;
  height: auto;
}
}



@media(max-width:600px){
.review {
 /* min-height: 450px ; */
  border: 1px solid #fffefe4f;
  /* box-sizing: border-box; */
  /* margin-right: 5%;
  margin-left: 5%; */
  border-radius: 2%;
 background-color: #fcf9f5;
  color: rgb(7, 7, 7);
  width: 100%;
  padding: 10px;
  height: auto;
}
}
.review p{
    padding-top: 15px;
}

.review-content {
  padding-top: 10px;
}

.inement {
  padding-top: 10px;
  padding-bottom: 10px;
}

.inement .fa-quote-left {
  font-size: 50px;
  color: #b39d23;
}

.carousel-item img.co_img {
  height: 67px;
  width: 224px;
}

.contactdetail {
  padding-top: 50px;
}

.inement .test-review {
  padding-top: 37px;
  border-radius: 2%;
}

.btn-social {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  transition: background-color 0.3s;
  margin: 11px;
}

.btn-facebook {
  background-color: #3b5998;
}

.btn-twitter {
  background-color: #1da1f2;
}

.btn-instagram {
  background-color: #e4405f;
}

.btn-linkedin {
  background-color: #0077b5;
}

.btn-social i {
  pointer-events: none;
}
.star-rating {
    font-size: 20px; 
    color: #FFD700; 
    margin: 10px 0; 
}
.align-text{
    /* right: 10px; */
    text-align: center;
    padding-top: 5px;
}

.text-left{
    left: 10px;
    text-align: left;
    padding-bottom: 5px;
   
}

.inement .fa-quote-right{
  font-size: 50px;
  color: #b39d23;
}
.text-right{
    right: 10px;
    text-align: right;
    padding-bottom: 5px;
   
}
.breadcrumb {
    background-color: transparent; 
    padding: 10px 0; 
    margin: 0; 
    list-style: none; 
  
}

.breadcrumb .navigation {
    color: #007bff; 
    text-decoration: none;
}

.breadcrumb .navigation:hover {
    text-decoration: underline;
}

.breadcrumb li {
    display: inline; 
    font-size: 1.2rem;
}

.breadcrumb li + li:before {
    content: '>'; 
    padding: 0 5px; 
    color: #6c757d; 
    font-size: 1.2rem;
}

.breadcrumb .active {
    color: #6c757d; 
}