body{font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.8; color: #666; background: #ffffff;}
.header_top { position: fixed; top: 0; left: 0; width: 100%; padding: 0; z-index: 1000; transition: all 1s ease-in-out;  height: auto;
background-color:transparent;  line-height: 40px;  padding: 30px 0;}
.header_top .nav-link{color: #fff; margin-left: 20px; font-size: 18px; font-weight: 600;}
.header_top .nav-link:hover{color: #fcde15; }
.header_top.header_fixt {  background:rgba(10, 31, 124, 0.9);
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
padding:5px 0;  }
.inner_banner {width: 100%; overflow: hidden; position: relative; height: 300px;}
.slider_text{position: absolute; z-index: 999; top: 35%; width: 100%;}
.slider_text h2{color: #fff;    font-weight: 700;font-family: 'Poppins', sans-serif; font-size: 5rem;}
.slider_text h5{color: #fff;    font-weight: 500;font-family: 'Poppins', sans-serif; font-size: 1rem; width: 80%; margin: 25px auto; line-height: 30px;}
.swiper-slide:before {content: '';  position: absolute; top: 0; left: 0;z-index: 1; display: block;
width: 100%; min-width: 605px; bottom: 0; -webkit-transform: skewX(-25deg);
transform: skewX(0deg); background: repeating-linear-gradient(306deg,#6713ef,#e13445,#027afb,#21cd9a);
background-size: 400% 400%;  -webkit-animation: Gradient 10s ease infinite;
animation: Gradient 10s ease infinite; opacity: 0.5;}
.section{padding: 70px 0;}
.section_tag{text-transform: uppercase; font-weight: 700; font-size: 18px; color: #ffcd07;}
.g_text{background-image: linear-gradient(180deg, #1358d7, #36a8f9); -webkit-background-clip: text;
background-clip: text;  -webkit-text-fill-color: transparent;}
.odd_section{background: #f5f5f2;}
.f_55{font-size: 55px;}

.heading_1{font-size:40px; font-weight: 700; }

.book_section{background: url(../img/book_bg.jpg); background-position: center;
background-size: cover; background-repeat: no-repeat; height: 400px; }
.booking_box{position: absolute; top:-100px; left: 0; width: 100%; background-color: #350288; padding: 50px; background-image: url(../img/bg-w.png);background-size: cover;}
.room_box{ overflow: hidden;}
.room_box img{width: 100%; height: 300px; object-fit: cover;}
.room_text{padding: 15px;}
.footer{background: #150233; color: #fff;}
.btn_1{background-image: linear-gradient(100deg, #1358d7, #36a8f9); color: #fff;}
.footer_link{list-style: none; margin: 0; padding: 0;}
.footer_link li a{text-decoration: none; color: #fff;}
.social{list-style: none; margin: 0; padding: 0; display: flex;}
.social li{ margin: 0 20px 0 0; font-size: 20px;}
.footer_bottom{background: #535770; padding: 10px 0; color: #fcde15;}
.footer_bottom a{ color: #fcde15;}
.testimonial_section{background: url(../img/mt-1873-bg-4.jpg); background-size: cover;}
.rounded-circle{border-radius: 50%; width:80px !important; height: 80px; margin: 10px auto; border: #fcde15 solid 3px;}
#mainSlider .owl-dot {width: 30px; height:8px; border-radius: 20px; background: #027afb; margin:5px;}   
#mainSlider .owl-dots{text-align: center;
position: absolute;
bottom: 20px;
width: 100%;}
#mainSlider .active{background: #fcde15 !important;}
.room_box h3{font-size: 20px; color: #fff; font-weight: 700; margin: 0; padding: 0; text-transform: uppercase; margin: 5px 0; }
.room_box p{font-size: 14px; margin: 0; padding:8px 0 0 0; }
.room_box{background: #100f16; color: #919bb4; }
.room_con ,.room_con2{position: relative;}
.room_con::after{content: ''; position: absolute; z-index: 99; top: 45%; right: -19px;   width: 0;
height: 0;
border-top: 20px solid transparent;
border-left: 20px solid #100f16;
border-bottom: 20px solid transparent;}
.room_con2::after{content: ''; position: absolute; z-index: 99; top: 45%; left: -19px;   width: 0;
height: 0;
border-top: 20px solid transparent;
border-right: 20px solid #100f16;
border-bottom: 20px solid transparent;}
.offer_text{color: #f5d817; font-size: 16px;}

.btn_2{border: #1358d7 solid 1px; border-radius: 0; color: #1358d7;}
.btn_2:hover{border: #ffffff solid 1px; border-radius: 0; color: #ffffff;}
.nav_act{color: #fcde15 !important;border: #fcde15 solid 2px; }
.nav-link { padding:1px 1rem;}
.addons{ border-bottom:#adafb9 dotted 2px; padding: 15px 0;}
.addons h2{font-size: 40px;}
.addons h4{font-size: 18px;}
.addons p{padding-bottom: 0; margin-bottom: 0;}
.addons:first-child{width: 100px;}
.amenities_list{display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0;}
.amenities_list li{background: url(../img/tic.png) no-repeat left 0px;
padding: 0 50px 10px 30px;
background-size: 25px}
.packages_section .heading_1{ margin-top: 50px;}
.addons h5 {color: #213387;}
.bg-t{background: #fcde15; padding: 10px 20px; color: #000; border-radius: 5px; font-size: 14px; font-weight: 600;}







@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

.waitingForConnection {
    animation-name: blinker;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    animation-duration: 1.7s;
  }
@keyframes blinker {
    from { opacity: 1.0; }
    to { opacity: 0.0; }
  }




@media only screen and (max-width:700px) {
    .navbar-toggler{color: #fff; font-size: 30px !important; padding: 0 !important; margin-right: 20px;}
    .header_top{padding: 10px 0 !important;}
    .slider_text h2{font-size: 30px; }
    .slider_text h5{width: 100%; margin: 20px 0; font-size: 15px; line-height: 25px;}
    #mainSlider img{height: 500px; object-fit: cover;  }
    .heading_1 {font-size: 30px; text-align: center;}
    .about_section{text-align: center;}
    .footer_bottom{text-align: center;}
    .navbar-collapse{background: #0853f5ee; }

    .room_con::after ,.room_con2::after{content: ''; position: absolute; z-index: 99; top:-38px; left:45%;   width: 0;
        height: 0;
        border-right: 20px solid transparent;
        border-left:20px solid transparent;
        border-bottom:20px solid #100f16}
        .packages_section .heading_1 {margin-top: 15px;}
        .packages_section .btn {width: 50%; margin: 20px auto 80px auto;display: inherit;}
        .addons p{font-size: 14px;}
        .addons h4 {font-size: 16px;}
        .addons h5 {font-size: 16px; color: #213387;}
        .room_box img{width: 100%; height: 200px; object-fit: cover;}

}