<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.card-body {
 
    font-size: 12px !important;
}
.popula_slider_color {
    font-size: 12px !important;
   
}

body{
  margin: 0 0 0 0x;
  padding: 0;
  background-color: white;
  font-family: 'Roboto', sans-serif;
}
.pop_up_height{
                  height:35px;
                }
/*============this is signup and login css code started============*/ 
.text_color{
    color: #5E6D77;

}
.facebook_color{
    background-color: #4267B2;
}
.facebook_color:hover{
  background-color: #4267B2;
}
.google_color{
    background-color: #db4a39;
}
.google_color:hover{
  background-color: #db4a39;
}
.twitter{
    background-color: #1DA1F2;
}
.twitter:hover{
  background-color: #1DA1F2;
}
.log_in{
    background-color: #5191FA;
}
.log_in:hover{
  background-color: #5191FA;
}

/*============this is signup and login css code ended============*/



 .navbar_font_size{
  font-size: 14px;
 }
 .button_color_border{
            background-color: #CA3C3C;border: #CA3C3C;
          }

  .button_color_border:hover{
    background-color: #DE3535;
    border: #DE3535;
  }
          .img-hover-zoom {

            cursor: pointer;
             

    
  overflow: hidden;  
}

 
.img-hover-zoom img {
  transition: transform .5s ease;
}

 
.img-hover-zoom:hover img {
  transform: scale(1.1);
}

.img_effect_now{
            height:100%;width: 100%;
          }
  



/*========this is slider code started========*/




@media (min-width: 1281px) {
  
  .slider-wrapper {
  width: 100%;
  height: 87.5%;
  /*position: absolute;*/
 /* background-image: url("../img/main1.png")!important;*/
   
}

.slide {
  float: left;
  position: absolute;
  width: 100%;
 /* height: 100%;*/
  opacity: 0;
  transition: opacity 0.1s linear;
   
}
.margininhome{
   /*   margin-top: 100px !important;*/
}

.slider-wrapper &gt; .slide:first-child {
  opacity: 1;
}
  
}

@media (min-width: 1025px) and (max-width: 1280px) {
  
  .slider-wrapper {
  width: 100%;
  height: 100%;
  /*position: absolute;*/
}

.slide {
  float: left;
  position: absolute;
  width: 100%;
/*  height: 100%;*/
  opacity: 0;
  transition: opacity 0.1s linear;
}
.margininhome{
      /*margin-top: 100px !important;*/
}

.slider-wrapper &gt; .slide:first-child {
  opacity: 1;
}
  
}

@media (min-width: 768px) and (max-width: 1024px) {
  
    .slider-wrapper {
  width: 100%;
  height: 80%;
  /*position: absolute;*/
}

.slide {
  float: left;
  position: absolute;
  width: 100%;
/*  height:  100%;*/
  opacity: 0;
  transition: opacity 0.1s linear;
}
.margininhome{
      /*margin-top: 100px !important;*/
}

.slider-wrapper &gt; .slide:first-child {
  opacity: 1;
}
  
}
@media (min-width: 481px) and (max-width: 767px) {
  .domestictour{
    margin-top: 50px;
  }
   .slider-wrapper {
  width: 100%;
  height: 100%;
  /*position: absolute;*/
}

.slide {
  float: left;
  position: absolute;
  width: 100%;
/*  height: 100%;*/
  opacity: 0;
  transition: opacity 0.1s linear;
}

.margininhome{
      /*margin-top: 100px !important;*/
}
.slider-wrapper &gt; .slide:first-child {
  opacity: 1;
}
  
}


@media (min-width: 320px) and (max-width: 480px) {
  .domestictour{
    margin-top: 50px;
  }
    .slider-wrapper {
  width: 100%;
  height: 150%;
  /*position: absolute;*/



  
      


 
   
   
 
}

.margininhome{
      margin-top: 100px !important;
}

.slide {
  float: left;
/*  top: 8%;*/
  position: absolute;
  width: 100%;
/*  height: 100%;*/
  opacity: 0;
  transition: opacity 0.1s linear;
 
 

  

}


.slider-wrapper &gt; .slide:first-child {
  opacity: 1;
}
  
}
/*========this is slider code ended========*/



/*========this is card and button color section started========*/
.send_message_button{
    background-color: #5191FA;
    border: 0;
}

.card_bg-color{
    background: rgba(0, 0, 0, 0.5);
    width: auto;
}
/*========this is card and button color section ended========*/







.navbar-nav{
    float: none;
    text-align: center;
    }
    .navab-nav li{
      display: inline-block;
      float: none;
    }
    .navbar_colors{
      font-weight: bold;      
    }
    .megamenu-li {
    position: static;



    }

  .megamenu {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  padding: 15px;


  
  }
   #slider_showed{
                                margin-top: -8px;
                              }
  
   
  @media (min-width: 1281px) {
  
  .box_position{
    position: absolute;
  top:30vw;
  left: 50%;

  transform: translate(-50%, -50%);
  z-index: 2;
  }
  .color_white{
    color: white;
  }
  
}

@media (min-width: 1025px) and (max-width: 1280px) {
  
  .box_position{
    position: absolute;
  top:44.5vw;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  }
  .color_white{
    color: white;
  }
  
}

@media (min-width: 768px) and (max-width: 1024px) {
  
  .box_position{
    position: absolute;

    top: 62.5vw;
   
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  }
  .color_white{
    color: white;
  }
  
}

@media (min-width: 481px) and (max-width: 767px) {
  
  .box_position{
    position: absolute;
    top:105.5vw;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  }
  .color_white{
    color: white;
  }
  
}


@media (min-width: 320px) and (max-width: 480px) {
  
  .box_position{
    position: absolute;
    top:170.5vw;
     top:78h;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  }
  .color_white{
    color: white;
  }

 
  input::placeholder{
    font-size: 13.5px;
  }
  
}
  #sliders .owl-nav
    {
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 100%;
      margin-left: 12px; 

     }
     #sliders .owl-nav .owl-next
      {
       position: absolute;
        height: 10px;
        color: inherit;
         background: none;
        border: none;
        z-index: 100;
        font-size: 5.5rem;
        color: #ca3c3c; /*#EAEEF3*/
        /*right: 10px;*/
        right: 0;


        width: 8px;  

      }
      .owl-next:focus, .owl-prev:focus {outline: none;}



      
       #sliders .owl-nav  .owl-prev
        {
            position: absolute;
        height: 10px;
        color: inherit;
         background: none;
        border: none;
        z-index: 100;
        font-size: 5.5rem;
        color: #ca3c3c; /*#EAEEF3*/
        /*right: 10px;*/
        left: 0;
        margin-left: -40px; 
         
          
          }
            

          #sliders .owl-dot{
            display: none;
            }

          .underline{
            color: green;
            position: relative;
            margin-top: 200px;
            color: #1A2B48;
          }
          .underline::after{
            content: '';
            margin-top: 45px;
            height: 2.5px;
            width: 78px;
            background: #5191FA;
            position: absolute;
            left: 0;
          }
          @media (min-width: 481px) and (max-width: 767px) {
  
          .underline{
            color: green;
            position: relative;
            margin-top: 50px;
            color: #1A2B48;
          }
          }
          @media (min-width: 320px) and (max-width: 480px) {
              
            .underline{
              color: green;
               position: relative;
                margin-top: 50px;
                 color: #1A2B48;
            }  
             
            }
            .popular_tour{
            color: green;
            position: relative;
           font-weight: bold;
            color: #1A2B48;
          }
          .popular_tour::after{
            content: '';
            margin-top: 45px;
            height: 2.5px;
            width: 78px;
            background: #5191FA;
            position: absolute;
            left: 0;
          }
           .popula_slider_color{
             font-size: 15px;color: #1A2B48;
           }
           .Our_Top{
            color: green;
            position: relative;
           font-weight: bold;
            color: #1A2B48;
          }
          .Our_Top::after{
            content: '';
            margin-top: 45px;
            height: 2.5px;
            width: 78px;
            background: #5191FA;
            position: absolute;
            left: 0;
          }
          marquee {
    height: 100px;
    width: 100%;
}
 marquee a{
   text-decoration: none;
   padding-right: 15px;
 }
 
.three_section{
    color: #1A2B48;
     font-weight:600;
    font-size: 16px;
    text-transform: uppercase;

  }
                         
        &lt;/style&gt;
                    &lt;style type="text/css"&gt;
    

  .babila{
     margin-top: 100px;
     }
     @media (min-width: 1025px) and (max-width: 1280px) {
       .babila{
         margin-top: 60px;
       }
                            
      }

    @media (min-width: 900px) and (max-width: 1024px) {
    .babila{
       margin-top: 50px;
     }
                            
    }

    @media (min-width: 768px) and (max-width: 901px) {
  
     .babila{
        margin-top: 10px;
      }
                            
      }
      @media (min-width: 481px) and (max-width: 767px) {
  
      .babila{
        margin-top: 10px;
      }
                            
      }

      @media (min-width: 320px) and (max-width: 480px) {
  
        .babila{
          margin-top: 0px;
        }
                            
    }

.black_color{
    color: black;

  }
  .black_color:hover{
    color: black;
    text-decoration-color: black;
  }

   .black_color{
    color: black;

  }
  .black_color:hover{
    color: black;
    text-decoration-color: black;
  }
  .Our_Tops{
            border-left: 3px solid #5191FA;
          height: 55px;
          padding-left: 15px;
          }
          .gray_color{
             color: #808080;
          }
          .footer_bg{
            background-color: #f6f9ff
          }
          .showSlide {  
            display: none  
        }  
            .showSlide img {  
                width: 100%;
                height:100%;
             

            }  
          


        /* Fading animation */  
        .fades {  
            -webkit-animation-name: fade;  
            -webkit-animation-duration: 1.5s;  
            animation-name: fade;  
            animation: 1s fade; 
        }  
        @-webkit-keyframes fade {  
            from {  
                opacity: .4  
            }  
            to {  
                opacity: 1  
            }  
        }  
  
        @keyframes fade {  
            from {  
                opacity: .4  
            }  
            to {  
                opacity: 1  
            }  
        } 


          /* @-webkit-keyframes fade{
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
} 

        @keyframes fade{
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}*/


@media only screen and (max-width: 768px) {
   .menu{
    padding-right: 0px !important;

   }
}

.footer-left{
  text-align: left;
}
.footer-right{
  text-align: end;
}
.payoptions{
  border-radius: 5px;
  height: 30px;
  width: auto;
}
@media (max-width: 991px) {
.footer-left{
  text-align: center;
}
.footer-right{
  text-align: center;
}
}

.eventbtn{
  pointer-events: none;
}
.actionbtn {
    height: 45px;
    margin-top: 10px;
    line-height: 0px;
    width: 100%;
    border-radius: 7px;
    position: relative;
    z-index: 9;
    border: 0;
}
.actionbtn:hover {
  color: #fff;
}
.actionbtn:active {
  color: #ffffff;
  background: #080808;
  background: linear-gradient(to bottom, #3b3b3b 0%, #2e2e2e 50%, #141414 51%, #080808 100%);
}
.actionbtn.eventbtn {
  background-color: #212121;
  padding-right: 40px;
}
.actionbtn.eventbtn:before {
    content: "";
    width: 0px;
    height: 0px;
    border-radius: 50%;
    position: absolute;
    border: 2px solid #f2aa4c;
    border-right: 3px solid #27ae60;
    -webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
    animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
    top: 50%;
    left: 45%;
    z-index: 99;
}
@-webkit-keyframes rotate360 {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes exist {
  100% {
    width: 15px;
    height: 15px;
    margin: -8px 5px 0 0;
  }
}
@keyframes exist {
  100% {
    width: 15px;
    height: 15px;
    margin: -8px 5px 0 0;
  }
}
.mydesul{
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.mydesul li{
    margin:5px;
}
.mydesul li a{
    padding: 8px;
    border: 1px dashed #05050540;
    border-radius: 8px;
}
.mydesul li a:hover{
    background: #ca3c3c;
    border: 1px solid #ca3c3c;
    color: #fff !important;
}



.single-feature {
border-radius: 18px;
/* overflow: hidden; */
box-shadow: 0px 0px 10px 0 #21252924;
padding: 15px;
margin: 10px;
}
.single-feature .thumb {
position: relative;
}
.single-feature .thumb .offer-badge {
background: #ffffff;
border-radius: 50px;
padding: 10px 15px;
color: #000;
position: absolute;
bottom: -18px;
right: 16%;
left: 16%;
font-size: 14px;
font-weight: 600;
text-align: center;
z-index: 9;
/* box-shadow: 0px 0px 7px #21252940; */
}
.single-feature .thumb {
position: relative; 
}
.single-feature .thumb a {
position: absolute;
left: 0px;
top: 12px;
font-size: 18px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
visibility: hidden;
opacity: 0;
color: #2b2f3e; }
.single-feature .thumb img {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 
width: 100%;
height: 215px;
object-fit: cover;
border-radius: 7px;
}
.single-feature .details {
background: #fff;
padding-top: 15px;
position: relative; 
}
.single-feature .details .feature-logo {
height: 40px;
width: 40px;
line-height: 50px;
text-align: center;
position: absolute;
right: 25px;
top: -25px;
background: #fff;
border-radius: 50%;
display: flex;
-webkit-box-shadow: 20px 0px 40px rgba(0, 0, 0, 0.3);
box-shadow: 20px 0px 40px rgba(0, 0, 0, 0.3);
align-items: center;
justify-content: center; }
.single-feature .details .feature-logo img {
width: auto;
display: inline-block; }
.single-feature .details .author {
font-size: 12px; }
.single-feature .details .title {
padding-left: 1px;
font-weight: 600;
margin-bottom: 5px; }
.single-feature .details .title a {
color:#2b2f3e; 
font-size: 18px;
}
.single-feature .details .title a:hover {
color:#000000; 
text-decoration: none;
}
.single-feature .details .price {
display: inline-block;
margin-right: 5px;
margin-bottom: 0; }
.single-feature .details del {
color: #C3CFE1;
font-size: 14px; }
.single-feature .details .info-list {
padding: 5px 0 0 0;
margin: 15px 0 10px 0;
font-size: 14px;
border-top: 1px solid rgba(112, 112, 112, 0.1);}
.single-feature .details .info-list li {
display: inline-block;
list-style: none;
margin-right: 12px; }
.single-feature .details .info-list li img,
.single-feature .details .info-list li i {
margin-right: 4px;
color: #2b2f3e;
width: auto;
display: inline-block; }
.single-feature .details .info-list li:last-child {
margin-right: 0; }
.single-feature .details .contact-list {
margin: 0;
padding: 0;
width: 100%;
/*    padding: 15px 0 0 0;*/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
/*    border-top: 1px solid rgba(112, 112, 112, 0.1);*/
display: flex;
align-items: center;
justify-content: flex-end;
}
.single-feature .details .contact-list li {
list-style: none;
display: inline-block;
margin-right: 10px; }
.single-feature .details .contact-list li i {
color: #fff; }
.single-feature .details .contact-list li .phone,
.single-feature .details .contact-list li .message {
height: 36px;
width: 36px;
line-height: 36px;
text-align: center;
border-radius: 4px;
display: inline-block; }
.single-feature .details .contact-list li .phone{
background: #0087ff;
}
.single-feature .details .contact-list li .phone i{
color: #fff;
}
.single-feature .details .contact-list li .message {
background: #4caf50f7;
}
.single-feature .details .contact-list li .phone img,
.single-feature .details .contact-list li .message img {
width: auto;
display: inline-block; }
.single-feature .details .contact-list li .btn {
height: 36px;
border-radius: 7px;
line-height: 36px;
padding: 0 15px; }
.single-feature .details .contact-list li:last-child {
margin-right: 0; }
.single-feature:hover .thumb a {
visibility: visible;
opacity: 1;
left: 20px; }
/*  .single-feature:hover .thumb img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05); }*/
.single-feature .contact-list{
text-align: center;
}
.single-feature:hover .contact-list {
visibility: visible;
opacity: 1;
bottom: 0px; 
text-align: center;}

.ellipsify{
display: -webkit-box;
max-width: 400px;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
line-height: normal;
text-align: left;
}
.title.ellipsify{
-webkit-line-clamp: 2;
font-weight: 600;
line-height: 22px;
height: 45px;
margin-bottom: 0!important;
color: #2b2f3e;
font-size: 18px;
}
.description.ellipsify{
-webkit-line-clamp: 4;
font-size: 15px;
font-weight: 500;
line-height: 20px;
margin-bottom: 0 !important;
}
.price_title,.price{
font-size: 11px;
color: #000;
font-weight: 500;
margin-bottom: 0;
TEXT-ALIGN: left;
}
.price{
font-size: 15px;
font-weight: 900!important;
color: #2b2f3e;
}
.button-wrap {
margin-top: 15px;
}
.button-wrap .btn.button_color_border{
border-radius: 7px;
height: 45px;
font-size: 20px;
line-height: 30px;
}</pre></body></html>