@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500;600;700;800;900&display=swap');

/*

*/
body {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-family: 'Jost', sans-serif;
    /* font-family: 'Montserrat', sans-serif; */
}

.form-control:focus,
input[type=text]:focus, 
input[type=email]:focus,
input[type=tel]:focus,
input[type=file]:focus,
textarea:focus,
select:focus {
    box-shadow: unset;
}

/* ul:before,
ul:after {
    content: '';
    display: table;
} */

ul:after {
    clear: both;
}

li {
    list-style: none;
}

a {
    color: unset;
}

a:hover {
    text-decoration: none;
    color: unset;
}

h1,
h2,
h3 {
    font-family: 'Jost', sans-serif;
}

p {
    color: #2d2d2d;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
}

p span {
    font-family: 'Montserrat', sans-serif !important;
}

ul {
    margin: 0;
    padding: 0;
}

section {
    /*overflow: hidden;*/
}


input,
textarea,
select {
    height: 50px !important;
    border-color: #ffb37d70 !important;
    border-radius: 5px !important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: #f37720 !important;
}

textarea {
    height: 100px !important;
}

input[type=submit] {
    background: #127cc2;
    border: 0;
    color: #fff;
    padding: 12px 18px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 0px;
    height: auto;
}

input[type=submit]:hover {
    background: #58ac16;
    color: #fff;
}

input[type="radio"],
input[type="checkbox"] {
    height: auto !important;
}

.sectiongap {
    padding: 50px 0 50px;
}

.servicemain {
    padding: 50px 0 30px;
}

.heigt {
    height: 45vh;
}

/*section title satrt*/

.section-title {
    margin-bottom: 25px;
}

.section-title h2 {
    font-size: 35px;
    color: #141414;
    position: relative;
    margin-bottom: 6px;
    font-weight: 600;
}



.section-title h5 {
    color: #8D9199;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}


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

/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    /* box-shadow: inset 0 0 5px rgba(128, 128, 128, 0.419);  */
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #f37720;
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #d66413;
}

/*section title end*/



.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(226, 22, 209)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform .1s ease;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-next,
.owl-prev {
    background-position: 0 0
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-nav {
    text-align: center;
}

.banner .owl-next,
.banner .owl-prev {
    position: absolute;
    top: 50%;
}

.banner .owl-prev {
    left: 40px;
}

.banner .owl-next {
    right: 40px;
}

.banner .item {
    overflow: hidden;
}

.banner .item img {
    width: 100%;
    height: 700px;
    object-fit: cover;
    -webkit-animation: zoom 50s ease-out infinite;
    animation: zoom 50s ease-out infinite;
    transition: 1s;
}

.banner .movileview-btn {
    background: #00000047;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    border: solid 2px #00000026;
}

.banner .movileview-btn:hover {
    border: solid 2px #00000026;
}

.banner .owl-next i,
.banner .owl-prev i {
    line-height: 60px;
}

.banner-item {
    position: relative;
    width: 100%;
    height: 700px;
}

.banner .item::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(5, 16, 54, 0.5) 0%, #051036 72.43%);
    opacity: 0.85;
}



.navowl .owl-next,
.navowl .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.navowl .owl-prev {
    left: -28px;
}

.navowl .owl-next {
    right: -28px;
}

.navowl .movileview-btn {
    border: solid 1px #e39b02;
    background: #eca30cba;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
}

.navowl .movileview-btn:hover {
    border: solid 1px #eca30c;
}

.navowl .owl-next i,
.navowl .owl-prev i {
    line-height: 58px;
}




/*dots*/

.owl-dots,
.owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
    background: #fff;
    transition: all .5s ease-in-out;
    border: solid 2px #0f78be;
}

.owl-dots .owl-dot span {
    width: 14px;
    height: 14px;
    margin: 5px 7px;
    background: #d6d6d663;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    transition: all .5s ease-in-out;
    border: solid 2px #0f78be;
}


/*dots end*/


/*-----------owl end officialy-----------*/



/*-----------Menu Style Start-----------*/

.menumain {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 9;
    left: 0;
}

.menumain .navbar {
    padding: 5px 0;
}

.navbar-brand img {
    height: 90px;
}

.logo-main img {
    height: 90px;
    width: unset;
}


.fixed-menu {
    width: 100%;
}

.header-appear {
    position: fixed !important;
    top: 0;
    padding: 0px 0px;
    z-index: 999;
    width: 100%;
    background-color: #11153f;
    -webkit-animation-name: animationFade;
    -o-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
}

.header-appear .topbar {
    display: none;
}

.header-appear .navbar-brand img {
    height: 60px;
}

.header-appear .navbar {
    padding: 0px 0;
}

/* animation */

@-webkit-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-o-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.loginbtn {
    border: solid 1px #fff;
    border-radius: 4px;
    color: #fff;
    padding: 0px 18px;
    display: inline-block;
    font-size: 15px;
    line-height: 50px;
    background-color: transparent;
}

.loginbtn:hover {
    color: #000;
    background-color: #fff;
}

.callbtn {
    color: #ffffff;
    border: solid 1px #c5aeae00;
    border-radius: 5px;
    background: #ffffff33;
    backdrop-filter: blur(5px);
    line-height: 50.5px;
    padding: 0px 15px 0px 12px;
}

.callbtn span {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: #f47720c7;
    border: solid 1px #ffffff91;
    display: inline-block;
    border-radius: 25px;
    color: #ffffff;
    margin-right: 5px;
    font-size: 16px;
}

.callbtn:hover {
    color: #fff;
}



.callbtn span i {
    animation: pulse-red 2s infinite;
    border-radius: 50%
}

@keyframes pulse-red {
    0% {
        transform: scale(1.1);
        box-shadow: 0 0 0 0 hsl(43deg 29% 71%/69%)
    }

    70% {
        transform: scale(1.5);
        box-shadow: 0 0 0 10px transparent
    }

    100% {
        transform: scale(1.1);
        box-shadow: 0 0 0 0 transparent
    }
}

@-webkit-keyframes pulse-red {
    0% {
        transform: scale(1.1);
        box-shadow: 0 0 0 0 hsl(43deg 29% 71%/69%)
    }

    70% {
        transform: scale(1.5);
        box-shadow: 0 0 0 10px transparent
    }

    100% {
        transform: scale(1.1);
        box-shadow: 0 0 0 0 transparent
    }
}

.callbtn span {
    animation: phonering-alo-circle-img-anim 2s infinite;
    border-radius: 50%
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}

/*-----------Menu Style End-----------*/

/*-----------Button Style-----------*/
.join-btn {
    padding: 10px 25px;
    background: #0000;
    color: #fff;
    border: solid 1px #fff;
    border-radius: 25px;
    margin-left: 15px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: inline-block;
    text-transform: uppercase;
}

.join-btn:hover {
    background: #2a49c3;
    color: #fff;
}

.comon-btn {
    background: #3f6eda;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: inline-block;
    font-size: 14px;
    padding: 11px 25px;
    text-transform: uppercase;
}

.comon-btn:hover {
    background: #333;
    color: #fff;
}

.bg-button .comon-btn {
    padding: 16px 40px;
}

.bkn {
    background: #3f6eda;
    text-align: center;
    color: #fff;
    transition: all 0.5s ease;
    display: inline-block;
    font-size: 12px;
    padding: 8px 25px;
    border-radius: 5px;
}

.bkn:hover {
    background: #333;
    color: #Fff;
}


/*-----------Button Style-----------*/

/*-----------Banner Section Satrt-----------*/
/* .bannersection{
    position: relative;
} */
.banner-main {
    position: relative;
}

.banner-main::before {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 1px;
    background: #071637;
    z-index: 8;
}

.banner-caption {
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 99;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}

.banner-caption h2 {
    /* font-family: 'Nothing You Could Do', cursive; */
    font-family: 'Courgette', cursive;
    letter-spacing: -2px;
    font-weight: 500;
    font-size: 100px;
}

.banner-caption h5 {
    font-size: 14px;
    letter-spacing: 5px;
    font-weight: 300;
    text-transform: uppercase;
}

.inner-banner {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
    height: 360px;
}

.inner-banner::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(5, 16, 54, 0.5) 0%, #051036 72.43%);
    opacity: 0.85;
}

.inner-banner-content {
    position: absolute;
    z-index: 8;
    width: 100%;
    top: 63%;
    transform: translateY(-50%);
}

.inner-banner-content h1 {
    margin-bottom: 10px;
    margin-top: 50px;
    color: #fff;
    font-size: 60px;
    font-weight: 500;
    font-family: 'Courgette', cursive;
    text-align: center;
}

.inner-banner-content h5 {
    font-size: 14px;
    letter-spacing: 5px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}

/*-----------Banner Section End-----------*/

/*banner boock form start*/

.serchbar-box {
    animation: pulse-serch 3s infinite;
}

@keyframes pulse-serch {
    0% {
        /* transform: scale(1.1); */
        box-shadow: 0 0 0 0 hsla(43, 28%, 71%, 0.467)
    }

    70% {
        /* transform: scale(1.5); */
        box-shadow: 0 0 0 25px transparent
    }

    100% {
        /* transform: scale(1.1); */
        box-shadow: 0 0 0 0 transparent
    }
}

@-webkit-keyframes pulse-red {
    0% {
        /* transform: scale(1.1); */
        box-shadow: 0 0 0 0 hsla(43, 28%, 71%, 0.467)
    }

    70% {
        /* transform: scale(1.5); */
        box-shadow: 0 0 0 25px transparent
    }

    100% {
        /* transform: scale(1.1); */
        box-shadow: 0 0 0 0 transparent
    }
}

.serch-border {
    border-radius: 5px;
    overflow: hidden;

}

.serchbar-box {
    background: #ffffff33;
    padding: 20px;
    -webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 40px rgb(0 0 0 / 15%);
    border-radius: 5px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);

}

.serchbar-main {
    position: absolute;
    z-index: 8;
    width: 100%;
    top: 68%;
    transform: translateY(-50%);
}

.serchbar-main h5 {
    font-size: 14px;
    letter-spacing: 5px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
    position: relative;
    top: -70px;
}

.serchbar-box input,
.serchbar-box textarea,
.serchbar-box select {
    height: 60px !important;
    border-right: solid 1px #c9c9c9c4 !important;
    border-color: #d8d8d8 !important;
    border: 0;
    border-radius: 0 !important;
    box-shadow: unset;
    font-size: 16px;
    padding-left: 25px;
}

button.btn.serchbtn {
    background: #f37720;
    color: #fff;
    text-transform: uppercase;
    width: 200px;
    flex-shrink: 0;
}

button.btn.serchbtn:hover {
    background: #051036;
}

button.btn.serchbtn img {
    width: 16px;
    margin-right: 2px;
}

.serchbar-box .btn {
    width: 100%;
}

/*banner boock form End*/

/*service box start*/
.servicesecti {
    padding: 50px 0 20px 0;
}

.turbox {
    width: 100%;
    height: 300px;
    position: relative;
    margin-bottom: 30px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 40px rgb(0 0 0 / 15%);
    overflow: hidden;
    display: block;
}

.turbox:hover {
    /*-webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);*/
    -webkit-box-shadow: 0 22px 40px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 22px 40px rgb(0 0 0 / 15%);
}

.turbox img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 3s;
}

.turbox:hover img {
    transform: scale(1.2) rotate(5deg);

}

.bknow {
    opacity: 0;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
    -webkit-transition: 500ms ease all;
    -moz-transition: 500ms ease all;
    transition: 500ms ease all;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0;
    padding: 12px 25px;
    border-radius: 5px;
    font-size: 13px;
    text-transform: uppercase;
    background: #fdbc3a7d !important;
    border: solid 1px #fdbc3a;
}

.bknow:hover {
    background: #fdbc3a !important;
}

.text-btn {
    margin-top: 30px;
}

.turbox:hover .text-ser .text-btn .comon-btn {

    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    transition-delay: 300ms;
    opacity: 1;
}

.text-ser {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000006b;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 30px;
}

.text-ser h3 {
    font-size: 22px;
    font-weight: 600;
    transition: transform .2s;
    font-family: 'Courgette', cursive;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.servicebg h3 {
    font-weight: 800;
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 0px;
}

.servicebg h3 span {
    color: #f9a900;
    font-weight: 800;
}

.servicebg h3 strong {
    color: #ff5a00;
    font-size: 60px;
    font-weight: 800;
}

/*service box End*/

/*about start*/
.about-mian p {
    font-size: 16px;
    font-weight: 500;
    color: #141414;
}

.service-styker {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.service-styker img {
    width: 120px;
    border: solid 1px #112fa0;
    border-radius: 5px;
}

.service-styker ul li {
    display: inline-block;
    margin: 0 5px;
}

/*about section end*/
/*service start*/
.servicebg {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
}

.servicebg .section-title {
    margin-bottom: 0;
}

.servicebg .section-title h2 {
    margin-bottom: 0;
    color: #fff;
}

.service-box {
    border: 1px solid #dce0e0;
    border-radius: 5px;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    overflow: hidden;
    border-radius: 6px;
    margin-bottom: 30px;
}

.service-box h3 {
    font-size: 17px;
    color: #2d2d2d;
    margin-bottom: 6px;
    font-weight: 600;
}

.service-box h4 {
    font-size: 14px;
    font-weight: 500;
}

.service-box p {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.srimg {
    position: relative;
    height: 200px;
    display: block;
}

.srimg img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.rate {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    text-transform: uppercase;
}

.service-dtls {
    padding: 14px 10px;
    background: #fff;
}

.service-dtls p {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rating,
.time {
    font-size: 12px;
}

.rating span,
.time span {
    font-weight: 500;
    margin-left: 5px;
}

.rating i,
.time i {
    color: #1c58f6;
}


.service-box:hover {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-box-shadow: 0 22px 40px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 22px 40px rgb(0 0 0 / 15%);
}

.normal-price {
    font-weight: 400;
    margin-right: 5px;
    text-decoration: line-through;
    opacity: 0.8;
    font-size: 13px;
}

.heigt h2 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 30px;
}

/*Testymonial Start*/
.testybtm {
    margin-bottom: 40px;
}

.testibox {
    box-shadow: 5px 5px 7px 0px rgb(0 0 0 / 10%);
    border: solid 1px #f1f1f1;
    border-radius: 5px;
    margin: 10px;
    padding: 30px;
    text-align: center;
    background: #fff;
}

.testyuser {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 50%;
    border: solid 1px #eeeeee;
    margin-bottom: 15px;
}

.testibox p {
    color: #222222;
    font-style: italic;
    margin-bottom: 20px;
    line-height: 22px;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 13px;
}

.testibox h5 {
    font-size: 16px;
    font-weight: 600;
}

.testibox h6 {
    font-size: 12px;
    font-weight: 600;
}

.testibox h6 a {
    color: #112fa0;
}

/*photos gallery start*/
.gallerygap {
    padding: 50px 0 20px 0;
}

.post-box {
    display: block;
    margin-bottom: 30px;
    background: #fff;
    box-shadow: 0px 0px 4px 0px hsl(99deg 57% 43% / 27%);
}

.post-box:hover .photo-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.photo-item {
    position: relative;
    transition: .5s ease-in-out;
}

/*.photo-item:hover::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000061;
    z-index: 99;
    transition: .5s ease-in-out;
}*/
.photo-img {
    overflow: hidden;
    background-color: #f5f5f5;
    display: block;
    cursor: pointer;
}

.photo-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .5s ease-in-out;
    width: 100%;
}

.photo-img img {
    height: 350px;
    object-fit: cover;
}

.photo-date {
    color: #fff;
    position: absolute;
    z-index: 99;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, .65) 60%, rgba(0, 0, 0, .65) 100%);
    display: flex;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
    -webkit-transition: 300ms ease all;
    -moz-transition: 300ms ease all;
    transition: 300ms ease all;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0;
}

.photo-date span {
    color: #000;
}

.photo-icon {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*background: #ffffff94;*/
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: center;
    border-radius: 50%;

}

.photo-icon img {
    width: auto;
    height: auto;
}

.photo-icon i {
    line-height: 70px;
    font-size: 30px;
    color: #2848c1;
}

.post-box:hover .photo-date {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    transition-delay: 300ms;
}

.gallery .post-box {
    margin: 5px;
    margin-bottom: 5px;
}

/*photos gallery end*/


footer {
    background: #11153f;
    color: #fff;
}

footer p {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
}

.footer-main {
    padding: 60px 0;
}

.footer-main h4 {
    font-size: 16px;
    margin-bottom: 16px;
    font-weight: 500;
}

.footer-btm {
    text-align: center;
    padding: 30px 0;
    background: #080c37;
}

.footer-btm p {
    margin-bottom: 0;
    font-weight: 400;
    color: #fff;
}

.fcontact {
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
}

.fcontact img {
    width: 25px;
    position: absolute;
    left: 0;
}

.fcontact h3 {
    font-size: 16px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-weight: 500;
}

.fcontact h5 {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
}

.sochalicon {
    margin-top: 15px;
}

.sochalicon ul li {
    display: inline-block;
    padding: 0 6px;
    text-align: center;
}

.sochalicon ul li a {
    width: 40px;
    height: 40px;
    border: solid 1px #fff;
    display: inherit;
    line-height: 40px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
}

.sochalicon ul li a:hover {
    background: #fff;
    color: #112fa0;
}

@-webkit-keyframes zoom {
    1% {
        -webkit-transform: scale(1, 1);
    }

    50% {
        -webkit-transform: scale(1.5, 1.5);
    }

    100% {
        -webkit-transform: scale(1, 1);
    }
}

@keyframes zoom {
    1% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

.about-text {
    max-width: 695px;
    width: 100%;
    padding-left: 75px;
    padding-right: 75px;
}

.about-text p {
    font-size: 14px;
    color: #565656;
    line-height: 25px;
}

.footerfirst h4 {
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 1;
    font-weight: 700;
}

.footerfirst h4 span {
    color: #f37720;
}


/*===========================Contact Page Section===========================*/

.contact-page-section {
    position: relative;
    padding: 50px 0 30px 0;
}

.contact-page-section .pattern-layer-three {
    position: absolute;
    left: 10%;
    top: 55%;
    width: 45px;
    height: 43px;
    background-repeat: no-repeat;
}

.contact-page-section .info-column {
    position: relative;
    margin-bottom: 30px;
}

.contact-page-section .info-column .inner-column {
    position: relative;
}


.contact-page-section .info-column h2 {
    position: relative;
    color: #06142d;
    font-weight: 700;
    line-height: 1.2em;
    font-size: 36px;
    margin-top: 20px;
    margin-bottom: 22px;
}

.contact-page-section .info-column .text {
    position: relative;
    color: #181818;
    font-size: 14px;
    line-height: 1.7em;
    margin-bottom: 18px;
    font-weight: 500;
}

.contact-page-section .info-column ul {
    position: relative;
}

.contact-page-section .info-column ul li {
    position: relative;
    color: #06142d;
    font-size: 14px;
    line-height: 1.7em;
    margin-bottom: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    padding-left: 44px;
}

.contact-page-section .info-column ul li i {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 25px;
    color: #f37720;
}

.contact-page-section .info-column ul li span {
    position: relative;
    display: block;
    color: #000;
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
}

.contact-page-section .form-column {
    position: relative;
    margin-bottom: 30px;
}

.contact-page-section .form-column .inner-column {
    position: relative;
    padding: 40px 35px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 40px rgb(0 0 0 / 15%);
    border-radius: 5px;
}

.contact-page-section .form-column .circle-layer {
    position: absolute;
    left: -130px;
    bottom: -60px;
    width: 565px;
    height: 565px;
    z-index: -1;
    border-radius: 50%;
    background-color: #fff7f0;
}

.contact-page-section .form-column .pattern-layer-one {
    position: absolute;
    right: -40px;
    top: -25px;
    width: 106px;
    height: 70px;
    z-index: -1;
    background-repeat: no-repeat;
}

.contact-page-section .form-column .pattern-layer-two {
    position: absolute;
    left: -50px;
    bottom: -25px;
    width: 106px;
    height: 153px;
    z-index: -1;
    background-repeat: no-repeat;
}

.contact-page-section .form-column h2 {
    position: relative;
    color: #06142d;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

.contact-page-section .form-column h2:before {
    position: absolute;
    content: '';
    right: 20px;
    top: 0px;
    width: 91px;
    height: 38px;
    background: url(images/icons/contact-arrow.png);
}

.contact-page-section .form-column .text {
    position: relative;
    color: #181818;
    font-size: 14px;
    line-height: 1.8em;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 30px;
    font-weight: 500;
}

/*===========================Contact Page End===========================*/


/*blog*/
.post-main {
    background-color: #f5f5f5;
}

.post-item {
    position: relative;
}

.post-img {
    overflow: hidden;
    background-color: #f5f5f5;
    min-height: 57px;
    display: block;
    cursor: pointer;

}

.post-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .5s ease-in-out;
    width: 100%;
    margin-bottom: 0;
    height: 250px;
    object-fit: cover;
}

.blog-box {
    display: block;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E9E9E9;
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
    position: relative;
}

.blog-box:hover .post-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.post-date {
    color: #333;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 8px;
}

.post-date span {
    color: #acacac;
    font-size: 14px;
    font-weight: 400;
}

.post-text {
    padding: 18px;

}

.post-text h4 {
    font-size: 18px;
    color: #333;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 8px;
}

.post-text p {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    font-family: 'Montserrat';
}

.btn-viewmore {
    background: #1690f0;
    color: #fff;
    font-size: 14px;
}

.btn-viewmore:hover {
    background: #333;
    color: #fff;
}

/*blog end*/
.contact-parallax {
    padding: 150px 0 !important;
}

.miancontact {
    display: block;
    padding: 40px 30px;
    border: solid 1px #f37720;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}

.miancontact:hover {
    background: #ffffff36;
}

.conbox {
    position: relative;
    padding-left: 80px;
    text-align: left;
    display: inline-block;
}

.conbox p {
    color: #fff;
}

.epw-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #f37720;
    border-radius: 50%;
    left: 0;
    text-align: center;
}

.epw-icon i {
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: #fff;
}

.conbox h4 {
    font-size: 20px;
    color: #fff;
}

.conbox p {
    font-size: 16px;
}


/*---------service boxces section-----------*/

.car-service-box {
    padding: 20px 30px;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E9E9E9;
    border-radius: 5px 5px 5px 5px;
    margin: 14px 7px;
    background-color: #fff;
    text-align: center;
}

.ptop-service {
    padding-top: 50px;
}

.icon-box {
    width: 100px;
    height: 100px;
    padding: 8px;
    background: #eef8fd;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.car-service-box h3 {
    font-size: 16px;
    color: #0045ff;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.car-service-box p {
    font-size: 14px;
    line-height: 20px;
}

.fortun-main {
    padding: 50px 40px 50px 40px;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E9E9E9;
    border-radius: 5px 5px 5px 5px;
    margin: 14px 7px;
    background-color: #fff;
}


/*---------service boxces section end-----------*/

/*datepiker*/
@use postcss-cssnext;

/* helpers/align.css */

.align {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* layout/base.css */

* {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    height: 100%;
}



/* modules/button.css */

button {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    font: inherit;
    margin: 0;
    padding: 0;
}

/* modules/table.css */

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

/* vendor/ui-datepicker.css */

.ui-datepicker {
    background-color: #fff;
    box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
    display: none;
    padding: 1em;
}

.ui-datepicker-calendar a {
    color: inherit;
    text-decoration: none;
}

.ui-datepicker-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker-next {
    order: 1;
}

.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
    background-image: url("https://cdn.rawgit.com/marcobiedermann/playground/3027274a/ui/datepicker/jquery-ui-datepicker/dist/assets/images/datepicker-arrows.svg");
    background-repeat: no-repeat;
    background-size: 300%;
    display: inline-block;
    height: 1em;
    overflow: hidden;
    text-indent: -999px;
    width: 1em;
}

.ui-datepicker-prev:hover .ui-icon-circle-triangle-w {
    background-position: -1em 0;
}

.ui-datepicker-prev.ui-state-disabled .ui-icon-circle-triangle-w {
    background-position: -2em 0;
}

.ui-datepicker-next .ui-icon-circle-triangle-e {
    background-position: 0 -1em;
}

.ui-datepicker-next:hover .ui-icon-circle-triangle-e {
    background-position: -1em -1em;
}

.ui-datepicker-nextui-state-disabled .ui-icon-circle-triangle-e {
    background-position: -2em -1em;
}

.ui-datepicker-title {
    font-size: 1rem;
    font-weight: 700;
}

.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
    text-align: center;
}

.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
    background-color: #f6f6f6;
    display: block;
    padding: 0.5em 1em;
}

.ui-datepicker-calendar .ui-datepicker-unselectable {
    color: #c8c8ca;
}

.ui-datepicker-calendar .ui-datepicker-today a,
.ui-datepicker-calendar .ui-datepicker-today span {
    color: #bed62f;
    font-weight: 700;
}

.ui-datepicker-calendar .ui-datepicker-current-day a {
    background-color: #bed62f;
    color: #fff;
    font-weight: 700;
}

.ui-datepicker-buttonpane {
    margin-top: 1em;
}

.ui-datepicker-buttonpane button {
    background-color: #484a4e;
    color: #fff;
    font-size: 0.75rem;
    padding: 0.25em 0.5em;
}

.ui-datepicker-buttonpane button+button {
    margin-left: 0.5em;
}




/*date piker end*/


/*nav-tabs*/

#services .nav.nav-pills {
    justify-content: center;
}

#services .nav-link {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    border: solid 1px #f1f1f1;
    text-transform: uppercase;
    border-radius: 20px 0;
    background: #ffffff;
    position: relative;
    box-shadow: 0px 5px 24px rgb(34 34 34 / 10%);
    padding: 11px 24px;
}

#services .nav-pills li.nav-item {
    margin: 0 8px;
}

#services .nav-pills .nav-link.active {
    color: #000;
    background: #ffffff;
    border-color: transparent;
    border-bottom: 2px solid #ff5a00;
    border-radius: 0 20px;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
}


#services .nav-pills .nav-link.active::after {
    content: '';
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ff5a00;
    position: absolute;
    transform: translateY(10px) translateX(-50%);
    left: 50%;
    bottom: -1px;
}

#services .nav-pills .nav-link.active::after {
    opacity: 1;
}

#services .tab-content {
    padding: 30px;
    border-radius: 6px;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E9E9E9;
    background: #fff;

}

#services .tab-content h2 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #127cc3;
}

#services .tab-content img {
    border-radius: 0 25px;
}


/*nav-tabs end*/


.tourdetailsmain:nth-child(odd) {
    background: #fff;
}

.tourdetailsmain:nth-child(even) {
    background: #f3f6ff;
}



.hotel-box {
    padding: 0px;
    border: 1px solid #e6e6e6;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
    margin-bottom: 20px;
    border-radius: 5px;
    background: #fff;
    font-family: 'Montserrat', sans-serif;
    overflow: hidden;
    display: flex;
    width: 100%;
    transition: 0.5s;
    position: relative;
}

.hotel-box:hover {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-box-shadow: 0 22px 40px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 22px 40px rgb(0 0 0 / 15%);
}

.tour-price {
    position: absolute;
    top: 30px;
    left: -55px;
    background: #28a745;
    padding: 7px 12px 7px 16px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    width: 200px;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    z-index: 8;
    border-radius: 0 5px 5px 0;
    font-family: 'Jost', sans-serif;
    transform: rotate(-45deg);
}

.tour-price.close-red {
    background-color: #ef1a45;
}

.hotel-box:hover .tour-price {
    /* left: 5px; */
    /* -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); */
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
}

.hotelimg {
    width: 400px;
    height: 300px;
    flex-shrink: 0;
    overflow: hidden;
}

.hotelimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hotel-box:hover .hotelimg img {
    transform: scale(1.1);
}

.hotel-content {
    padding: 15px;
    position: relative;
    width: 100%;
}

.calc-height {
    height: calc(100% - 60px);
}


.hotel-content h3 {
    font-size: 22px;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 12px;
    font-weight: 500;
}

.hotel-content h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
}

.hotel-content h4 img {
    width: 26px;
    margin-right: 4px;
    position: relative;
    top: -3px;

}

.hotel-content h4 i {
    font-size: 18px;
    margin-right: 5px;
    color: #f37720;
}

.hotel-content p {
    font-family: 'Montserrat', sans-serif;
}

.hotel-content ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    margin-top: 15px;
}

.hotel-content ul li {
    padding: 6px 8px;
    margin: 3px;
    border-radius: 5px;
    font-size: 13px;
    color: #11153fe0;
    font-weight: 500;
    border: solid 1px #c8c8c8ba;
    transition: 0.5s;
}

.hotel-content ul li:hover {
    color: #051036;
    background-color: #dededeba;
}



.btn.Booknow {
    border-radius: 4px;
    padding: 8px 20px;
    display: inline-block;
    font-size: 13px;
    line-height: 28px;
    background-color: transparent;
    font-family: 'Jost', sans-serif;
    min-width: 140px;
    background: #f37720;
    color: #fff;
    min-width: 150px;
    text-transform: uppercase;
}

.btn.Booknow img {
    width: 20px;
    position: relative;
    top: -2px;
    margin-left: 5px;
    transition: all 0.5s ease;
}

.btn.Booknow:hover {
    background-color: #11153f;
}






.offerbaner .item img {
    height: 357px;
    width: 100%;
}

.offerbaner .owl-dots {
    top: 50%;
    position: absolute;
    left: 40px;
    transform: translateY(-50%);
}

.offerbaner .owl-dots .owl-dot {
    display: block;
}

.offerbaner .owl-dots .owl-dot span {
    margin: 10px 7px;
}

.offermain .service-box {
    height: 357px;
    border-radius: 0;
}

.offermain .service-box:hover {
    margin: 0;
    transform: unset;
    box-shadow: unset;
}



/*button style*/
.btn-overlay {
    border: none;
    display: block;
    width: 300px;
    padding: 12px 15px;
    color: #f5f5f5;
    font-size: 14px !important;
    margin-bottom: 0px;
    transform-style: preserve-3d;
    cursor: pointer;
    border-radius: 25px;
    box-shadow: 0px 5px 24px rgba(34, 34, 34, 0.3);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Lato", sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;

}

.btn-overlay:focus {
    outline: none;
}


.btn-overlay {
    position: relative;
    overflow: hidden;
    /*background: rgb(75 158 7);*/
    /*background: linear-gradient(113deg, rgb(181 217 41) 0%, rgb(68 152 1) 100%);*/
    background: #2196f3;
    background: linear-gradient(113deg, rgb(63 110 218) 0%, #2196f3 100%);
    text-align: center;
}

.btn-overlay:after {
    content: "";
    position: absolute;
    width: 115%;
    height: 200px;
    background: #ff5a00;
    transform: translateY(-45%) skew(25deg) scale(0);
    left: -5%;
    transition: 200ms ease-in-out;
}

.btn-overlay:hover:after {
    transform: translateY(-45%) skew(25deg) scale(1);
}

.btn-overlay:hover {
    color: #fff;
}

.btn-overlay span {
    position: relative;
    z-index: 1;
}

/**/
.btn-boder {
    border: none;
    display: block;
    width: 120px;
    padding: 11px 15px;
    color: #f5f5f5;
    font-size: 12px !important;
    margin-bottom: 0px;
    transform-style: preserve-3d;
    cursor: pointer;
    border-radius: 25px;
    box-shadow: 0px 5px 24px rgba(34, 34, 34, 0.3);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Lato", sans-serif;
    font-size: 1.3em;
    font-weight: 400;

}

.btn-boder:focus {
    outline: none;
}

.btn-boder {
    position: relative;
    overflow: hidden;
    background: #8bc34a00;
    background: #2196f3;
    background: linear-gradient(113deg, rgb(63 110 218) 0%, #2196f3 100%);
    text-align: center;
}

.btn-boder:hover {
    color: #fff;
}

.btn-boder:after {
    content: "";
    position: absolute;
    width: 115%;
    height: 200px;
    background: #92b800;
    transform: translateY(-45%) skew(25deg) scale(0);
    left: -5%;
    transition: 200ms ease-in-out;
}

.btn-boder:hover:after {
    transform: translateY(-45%) skew(25deg) scale(1);
}

.btn-boder span {
    position: relative;
    z-index: 1;
}

/*----*/
.btn-vewmore {
    border: none;
    display: block;
    width: 150px;
    padding: 11px 15px;
    color: #f5f5f5;
    font-size: 12px !important;
    margin-bottom: 0px;
    transform-style: preserve-3d;
    cursor: pointer;
    border-radius: 25px;
    box-shadow: 0px 5px 24px rgba(34, 34, 34, 0.3);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Lato", sans-serif;
    font-size: 1.3em;
    font-weight: 400;

}

.btn-vewmore:focus {
    outline: none;
}

.btn-vewmore {
    position: relative;
    overflow: hidden;
    background: #8bc34a00;
    background: #2196f3;
    background: linear-gradient(113deg, rgb(63 110 218) 0%, #2196f3 100%);
}

.btn-vewmore:after {
    content: "";
    position: absolute;
    width: 115%;
    height: 200px;
    background: yellowgreen;
    transform: translateY(-45%) skew(25deg) scale(0);
    left: -5%;
    transition: 200ms ease-in-out;
}

.btn-vewmore:hover:after {
    transform: translateY(-45%) skew(25deg) scale(1);
}

.btn-vewmore span {
    position: relative;
    z-index: 1;
}

/**/
.btn-bluebtn {
    border: none;
    display: block;
    padding: 12px 25px;
    color: #f5f5f5;
    font-size: 14px !important;
    margin-bottom: 0px;
    transform-style: preserve-3d;
    cursor: pointer;
    border-radius: 25px;
    box-shadow: 0px 5px 24px rgba(34, 34, 34, 0.3);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Lato", sans-serif;
    font-size: 1.3em;
    font-weight: 400;

}

.btn-bluebtn:focus {
    outline: none;
}


.btn-bluebtn {
    position: relative;
    overflow: hidden;
    background: #2196f3;
    background: linear-gradient(113deg, rgb(63 110 218) 0%, #2196f3 100%);
    text-align: center;
}

.btn-bluebtn:after {
    content: "";
    position: absolute;
    width: 115%;
    height: 200px;
    background: yellowgreen;
    transform: translateY(-45%) skew(25deg) scale(0);
    left: -5%;
    transition: 200ms ease-in-out;
}

.btn-bluebtn:hover:after {
    transform: translateY(-45%) skew(25deg) scale(1);
}

.btn-bluebtn span {
    position: relative;
    z-index: 1;
}

/*button style end*/

.offerbtn img {
    height: 60px;
}

.right-menu {
    margin-left: auto;
    margin-right: 50px;
}


.ofbnr {
    height: 357px;
    width: 100%;
    object-fit: cover;
}

.bookhomestay .tour-price {
    background: #f9a900e3;
}

.booksectionbg {
    background: #f3f6ff;
}

.bookhomestay .service-box {
    margin: 10px;
}

.bookhomestay .service-box:hover {
    box-shadow: 2px 1px 6px rgb(0 0 0 / 15%);
}

.bgdark {
    background: #000000a6;
}

.bgdark .section-title h2 {
    color: #fff;
    font-family: 'Courgette', cursive;
    font-size: 45px;
    background: -webkit-linear-gradient(45deg, #ef1a45, #f9a900 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
}

.offer-text {
    max-width: 695px;
    width: 100%;
    padding: 100px 75px;
}

.offer-text p {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
}

.offer-text .section-title h5 {
    color: #fff;
}

.bgbackg {
    background-size: cover;
    object-position: center;
}

.offer-text ul {
    margin-bottom: 15px;
}

.offer-text ul li {
    position: relative;
    margin-bottom: 10px;
    color: #fff;
    padding-left: 28px;
}

.offer-text ul li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    color: #ff530f;
    font-size: 16px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    position: absolute;
}

/* tour details sm */
.tour-box {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 5px;
}

.tour-box .tour-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: 0.5s;
}

.tour-box:hover .tour-img {
    transform: scale(1.15);
}

.tour-dtls {
    color: #fff;
    padding: 25px 20px;
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: left;
    z-index: 20;
    height: auto;
    box-sizing: border-box;
    background: -moz-linear-gradient(top, transparent 0, rgba(15, 36, 84, .1) 2%, rgba(15, 36, 84, .75) 90%);
    background: -webkit-linear-gradient(top, transparent 0, rgba(15, 36, 84, .01) 2%, rgba(15, 36, 84, .75) 90%);
    background: linear-gradient(to bottom, transparent 0, rgba(15, 36, 84, .01) 2%, rgba(15, 36, 84, .75) 90%);
    transition: 0.5s;
}

.tour-box:hover .tour-dtls {
    bottom: 0;
}

.tour-dtls h3 {
    position: relative;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-left: 40px;
}

.tour-dtls h3::after {
    content: "";
    width: 120px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 5px;
    border-bottom: solid 1px #fff;
    transition: 1s;
}

.tour-box:hover .tour-dtls h3::after {
    width: 100%;
}

.tour-dtls h3 img {
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
}

a.click-to-whatsapp {
    position: fixed;
    max-width: 70px;
    left: 30px;
    bottom: 30px;
    z-index: 8;
    background: #00a85aa1;
    padding: 17px;
    border-radius: 50%;
    border: 2px solid #00a859;
    animation: 1s ease-out 0s 1 slideInFromLeft;
}

.click-to-whatsapp img {
    filter: brightness(0) invert(1);
    max-width: 28px;
}

a.explore-btn:hover {
    color: #f37720;
}


/*backto-top*/

#backto-top {
    display: inline-block;
    border: solid 1px #e39b02;
    background: #f37720;
    width: 62px;
    height: 62px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 8;
    text-align: center;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 24%);
}



#backto-top i {
    color: #fff;
    line-height: 50px;
    font-size: 32px;
    position: relative;
    bottom: -4px;
}

#backto-top:hover {
    cursor: pointer;
    background-color: #f37820;
}

#backto-top:active {
    background-color: #f37720d1;
}

#backto-top.show {
    opacity: 1;
    visibility: visible;
}

/*backto-top end*/


/* hotel Details */
.details-menu {
    position: relative;
    background: #11153f;
}

.hoteldetails-box {
    width: 100%;
    height: 350px;
    display: block;
    overflow: hidden;
    cursor: zoom-in;
}

.hoteldetails-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hoteldetails-box:hover img {
    scale: 1.1;
}

.hoteldetails.navowl .owl-prev {
    left: 150px;
    opacity: 0;
    transition: 0.5s;
}

.hoteldetails.navowl .owl-next {
    right: 150px;
    opacity: 0;
    transition: 0.5s;
}

.hoteldetails.navowl:hover .owl-prev {
    left: 140px;
    opacity: 1;
}

.hoteldetails.navowl:hover .owl-next {
    right: 140px;
    opacity: 1;
}

.hotel-details h1 {
    font-size: 35px;
    color: #000;
    margin-bottom: 12px;
    font-weight: 500;
}

.hotel-details h3 {
    font-size: 30px;
    color: #000;
    margin-bottom: 12px;
    font-weight: 500;
}

.hotel-details h4 {
    font-size: 16px;
    color: #f37720;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 12px;
    font-weight: 500;
    line-height: 1.5;
}

.describshon {
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 30px;
    padding-bottom: 30px;
    height: 200px;
    overflow: hidden;
    position: relative;
    transition: 0.5s;
}

.describshon::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 180px;
    display: block;
    background: linear-gradient(rgba(255, 255, 255, 0), #fff 88%);
    z-index: 9;
    opacity: 1;
    visibility: visible;
    transition: .8s;
}

.describshon.myshowdiv {
    height: auto;
}

.describshon.myshowdiv::after {
    opacity: 0;
}

.home-stay {
    padding: 35px 30px;
    background: #fff;
    color: #11153f;
    border-radius: 5px;
    margin-bottom: 30px;
    border: 1px solid #e6e6e6;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
}

.home-stay input {
    border: solid 1px #c1c1c1 !important;
    height: 50px !important;
    padding-left: 40px;
    position: relative;
    background-image: url(../images/schedule.png);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 8px center;
    font-size: 15px;
}

.home-stay h2 {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 600;
}

.styke-section {
    position: sticky;
    top: 100px;
}

.accordion>.card {
    margin-bottom: 20px;
    border: 0px solid #e6e6e6;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
    border-left: solid 2px #f37720;
}

.accordion>.card>.card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: 0;

}

.accordion>.card>.card-header button {
    padding: 16px 15px;
    background-color: transparent;
    color: #051036;
    text-decoration: none;
    font-size: 17px;
    background-position: 19px center;
    background-repeat: no-repeat;
    background-size: 23px;
    position: relative;
}



.accordion>.card>.card-header button .iconac {
    width: 40px;
    height: 40px;
    padding: 5px;
    background-size: contain;
    position: relative;
    margin-right: 10px;
    display: inline-block;
}

.accordion>.card>.card-header button .iconac img {
    position: relative;
    z-index: 8;
}

.accordion>.card>.card-header button::before {
    content: "";
    position: absolute;
    background: url(../images/down-arrow.png) no-repeat center;
    width: 35px;
    height: 35px;
    background-size: 26px;
    right: 15px;
    top: 18px;
    transition: 1s;
}

.accordion>.card>.card-header button[aria-expanded="true"]::before {
    transform: rotate(540deg);
}

.accordion>.card>.card-header button .iconac::after {
    content: "";
    width: 40px;
    height: 40px;
    background: #f377203b;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.accordion>.card>.card-header button::after {
    content: "";
    width: calc(0% - 30px);
    left: 0px;
    bottom: 0;
    height: 1px;
    position: absolute;
    background-color: #f37720;
    left: 15px;
    transition: 1s;
}

.accordion>.card>.card-header button[aria-expanded="true"]::after {
    width: calc(100% - 30px);
}

.accordion>.card .card-body {
    padding-top: 10px;
}

.accordion .card .card-body h4 {
    font-size: 16px;
    text-transform: unset;
    margin-bottom: 5px;
    font-family: 'Jost', sans-serif;
}

.accordion .card .card-body p {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}

.showmore-btn {
    background-color: #fce0cb7d;
    color: #000;
    padding: 6px 15px;
    border-radius: 5px;
    font-size: 13px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 998;
    border: solid 1px #ffbe8d;
}

.showmore-btn:hover {
    background-color: #f37720;
    color: #fff;
}

.video-tam {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 30px;

}

.video-tam img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background: radial-gradient(var(--danger), #ce242480);
    text-align: center;
    line-height: 70px;
    border-radius: 50%;
    color: #fff;
    font-size: 34px;
    /* animation: pulse-red 2s infinite; */
    animation: playbtn-pop 1.5s infinite;
}

@keyframes playbtn-pop {
    0% {
        box-shadow: 0 0 0 0 #dc3545;
    }

    70% {
        box-shadow: 0 0 0 5px transparent;
    }

    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}

@-webkit-keyframes playbtn-pop {
    0% {
        box-shadow: 0 0 0 0 #dc3545;
    }

    70% {
        box-shadow: 0 0 0 5px transparent;
    }

    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}

.title-video {
    font-size: 26px;
    color: #000;
    margin-bottom: 12px;
    font-weight: 500;
}

/* hotel details page end */

.nodata-block {
    text-align: center;
    padding: 8rem 0;
    opacity: 0.6;
}

.nodata-block img {
    max-width: 250px;
    margin-bottom: 10px;
}

.nodata-block .text-head {
    font-size: 2.5rem;
    text-transform: uppercase;
    color: #11153f;
}


/* radio */

/* The container */
.sm-radio {
    position: relative;
    padding-left: 50px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-select: none;
    width: 100%;
    height: 55px;
    border: solid 1px #e6e6e6a8;
    border-radius: 5px;
    display: flex;
    align-items: center;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
    text-transform: uppercase;
    background: #fff url(../images/secure-payment.png) no-repeat;
    background-size: 30px;
    color: #11153f;
    background-position: right 14px center;
    overflow: hidden;
}

.sm-radio h3 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0;
    color: #11153f;
}

/* Hide the browser's default radio button */
.sm-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.sm-radio .checkmark {
    position: absolute;
    height: 22px;
    width: 22px;
    background-color: #eee0;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    border: solid 1px var(--red);
}

/* On mouse-over, add a grey background color */
.sm-radio:hover input~.checkmark {
    background-color: transparent;
    border: solid 1px var(--teal);
    transition: 0.5s;
}

/* When the radio button is checked, add a blue background */
.sm-radio input:checked~.checkmark {
    background-color: transparent;
    border: solid 1px var(--teal);
    transition: 0.5s;
}

.sm-radio input~.background-bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: #f4782126;
    transition: 0.2s;
}

.sm-radio input:checked~.background-bg {
    width: 100%;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.sm-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.sm-radio input:checked~.checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.sm-radio .checkmark:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--teal);
    transition: 0.5s;
}




.booking-details {
    padding: 30px;
    border: 1px solid #e6e6e6;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
    margin-bottom: 20px;
    border-radius: 5px;
    background: #fff;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    transition: 0.5s;
    position: relative;
    margin-bottom: 15px;
}

.booking-details h1,
.booking-details h2 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.iconimg {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: #fdebde;
    border-radius: 50%;
    flex-shrink: 0;
    text-align: center;
    line-height: 38px;
}

.iconimg img {
    height: 26px;
    text-align: center;
}

.booking-details h1 span,
.booking-details h2 span {
    position: relative;
}

.booking-details h1 span::after,
.booking-details h2 span::after {
    content: "";
    width: 75px;
    height: 1px;
    background-color: orange;
    position: absolute;
    right: -79px;
    bottom: 40%;
    transform: translateY(-50%);
}
.booking-details ul{
    margin-bottom: 15px;
}
.castam-form .form-group {
    position: relative;
    margin-bottom: 30px;
}

.castam-form .form-group label {
    position: absolute;
    left: 14px;
    background-color: #fff;
    padding: 2px 10px;
    top: -12px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    color: #11153f;
}

.form-check.form-group label {
    top: 0;
    position: unset;
    cursor: pointer;
    font-size: 13px;
}

.form-check.form-group label i {
    color: #00a859;
    font-size: 18px;
    top: 3px;
    position: relative;
    margin-left: 4px;
}

.form-check.form-group input[type="radio"],
.form-check.form-group input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    position: relative;
    top: 4px;
}

.campimg {
    text-align: center;
    margin-bottom: 15px;
}

.campimg img {
    width: 240px;
}

.date-details {
    margin-bottom: 18px;
    font-size: 14px;
}

.booung-text h3 {
    font-size: 22px;
    font-weight: 500;
}

.date-details span {
    font-weight: 500;
}

.date-details b {
    color: #11153f;
}

.total-details {
    font-size: 18px;
}

.total-details p {
    font-size: 11px;
}

.total-details b {
    color: #11153f;
}

.total-details span {
    color: #f37720;
    font-weight: 500;
}

.discount span {
    color: #00a859;
}


/* modal start */

.modal-header {
    background: #fff;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #ffdec670;
}

.modal-title {
    font-size: 22px;
    font-weight: 500;
    color: #11153f;
}

.modal-header .close {
    padding: 0.8rem 1rem;
    outline: none;
}

.modal-header .close span {
    color: #f37720;
    background: #fdebde;
    font-weight: 400;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    line-height: 28px;
}

.modal-body {
    padding: 2.2rem 2rem 2rem 2rem;
    font-family: 'Montserrat', sans-serif;
}

.modal-body .form-group {
    position: relative;
    margin-bottom: 30px;
}

.modal-body .form-group label {
    position: absolute;
    left: 14px;
    background-color: #fff;
    padding: 2px 10px;
    top: -12px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    color: #11153f;
}

.modal-body .form-group input {
    background: #ffffff;
    font-size: 14px;
    padding: 8px 15px;
}

.modal-body .form-group textarea {
    background: #fff;
    border-radius: 0;
    font-size: 13px;
    height: 100px;
}

.modal-body button {
    border: 0;
    border-radius: 4px;
    width: 100%;
    padding: 10px 20px !important;
}

/* modal end */

.discound-cod {
    background-color: #e4e4e4;
    padding: 0px 5px;
    border-radius: 5px;
}

.discount-box {
    width: 150px;
    display: flex;
    align-items: center;
}

.discount-box {
    margin-bottom: 5px;
}

.discount-box .form-control {
    height: 35px !important;
    width: 115px;
    margin-right: 10px;
    flex-shrink: 0;
}

.discount-box button {
    background: #f37720;
    border-radius: 5px;
    padding: 7px 12px;
    color: #fff;
}

.cancel-details-box h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
}

.sticky {
    position: sticky;
    top: 100px;
}

button.discount-btn {
    width: 100%;
    background: #fff;
    border: 1px solid #e6e6e685;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
    border-radius: 5px;
    padding: 14px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    outline: none;
    position: relative;
}

button.discount-btn::after {
    content: "";
    background: #fdebde;
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    transition: 0.5s;
}

button.discount-btn:hover::after {
    width: 100%;
}

button.discount-btn img {
    height: 24px;
    z-index: 99;
    position: relative;
}

button.discount-btn span {
    font-size: 14px;
    margin-left: 15px;
    margin-right: 20px;
    font-weight: 600;
    z-index: 99;
    position: relative;
}

button.discount-btn i {
    margin-left: auto;
    font-size: 16px;
    color: #11153f;
    z-index: 99;
    position: relative;
}

.discound-fild .btn.Booknow {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    padding: 5px 22px !important;
    min-width: auto;
    letter-spacing: 1px;
}

.modal-body .form-group input {
    background: #ffffff;
    font-size: 12px;
    padding: 8px 15px;
    padding-right: 106px;
}

.coupondiv-height {
    max-height: 450px;
    overflow-y: auto;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.coupondiv img {
    width: 30px;
}

.coupondiv {
    padding: 15px;
    border: 1px solid #e6e6e685;
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
    border-radius: 5px;
    margin-bottom: 10px;
}

.codefooter .code {
    border: dashed 1px #f37720;
    border-radius: 6px;
    line-height: 24px;
    padding: 5px 10px;
    font-weight: 600;
}

button.applybtn {
    background: #ffff;
    font-size: 13px;
    padding: 5px 20px !important;
    width: auto;
    text-transform: uppercase;
    color: #f37720;
    font-weight: 500;
    border: solid 1px #f37720;
}

button.applybtn:hover {
    background: #f37720;
    color: #fff;
}

.coupondiv h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 3px;
}

.icon-img {
    flex-shrink: 0;
    margin-right: 10px;
}

/* select 2 design fixed form Start */
.select2-container .select2-selection--single {
    height: 50px;
    border-color: #ffb37dd4 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    font-size: 13px;
}

/* select 2 design fixed form End */


/* dashbord */

/* after login dropdown start*/
.afterloginbtn .userimg {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    border: solid 1px #11153f;
    margin-right: 5px;
}

.login-main .dropdown-menu {
    min-width: 12.7rem;
}

.login-main .dropdown-menu {
    padding: 5px;
    border: 0;
    box-shadow: 1px 1px 10px 0px rgb(0 0 0 / 16%);
    margin-top: 1px;
    border-radius: 5px;
}

.login-main .dropdown-menu .dropdown-item {
    padding: 10px 12px;
    font-size: 14px;
    border-radius: 5px;
    margin-bottom: 3px;
    color: #11153f;
}

.login-main .dropdown-menu .dropdown-item:hover,
.login-main .dropdown-menu .dropdown-item:focus {
    background: #fdebde;
    color: #000;
}

/* after login dropdown start*/

/* dahsbord left panel start */

.left-sidebar {
    padding-top: 110px;
    background: #414465;
    height: 100%;
    position: fixed;
    width: 18rem;
    top: 0px;
    z-index: 8;
    /* border-right: solid 0.063rem #000; */
}

button.left-expand {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #414465;
    right: -40px;
    font-size: 24px;
    line-height: 38px;
    color: #fff;
    border: 0 !important;
    outline: none;
    display: none;
}
button.left-expand i{
    line-height: 40px;
    color: #fff;
}

.navesidebar-heading {
    display: block;
    font-weight: 700;
    font-size: 0.875rem;
    padding: 0.625rem 0.938rem;
    background-color: #fff;
    border-top: solid 0.063rem #d3d3e5;
    border-bottom: solid 0.063rem #d3d3e5;
}

ul.leftmenubar {
    padding: 15px 10px;
}

.leftmenubar li a {
    font-size: 14px;
    display: block;
    padding: 12px 15px;
    position: relative;
    font-weight: 400;
    color: #fff;
    margin-bottom: 8px;
    background: #11153f;
    border-radius: 5px;
    text-transform: uppercase;
}

.leftmenubar li a i {
    margin-right: 5px;
    font-size: 14px;
}

.leftmenubar li a.active-left,
.leftmenubar li a:hover {
    background: #f37720;
    color: #fff;
}

/* dahsbord left panel End */

/* dahsbord Right panel start */

.page-wrapper {
    padding: 30px;
    padding-top: 7.5rem;
    margin-left: 18rem;
    height: 100%;
    background-color: #fbfbfb;
    min-height: 100vh;
}


.pagenation ul {
    margin: 0;
    padding: 0;
}

.pagenation ul li {
    margin-bottom: 0;
    font-size: 0.80rem;
    color: var(--color-gray-border);
    list-style: none;
    display: inline-block;
    padding: 0 15px;
    position: relative;
    font-family: var(--heading-font);
}

.pagenation ul li::before {
    content: "/";
    position: absolute;
    width: 13px;
    height: 13px;
    background-size: contain;
    left: -11px;
    top: 0px;
}

.pagenation ul li:first-child {
    padding-left: 0;
}

.pagenation ul li:first-child::before {
    content: none;
}

.pagenation ul li a {
    margin-bottom: 0;
    font-size: 0.80rem;
    color: var(--color-gray-border);
    list-style: none;
    display: inline-block;
}

.rightbar {
    font-size: 22px;
}


.trmain {
    margin-bottom: 15px;
}

.trmain h4 {
    font-family: 'Jost', sans-serif;
    font-weight: 600;
}

.rightpanel h4 {
    font-size: 20px;
    font-weight: 500;
    color: #333;
    margin-bottom: 25px;

}

.datelsbox {
    padding: 30px 20px;
    box-shadow: 0px 1px 3px #00000029;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 25px;
}

.icon-dash {
    width: 35px;
    height: 35px;
    background: #FFE9D8;
    border-radius: 50%;
    margin-bottom: 22px;
}

.icon-dash img {
    width: 30px;
    position: relative;
    top: 6px;
    left: 8px;
}

.datelsbox h5 {
    font-size: 22px;
    font-weight: 500;
    color: #333;
    line-height: 22px;
}

.deta-box {
    width: 110px;
    height: 110px;
    background: #f37413;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
}

.deta-box h3 {
    color: #fff;
    z-index: 99;
    position: relative;
    text-align: center;
    line-height: 110px;
    font-size: 24px;
    font-weight: 500;
}

.deta-box::after {
    content: "";
    width: 85px;
    height: 85px;
    box-shadow: 0px 2px 19px #f1f1f152;
    background: #f37413;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.tablewrap {
    box-shadow: 0px 1px 3px #00000029;
    border-radius: 4px;
    background: #fff;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 1.5rem;
    font-size: 12px;
    font-weight: 500;
}

.table th,
.table td {
    padding: 1rem 1rem;
    vertical-align: middle;
}

.btn.action-button {
    font-size: 12px;
    padding: 6px 10px;
}

.btn.action-button i {
    font-size: 12px;
    margin-right: 2px;
}

.border-header {
    border-bottom: solid 1px #d3d3e5;
    padding: 1rem;
}

.localfile-hader {
    display: flex;
    flex-wrap: wrap;
}

.localfile-hader h3 {
    font-size: 1rem;
}

.appui-cms {
    padding: 1rem;
}

.section-footer {
    padding: 1rem;
    border-top: solid 1px #d3d3e5;
}

.bookmark-div .tour-box {
    height: 300px;
}

.bookmark-btn {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    z-index: 99999999999999999;
    top: 8px;
    right: 8px;
    background: #f12b2bcc;
    color: white;

}

/* dahsbord Right panel start */


/* booking successful Start*/

.booking-successful-main {
    padding: 15px;
}

.booking-successful-main h1 {
    font-size: 22px;
    margin-bottom: 0;
}

.successful-img img {
    height: 40px;
}


.booking-paid {
    border: solid 2px;
    padding: 25px;
    border-radius: 8px;
}

.booking-paid h4 {
    font-size: 14px;
    margin-bottom: 11px;
    font-weight: 500;
}

.booking-paid h4 span {
    width: 150px;
    display: inline-block;
    font-weight: 500;
}

.booking-paid h3 {
    font-size: 16px;
    font-weight: 600;
}

.booking-paid h3 span {
    width: 150px;
    display: inline-block;
}

.booking-paid h4 b,
.booking-paid h3 b {
    margin-right: 5px;
}

.border-rightcess {
    padding-left: 50px;
    border-left: solid 2px;
}

.booking-paid.status-paymentfailed {}

.booking-paid.status-paymentinitiated,
.booking-paid.status-received {
    border-color: #faf7a9;
    background: #fff0cd;
}

.booking-successful-main .status-paymentinitiated h1,
.booking-successful-main .status-received h1 {
    color: #a89200;
}

.booking-successful-main .status-paymentinitiated .border-rightcess,
.booking-successful-main .status-received .border-rightcess {
    border-color: #fff79b;
}


.booking-paid.status-accepted {
    border-color: #a9fab9;
    background: #cdffd7;
}

.booking-successful-main .status-accepted h1 {
    color: #00a859;
}

.booking-successful-main .status-accepted .border-rightcess {
    border-color: #9bffd0;
}


.booking-paid.status-paymentfailed,
.booking-paid.status-cancelled {
    border-color: #faa9a9;
    background: #ffcdcd;
}

.booking-successful-main .status-paymentfailed h1,
.booking-successful-main .status-cancelled h1 {
    color: #a80000;
}

.booking-successful-main .status-paymentfailed .border-rightcess,
.booking-successful-main .status-cancelled .border-rightcess {
    border-color: #ff9b9b;
}


/*  */
.booking-address {
    display: flex;
    align-items: center;
    background: #f3f3f3;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 30px;
}


.img-fluid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.img-fluid {
    width: 200px;
    height: 120px;
    margin-right: 30px;
    flex-shrink: 0;
}

.booking-address-details h3 {
    font-size: 20px;
    line-height: 1;
}

.booking-address-details p {
    font-size: 12px;
    margin-bottom: 15px;
}

.rating {
    width: 300px;
}

.rating h5 {
    font-size: 16px;
    margin-bottom: 5px;
}

.rating ul {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

.rating ul li {
    display: inline-block;
    margin: 2px;
}

.rating ul li i {
    font-size: 16px;
    color: #f37720;
}


.checkincheckmain {
    padding: 25px;
    background: #fff;
    border-radius: 8px;
    border: dashed 2px #d0d0d0;
    min-height: 124px;
}

.checkincheckmain ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.checkincheckmain ul li {
    padding: 0 50px;
    width: 25%;
    position: relative;
}

.checkincheckmain ul li::after {
    content: "";
    width: 1px;
    height: 100px;
    border-right: dashed 2px #d0d0d0;
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.checkincheckmain ul li:first-child {
    /* padding-left: 0; */
    width: 50%;
}

.checkincheckmain ul li:last-child::after {
    border: 0;
}

.checkincheckmain ul li h4 {
    font-size: 13px;
    color: #6c6c6c;
    font-weight: 500;
    line-height: 1.4;
}

.checkincheckmain ul li h4 span {
    font-weight: 600;
}

.divsp {
    background: #e9e9e9;
    padding: 4px 10px;
    border-radius: 5px;
    text-transform: uppercase;
}

.checkincheckmain label {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
}

.checkin-out h4,
.checkin-out h5 {
    font-size: 15px !important;
    margin-bottom: 5px;
}

.checkin-out h4 strong {
    color: #000;
    padding: 0 5px;
}

.checkincheckmain h4 strong {
    font-weight: 500 !important;
    font-size: 14px;
}

.total-price {
    padding: 25px;
    background-color: #f3f3f3;
    border-radius: 8px;
}

.total-price h4 {
    font-size: 16px;
    font-weight: 600;
}

.total-price h3 {
    font-size: 18px;
    font-weight: 600;
}

.roomnams {
    background: #fff;
    padding: 20px 20px;
    border-radius: 6px;
    box-shadow: 0px 1px 3px #00000029;
    margin-bottom: 15px;

}

.left-room h2 {
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 500;
}

.left-room h4 {
    font-size: 12px;
    font-family: 'Montserrat';
    color: #6c6c6c;
}

.left-room-price {
    font-size: 18px;
    font-weight: 600;
}

.booking-successfully h3 {
    font-size: 26px;
    color: #00a859;
    font-weight: 500;
}

.booking-successfully p {
    font-size: 16px;
    font-weight: 400;
}

ul.booking-dtls li {
    padding: 0 25px !important;
}

ul.booking-dtls li label {
    font-weight: 600;
    text-transform: uppercase;
}

ul.booking-dtls li h4 {
    font-weight: 400;
    font-size: 14px;
}

.fav-switch {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1;
    padding: 7px;
    border-radius: 100%;
    line-height: 0;
    font-size: 1.5rem;
    color: #dc3545;
    outline: none !important;
}


div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    padding: 15px;
}

div.dataTables_wrapper div.dataTables_info {
    float: left;
    padding: 22px 15px;
}


.blog-images {
    width: 100%;
    height: 450px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
}

.blog-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cms-design {
    font-family: 'Montserrat', sans-serif;
}

.cms-design h1 {
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 15px;
}

.blog-date {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 8;
    background: #f37720bf;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0 8px 0 0;
}

.cms-design p {
    font-size: 14px;
    line-height: 1.6;
}

.cms-design ul {
    margin: 20px 0;
    padding-left: 20px;
}

.cms-design ul li {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    padding-left: 20px;
}

.cms-design ul li::before {
    margin-left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f101";
    color: #f37720;
    font-size: 14px;
    position: absolute;
    left: 0;
}

.custom-row{
    row-gap: 30px;
}

/* ==========loader common css========== */

  .loader img {
    width: 100px;
  }
  
  .loaderWrap {
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9991;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    transition: all 300ms ease-in-out;
  }
  
  .loader-off.loaderWrap {
    opacity: 0;
    visibility: hidden;
  }
  
  /* ==========loader common css end========== */
  .loader{
    text-align: center;
  }
  .loader img{
    width: 160px;
    margin-bottom: 15px;
  }
  img.loder-gif {
    width: 200px;
    margin-bottom: 0;
  }