* {
    margin: 0px;
    box-sizing: border-box;
}

body {

    font-family: 'Montserrat';
    color: #0c0c0c;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    z-index: 1;
}

p {
    font-size: 16px;
    font-family: 'Montserrat';
    line-height: 28px;
    color: #3c3c3c;
    font-weight: 400;
}

a {
    font-size: 16px;
    text-decoration: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'Montserrat';
    line-height: 24px;
    color: #0c0c0c;
}

a:hover {
    text-decoration: none;
    outline: none;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

li {
    font-size: 16px;
    font-family: 'Montserrat';
    line-height: 24px;
    color: #0c0c0c;
}

button:focus,
input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
    transition: all 500ms ease;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat';
    margin: 0px;
    color: #303030;
}

p {
    margin-bottom: 0px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-30 {
    padding-bottom: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.pb-100 {
    padding-bottom: 100px;
}
.pt-100 {
    padding-top: 100px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pt-70 {
    padding-top: 70px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pt-60 {
    padding-top: 60px;
}

.justify-center {
    justify-content: center;
}

.mt-20 {
    margin-top: 20px;
}

.align-item-center {
    align-items: center;
}

.justify-content-space-between {
    justify-content: space-between;
}

.flex-end {
    justify-content: flex-end;
}

.site-width {
    max-width: 1250px;
    margin: 0px auto;
}

@media screen and (max-width:1518px) and (min-width:1368px) {
    .site-width {
        max-width: 1372px;
        padding: 0px 40px;
    }
}

@media screen and (max-width:1708px) and (min-width:1519px) {
    .site-width {
        max-width: 1552px;
        padding: 0px 40px;
    }
}

@media screen and (max-width:1920px) and (min-width:1709px) {
    .site-width {
        max-width: 1642px;
        padding: 0px 40px;
    }
}

@media screen and (max-width:2500px) and (min-width:1921px) {
    .site-width {
        max-width: 1842px;
        padding: 0px 40px;
    }
}

@media screen and (max-width:1280px) and (min-width:1024px) {
    .site-width {
        padding: 0px 40px;
        max-width: 1260px;
        padding: 0px 40px;
    }
}

@media screen and (max-width:1024px) and (min-width:888px) {
    .site-width {
        padding: 0px 40px;
    }
}

@media screen and (max-width:888px) and (min-width:769px) {
    .site-width {
        padding: 0px 40px;
    }
}

@media screen and (max-width:768px) {
    .site-width {
        padding: 0px 20px;
    }
}


/* Top Header Section*/
.topheader {
    padding: 5px 0px;
    background: #e6fdfe;
}
.topheader.hometophead {
    background: #fff;
}
.topheaderWrapper p, .topheaderWrapper a {
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.topSocial {
    display: flex;
    align-items: center;
    gap: 10px;
}
.topSocial p, .topSocial a {
       color: #111;
}

.topContact a {
       color: #111;
}
.topContact a i {
    color: #fff;
}
.topLogin a {
       color: #111;
}
/* Top header End */



/* Header */
.headerSection {
    width: 100%;
    transition: 0.5s ease-in-out;
    z-index: 4;
    position: absolute;
    background: #fff;
 
}
.headerSection.homeheader {
    background: transparent;
}
.headerSection.scroll-down {
    top: 0%;
    position: fixed;
    background: #ffffff;
    /* backdrop-filter: blur(5px); */
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.headerSection.scroll-up {
    position: fixed;
    top: 0px;
    width: 100%;
    background: #ffffff;
    /* backdrop-filter: blur(5px); */
    box-shadow:rgb(149 157 165 / 45%) 0px 8px 24px
}
.headerSection.headerTwo {
    padding: 8px 0px;
}
.headerWrapper {
    display: flex
;
    justify-content: space-between;
    align-items: center;
}
.headerTwo .headerWrapper {
    padding-left: 0px;
}
.topHeader {
    border-bottom: 1px solid #ddd;
    padding-right: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    display: flex
;
    justify-content: space-between;
    align-items: center;
    padding-left: 2%;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: 0.3s ease-in-out;
}
.headerSection.scroll-down .topHeader {
    padding-top: 2px;
    padding-bottom: 3px;
}
.headerSection.scroll-up .topHeader {
    padding-top: 2px;
    padding-bottom: 3px;
}
.topHeader>p {
    font-size: 14px;
    color: #636363;
    margin-bottom: 0px;
}
.headTalkBtns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 11px;
}
.headTalkBtns li a {
    padding: 5px 15px;
    background: linear-gradient(124deg, #f59100, #d29900);
    color: #fff;
    border-radius: 40px;
    font-size: 13px;
    gap: 7px;
    /* width: 130px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.headTalkBtns li a.headtbtnone {
    background: #25983e;
}
.headTalkBtns li a.headbtntwo {
    background: #00adb9;
}
.headTalkBtns li a img {
    width: 18px;
    filter: invert(1);
}
.headerMain {
    width: calc(100% - 10%);
}
.logoSection {
    width: 11%;
    position: relative;
    padding-right: 20px;
}
.headerSection.scroll-down .logoSection {
    width: 11%;
}
.headerSection.scroll-up .logoSection {
    width: 11%;
}
/* .logoSection::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0;
    right: 0px;
    top: 0;
    background-color: #fff5e3;
    border-right: 1px solid #ddd;
    background-color: transparent;

} */
.headerTwo .logoSection::after {
    height: 124%;
    display: none;
}
.logoSection img {
    width: 100%;
    position: relative;
    z-index: 4;
    transition: 0.5s ease-in-out;
    padding: 0px;
}
.headerSection.scroll-down .logoSection img{
    width: 86%;
}

.headerSection.scroll-up .logoSection img{
    width: 86%;
}
.mainHeader {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 0;
    padding-left: 0;
    gap: 39px;
}
.allHeaders {
    width: fit-content;
}
.mainHeaderSection {
    display: flex
;
    align-items: center;
    justify-content: center;
    z-index: 2;
    background-size: cover;
    background-position: bottom;
    background-blend-mode: color;
}
.headerNav {
    display: flex
;
}
.headerMenu {
    display: flex
;
    gap: 40px;
    transition: 0.3s ease-in-out;
}
.headerTwo .headerMenu {
    gap: 30px;
}
.headerMenu>li {
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
    transition: 0.5s ease-in-out;
}
.headerMenu>li>a {
    padding: 26px 0px;
    position: relative;
    color: #111;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .2em;
}
.headerSection.homeheader .headerMenu>li>a {
    color: #fff;
}

.headerSection.scroll-down .headerMenu>li>a{
   padding: 20px 0px;
   color: #111;
}

.headerSection.scroll-up .headerMenu>li>a{
   padding: 20px 0px;
   color: #111;
}
.headerSection.scroll-down .headerMenu>li>a>img {
    filter: invert(2);
}

.headerSection.scroll-up .headerMenu>li>a>img {
    filter: invert(2);
}
.headerSection.scroll-down .headerMenu>li>a.active {
    color: #00adb9;
}
.headerSection.scroll-up .headerMenu>li>a.active {
    color: #00adb9;
}
.headerSection.homeheader .headerMenu>li>a.active {
    color: #00adb9;
}
.headerMenu>li>a:hover , .headerMenu>li>a.active{
    color: #00adb9;
}
.headerMenu>li>a>img {
    width: 18px;
    filter: invert(1);
}
.headerSection.homeheader .headerMenu>li>a>img {
    filter: invert(0);
}
.headerMenu>li>a::before {
    display: none;
    content: '';
    position: absolute;
    left: -11px;
    top: 0px;
    bottom: 0px;
    width: 5px;
    height: 5px;
    background: #fff;
    margin: auto;
    border-radius: 100%;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    transition: 0.3s ease-in-out;
}
/* .headerMenu>li>a::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    width: 0;
    bottom: 20px;
    background: #2a2873;
    height: 2px;
    transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
    transition: 0.3s ease-in-out;
} */
.headerSection.scroll-down .headerMenu>li>a::after {
      bottom: -3px;
}

.headerSection.scroll-up .headerMenu>li>a::after {
      bottom: -3px;
}
.headerMenu>li a:hover:before, .headerMenu>li a.active:before {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.headerMenu>li a:hover:after, .headerMenu>li a.active:after {
    left: 0;
    right: auto;
    width: 100%;
}

.headerMenu>li.hasSub {
    position: relative;
}
.headerMenu>li.hasSub.megaMenu {
    position: inherit;
}

.headerSubNav {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    margin-top: 10px;
    width: 330px;
    background: #ffffffb3;
    padding: 15px;
    z-index: 5;
    backdrop-filter: blur(3px);
}
.headerMenu>li.hasSub:hover .headerSubNav {
    visibility: visible;
    opacity: 1;
    top: 80%;
    margin-top: 0px;
    transition: all 0.3s ease;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 6px 15px #7373732e;
}
.headerMenu>li.hasSub:hover .headerSubNav {
    display: flex
;
    justify-content: space-between;
}
.hasSub.megaMenu .headerSubNav{
    max-width: 1200px;
    min-width: 900px;
    width: 100%;
    right: 0px;
    left: 0px;
    margin: auto;
    padding: 30px;
}
.headerSubNav .headerSubMenu {
    max-height: 80vh;
    overflow-y: auto;
    display: flex
    ;
        flex-direction: column;
}
.hasSub.megaMenu.oncol .headerSubNav .headerSubMenu {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
}
.hasSub.megaMenu.oncol .headerSubNav .headerSubMenu li {
    width: 29%;
}
.hasSub.megaMenu .headerSubNav .headerSubMenu {
    width: 32%;
}
.hasSub.megaMenu .headerSubNav .headerSubMenu li h5 {
    font-size: 19px;
    padding-bottom: 9px;
    border-bottom: 1px dashed #ddd;
}
.headerSubMenu>li a {
    padding: 3px 6px;
    display: block;
    /* width: 240px; */
    border-bottom: none;
    transition: all 0.3s ease-in-out;
    background: transparent;
    line-height: 35px;
    /* color: #fff; */
    transition: 0.3s ease-in-out;
}
.headerSubMenu>li a:hover {
    color: #00adb9;
    padding-left: 10px;
}
.headerRightMenu {
    display: flex
;
    align-items: center;
    gap: 7px;
}

.socialSticky {
    position: fixed;
    right: 8px;
    top: 38%;
    max-height: 100vh;
    z-index: 5;
}
.socialSticky ul {
    display: flex
;
    flex-direction: column;
    gap: 8px;
}
.socialSticky a {
    display: inline-block;
    width: 33px;
    height: 33px;
    text-align: center;
    line-height: 34px;
    border-radius: 100%;
    background: #ffffff14;
    backdrop-filter: blur(8px);
    font-size: 13px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    
}
.socialSticky a i.fa-facebook-f {
    color: #0075ea;
}
.socialSticky a i.fa-instagram {
    background: -webkit-linear-gradient(#556db3, #ea3367, #ff4f28, #ffad57);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.socialSticky a i.fa-linkedin-in {
    color: #0077B5;
}
.socialSticky a i.fa-x-twitter {
    color: #000;
}
.socialSticky a i.fa-youtube {
    color: #f70000;
}
.socialSticky a {
    animation: animationleftoright 3.5s ease both infinite;
}

.headerCallMenu.cart {
    width: 46px;
    display: inline-block;
    height: 46px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headerCallMenu.cart img {
    width: 62%;
}
.loginbtn {
    display: inline-block;
    border: transparent;
    border-radius: 30px;
    padding: 10px 35px;
    color: #fff;
    background: #2a2873;
}
.loginbtn img {
    width: 21px;
    position: relative;
    top: -1px;
    filter: invert(1);
}
.hamburgerbtn {
    width: 42px;
    display: inline-block;
    background: #00adb9;
    height: 38px;
    padding: 8px;
    display: flex
;
    align-items: center;
}
.hamburgerbtn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0px;
}

/* Hero Slider end */

.bannerSection {
    background: #ffffff;
    padding-top: 0px;
    position: relative;
    overflow: hidden;
}

.dubaiTexture {
    position: absolute;
    bottom: -1px;
    left: 0px;
    width: 100%;
    z-index: 4;
}

.dbtextWrap {
    width: 100%;
}

.dbtextWrap img {
    width: 100%;
}

.bannerContent {
    display: flex;
    align-items: center;
    height: fit-content;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 81%;
}

.bannerLeftContent {
    width: 100%;
    z-index: 5;
    position: relative;
    bottom: 0px;
    text-align: center;
    padding-top: 250px;
}

.bannerSliderContent {
    position: relative;
}

.bannerRightContent {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    top: 0px;
    left: 0px;
    right: 0px;
}

.bannerRightContent::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(125deg, #060606c9, transparent);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    display: none;
}

.videocont {
    width: 100%;
    height: 550px;
    overflow: hidden;
    position: relative;
    /* z-index: 4; */
}

.hero-subheader__video {
    width: 100%;
    height: 550px;
    overflow: hidden;
}

.hero-subheader__video video {
    width: 100%;
}

.bannerPngImg {
    height: 785px;

}

.bannerPngImg::after {
    content: '';
    position: absolute;
}
.owl-carousel.bannerCarousel .owl-item .bannerPngImg img {
    height: 100% !important;
    object-fit: cover;
}
/* .owl-carousel.bannerCarousel .owl-item .bannerPngImg img {
    width: auto;
    float: right;
} */

/* .bannerPngImg img {
    animation: upandDown 6s ease-in-out infinite alternate-reverse both;

} */

@keyframes upandDown {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.bannerCarousel {
    height: 785px;
    position: relative;
}

.bannerCarousel.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 5px;
    top: 45%;
    width: 30px;
    height: 30px;
    background: #ede8f700;
    font-size: 19px;
    opacity: 0.5;
    color: #fff;
    font-size: 16px;
}

.bannerCarousel.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 5px;
    top: 45%;
    width: 30px;
    height: 30px;
    background: #ede8f700;
    font-size: 19px;
    opacity: 0.5;
    color: #fff;
    font-size: 16px;
}

.bannerCarousel.owl-carousel .owl-nav button.owl-next:hover {
    background: #060606;
    color: #fff;
    opacity: 1;
}

.bannerCarousel.owl-carousel .owl-nav button.owl-prev:hover {
    background: #060606;
    color: #fff;
    opacity: 1;
}

.bannerLeftContent h5 {
    font-size: 90px;
    font-family: "Playfair Display";
    color: #fff;
    line-height: 96px;
    font-weight: 700;
    letter-spacing: 0px;
}

.bannerLeftContent h5.color2 {
    color: #e3d7bd;
}
.bannerLeftContent h5.color2 span {
    position: relative;
    display: inline-block;
}
/* .bannerLeftContent h5.color2 span::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 16px;
    bottom: 6px;
    left: -1px;
    border-radius: 6px;
    background: #ffc8df;
    z-index: -1;
} */
.bannerLeftContent h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    color: #7b469a;
    margin: 0px;
    letter-spacing: 0;
    margin-bottom: 13px;
    margin-top: 0px;
    text-shadow: 0px 0px 13px #00000038;
    position: relative;
    left: 3px;
}

.bannerLeftContent h2 span {
    color: #ffffff;
}

.bannerLeftContent p {
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    max-width: 1000px;
    margin: auto;
    margin-top: 20px;
}

.bannerLocate {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.bannerLocate li {
    color: #fff;
}

.bannerLocate li i {
    color: #3fadde;
    margin-right: 4px;
}

.bannerLocate li span {
    color: #fff;
}

.bannerT {
    width: 260px;
    position: absolute;
    z-index: 2;
    left: 0px;
    right: 0px;
    margin: auto;
    transform: translateY(158px) translateX(-170px);
    opacity: 0.5;
}
.bannerT h5 {
    font-size: 70px;
    font-family: 'Kristi';
    color: #fff;
    opacity: 1;
}
.bannerT img {
    width: 134px !important;
    position: relative;
    top: -13px;
}
.afterbanner {
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: -145px;
    height: 140px;
}
.banner-slider-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #00000070, #00000080);
    z-index: 1;
}
.afterbanner svg {
    width: 100%;
}

.bannerLeftContent .withAfter {
    position: relative;
    padding-bottom: 14px;
}

.bannerLeftContent .withAfter::after {
    position: absolute;
    content: '';
    bottom: 0px;
    left: 0px;
    width: 100px;
    height: 3px;
    background: #00a8d9;
}

.bannerLeftContent .withAfter::before {
    position: absolute;
    content: '';
    bottom: 1px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #fff;
}
.bannerImgWrap {
    width: 27%;
    position: relative;
    z-index: 2;
    margin-right: 0px;
    margin-left: 10%;
    display: none;
}
.bannerimg {
    width: 100%;
}
.bannerimg img {
    width: 100%;
}


.bannerform {
    position: absolute;
    z-index: 2;
    bottom: 50px;
    width: 100%;
}
.bannerform.forsearch {
    bottom: 180px;
}
.bannerFormWrapper {
    background: #fff;
    padding: 40px;
}
.bannerFormWrapper.onlysearch {
    background: transparent;
    padding: 20px;
    width: 60%;
    margin: auto;
}
.bnrbtn {
    background-color: #00adb9;
    font-size: 12px;
    line-height: 2em;
    letter-spacing: .2em;
    font-weight: 700;
    text-transform: uppercase;
    transition: color 175ms cubic-bezier(.18,.43,.58,1), background-color 175ms cubic-bezier(.18,.43,.58,1), border-color 175ms cubic-bezier(.18,.43,.58,1);
    padding: 12px 45px;
    cursor: pointer;
    outline: none;
    border: none;
    width: 100%;
    color: #fff;
}
.bannerFormWrapper.onlysearch .bnrbtn {
    height: 54.5px;
}
.bnrbtn:hover {
    background-color: #303030;
    text-decoration: none !important;
    color: #fff;
}
.bannerform .form-select, .bannerform .form-control {
    padding: 15px;
    border: 1px solid #c7c7c7;
    border-radius: 0px;
}
.bannerFormWrapper .row .col {

}
.form-group-inner {
    width: 100%;
}
.bannerform .form-group > label {
    font-size: 20px;
    margin-bottom: 10px;
}
/* .form-group-inner .form-control {

} */
/* End */


.bg1 {
   background: linear-gradient(90deg, #e7e7e700, #e5e5e500), url(../img/bg/h1-background-1.png);
    background-size: 100%;
    background-position: center center;
}

.bg2 {
    background: linear-gradient(90deg, #fffffffa, #fffffffa), url(../img/texture/astrology-bg-light.png);
    background-size: cover;
    background-position: center center;
    background-blend-mode: color-dodge;
}
.bg3 {
    background: linear-gradient(90deg, #fbedd48c, #fbedd4ad), url(../img/texture/texture1.png);
    background-size: 100%;
    background-position: center center;
}
.whatisAstro {
    position: relative;
}
.imgSec {
    width: 100%;
    overflow: hidden;
}
.imgSec img {
    width: 100%;
}
.halfContent.right {
    margin-left: 30px;
}
.halfContent.right.aboutText {
    width: 82%;
}
.textWrapper h5 {
    color: #fb9000;
    margin-bottom: 10px;
}
.textWrapper h2 {
    font-weight: 300;
    margin-bottom: 22px;
    font-size: 45px;
    font-family: 'Raleway';
}
.textWrapper p {
    text-align: justify;
}
.aboutText .textWrapper p {
    color: #818181;
    font-size: 19px;
    line-height: 32px;
    margin-top: 25px;
}
.imgSec.whatisastroImg {
    position: relative;
    width: 100%;
    margin-left: auto;
}
.whatisastroImg .circleImg {
    width: 100%;
    animation: mover360 60s linear infinite;
}

.whatisastroImg .handImg {
    position: absolute;
    width: 240px;
    top: -60px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    animation: upandDown 15s linear infinite;
}
@keyframes upandDown {
    0% {
        transform: translateY(0px);
    }
    25% {
        transform: translateY(12px);
    }
    50% {
        transform: translateX(12px);
    }
    75% {
        transform: translateX(0px);
    }
    100% {
        transform: translateY(0px);
    }

}
@keyframes mover360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg); 
    }
}

.button {
    position: relative;
    transition: all 0.3s ease-in-out;
    background: #00adb9;
    border-radius: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #ffff;
    gap: 10px;
    font-weight: 600;
    border: none;
    outline: none;
    overflow: hidden;
    font-size: 12px;
    padding:12px 42px;
    line-height: 2em;
    text-transform: uppercase;
    letter-spacing: .2em;
}
.button.no-shadow {
    box-shadow: none;

}
.icon {
    width: 24px;
    height: 24px;
    transition: all 0.3s ease-in-out;
}

.button:hover {
    transform: scale(1.05);
    border-color: #fff9;
}

.button:hover .icon {
    transform: translate(4px);
}

.button:hover::before {
    animation: shine 1.5s ease-out infinite;
}

.button::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(120deg,
            rgba(255, 255, 255, 0) 30%,
            rgba(255, 255, 255, 0.8),
            rgba(255, 255, 255, 0) 70%);
    top: 0;
    left: -100px;
    opacity: 0.6;
}

@keyframes shine {
    0% {
        left: -100px;
    }

    60% {
        left: 100%;
    }

    to {
        left: 100%;
    }
}


.triplistWrapper {
    margin-top: 60px;
}
.tripcard {
    position: relative;
}
.tripcardimg {
    height: 270px;
    width: 100%;
}
.tripcardimg img {
    width: 100%;
    height: 100%;
    object-fit:cover;
}

.tripcardText .listPrTitle {
      font-family: 'Raleway';
    font-weight: 300;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #303030;
    line-height: 30px;
    min-height: 61px;
}

.titleSection {
    margin-bottom: 40px
}
.titleSection h2 {
    position: relative;
    padding-bottom: 15px;
    font-size: 45px;
    font-weight: 300;

}
.titleSection.light h2 {
    color: #fff;
}
.titleSection.light p {
    color: #acacac;
}
/* .titleSection h2::after {
    position: absolute;
    content: '';
    bottom: 0px;
    left: 0px;
 
    width: 100px;
    height: 10px;
    background: url(../img/texture/text-border.png);
    background-size: contain;
    margin: auto;
    background-repeat: no-repeat;
} */
.titleSection.text-center h2::after {
    right: 0px;
}
.titleSection.text-center p {
    padding: 0px 20%;
}
.titleSection p {
   padding: 0px;
   font-size: 19px;
   line-height: 30px;
   color: #818181;
}

/* reviews */
.ourTopReviews {
    overflow: hidden;
}
.reviewpic {
    height: 100%;
    width: 100%;
}
.reviewpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.reviewContainer {
    background: url(../img/bg/h1-img-3.jpg);
    height: 100%;
    padding: 50px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-size: 100%;
    background-position: center;
    overflow: hidden;
}
.reviewSlider {
    
}
.reviewContainer .titleSection {
    width: 100%;
}


.exoticPlaceContainer {
    flex-wrap: wrap;
}
.destinationCard {
    width: 50%;
    position: relative;
    overflow: hidden;
    padding: 10px;

}
.destinationCard.desticardI {
    height: 342px;
}
.destinationCard.desticardII {
    width: 25%;
}
.destinationCard.desticardIII {
    width: 25%;
    height: 342px;
}
.destinationCard.desticardIV {
    width: 25%;
    margin-top: -419px;
    height: 762px;
}
.destinationCard.desticardV  {
    width: 25%;
    margin-top: -419px;
    height: 419px;
}
.destinationCard.desticardVI {
    width: 25%;
    position: absolute;
    right: 0px;
    top: 343px;
    height: 419px;
}
.destinationCard.desticardVII {
    margin-left: 391px;
    margin-top: -340px;
    height: 341px;
}
@media screen and (max-width:1708px) and (min-width: 1519px) {
    .destinationCard.desticardI {
        height: 282px;
    }
    .destinationCard.desticardII {
        width: 25%;
    }
    .destinationCard.desticardIII {
        width: 25%;
        height: 282px;
    }
    .destinationCard.desticardIV {
        width: 25%;
        margin-top: -419px;
        height: 762px;
    }
    .destinationCard.desticardV  {
        width: 25%;
        margin-top: -419px;
        height: 419px;
    }
    .destinationCard.desticardVI {
        width: 25%;
        position: absolute;
        right: 0px;
        top: 283px;
        height: 419px;
    }
    .destinationCard.desticardVII {
        margin-left: 361px;
        margin-top: -340px;
        height: 341px;
    }
}
@media screen and (max-width:1518px) and (min-width: 1368px) {
    .destinationCard.desticardI {
        height: 282px;
    }
    .destinationCard.desticardII {
        width: 25%;
    }
    .destinationCard.desticardIII {
        width: 25%;
        height: 282px;
    }
    .destinationCard.desticardIV {
        width: 25%;
        margin-top: -342px;
        height: 684px;
    }
    .destinationCard.desticardV  {
        width: 25%;
        margin-top: -342px;
        height: 345px;
    }
    .destinationCard.desticardVI {
        width: 25%;
        position: absolute;
        right: 0px;
        top: 283px;
        height: 345px;
    }
    .destinationCard.desticardVII {
        margin-left: 321px;
        margin-top: -340px;
        height: 341px;
    }
}
@media screen and (max-width:1367px) and (min-width: 1281px) {
    .destinationCard.desticardI {
        height: 272px;
    }
    .destinationCard.desticardII {
        width: 25%;
    }
    .destinationCard.desticardIII {
        width: 25%;
        height: 272px;
    }
    .destinationCard.desticardIV {
        width: 25%;
        margin-top: -342px;
        height: 624px;
    }
    .destinationCard.desticardV  {
        width: 25%;
        margin-top: -342px;
        height: 345px;
    }
    .destinationCard.desticardVI {
        width: 25%;
        position: absolute;
        right: 0px;
        top: 273px;
        height: 332px;
    }
    .destinationCard.desticardVII {
        margin-left: 314px;
        margin-top: -276px;
        height: 276px;
    }
}
@media screen and (max-width:1300px) and (min-width: 1251px) {
    .destinationCard.desticardI {
        height: 296px;
    }
    .destinationCard.desticardII {
        width: 25%;
    }
    .destinationCard.desticardIII {
        width: 25%;
        height: 296px;
    }
    .destinationCard.desticardIV {
        width: 25%;
        margin-top: -273px;
        height: 465px;
    }
    .destinationCard.desticardV  {
        width: 25%;
        margin-top: -242px;
        height: 243px;
    }
    .destinationCard.desticardVI {
        width: 25%;
        position: absolute;
        right: 0px;
        top: 315px;
        height: 451px;
    }
    .destinationCard.desticardVII {
        margin-left: 294px;
        margin-top: -195px;
        height: 197px;
    }
}
@media screen and (max-width:1250px) and (min-width: 1201px) {
    .destinationCard.desticardI {
        height: 296px;
    }
    .destinationCard.desticardII {
        width: 25%;
    }
    .destinationCard.desticardIII {
        width: 25%;
        height: 296px;
    }
    .destinationCard.desticardIV {
        width: 25%;
        margin-top: -243px;
        height: 434px;
    }
    .destinationCard.desticardV  {
        width: 25%;
        margin-top: -242px;
        height: 243px;
    }
    .destinationCard.desticardVI {
        width: 25%;
        position: absolute;
        right: 0px;
        top: 295px;
        height: 442px;
    }
    .destinationCard.desticardVII {
        margin-left: 281px;
        margin-top: -195px;
        height: 197px;
    }
}
@media screen and (max-width:1200px) and (min-width: 1150px) {
    .destinationCard.desticardI {
        height: 296px;
    }
    .destinationCard.desticardII {
        width: 25%;
    }
    .destinationCard.desticardIII {
        width: 25%;
        height: 296px;
    }
    .destinationCard.desticardIV {
        width: 25%;
        margin-top: -219px;
        height: 434px;
    }
    .destinationCard.desticardV  {
        width: 25%;
        margin-top: -222px;
        height: 223px;
    }
    .destinationCard.desticardVI {
        width: 25%;
        position: absolute;
        right: 0px;
        top: 295px;
        height: 442px;
    }
    .destinationCard.desticardVII {
        margin-left: 269px;
        margin-top: -215px;
        height: 219px;
    }
}
@media screen and (max-width:1149px) and (min-width: 999px) {
    .destinationCard.desticardI {
        height: 222px;
    }
    .destinationCard.desticardII {
        width: 25%;
    }
    .destinationCard.desticardIII {
        width: 25%;
        height: 272px;
    }
    .destinationCard.desticardIV {
        width: 25%;
        margin-top: -222px;
        height: 384px;
    }
    .destinationCard.desticardV  {
        width: 25%;
        margin-top: -222px;
        height: 235px;

    }
    .destinationCard.desticardVI {
        width: 25%;
        position: absolute;
        right: 0px;
        top: 273px;
        height: 332px;
    }
    .destinationCard.desticardVII {
        margin-left: 229px;
        margin-top: -156px;
        height: 155px;
    }
}

.destinationPic {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.destinationPic img {
    width: 100%;
    transition: 0.3s ease-in-out;
    height: 100%;
    object-fit: cover;
}
.destinationCard:hover .destinationPic img {
    transform: scale(1.05);
}

.destititle {
    position: absolute;
    bottom: 20px;
    left: 30px;
    
}
.destititle h5 {
    color: #00adb9 !important;
    font-size: 60px;
    font-family: 'Kristi';
    line-height: 50px;
}
.destititle h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    padding-left: 20px;
}








/* offer */
.offerCardWrapper {
    width: 80%;
    margin: auto;
}
.offerCard {
    position: relative;
     height: 544px; 
     margin-bottom: 26px; 
}
.offerCardWrapper .col-md-4:nth-child(2) .offerCard {
    height: 623px;
} 

.offerCard.secondstyle {
    margin-top: -45px;
}
.offerCardWrapper .col-md-4:nth-child(4) .offerCard {
  margin-top: -75px;
} 
.offerCardWrapper .col-md-4:nth-child(6) .offerCard {
 margin-top: -75px;
} 
.offerCard.middlesec {
    margin-top: 25px;
}
.offercImg {
    width: 100%;
    height: 100%;
    position: relative;
}
.offercImg::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background:radial-gradient(#0000001a, #00000099);
    z-index: 2;
    visibility: visible;
    opacity: 0.2;
    transition: 0.3s ease-in-out;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
}
.offerCard:hover .offercImg::after {
    opacity: 1;
    visibility: visible;
}
.offercImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.offerContainer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 3;
    padding: 24px;
}
.offerContainer h4 {
    font-size: 30px;
    line-height: 1.333em;
    color: #fff;
    font-weight: 400;
    margin-bottom: 10px;
}
.offerContainer p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-bottom: -51px;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s cubic-bezier(0.13, -0.3, 0.34, 1.4);
}
.offerCard:hover .offerContainer p {
    margin-bottom: 16px;
    visibility: visible;
    opacity: 1;
}
.offerContainer span {
    color: #fff;
    font-size: 25px;
}
/* offer end */



/* dare to explore */
.ourTopReviews.datetoExplore {
    overflow: hidden;
}
a.normaltextBtn {
    color: #00adb9;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 0.15em;
    display: inline-block;
    padding: 3px 3px;
    position: relative;
    font-size: 14px;
    margin-top: 8px;
}
a.normaltextBtn:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #00adb9;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
  width: 100%;
  left: 0px;
}
a.normaltextBtn:hover:after { 
  width: 100%; 
  left: 0; 
}
.datetoExplore .titleSection p {
    font-size: 16px;
    line-height: 27px;
    margin: 20px 0px 10px;
}
.datetoExplore h5 {
    font-family: Kristi;
    line-height: 1em;
    font-weight: 400;
    color: #00adb9;
    font-size: 60px;
    margin-bottom: 20px;
}
.datetoExplore .reviewContainer {
    background: url(../img/bg/h1-img-4.jpg);
    transition: 0.3s ease-in-out;
    background-position: center left -30px;
}
.datetoExplore .reviewpic {
    height: 625px;
    width: 100%;
}
.datetoExplore .reviewContainer:hover {
    background-position: center left -100px;
}
/* dare to explore end */


.serviceCard {
    position: relative;
    padding: 20px;
    background: #fff2ea;
    border: 1px solid #ffcfaf;
    transition: 0.3s cubic-bezier(0, 0.48, 1, 1);
    min-height: 160px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}
/* .serviceCard::after {
    position: absolute;
    content: '';
    background-image: url(../img/texture/service-circle.png);
    background-size: contain;
    background-position: center center;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    opacity: 0;
    background-repeat: no-repeat;
    animation: mover360 30s linear infinite;
    visibility: hidden;
    transition: 0.3s ease-in-out;
} */
.serviceCard:hover::after {
    visibility: visible;
    opacity: 0.1;
}
.serviceCard:hover {
    transform: scale(1.04);
    background: #ffe1ce;
    box-shadow: rgb(149 157 165 / 18%) 0px 8px 24px;
}

.serviceContent {
    position: relative;
    z-index: 2;
   
}
.serviceContent img {
    width: 35%;
    margin-bottom: 18px;
    transition: 0.3s ease-in-out;
}
/* .serviceCard:hover .serviceContent img {
    width: 44%;
} */
.serviceContent h4 {
    color: #202020;
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 600;
}
.serviceContent p {
    color: #978c8c;
    transition: 0.3s ease-in-out;
    height: 0px;
}
.serviceCard:hover .serviceContent p {
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    height: 0px;
}
.serviceContent span {
    visibility: hidden;
    opacity: 0;
    top: 10px;
    position: relative;
    display: inline-flex
;
    align-items: center;
    gap: 10px;
    color: #fff;
    border: 1px solid #ddd;
    padding: 7px 20px;
    border-radius: 30px;
    font-size: 15px;
    transition: 0.3s ease-in-out;
}
.serviceCard:hover .serviceContent span {
    visibility: visible;
    opacity: 1;
    top: 0px;
}
.button.outline {
    background: transparent;
    border: 1px solid #f59100;
    color: #444;
}

.row.gapb {
    gap: 24px 0px;
}

.row.col-reverse {
    flex-direction: row-reverse;
}
.halfContent.left {
    margin-right: 30px;
}
.whyAstrovala .textWrapper h2 {
    margin-bottom: 10px;
}
.whyAstrovala .textWrapper h4 {
    font-size: 18px;
    color: #444;
}

.whyFeatures {
    position: relative;
    display: flex
;
    flex-wrap: wrap;
    gap: 11px;
}
.whyfeatCard {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    padding: 13px 14px;
    border-radius: 10px;
    width: 49%;
}
.whyfeatCard img {
    width: 36px;
}
.whyfeatCard h6 {

}

.accordion dl,
.accordion-list {
  border: 1px solid #ddd;
}

.accordion dd,
.accordion__panel {
  background-color: #eee;
  font-size: 1em;
  line-height: 1.5em;
}

.accordion p {
  padding: 1em 2em 1em 2em;
}

.accordion {
  position: relative;
  background-color: #eee;
}

.container {
  max-width: 960px;
  margin: 0 auto;
  padding: 2em 0 2em 0;
}

.accordionTitle,
.accordion__Heading {
background-color: #fff;
  text-align: center;
  font-weight: 700;
  padding: 15px;
  display: block;
  text-decoration: none;
  color: #fff;
  transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid #30bb64;
}
.accordionTitle:before,
.accordion__Heading:before {
  content: "+";
  font-size: 1.5em;
  line-height: 0.5em;
  float: left;
  transition: transform 0.3s ease-in-out;
}
.accordionTitle:hover,
.accordion__Heading:hover {
  background: linear-gradient(124deg, #f59100, #d29900);
}

.accordionTitleActive,
.accordionTitle.is-expanded {
  background: linear-gradient(124deg, #f59100, #d29900);
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
  max-height: 50em;
  transition: max-height 1s;
}
@media screen and (min-width: 48em) {
  .accordionItem {
    max-height: 15em;
    transition: max-height 0.5s;
  }
}

.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
          animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
          animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    transform: scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    transform: scale(0.9) rotateX(-60deg);
    transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.9) rotateX(-60deg);
  }
}
.movenormal {
    animation: upandDown 15s linear infinite;
}


.astogers {
    position: relative;
    padding: 20px;
    transition: 0.3s cubic-bezier(0, 0.48, 1, 1);
    transition-delay: 0.4s;
    height: 367px;
}
.astogers:hover {
    transform: scale(1.05);

}
.astogers::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 0%;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
    background: #fff;
    z-index: 1;
    transition: 0.4s ease-in-out;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 0px 10px #ddd;
}
.astogers:hover::after {
    height: 100%;
    visibility: visible;
    opacity: 1;
}
.astroContainer {
    position: relative;
    z-index: 2;
}
.astroDP {
    width: 80px;
    height: 80px;
    margin: auto;
    position: relative;
    overflow: hidden;
    display: flex
;
    align-items: center;
    justify-content: center;
    /* transition: 0.4s ease-in-out;
    transition-delay: 0.4s; */

}
/* .astroDP::after {
    position: absolute;
    content: '';
    background: url(../img/texture/author-bg.png);
    background-size: 180px;
    background-position: center center;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 1;
    animation: mover360 80s linear infinite;
    opacity: 0.3;
} */
.astroDP img {
    width: auto !important;
    height: 82px;
    position: relative;
    z-index: 2;
    padding: 10px;
    /* box-shadow: 0px 0px 10px #46464633; */
}
/* .astogers:hover .astroDP {
    transform: scale(0.9);
} */
.astroContent {
   margin-top: 30px;
}
.astroContent .astroname {
    color: #202020;
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 11px;
}
.astroContent h6 {
    font-size: 15px;
    color: #464646;
    margin-top: 0px;
}
.astroContent .reviews {
    font-size: 13px;
}
.astroContent .reviews span {
    padding: 4px 6px;
    border-radius: 6px;
}
.astroContent .reviews span i {
    font-size: 10px;
    position: relative;
    top: -1px;
    margin-left: 1px;
}


.astroslider {
    position: relative;
}

.astroslider.owl-carousel .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: -18px;
    background: #fff;
    border-radius: 30px;
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
    border: 1px solid #fa9711;
    color: #282828;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    font-size: 13px;
}

.astroslider.owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: -18px;
    background: #fff;
    border-radius: 30px;
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
    border: 1px solid #fa9711;
    color: #282828;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    font-size: 13px;
}

.astroslider.owl-carousel:hover .owl-nav button.owl-prev,
.astroslider.owl-carousel:hover .owl-nav button.owl-next {
    visibility: visible;
    opacity: 1;
}



.whats-new-sec {
    /* border-radius: 8px; */
    /* position: relative; */
    width: 90%;
    margin: auto;
}


.whats-new-sec::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 80%;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #efefef;
    border-radius: 27px;
    z-index: 1;
    border: 1px dashed #ddd;
}

.addtoWishlist {
    position: absolute;
    z-index: 2;
    right: 16px;
    top: 16px;
    background: #ffffffc7;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    line-height: 48px;
    backdrop-filter: blur(7px);
    display: flex
    ;
        justify-content: center;
        align-items: center;
}
.whats-new-sec-img .addtoWishlist img {
    width: 30px;
}
.addtoWishlist:hover,
.addtoWishlist.active {
    color: red;
}

.offerStatuInfo {
    display: inline-block;
    position: absolute;
    left: 10px;
    background: linear-gradient(45deg, #8f035994, #89025291);
    border-radius: 22px;
    top: 10px;
    height: 30px;
    padding: 0px 13px;
    backdrop-filter: blur(8px);
}

.whats-new-sec .offerStatuInfo p {
    line-height: 29px;
    color: #ffff;
    font-size: 13px;
}

.whats-new-sec-img {
    background-color: #fff;
    width: 90%;
    border: 1px solid rgba(221, 221, 221, 0.713);
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
    margin: auto;
    border-radius: 27px;
    position: relative;
    z-index: 2;
}

.whats-new-sec-img img {
    width: 100%;
}

.whats-new-content {
    padding: 0px 22px;
    padding-top: 15px;
    position: relative;
    z-index: 2;
    padding-bottom: 15px;
    min-height: 190px;
    max-height: 190px;
}

.ratingShow {
    color: #666;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.listprOtherInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.listprOtherInfo .ratingShow span {
    font-family: "Open Sans", sans-serif;
    ;

}

.ratingShow i {
    color: #edbe00;
    margin-right: 7px;
}

.listprPrice {
    font-size: 15px;
    font-weight: 400;
    color: #c2c2c2;
    margin-bottom: 12px;
}

.listprPrice span {
    color: #181818;
    font-size: 20px;
}
.listprPrice .oldPrice {
    font-size: 20px;
    color: #c2c2c2;
    text-decoration: line-through;
    margin-right: 5px;
}
.tripcardText p {
    color: #808285;
    margin-bottom: 15px;
}
.timeinfo {
    color: #c2c2c2;
    font-size: 15px;
    font-weight: 400;

}
.timeinfo i {
    color: #00adb9;
}

.owl-theme.tripSlider .owl-nav.disabled+.owl-dots {
    margin-top: 40px;
}
.owl-theme.tripSlider .owl-dots .owl-dot.active span, .owl-theme.tripSlider .owl-dots .owl-dot:hover span {
    background: #00adb9;
}
.owl-theme.tripSlider .owl-dots .owl-dot span {
    margin: 5px 4px;
}
.whats-new-sec h4.listPrTitle {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 20px;
    text-align: center;
    color: #343434;
}

.whats-new-sec p {
    line-height: 20px;
    margin-bottom: -5px;
}

.whats-new-sec-wrapper p {
    margin-top: 0px;
    font-weight: 400;
    color: #000;
    font-size: 12px;
    line-height: 18px;
}

.whats-new-sec .defaultBtn a {
    height: 38px;
    padding: 7px 20px;
    position: relative;
    top: 0px;
    border-radius: 30px;
    margin-top: 20px;
}

.productSlider {
    position: relative;
}

.productSlider.owl-carousel .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: -18px;
    background: #fff;
    border-radius: 30px;
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
    border: 1px solid #fa9711;
    color: #282828;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    font-size: 13px;
}

.productSlider.owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: -18px;
    background: #fff;
    border-radius: 30px;
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
    border: 1px solid #fa9711;
    color: #282828;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    font-size: 13px;
}

.productSlider.owl-carousel:hover .owl-nav button.owl-prev,
.productSlider.owl-carousel:hover .owl-nav button.owl-next {
    visibility: visible;
    opacity: 1;
}


.videoCard {
    position: relative;
    width: 90%;
    margin: auto;
}
.videothumb {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.videothumb img {
    width: 100%;
}
.videoContent {
    margin-top: 13px;;
}



.video-player {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    width: fit-content;
    height: fit-content;
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.pulse {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fff;
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.pulse i {
    background-color: #000f2d94;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    font-size: 28px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    columns: #fff;
    -webkit-animation: video-pulse-presentation 2s linear infinite;
    animation: video-pulse-presentation 2s linear infinite;
    transition: 0.4s ease;
}

.pulse i:hover {
    background: #ffffff54;
    color: #fff;
    backdrop-filter: blur(7px);
}
@-webkit-keyframes video-pulse-presentation {
    0% {
        -webkit-box-shadow: 0 0 0 0 #f29200, 0 0 0 0 #f29200;
        box-shadow: 0 0 0 0 #f29200, 0 0 0 0 #f29200;
    }

    40% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 #f29200;
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 #f29200;
    }

    80% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }
}

@keyframes video-pulse-presentation {
    0% {
        -webkit-box-shadow: 0 0 0 0 #f29200, 0 0 0 0 #f29200;
        box-shadow: 0 0 0 0 #f29200, 0 0 0 0 #f29200;
    }

    40% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 #f29200;
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 0 #f29200;
    }

    80% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
        box-shadow: 0 0 0 0 rgb(245 112 9 / 0%), 0 0 0 30px rgb(245 112 9 / 0%);
    }
}

.text-white {
    color: #fff;
}


.ourfeaturebg {
    background: url(../img/bg/h1-background-3.jpg);
    background-size: cover;
    background-attachment: fixed;
}
.ourfeaturebg .astogers  {
    height: auto;
}
.ourfeaturebg .astroDP::after {
    display: none;
}
.ourfeaturebg .astogers::after {
    display: none;
}
.ourfeaturebg .astroDP {
    width: 190px;
    height: auto;
}
.ourfeaturebg .astroContent .astroname {
    color: #fff;
    transition: 0.3s ease-in-out;

}
.ourfeaturebg .astogers:hover .astroContent .astroname {
    color: #00adb9;
}
.ourfeaturebg .astroDP img {
    filter: grayscale(1);
}
.ourfeaturebg .astroDP img {
    filter: grayscale(1);
    transition: 0.3s ease-in-out;
}
.ourfeaturebg .astogers:hover .astroDP img {
    filter: grayscale(0);
}

.newsCard {
    padding: 0;
    background: #fff;
    border-radius: 0;
    margin-bottom: 20px;
}

.newsImg {
    /* border-radius: 10px; */
    overflow: hidden;
    /* height: 290px; */
}

.newsImg img {
    width: 100%;
}

.newsContent {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    padding: 3px;
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    margin-top: 9px;
}

.newsContent h5 {
    font-size: 20px;
    font-weight: 300;
    color: #343434;
    margin: 0px;
    margin-bottom: 12px;
    margin-top: 5px;
    line-height: 30px;
}

.newsDate ul {
    display: flex;
    gap: 30px;
}

.newsDate ul li {
    display: flex;
    align-items: center;
}

.newsDate ul li i {
    color: #c2c2c2;
    font-size: 13px;
    margin-right: 7px;
}
.newsDate a:hover p, .newsDate a:hover i {
    color: #00adb9!important;
}
.newsDate ul li p {
    font-size: 14px;
    margin-bottom: 0px;
    color: #c2c2c2;
}
.blogDate {
    position: absolute;
    top: -30px;
    right: 17px;
    background: #00adb9;
    border-radius: 8px;
    padding: 4px 17px;
}
.newsDate ul li.blogDate i {
    color: #fff;
}
.newsDate ul li.blogDate  p {
    color: #fff;
    margin-bottom: 0px;
}

.blogSlider .item {
    padding: 10px;
}


.footer-wrp-main {
    background: linear-gradient(0deg, #00000000, #00000000), url(../img/bg/footer-bg-min.png);
    background-size: cover;
    position: relative;
    padding-top: 130px;
    background-position: top;
    background-repeat: no-repeat;
}
.footer-wrp-main.homefooter {

    margin-top: -70px;
}
.footerParatext p {
    font-size: 14px;
}
.footer-logo-wrp {
    margin-bottom: 20px;
}
.footer-logo-wrp img {
    width: 40%;
    margin: auto;
}
.footerTexture {
    position: absolute;
    width: 35%;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    top: 0px;
    filter: hue-rotate(26deg) saturate(0);
}

.footerTexture img {
    width: 100%;
}

.footerMain {
    position: relative;
    padding: 0px 0px 0px;
}

#tsparticles {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 1;
}
#tsparticlestwo {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 1;
}
.particle-network-animation {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 3; 
}
.somepolicyLink {
    color: #fff;
    display: inline-flex;
    gap: 7px;
}

.somepolicyLink li {
    color: #fff;
}

.somepolicyLink li a {
    color: #ddd;
    font-size: 13px;
}


#tsparticles canvas {
    position: unset !important;
}
#tsparticlestwo canvas{
    position: unset !important;
}
#nokey canvas{
    position: unset !important;
}
.ftr-link-bx {
    margin-top: 15px;
}
.ftr-link-bx a {
    display: block;
   
    color: #292929;
    margin: 11px 0px 11px;
    font-size: 13px;
}
.ftr-link-bx a i {
    font-size: 12px;
    margin-right: 5px;
    position: relative;
    top: 0px;
}
ul.address-sec li i {
    color: #00adb9;
    font-size: 14px;
    margin-right: 8px;
}

ul.address-sec li a {
    display: flex;
    align-items: baseline;
}

.ftr-link-bx a.title-16 {
    font-size: 18px;
    font-weight: 500;
    color: #252525;
    margin-top: 0px;
    margin-bottom: 7px;
    position: relative;
    padding-bottom: 4px;
}

.ftr-link-bx a.title-16::after {
    position: absolute;
    content: '';
    width: 30px;
    height: 2px;
    background: #00adb9;
    bottom: 0px;
    left: 0px;
    z-index: 1;
}
.ftr-link-bx a.title-16::before {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    background: #00adb9;
    bottom: -2px;
    left: 57px;
    border-radius: 100%;
    z-index: 2;
    display: none;
} 

.footerContents {
    margin-top: 20px;
}

.footerContents p {
    margin-right: 5px;
    color: #fff;
    line-height: 28px;
}

.footer-links-wrp {
    padding-bottom: 60px;
    position: relative;
    z-index: 2;
    padding-top: 40px;
}

.footer-btm-wrp {
    background: #060606;
    padding: 5px 0px;
}

.footer-btm-wrp p {
    color: #ffff;
    margin-bottom: 0px;
    font-size: 13px;
}

.footerContents ul {
    display: flex
    ;
        align-items: center;
        gap: 12px;
}

.footerContents ul {
    color: #fff;
}

.footerContents ul li {
    color: #fff;
}

.footerContents ul li:first-child {
    margin-right: 0px;
}

.footerContents ul li:nth-child(2) {
    margin-left: 0px;
}

.footerContents ul li a {
    display: inline-block;
    border: none;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 100%;
    margin: 0px;
    color: #a72409;
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.footerContents ul li a i {
    font-size: 20px;
    line-height: 51px;
}
.footerContents ul li a i.fa-tiktok {
    color: #111;
}

.footerContents ul li a i.fa-facebook-f {
    color: #0075ea;
}

.footerContents ul li a i.fa-x-twitter {
    color: #000;
}

.footerContents ul li a i.fa-youtube {
    color: #f70000;
}

.footerContents ul li a i.fa-instagram {
    background: -webkit-linear-gradient(#556db3, #ea3367, #ff4f28, #ffad57);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.footerContents ul li a i.fa-whatsapp {
    color:#25D366;
}
ul.footerSocial {
    margin-top: 20px;
}

ul.footerSocial i {
    line-height: 27px;
    color: #fff;
    font-size: 12px;
}

.footerpaymentLink {
    margin-top: 18px;
}

.footerpaymentLink img {
    width: 150px;
}

.footershape1 {
    position: absolute;
    left: 40px;
    top: 0px;
    width: 110px;
    animation: upandDown 5s ease-in-out infinite alternate-reverse both;
}
.footerDownloads ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.footerDownloads li a img {
    width: 120px;
}

.footerNewsletter {
    background-color: #00adb9 !important;
    padding: 22px 25px;
}
.footerNewsletter .titleSection {
    margin-bottom: 0px;
}
.footerNewsletter .titleSection h2 {
    padding-bottom: 0px;
    font-size: 30px;
    color: #111;
}
.footerNewsletter .titleSection p {
    color: #111;
    font-size: 14px;
    line-height: normal;
}
.newsLetterInput {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
}
.newsLetterInput input {
    border: none;
    border-radius: 0;
    padding: 12px 16px;
    width: 78%;
    background: #fff;
}

.newsLetterInput input::placeholder {
    color: #df3940;
    font-weight: 300;
    font-size: 13px;
}

.newsLetterInput button {
    padding: 13px 46px;
    border: none;
    border-radius: 0;
    background: #383838;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.8px;
}
.newletterSection {
    position: relative;
    z-index: 2;
}

.ourTopReviews.offbanner {
    margin-top: -30px;
}

.ourTopReviews.offbanner .reviewContainer:hover {
    background-position: center left -100px;
}

.ourTopReviews.offbanner .reviewContainer {
    background: url(../img/bg/h1-img-9.jpg);
    transition: 0.3s ease-in-out;
    background-position: center left -30px;
}
.offbanner .titleSection p {
    font-size: 16px;
    line-height: 27px;
    margin: 20px 0px 10px;
}



.scrollToTop {
    background-color: #ffffff00;

        border: 1px solid #838383;
    box-shadow: 0 0 5px rgba(0,0,0,.05);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: all .15s ease
}

.scrollToTop:after {
    content: "";
    border: solid #838383;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-135deg)
}

.scrollToTop.showBtn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

#progress-bar {
    --scrollAmount: 0px
}

#progress-bar svg {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 50px;
    max-height: 50px;
    transform: rotate(90deg)
}

#progress-bar svg path {
    stroke-width: .2em;
    stroke-dasharray: 154;
    stroke-dashoffset: calc(-154px + var(--scrollAmount));
    animation-fill-mode: forwards
}
.coutnersContainer {
    position: relative;
}
.countersWrap {
    width: 100%;
}
.common-box {
    text-align: center;
    position: relative;
}

.common-box::after {
    position: absolute;
    right: 0px;
    width: 1px;
    height: 100%;
    background: #bdbdbddd;
    content: '';
    top: 0px;
    bottom: 0px;
}

.counterIcon {
    width: 62px;
    margin: 0px auto;
    margin-bottom: 13px;
}

.counterIcon img {
    width: 100%;
}

.countersWraper .col-md-3:last-child .common-box:after {
    background: #9f9f9f00;
}

.counter-num span {
    font-size: 32px;
    font-weight: 600;
    font-family: 'campton';
    line-height: normal;
    color: #263844;
}

.counter-text {
    font-weight: 600;
    color: #525252;
}

.counterDataWrap {
    position: absolute;
    top: 156px;
    right: -20px;
    z-index: 3;
    animation: upandDown 5s ease-in-out infinite alternate-reverse both;
}
@-webkit-keyframes upandDown {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
.upandDown {
    animation: upandDown 5s ease-in-out infinite alternate-reverse both;
}
.counterData {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 18px 23px;
    border-radius: 8px;
}

.counterData h4 {
    font-size: 38px;
    font-weight: 700;
    color: #002588;
    line-height: normal;
}

.counterData p {
    line-height: normal;
}

.ourPresences  {

}


.reviewSlider  {
    margin-top: 30px;
}
.testiSlider .item {
    padding-top: 110px;
}
.testimonials {
    position: relative;
    background: #fdd;
    border-radius: 20px;
}
.testimonials-bg {
    width: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    height: 100%;
    z-index: -1;
    opacity: 0.5;
}

.testimonials-bg img {
    width: 100%;
}

.testimonialsWrapper {
    margin-top: 40px;
    
}

.owl-theme .owl-dots .owl-dot span {
    transition: 0.3s ease-in-out;
}
.owl-theme.reviewSlider .owl-dots, .reviewSlider.owl-theme .owl-nav {
    text-align: center;
    transition: 0.3s ease-in-out;
}
.owl-theme.reviewSlider .owl-dots .owl-dot.active span, .owl-theme.reviewSlider .owl-dots .owl-dot:hover span {
    background: #00adb9;
    position: relative;
}

.testimonialCard {
       position: relative;
    background: TRANSPARENT;
    border: none;
    border-radius: 0px;
    padding: 0;
}
.testiheader {
    text-align: center;
    margin-bottom: 22px;
}
.testiheader a {
    font-size: 20px;
    font-weight: 600;
    
    color: #fff;
}
.testimonialCard::after {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    background: url(../img/icons/qoute.png);
    top: 10px;
    left: 0;
    z-index: 2;
    background-size: 100%;
    opacity: 0.3;
    right: 0px;
    bottom: 0px;
    margin: auto;
    opacity: 0.1;
}
.testiContent p {
    color: #fff;
    text-align: center;
    margin-bottom: 30px;
}
.useratings {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.useratings i {
    color: #00adb9;
}
.testiauthor {
    display: flex
    ;
        align-items: center;
        justify-content: flex-start;
        margin-top: 18px;
        flex-direction: column;
        gap: 18px;
        text-align: center;
        margin-bottom: 20px;
}

.testiimg {
      width: 55px;
    height: 55px;
    border-radius: 100%;
    border: none;
    position: relative;
    z-index: 3;
    margin-top: 0;
    overflow: hidden;
}

.testiimg img {
    width: 100%;
    border-radius: 8px;
}

.testiauthorContent {
    margin-left: 13px;
}
.testiContent {
    text-align: center;
}
.testiauthorContent h5 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}

.testiauthorContent h5 span {
    font-weight: 400;
    font-size: 15px;
}

.testiauthorContent p {
    color: #282828;
}




.testimonialsCarousel.owl-theme .owl-dots .owl-dot.active {
    position: relative;
    display: inline-block;
}

.testimonialsCarousel.owl-theme .owl-dots .owl-dot.active:after,
.testimonialsCarousel.owl-theme .owl-dots .owl-dot:hover:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}




/* inner Banenr  */

.inrbnr {
    position: relative;
    min-height: 200px;
    background: linear-gradient(83deg, #fff4de59, #ffe1e1ab), url(../img/bgs/inner-bnr-bg.png);
    padding-top: 77px;
    background-size: 100%;
    background-position: center center;

}

.inrbnrimg {
    width: 100%;
    height: 200px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: hidden;
    z-index: 1;
}

.inrbnrimg img {
    width: 40%;
    position: relative;
}

.inrbnrContent {
    position: relative;
    z-index: 2;
    height: 200px;
    display: flex
;
    align-items: center;
    justify-content: flex-start;
}

.inrbnrtext h2 {
    font-size: 32px;
    color: #ffffff;
}

.inrbrnNav {
    display: flex;
    align-items: center;
    margin-top: 3px;
    justify-content: flex-start;
}



.inrbrnNav li a i {
    font-size: 13px;
    margin-right: 3px;
    position: relative;
    top: -1px;
}
.inrbrnNav li:first-child {
    padding-left: 0px;
}
.inrbrnNav li {
    position: relative;
    border-right: 1px solid #959595;
    padding: 0px 10px;
}

.inrbrnNav li:last-child {
    border: none;
}
.inrbrnNav li a {
    color: #fff;
}
.inrbrnNav li:last-child a {
    color: #00adb9;
}



/* style two */

.bnrNav {
    padding: 13px 0px;
    background: linear-gradient(90deg, #eaeaea, #eaeaea), url(../img/texture/texture1.png);
}

.bnrNavWrap ul {
    display: flex;
    align-items: center;
    position: relative;
}

.bnrNavWrap ul li {
    padding-right: 5px;
    position: relative;
    margin-right: 5px;
}

.bnrNavWrap ul li.gotoProductList {
    position: absolute;
    right: 0px;
    padding-right: 0px;
    margin-right: 0px;
}

.bnrNavWrap ul li.gotoProductList i {
    font-size: 10px;
}

.bnrNavWrap ul li::after {
    position: absolute;
    content: '|';
    right: 0px;
    /* background-image: url(../img/icons/right-arrow-nav.png); */
    width: 1px;
    height: 26px;
    background-size: contain;
    top: 0px;
    bottom: 0px;
    margin: auto;
    font-size: 12px;
}

.bnrNavWrap ul li:last-child:after {
    display: none;
}

.bnrNavWrap.listings ul li:nth-last-child(-n+2):after {
    display: none;
}

.bnrNavWrap ul li:nth-last-child(-n+2) a {
    color: #7c7c7c;
}

.bnrNavWrap ul li {
    font-weight: 400;
}

.bnrNavWrap ul li a {
    color: #7c7c7c;
    font-weight: 400;
    font-size: 14px;
}

.bnrNavWrap ul li:last-child a {
    color: #00adb9;
    font-weight: 600;
}
/* inner Banenr End */
.mainTitle  {
    margin-bottom: 30px;
}
.mainTitle h1 {
    font-weight: 700;
    font-size: 46px;
    color: #2a2873;
}
.mainTitle p {
    padding: 0px 20%;
    font-size: 18px;
    margin-top: 8px;
}

.contactInfoWrap {
    margin-top: 60px;
}
.contactInfoCard {
    padding: 20px;
    /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
    background: #ffefe0;
    backdrop-filter: blur(5px);
    border-radius: 20px;
    border: 1px solid #dddddd6b;
    transition: 0.4s ease-in-out;
    position: relative;
    min-height: 220px;
}
.contactinfoIoc {
    width: 90px;
    margin: auto;
    height: 90px;
    background: linear-gradient(180deg, #003075, #00255a);
    padding: 22px;
    border-radius: 20px;
    margin-top: -58px;
    position: relative;
    z-index: 2;
    transition: 0.4s ease-in-out;
}
.contactinfoIoc img {
    filter: invert(3) brightness(5);
    width: 100%;
}
.contactinfoContent {
    position: relative;
    z-index: 2;
    margin-top: 10px;
    text-align: center;
}
.contactInfoCard::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    border-radius: 20px;
    transition: 0.4s ease-in-out;
    background: linear-gradient(45deg, #fff8f1, white);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    visibility: hidden;
    opacity: 0;
}
.contactinfoContent h5 {
    font-size: 20px;
    font-weight: 700;
    color: #00112a;
    margin-bottom: 6px;
    margin-top: 22px;
}
.contactinfoContent a {
    display: block;
    color: #111;
    font-size: 19px;
    font-weight: 700;
    position: relative;
}
.contactinfoContent a::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #00adb9;
    border-radius: 30px;
    margin-right: 7px;
}
.contactinfoContent p {
    line-height: normal;
    margin-bottom: 20px;
}

.partnerWrap {
    background: linear-gradient(180deg, #00adb9, #128807);
    padding: 50px;
    border-radius: 30px;
    margin-bottom: 40px;
}
.partnerWrap .imgSec {
    box-shadow: none;
    border: none;
}
.textWrapper.light h5, .textWrapper.light h2, .textWrapper.light p {
    color: #fff;
}
.partnerWrap .textWrapper.light h2 {
    font-size: 59px;
    margin-bottom: 16px;
    font-weight: 700;
}
.partnerWrap .normalList li {
    padding-left: 23px;
    background-image: url(../img/icons/check.svg);
    background-size: 16px;
    background-position: left top 4px;
    background-repeat: no-repeat;
    text-align: justify;
    line-height: 25px;
    color: #3c3c3c;
}

.textWrapper.light .normalList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.textWrapper.light .normalList li {
    color: #fff;
    background-image: url(../img/icons/check-light.svg);
    background-size: 23px;
    line-height: 31px;
    padding-left: 30px;
    width: 49%;
}
.partnerWrap .textWrapper.light h4 {
    color: #fff;
    margin-top: 20px;
    font-size: 30px;
    font-weight: 700;
}
.partnerWrap .button.outline {
    background: #fff;
    border: none;
}

/* blogsdetails  */

.blogMainImg {
    border-radius: 10px;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
}

.blogMainImg img {
    width: 100%;
}

.blogMainHeader {
    margin-bottom: 30px;
}

.blogMainHeader .newsDate ul {
    justify-content: flex-start;
}

.blogMainHeader .newsDate ul li:first-child {
    margin-right: 10px;
}
.blogTitle h1, .blogTitle h2 {
    font-size: 34px;
    font-weight: 700;
}
.blogdSidebar {
  
    position: sticky;
    top: 90px;

}
.blogSiderCard {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-bottom: 12px;
}
.blogNeedAssistants {
    padding: 12px;
    text-align: center;
}
.blogNeedAssistants img.mainImg {
    width: 50px;
    margin-bottom: 8px;
}
.blogNeedAssistants h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}
.blogNeedAssistants h5 {
    font-size: 12px;
}
.astrolBtns.ondetails.onblogs {
    flex-direction: column;
    gap: 7px;
} 
.astrolBtns.ondetails.onblogs a.astrolCall:nth-child(2) {
    background: #00adb9;
}
h5.sidebarTitle {
    font-weight: 600;
    position: relative;
    padding: 16px 0px 8px;
}

h5.sidebarTitle::after {
    position: absolute;
    content: '';
    width: 50px;
    height: 3px;
    background: #00adb9;
    bottom: 0px;
    left: 0px;
}

.latest-post {
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 15px;
}

.blogdSidebar .latest-post:last-child {
    border-bottom: none;
}

.thumbnail {
    margin-right: 10px;
}

.thumbnail a {
    display: block;
}

.thumbnail a img {
    border-radius: 5px;
    min-height: 70px;
    object-fit: cover;
    max-width: 70px;
}

.blog-meta {
    display: flex;
    flex-wrap: wrap;

}

.blog-meta li {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #606060;
}
.blogContainer ul li {
    list-style: inside;
}

.registerfromWrapper {
    background: #fff;
    overflow: hidden;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.registerForm {
    padding: 44px;
   
}
.form-group span {
    color: red;
}


.form-control {
    padding: 10px 18px;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #dddddd;
    border-radius: 0px;
}
.form-control:focus {
    box-shadow: none;
    border: 1px solid #ffbe62;
}
.form-control::placeholder {
    color: #b3b3b3;
}
.form-select {
    padding: 10px 18px;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #dddddd;
    border-radius: 0px;
}
.form-select:focus {
    box-shadow: none;
    border: 1px solid #ffbe62;
}


.bgdark {
    background: linear-gradient(90deg, #00adb9, #00adb9), url(../img/texture/texture2.jpg);
    background-size: 100%;
    background-position: center center;
}

.normalbtn {
    background: #00adb9;
    border: none;
    padding: 14px 20px;
    color: #fff;
    transition: 0.3s ease-in-out;
    display: inline-block;
}
.greenBtn {
    background: #00adb9;
    border: none;
    padding: 14px 20px;
    border-radius: 10px;
    color: #fff;
    transition: 0.3s ease-in-out;
    display: inline-block;
}
.greenBtn:hover {
    
}
.registerInstruction {
    height: 100%;
}
.registerInstruction .imgsec {
    height: 100%;
}
.registerInstruction .imgsec img {
    height: 100%;

}
.imgsec {
    width: 100%;
}
.imgsec img {
    width: 100%;
}



.destilistWrapper {
    margin-top: 60px;
}
.titleSection.style2 h2 {
    font-size: 32px;
    font-weight: 400;
    padding-bottom: 0px;
}
.titleSection.style2 {
    margin-bottom: 20px;
}

.destilistWrapper .tripcard {
    margin-bottom: 40px;
}
.destilistHeader .infoTitle  {
    width: 70%;
    font-weight: 400;
}
.destilistHeader .infoTitle span {
    font-weight: 500;
}
.destilistHeader .form-group {
    width: 18%;
}
.destilistHeader .form-group select {
    width: 70%;
}
.destilistHeader {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.destilistHeader::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #ddd;
}
.destilistHeader::before {
    position: absolute;
    content: '';
    width: 100px;
    height: 5px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #00adb9;
}
.inrbnr.inrbnrDetails {
    min-height: 77px;
}



/* Tour Details */
.astroSider {
    position: sticky;
    top: 90px;
}

.ondetails .astrocContainer {
    flex-direction: column;
    gap: 10px;
}

.astrocard.ondetails .astrohead {
    flex-direction: row;
    width: 100%;
    align-items: center;
}

.astrocard.ondetails .astroImg {
    width: 100px;
    height: 100px;
    visibility: visible;
    border-radius: 0px;
    border: none;
}

.astrocard.ondetails .astroImg img {
    border-radius: 100%;
    border: 1px solid #f3f3f3;
}

.onlineShow {
    position: absolute;
    width: 19px;
    height: 19px;
    background: #00c534;
    bottom: 2px;
    right: 9px;
    z-index: 2;
    border-radius: 100%;
    display: inline-block;
    border: 1px solid #fff;
}

.astrocard.ondetails .astroName h4 {
    font-size: 22px;
}

.astroName img.verifiedCheck {
    width: 18px;
}

.ondetails .astroAcheiver {
    justify-content: flex-start;
}

.ondetails .astroAcheiver li {
    font-size: 16px;
}

.astrodCates a.astrocatbadge {
    padding: 6px 20px;
    display: inline-block;
}

.ondetails .astroinfo li {
    font-size: 16px;
    line-height: 20px;
    padding: 5px;
    border-bottom: 1px dashed #e5e5e5;
}

.ondetails .astroinfo li img {
    width: 17px;
    position: relative;
    top: 3px;
}

.astrolBtns.ondetails a.astrolCall {
    width: 100%;
    padding: 8px 10px;
    height: auto;
    justify-content: center;
    gap: 5px;
    color: #fff;
    line-height: normal;
    text-align: left;
}

.astrolBtns.ondetails a.astrolCall {
    width: 100%;
    padding: 8px 10px;
    height: auto;
    justify-content: center;
    gap: 5px;
    color: #fff;
    line-height: normal;
    text-align: left;
}

.astrolBtns.ondetails a.astrolChat {
    width: 100%;
    padding: 8px 10px;
    height: auto;
    justify-content: center;
    gap: 5px;
    color: #fff;
    font-size: 16px;
}

.navWrapper {
    position: sticky;
    top: 65px;
    background: #fff;
    z-index: 3;
    padding: 10px 0px;
}

.navibtn.active {
    background: #00adb9;;
    color: #fff;
}

.navibtn {
    padding: 8px 15px;
    background: linear-gradient(124deg, #e7e7e7, #ededed);
    font-size: 16px;
    display: inline-block;
}

.tabContentBox {
    /* border: 1px solid #f1f1f1; */
    border-radius: 10px;
    margin-top: 8px;
}

.titletwo {
    margin-bottom: 12px;
    padding-bottom: 7px;
    position: relative;
    font-size: 20px;
    font-weight: 400;
}

.titletwo::after {
    position: absolute;
    content: '';
    width: 80px;
    height: 2px;
    background: #00adb9;
    bottom: 0px;
    left: 0px;
}

.tourmainImg {
    width: 100%;
}
.tourmainImg img {
    width: 100%;
}
.tabContentBox .titleSection {
    margin-bottom: 10px;
}
.tabContentBox .titleSection h2 {
    font-size: 38px;
    font-weight: 500;
}
.speciCard {
    padding: 10px 20px;
    width: 32%;
    background: #fbfbfb;
    border: 1px solid #efefef;
}

.speciCard img {
    width: 33px;
}

.speciCard span {
    font-size: 16px;
}

.cusReviewCreate {
    padding: 12px 0px;
}

.cusReviewCreate .comment-list>.comment .comment-body {
    position: relative;
    /* padding-left: 100px; */
    margin-bottom: 0px;
    min-height: 95px;
    border-bottom: 1px solid rgba(34, 34, 34, .1);
    padding-bottom: 25px;
}

.cusReviewCreate .comment-list>.comment .comment-body .comment-author .avatar {
    position: absolute;
    left: 0;
    height: 80px;
    width: 80px;
    border-radius: 100%;
}

.cusReviewCreate .comment-list>.comment .comment-body .comment-author .fn {
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 600;
    font-style: normal;
    margin-bottom: 8px;
    display: block;
}

.cusReviewCreate .comment-list>.comment .comment-body .star-rating {
    font-size: 14px;
    margin-bottom: 10px;
}

.cusReviewCreate .text-secondary {
    color: #ffc822 !important;
}

.cusReviewCreate .comment-list>.comment .comment-body p {
    font-size: 14px;
    text-align: left;
    line-height: 21px;
    color: #646464;
}

.commentReviewForm {
    padding: 22px;
    width: 100%;
    background: #fbfbfb;
    border: 1px solid #efefef;
    border-radius: 10px;
   
}
.reviewsectionondetail {
    position: sticky;
    top: 120px;
}
.star-rating {
    /* direction: rtl; */
    display: inline-block;
    padding: 0px;
    cursor: default;
    display: flex;
    gap: 8px;
}

.star-rating input[type=radio] {
    display: none;
}

.star-rating label {
    color: #d1d1d1;
    font-size: 22px;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.star-rating label:hover,
.star-rating label:hover~label,
.star-rating input[type=radio]:checked~label {
    color: #f2b600;
}

.astrolBtns.ondetails a.astrolChat img {
    width: 20px;
}
.astrolBtns.ondetails a.astrolCall img {
    width: 20px;
}
.ondetails .astroinfo {
    flex-direction: column;
    gap: 5px;
    margin-bottom: 20px;
}
.ondetails .astroinfo li {
    width: 100%;
}
.ondetails .astroDetails {
    width: 100%;
}
.content li {
    padding-left: 23px;
    background-image: url(../img/icons/check.svg);
    background-size: 16px;
    background-position: left top 4px;
    background-repeat: no-repeat;
    text-align: justify;
    line-height: 28px;
    color: #818181;
    font-weight: 400;
    margin-bottom: 12px;
}
.content p {
    color: #818181;
    font-size: 16;
    line-height: 32px;
    margin-top: 0;
    margin-bottom: 10px;
}
.listwithHeading li h5 {
    font-size: 18px;
    font-weight: 400;
}
.listwithHeading li h5 span {
    color: #00adb9;
}

.listwithHeading {
    margin-top: 25px;
}
.content .listwithHeading li {
    margin-bottom: 12px;
}



.mediaGalleryImgCard{
    margin-bottom: 20px;
    transition: 0.4s ease-in-out;
}
.mediaGalleryImgCard .demo-gallery-poster{
    padding: 0px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
    margin-bottom: 20px;
    border-radius: 0;
    margin: 0px;
    height: 300px;
    display: flex;
    align-items: center;
}
.mediaGalleryImgCard img{
    width: 100%;
    border-radius: 0;
    height: 100%;
    object-fit: cover;
}
.galleryTitle{
    text-align: center;
    margin-bottom: 20px;
}
.galleryTitle h5{
    font-size: 20px;
    font-weight: 800;
    color: #282828;
}
.demo-gallery-poster{
    position: relative;
    overflow: hidden;
}
.demo-gallery-poster::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #00000012;
    top: 0px;
    left: 0px;
    right: 0px;
    transition: 0.4s ease-in-out;
}
.mediaGalleryImgCard:hover .demo-gallery-poster::after{
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0);
}
.demo-gallery-poster img{
    transition: 0.4s ease-in-out;
}
.mediaGalleryImgCard:hover {
    transform: translateY(-2px);
    cursor: zoom-in;
}
.mediaGalleryImgCard:hover .demo-gallery-poster{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}


.mediaGallerypage .gallerWrapperCard {
    display: flex
    ;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 10px 10px;
        margin-top: 10px;
}
.mediaGallerypage .gallerWrapperCard .gallerymainImg{
    width: 22%;
    min-height: 125px;
    margin-bottom: 0px;
    max-height: 125px;
    overflow: hidden;
}

.clickviewmoreimage {
    position: relative;
}
.clickviewmoreimage .demo-gallery-poster::after {
    background: #00000091;
    z-index: 1;
}
.mediaGalleryImgCard.clickviewmoreimage:hover .demo-gallery-poster::after {
    background: #00000091;
    opacity: 1;
    transform: inherit;
    visibility: visible;
}
.galmoreimagetext {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.galmoreimagetext h3 {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
}
.galmoreimagetext h5 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.inmoreimages {
    position: absolute;
}
.tabContentBox .speciCard img {
    width: 18px;
}
.tabContentBox .speciCard {
    padding: 8px 12px;
}
.tabContentBox .specialization {
    margin-bottom: 25px;
}


.mapImage {
    width: 100%;
    border: 1px solid #f3f3f3;
}
.mapImage img {
    width: 100%;
}
.destisidercard {
    padding: 16px;
    border: 1px solid #ededed;
    background: #fff;
    margin-bottom: 20px;
}

.siderdestititle {
    margin-top: 20px;
}
.siderdestititle h4 {

}
.siderdestititle ul {
    margin: 10px 0px 30px;
}
.siderdestititle ul li {
    width: 48%;
    justify-content: center;

}

.siderdestititle ul li img {
    width: 18px;
}
.siderdestititle ul li p {
    font-size: 14px;
}

.infobadge {
    padding: 6px 20px;
    background: #e2fbfd;
}
.infobadge.colortwo {
    background: #e2fbfd;
}
.priceinfo {
    position: relative;
}
.priceinfo .from {
    position: absolute;
    top: -13px;
    left: 0px;
    font-size: 13px;
}
.priceinfo .currency {
    display: inline-block;
    position: unset;
    left: 0px;
    top: 7px;
    font-size: 20px;
}
.priceinfo .price {
    display: inline-block;
    font-size: 50px;
    color: #00adb9;
    /*padding-left: 16px;*/
    position: relative;
}
.priceinfo .price .oldprice {
    font-size: 20px;
    color: #c1c1c1;
    text-decoration: line-through;
    margin-right: 8px;
     position: absolute;
    top: 8px;
      left: 100%;
    transform: translateX(6px);
}
.priceinfo p {
    display: inline-block;
}

.bookbtn {
    width: 100%;
    position: relative;
    transition: all 0.3s ease-in-out;
    background: #00adb9;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #ffff;
    gap: 10px;
    font-weight: 600;
    border: none;
    outline: none;
    overflow: hidden;
    font-size: 12px;
    padding: 12px 42px;
    line-height: 2em;
    text-transform: uppercase;
    letter-spacing: .2em;
}



/* Cart */
.cartCard {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 1px solid #dddddd7a;
    overflow: hidden;
    background: #fff;
    padding: 30px;
}
.billDetails {
    position: sticky;
    top: 90px;
    transition: 0.4sease -in-out;
    padding: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border: 1px solid #dddddd4d;
    overflow: hidden;
    background: #fff;
}
.order-detail table {
    width: 100% !important;
    margin-bottom: 25px;
}
.order-detail table tr.charges {
    border-bottom: 1px dashed rgba(34, 34, 34, .2);
}
.order-detail table tr td {
    padding: 6px 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
}
.order-detail table tr td.price {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: end;
}
.order-detail table tr.tax {
    border-bottom: 2px solid rgba(34, 34, 34, .2);
}

.haveaccountlogin {
    padding: 12px 20px;
    background: #e2fbfd;
    margin: 0px 0px 2.5rem;
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 20px;
}
.haveaccountlogin p {
    font-size: 18px;
}
.haveaccountlogin a {
    background: #00adb9;
    border: none;
    padding: 10px 30px;
    color: #fff;
    transition: 0.3s ease-in-out;
    display: inline-block;
}

.form label {
    font-weight: 400;
    margin-bottom: 7px;
}

.number {
    align-items: center;
    border: 1px solid #ddd;
    display: inline-flex;
    justify-content: center;
    margin: 10px 0px;
}
.number input.form-control {
    display: inline-block;
    width: 70px;
    border: none;
    text-align: center;
}
.minus, .plus{
    width: 45px;
    height: 45px;
    background: #f2f2f2;
    border-radius: 0;
    padding: 8px 5px 8px 5px;
    border: 1px solid #ffffff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}
.minus img , .plus img  {
    width: 15px;
}


/* calender */
.calendar-wrapper {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.calendar {
    width: 48%;
    border: 1px solid #f3f3f3;
    padding: 20px;
}

.calendar-header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
}

.calendar-day,
.calendar-date {
    text-align: center;
    padding: 6px 0;
    font-size: 14px;
}

.calendar-day {
    font-weight: bold;
}

.calendar-date {
    cursor: pointer;
    border-radius: 4px;
    position: relative;
}

.calendar-date.available {
    background: #e7f9ed;
    border: 1px solid #a2e1b7;
    color: #333;
}

.calendar-date:hover.available {
    background-color: #b6f2c3;
}

.calendar-date.unavailable {
    color: #ccc;
    cursor: not-allowed;
}

.price {
    font-size: 11px;
    color: #009e3c;
}

.form-group .calendar span {
    color: #303030;
    font-weight: 600;

}

.selectPackagedate {
    position: relative;
}
.nav-btns {
    margin-bottom: 15px;
    text-align: center;
}

.nav-btns button {
    margin: 0 0px;
    padding: 6px 12px;
    border: none;
    background: transparent;
}
.nav-btns button.calleft {
    position: absolute;
    left: 10px;
    top: 20px;
}
.nav-btns button.calright {
    position: absolute;
    right: 16px;
    top: 20px;
}
.highlightedText {
    padding: 10px 20px;
    background: #e2fbfd;
    
}


.tourhotelCard {
    border: 1px solid #ddd;
    
}
.touhhotelImg {
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.touhhotelImg img {
    width: 100%;
}

.tourhotelDetails {
    padding: 12px;
}
.tourhotelDetails h4 {
    font-size: 20px;
    font-weight: 400;
    color: #343434;
    margin: 0px;
    margin-bottom: 0;
    margin-top: 5px;
    line-height: 30px;
}
.tourhotelDetails .tourhotellocation i {
    color: #00adb9;
}
.tourhotelDetails .tourhotellocation span {
    font-size: 14px;
    font-weight: 400;
}
.tourhotelDetails p {
    color: #808285;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}
p.tourhotellocation {
    margin-bottom: 10px;
}
.touhotelratings li {
    padding: 5px 15px;
    background: #fff;
    margin-bottom: 0px;
}
.touhotelratings li:first-child {
    background: #e2fbfd;
}
.touhotelratings li .ourRatings {
    color: #eb6c76;
}
.touhotelratings li .firstspan {
    width: 45%;
    display: inline-block;
}
.personNameRow {
    margin-bottom: 20px;
}

.packageDeteSelect {
    margin-bottom: 20px;
}


.prparaReadBtn {
    color: #00adb9;
    text-decoration: none;
    display: inline-block;
    padding: 3px 3px;
    position: relative;
    font-size: 14px;
    margin-top: 8px;
}
.tourhotelWrap {
    margin-top: 20px;
}

.siderbtns .bookbtn {
    font-size: 16px;
}
.datePickupSelectshow  {
    text-align: right;
}

.overviewheader p {
    font-size: 12px;
}


.selectOtherPackageWrap {
    background: #ebfeff;
    margin-top: 20px;
    margin-bottom: 20px;
    max-height: 440px;
    overflow-y: auto;
}
.selectpCard {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.selectpHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.selectpTitle {
    width: 50%;
    display: flex;
    align-items: center;
    gap: 12px;
}
.selectpTitle .remainingPackage {
    font-size: 12px;
    padding: 5px;
    background: #e2fbfd;
}
.selectpPrice {

}
.selectpBtn button {
    padding: 10px 20px;
    width: 130px;
}
.selectpPrice .priceinfo .from {
    position: relative;
    top: -24px;
    left: -1px;
    font-size: 13px;
}
.selectpPrice .priceinfo p  {
    display: block;
    margin-top: -15px;
    position: relative;
    left: 23px;
}

.selectpOtherInfo {
    padding: 12px;
}

.selectpOtherInfo .accordion p {
    padding: 0px;
    text-align: left;
    width: 100%;
    font-size: 14px;
}
.selectpOtherInfo .accordion h5 {
    padding: 0px;
    text-align: left;
    width: 100%;
    margin-bottom: 7px;
    font-size: 16px;
}
.selectpOtherInfo .accordion-button  {
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
}
.selectpOtherInfo .accordion-button:focus {
    box-shadow: none;
}
.selectpOtherInfo .accordion-button::after { 
    position: absolute;
    right: 27px;
}
.selectpOtherInfo .accordion-button:not(.collapsed) {
    background: transparent;
    border: none;
    box-shadow: none;
}
.selectpOtherInfo .accordion {
    border: none;
}
.selectpOtherInfo .accordion-item {
    border: none;
    box-shadow: 0px 0px 10px #ddd;
    border-radius: 0px;
}

.normalList li {
    padding-left: 23px;
    background-image: url(../img/icons/check.svg);
    background-size: 16px;
    background-position: left top 4px;
    background-repeat: no-repeat;
    text-align: justify;
    line-height: 28px;
    color: #818181;
    font-weight: 400;
    margin-bottom: 0;
}

.totalDepartureNo {
    padding: 20px;
    background: #eeeeee;
}
.totalDepartureNo h6 {
    font-size: 13px;
    font-weight: 400;
}
.accordion p {
    padding: 0px;
}
.accordion-button:focus {
    box-shadow: none;
}

.yourImpact {
    border: none;
}
.yourImpact .accordion-button {
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    padding-bottom: 10px;
}
.yourImpact .accordion-item {
    border: none;
}
.yourImpact .accordion-body {
    padding: 0px 10px 10px;
}
.sidebaroverview hr {
    opacity: 0.1;
}
.shortsidePackageList {
    gap: 10px;
    background: #f5f5f5;
    padding: 13px;
    border: 1px solid #ececec;
}
.shortsidePackageList img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}
.shortsidepTitle h5 {
    font-size: 16px;
}
.shortsidepTitle p {
    font-size: 12px;
}
.shortsidepPrice {
    text-align: right;
}

.order-detail table.sidepriceTable {
    padding: 20px;
    margin-top: 16px;
}
.order-detail table tr.tax {
    border-bottom: 1px solid #ebebeb;
}
.haveaccountlogin.extraaddonstitle {
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    gap: 0px;
    margin-bottom: 00px;
}
.haveaccountlogin.extraaddonstitle h5 {
    font-size: 16px;
}
.haveaccountlogin.extraaddonstitle p {
    font-size: 13px;
}
.extrasCard {
    padding: 0px;
}

.normalBadge {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    background: #eafcff;
    color: rgb(51, 120, 148);
    padding: 0.1875rem 0.5rem;
    border-radius: 0.5rem;
    font-family: inherit;
    font-weight: bold;
    font-style: normal;
    font-size: 0.75rem;
    line-height: 1.125rem;
}

.selectExtras .selectpOtherInfo .accordion-button {
    padding-bottom: 10px;
}
.selectExtras .selectpOtherInfo .accordion-body {
    padding-top: 0px;
}

.extraActivityCard {
    display: flex
    ;
        align-items: center;
        margin: 10px 0px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 16px;
}
.extraActivityCard .extratourImg {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.extraactivityContent {
    position: relative;
    max-height: 280px;
    overflow-y: auto;
}
.extraactivityContent h5.title {
    padding: 0px;
    text-align: left;
    width: 100%;
    margin-bottom: 0px;
    font-size: 16px;
}
.extraactivityContent .normp {
    padding: 0px;
    text-align: left;
    width: 100%;
    font-size: 12px;
}
.extraactivityContent p {
    font-size: 13px;
}

.extraactBtns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.lightBtn {
    font-weight: 500;
    font-size: 15px;
    border: 0.09375rem solid #ebeaff;
    background: #ffffff;
    color: #00adb9;
    padding: 0.375rem 1rem;
    position: relative;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    outline: none;
    cursor: pointer;
    max-width: max-content;
}
.extractPrice {
    display: flex;
    gap: 2px;
  

}
.extractPrice .mainpr {
    font-size: 20px;
}
.extractPrice span:nth-child(1) {
    font-size: 12px;
    color: #818181;
}
.extractPrice span:nth-child(3) {
    font-size: 12px;
    color: #818181;
}

.selectpOtherInfo .accordion .extraactivityContent p {
    font-size: 13px;
    line-height: 22px;
}
.extrasCard .selectpOtherInfo .accordion-item {
    margin-bottom: 20px;
}
.accordion {
    background: transparent;
}


.extradasystyle {
    margin-top: 30px;
}
.extradaysHeader img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

.extradaysCard  {
    border-bottom: 1px solid #ddd;
    padding: 13px;
}
.extradaycol h6 {
    font-size: 16px;
}
.extradaycol p {
    display: inline-block;
    font-size: 14px;
}
.extraActivityCard.extraAccommodationCard .extratourImg {
    width: 60px;
    height: 60px;
    padding: 0px;
    margin-right: 13px;
}

.extraAccommodationCard .extraactBtns {
    margin-top: 0px;
    flex-direction: column;
    width: 30%;
}
.extraAccommodationCard .extraactivityContent {
    width: 100%;
}


.paybleamoutCard {
    position: relative;
    margin-bottom: 18px;
    text-align: center;
}
.paybleamoutCard label,
.paybleamoutCard input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #ffff;
}
.paybleamoutCard label {
    position: relative;
}
.paybleamoutCard input[type="radio"] {
  opacity: 0.011;
  z-index: 100;
}

.paybleamoutCard input[type="radio"]:checked + label , .paybleamoutCard:hover input + label {
    background: #d9fdff;
    border-radius: 6px;
    border: 1px solid #00adb9;
}
.paybleamoutCard:hover input + label {
    background: #d9fdff5e;
    border-radius: 6px;
    border: 1px solid #00adb971;
}

.paybleamoutCard label {
    cursor: pointer;
    z-index: 2;
    line-height: 1.8em;
    box-shadow: 0px 0px 4px #ddd;
    border-radius: 10px;
    padding: 10px 17px;
}


.paybalInfoCard {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
}
.radioIcon {
    border: 1px solid #ffffff;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    display: flex
;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 10px #cfcfcf;
}
.radioIcon i {
    font-size: 21px;
    color: #00adb9;
}

.paybleInfo p {

}
.paybleInfo  h5 {

}


.someotherTitle .inrbnrtext h2 {
    font-size: 42px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 500;
}
.someotherTitle .inrbnrtext p {
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 39px;
    padding: 0px 16%;
}
.someotherTitle .inrbnrContent {
    justify-content: center;
    height: 340px;
}
.inrbnr.someotherTitle {
    min-height: 410px;
}

.aboutUsFeatures .astogers {
    height: auto;
}
.aboutUsFeatures .astroContent .astroname {
    font-weight: 500;
}

.bighighlightedText {
    line-height: 1em;
    font-weight: 400;
    color: #00adb9;
    font-size: 60px;
    margin-top: 29px;
    display: inline-block;
}


.ourClients .clientsCards {
    height: auto;
}

.ourClients .clientsCards img {
    width: 100%;
}

.ourClients {
    margin-top: 0px;
}

.clientCard {
    width: 100%;
    padding: 10px;
    height: 90px;
    background: #ffffffdd;
    border: 1px solid #eeeeee;
    border-radius: 16px;
    box-shadow: 0px 0px 10px #ddd;
}

.clientCard img {
    width: 100%;
    height: 100%;
    object-fit: contain;

}
.clientCarousel .item {
    padding: 10px;
}

.mapWrapper {
    width: 100%;
    height: 400px;
    border: 3px solid #fff;
    box-shadow: 0px 0px 10px #ddd;
    border-radius: 0px;
    overflow: hidden;
}

.contactUsForm {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 34px;
    background: #fff;
    margin-bottom: 20px;
}
.contactMain {
    display: flex
;
    align-items: center;
    gap: 11px;
    margin-top: 16px;
}
.contactMain i {
    width: 50px;
    height: 50px;
    background: #e3fdff;
    border-radius: 10px;
    text-align: center;
    line-height: 48px;
    font-size: 23px;
    border: 1px solid #9becf2;
}

.contactMain p {
    margin: 0px;
    display: flex
;
    flex-direction: column;
    text-align: left;
}
.contactMain a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    /* display: block; */
}

.contactInfo {
    margin-top: 20px;
}

.contactInfo h5.title {
    font-size: 32px;
    font-weight: 400;
    padding-bottom: 0px;
}

.withSticky {
    position: sticky;
    top: 90px;
}

.faqWrap .selectpOtherInfo {
    padding: 0px;
    margin-top: 30px;
}


.faqWrap h5.sidebarTitle {
    margin-bottom: 20px;
}
.faqWrap .selectpOtherInfo .accordion-item {
    margin-bottom: 15px;
}
.listotherinfo  {
    flex-wrap: wrap;
    gap: 10px 0px;
    margin-bottom: 20px;
}
.listotherinfo .listotherinfoitemcard {
    width: 50%;
}


.dividers {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
}
.dividers p {
    font-size: 15px;
    color: #222;
    position: relative;
    display: flex
;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin: 20px 0px;
    
}
.dividers p::after {
    content: '';
    width: 100px;
    height: 1px;
    background: #ddd;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
}
.dividers p::before {
    content: '';
    width: 100px;
    height: 1px;
    background: #ddd;
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
}

a.registerBtn , button.registerBtn {
    color: #00adb9;
    font-weight: 500;
    font-size: 17px;
}




/* StudentPanel */
.studentPanel {
    margin-top: 0;
    display: flex;
    width: 100%;
    /* overflow: hidden; */
}
.panelSidebar {
    width: var(--usersideWidth);
    height: 100vh;
    background: #ebfeff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-right: 1px solid #81d6dc;
    position: sticky;
    top: 100px;
}
.panelSidebar .mainsidebar {
    padding: 20px 20px;
    
}
.panelSidebar .mainsidebar > li > a{
    display: inline-block;
    padding: 8px 0px;
    width: 100%;
    border-bottom: 1px dashed #ddd;
} 
.panelSidebar .mainsidebar > li > a:hover , .panelSidebar .mainsidebar > li > a.active {
    background: #00adb9;
    color: #fff;
    padding-left: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.mainsidebar img {
    transition: 0.3s ease-in-out;
}
.panelSidebar .mainsidebar > li > a img  {
    width: 15px;
}
.panelSidebar .mainsidebar > li > a:hover img , .panelSidebar .mainsidebar > li > a.active img {
    filter: invert(1);
}
.hassubmaiside {
    position: relative;
    
}

.submainsidebar a {
    display: inline-block;
    padding: 8px 0px;
    width: 100%;
    border-bottom: 1px dashed #ddd;
}
.submainsidebar a:hover , .submainsidebar a.active {
    background: #b8faff;
    color: #2c2c2c;
    padding-left: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.submainsidebar {
    display: none;
    padding-left: 15px;
    background: #d5fafd;
}
.panelMainWrapper {
    width: calc(100% - var(--usersideWidth));
    padding: 20px;
    background: #f7f7f7;
}
.panelCard {
    padding: 16px;
    border: 1px solid #ededed;
    border-radius: 0;
    background: #fff;
    margin-bottom: 20px;
}

.profiledashDP .avatar {
    margin: auto;
    margin-bottom: 10px;
    width: 65px;
    height: 65px;
}

.avatar {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
}
.avatar img {
    width: 100%;
    height: 100%;
}
.profiledashDP .avatar .dashboardProfileEditBtn {
    position: absolute;
    bottom: -4px;
    background: #fff2f2;
    display: inline-block;
    right: -2px;
    z-index: 1;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    text-align: center;
    font-size: 11px;
    line-height: 28px;
}
.avatar.avatar-online:after {
    background-color: #56ca00;
}
.avatar.avatar-online:after, .avatar.avatar-offline:after, .avatar.avatar-away:after, .avatar.avatar-busy:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 3px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    box-shadow: 0 0 0 2px #fff;
}
.rounded-circle {
    border-radius: 50% !important;
}

.profileDashContent {
    text-align: center;
}
.profileDashContent h5 {
    font-size: 20px;
    font-weight: 600;
    color: #002f29;
}
.profileDashContent p {
    font-size: 14px;
    color: #6c6c6c;
    line-height: normal;
}
.profileDashContent h6 {
    font-size: 13px;
    font-weight: 600;
}

.profileShortInfo h4 {
    margin-bottom: 10px;
    font-size: 20px;
}
.profileShortInfo h4  span {
    font-size: 30px;
    font-weight: 700;
    color: #00adb9;
}

.profileForm .form-control{
    height: 45px;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 16px;
}
.profileForm .form-select{
    height: 45px;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 16px;
}
.profileForm .form-select:focus {
    box-shadow: none;
}
.profileForm .form-control:focus {
    box-shadow: none;
}
:root {
    --usersideWidth: 20%;
}


.avatar-upload {
    position: relative;
    max-width: fit-content;
    margin: 0px;
    margin-bottom: 20px;
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    bottom: -6px;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input+label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input+label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}

.avatar-upload .avatar-edit input+label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    color: #ef9201;
    position: absolute;
    top: 7px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    font-size: 14px;
}

.avatar-upload .avatar-preview {
    width: 132px;
    height: 132px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.transactiondetials img.astrologImg {
    border-radius: 100%;
    width: 42px;
    height: 42px;
}
.table td {
    vertical-align: middle;
}
.bg-blue {
    background: #002968!important;
}
.normalbtn.smallsize {
    padding: 3px 10px;
    font-size: 12px;
}
.normalbtn.btnoutline  {
    background: transparent;
    border: 1px solid #f59100;
    color: #f59100;
}
.normalbtn.btnoutline.btndel {
    background: transparent;
    border: 1px solid #f50000;
    color: #f50000;
}
.text-primary {
    color: rgb(246 144 0) !important;
}
.normalbtn.deleteBtn {
    right: 0px;
    top: 0px;
    padding: 8px 20px;
    font-size: 13px;
    background: #ffe7e7;
    border: 1px solid #ffd3d3;
    color: #ff0000;
}

.nav-tabs .nav-link.active{
    background: #00adb9;
    border: none;
    color: #fff;
    border-radius: 0px;
}
.nav-tabs .nav-link {
    background: #efefef;
    border-radius: 0px;
    border: 1px solid #e9e9e9;
    color: #333;
}
.nav-tabs {
    border-bottom: none;
}
.table thead th {
    background: #e1edff;
}
.table>thead {
    border-bottom: 1px solid #002968;
}

.transactiondetials img {
    width: 25px;
}
.transactiondinfo h5 {
    color: #303030;
    font-size: 16px;
    font-weight: 500;
}
.transactiondinfo p {
    color: #737373;
    margin: 0px;
    font-size: 13px;
    line-height: 20px;
}
.text-right {
    text-align: right;
}
.paneltable .tab-content {
    max-height: 500px;
    min-height: 500px;
    overflow-y: auto;
}
.paneltable .tab-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.paneltable .tab-content::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    transition: all 0.4s ease-in-out;
}

.paneltable .tab-content::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 1px solid #555555;
}

.pricingformob {
    display: none;
}

.tripAdvisorCard {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin-top: 19px;
    border: 1px solid #e9e9e9dd;
}
.tripadvisorLogo {
    width: auto;
}
.tripadvisorLogo h5 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 7px;
}
.tripadvisorLogo img {
    width: 100px;
}
.tripadvisorContent {
    width: fit-content;
}
.tripadvisorContent a {
    position: relative;
    transition: all 0.3s ease-in-out;
    background: #00adb9;
    border-radius: 0px;
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #ffff;
    gap: 10px;
    font-weight: 600;
    border: none;
    outline: none;
    overflow: hidden;
    font-size: 12px;
    padding: 10px 22px;
    line-height: 2em;
    text-transform: uppercase;
    letter-spacing: .1em;
}



/* Group Destination Table */
.groupdestitables {
    border: 1px solid #ddd;
}
.grpdestitHeader {
    display: flex;
}
.grpdestitHeader div.col {
    width: 32%;
    padding: 6px 6px;
}
.grpdestitHeader div h6 {
    font-size: 14px;
    font-weight: 500;
}
.grpdestitHeader div p {
    font-size: 14px;
    line-height: normal;
}

.grpdestiCard h5 {
    width: 100%;
    background: #ddd;
    padding: 11px 13px;
    font-size: 16px;
} 
.grpdesticardContent {
    display: flex;
    border-bottom: 1px solid #ececec;

}
.grpdesticardContent div.col {
    width: 32%;
    padding: 6px 12px;
    display: flex;
    align-items: center;
}
.grpdesticardContent h6 {
    font-size: 14px;
}
.grpdesticardContent p {
    line-height: normal;
    font-size: 13px;
}
.grpdesticardContent a {
    font-size: 13px;
    line-height: normal;
    padding: 8px;
    background: #fddd;
    color: #fff;
}
.grpdesticardContent a.primarycolor {
    background: #00adb9;
    
}
.grpdesticardContent a.secondarycolor {
    background: #00777f;
}


.departuremonthCard {
    text-align: center;
    padding: 10px;
    background: #f0feff;
    border: 1px solid #c9f4f7;
    transition: 0.3s ease-in-out;
}
.departuremonthCard:hover {
    background: #bfe9ec;
    border: 1px solid #84d7dd;
}
.departureMonthwise .row {
    gap: 20px 0px;
}


.ptitleHead {
    display: flex;
    align-items: center;
    gap: 13px;
}
.ptitleHead img {
    background: transparent;
    width: 50px;
    padding: 0;
    border-radius: 10px;
}
.ptitleHead h5 {
    color: #6e6e6e;
    font-size: 15px;
    font-weight: 400;
}
.ptilecontent {
    margin-top: 10px;
}
.ptilecontent h2 {
    font-weight: 600;
}
.panelTiles {
    padding: 16px;
    border: 1px solid #ededed;
    border-radius: 0;
    background: #fff;
    margin-bottom: 20px;
}
.balanceamount h2 {
    font-size: 25px;
    font-weight: 600;
}

.giftCard {
    position: relative;
    margin-bottom: 18px;
    text-align: center;
}
.giftCard label,
.giftCard input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.giftCard label {
    position: relative;
}
.giftCard input[type="radio"] {
  opacity: 0.011;
  z-index: 100;
}

.giftCard input[type="radio"]:checked + label {
    background: #dffdff;
    border-radius: 6px;
    border: 1px solid #00adb9;
}

.giftCard label {
    cursor: pointer;
    z-index: 2;
    line-height: 1.8em;
    box-shadow: 0px 0px 4px #ddd;
    border-radius: 10px;
}

.giftpr {
    padding: 10px;
}

.giftpr img {
    width: 100%;
    border-radius: 6px;
    height: 119px;
    object-fit: cover;
}
.giftpr h5 {
    margin-top: 8px;
    font-size: 18px;
    font-weight: 600;
}
.giftpr h6 {
    margin-top: 5px;
    font-size: 14px;
}
.numberol li {
    list-style: auto;
}

.giftprWrapper {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}
.giftprWrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.giftprWrapper::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    transition: all 0.4s ease-in-out;
}

.giftprWrapper::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 1px solid #555555;
}
.giftprWrapper.rechargeWrapper {
    max-height: max-content;
    
}
.giftCard.rechargeCard input {
    cursor: pointer;
}
.giftCard.rechargeCard label {
    padding: 3px;
    border: 1px solid #ededed;
    border-radius: 20px;
    background: #fff;
    margin-bottom: 15px;
    box-shadow: none;
    cursor: pointer;
}
.rechargeCard .giftpr h5{
    font-size: 22px;
    font-weight: 600;
}
.giftCard.rechargeCard input[type="radio"]:checked + label {
    border-radius: 16px;
}

/*.blogWrapper .row {*/
/*  display: block; */
/*}*/
/* Responsive */
@media screen and (max-width:1800px) and (min-width: 1400px) {
    .datetoExplore .reviewpic {
        height: 100%;
        width: 100%;
    }
}
@media screen and (max-width:1518px) and (min-width:1200px) { 
    .departureMonthwise .row {
        gap: 10px 0px;
    }
    .headerMenu>li>a {
        font-size: 12px;
    }
    .headerMenu {
        gap: 26px;
    }
    .logoSection {
        width: 14%;
    }
    .reviewpic {
        height: 100%;
    }
    .newsLetterInput input {
        width: 67%;
    }
    .ourTopReviews.offbanner .reviewContainer {
        min-height: 400px;
    }
    .siderdestititle ul li p {
        font-size: 12px;
    }
    .infobadge {
        padding: 6px 10px;
    }
    .calendar {
        width: 47%;
    }



    .priceinfo .price {
        font-size: 32px;
    }
    .selectpTitle .title {
        font-size: 18px;
    }
    .selectpTitle .remainingPackage {
        font-size: 8px;
    }
    .selectpPrice .priceinfo .from {
        position: relative;
        top: -14px;
        left: -1px;
        font-size: 11px;
    }
    .tripcardText .listPrTitle {
        font-size: 16px;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .timeinfo {
        font-size: 13px;
    }
    .timeinfo i {
        font-size: 12px;
        position: relative;
        top: 4px;
    }
    .timeinfo h6 {
        font-size: 13px;
    }
    .listotherinfo {
        flex-wrap: wrap;
        gap: 8px 0px;
        margin-bottom: 16px;
    }
    .tripcardText p {
        font-size: 13px;
    }
    .listprPrice .oldPrice {
        font-size: 17px;
    }
    .listprPrice span {
        font-size: 20px;
        font-weight: 500;
    }
    .tripcardimg {
        width: 100%;
        max-height: 202px;
        overflow: hidden;
    }
    .tripcardimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .destilistHeader .form-group {
        width: 28%;
    }
    .owl-theme.tripSlider .owl-nav.disabled+.owl-dots {
        margin-top: 10px;
    }
    .destilistWrapper {
        margin-top: 30px;
    }
    .tabContentBox .titleSection h2 {
        font-size: 32px;
        font-weight: 500;
        line-height: normal;
    }
    .priceinfo .price .oldprice {
        font-size: 15px;
        position: unset;
    }
    .priceinfo p {
        display: inline-block;
        font-size: 13px;
    }
    .siderdestititle h4 {
        font-size: 20px;
        line-height: normal;
    }
    .priceinfo .price {
        font-size: 32px;
        padding-left: 0px;
    }
    .selectpTitle .title {
        font-size: 18px;
    }
    .selectpTitle .remainingPackage {
        font-size: 8px;
    }
    .selectpPrice .priceinfo .from {
        position: relative;
        top: -14px;
        left: -1px;
        font-size: 11px;
    }
    .tripcardText .listPrTitle {
        font-size: 16px;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .timeinfo {
        font-size: 13px;
    }
    .timeinfo i {
        font-size: 12px;
        position: relative;
        top: 4px;
    }
    .timeinfo h6 {
        font-size: 13px;
    }
    .listotherinfo {
        flex-wrap: wrap;
        gap: 8px 0px;
        margin-bottom: 16px;
    }
    .tripcardText p {
        font-size: 13px;
    }
    .listprPrice .oldPrice {
        font-size: 17px;
    }
    .listprPrice span {
        font-size: 20px;
        font-weight: 500;
    }
    .tripcardimg {
        width: 100%;
        max-height: 202px;
        overflow: hidden;
    }
    .tripcardimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .destilistHeader .form-group {
        width: 28%;
    }
    .owl-theme.tripSlider .owl-nav.disabled+.owl-dots {
        margin-top: 10px;
    }
    .destilistWrapper {
        margin-top: 30px;
    }
    .tabContentBox .titleSection h2 {
        font-size: 32px;
        font-weight: 500;
        line-height: normal;
    }
    .priceinfo .price .oldprice {
        font-size: 15px;
        position: absolute;
        top: 0px;
    }
    .priceinfo p {
        display: inline-block;
        font-size: 13px;
    }
    .siderdestititle h4 {
        font-size: 20px;
        line-height: normal;
    }  
}
@media screen and (max-width: 1440px) {
    .touhotelratings li .firstspan {
        font-size: 12px;
    }
    .touhotelratings li span {
        font-size: 13px;
    }
    .titleSection.text-center p {
        padding: 0px 9%;
    }
    .ourTopReviews.datetoExplore {
        /* height: 625px; */
        overflow: hidden;
    }
    .datetoExplore .reviewpic {
        height: 100%;
        width: 100%;
    }
    .ourfeaturebg .row .col {
        width: 20%;
    }
    .reviewContainer {
        height: 100%;
    }
    .newsLetterInput input {
        width: 68%;
    }
    .mapImage {
        height: 200px;
    }
    .mapImage img {
        height: 100%;
        object-fit: contain;
    }
    .sidebaroverview .normalList li {
        font-size: 13px;
    }
    .sidebaroverview hr {
        opacity: 0.1;
        margin: 7px 0px;
    }
    .shortsidePackageList img {
        width: 40px;
        height: 40px;
        object-fit: cover;
    }
    .shortsidepTitle h5 {
        font-size: 14px;
    }
    .shortsidePackageList {
        padding: 9px;
    }
    .departureMonthwise .row {
        gap: 10px 0px;
    }
    .navibtn {
        font-size: 13px;
    }
    .offerCardWrapper {
        width: 90%;
    }
}

@media screen and (max-width:1279px) and (min-width:1100px) {
    .headerMenu {
        gap: 16px;
    }
    .headerMenu>li>a {
        font-size: 13px;
    }
    .logoSection {
        width: 15%;
    }
    .bannerLeftContent h5 {
        font-size: 83px;
    }
    .bannerFormWrapper.onlysearch {
        width: 80%;
    }
    .bannerLeftContent p {
        font-size: 18px;
    }
    .textWrapper h2 {
        font-size: 35px;
    }
    .tripcardText .listPrTitle {
        font-size: 16px;
    }
    .tripcardText p {
        font-size: 13px;
    }
    .reviewpic {
        height: 100%;
        width: 100%;
    }
    .destinationCard.desticardI {
        height: 270px;
    }

    .reviewpic img {
        width: 100%;
        height: 100%;
    }
    .offerCard.secondstyle {
        margin-top: -25px;
    }
    .offerContainer {
        padding: 18px;
    }
    .offerContainer h4 {
        font-size: 22px;
    }
    .ourfeaturebg .astroDP {
        width: auto;
        height: auto;
    }
    .mapImage {
        height: 200px;
    }
    .mapImage img {
        height: 100%;
        object-fit: contain;
    }
    
   
    .priceinfo .price {
        font-size: 32px;
    }
    .selectpTitle .title {
        font-size: 18px;
    }
    .selectpTitle .remainingPackage {
        font-size: 8px;
    }
    .selectpPrice .priceinfo .from {
        position: relative;
        top: -14px;
        left: -1px;
        font-size: 11px;
    }
    .tripcardText .listPrTitle {
        font-size: 16px;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .timeinfo {
        font-size: 11px;
    }
    .timeinfo i {
        font-size: 12px;
        position: relative;
        top: 4px;
    }
    .timeinfo h6 {
        font-size: 11px;
    }
    .listotherinfo {
        flex-wrap: wrap;
        gap: 8px 0px;
        margin-bottom: 6px;
    }
    .tripcardText p {
        font-size: 13px;
        margin-bottom: 6px;
    }
    .listprPrice .oldPrice {
        font-size: 17px;
    }
    .listprPrice span {
        font-size: 20px;
        font-weight: 500;
    }
    .tripcardimg {
        width: 100%;
        max-height: 202px;
        overflow: hidden;
    }
    .tripcardimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .destilistHeader .form-group {
        width: 28%;
    }
    .owl-theme.tripSlider .owl-nav.disabled+.owl-dots {
        margin-top: 10px;
    }
    .destilistWrapper {
        margin-top: 30px;
    }
    .priceinfo .price {
        font-size: 32px;
    }
    .selectpTitle .title {
        font-size: 18px;
    }
    .selectpTitle .remainingPackage {
        font-size: 8px;
    }
    .selectpPrice .priceinfo .from {
        position: relative;
        top: -14px;
        left: -1px;
        font-size: 11px;
    }
    .tripcardText .listPrTitle {
        font-size: 16px;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .timeinfo {
        font-size: 11px;
    }
    .timeinfo i {
        font-size: 12px;
        position: relative;
        top: 4px;
    }
    .timeinfo h6 {
        font-size: 11px;
    }
    .listotherinfo {
        flex-wrap: wrap;
        gap: 8px 0px;
        margin-bottom: 6px;
    }
    .tripcardText p {
        font-size: 13px;
        margin-bottom: 6px;
    }
    .listprPrice .oldPrice {
        font-size: 17px;
    }
    .listprPrice span {
        font-size: 20px;
        font-weight: 500;
    }
    .tripcardimg {
        width: 100%;
        max-height: 202px;
        overflow: hidden;
    }
    .tripcardimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .destilistHeader .form-group {
        width: 28%;
    }
    .owl-theme.tripSlider .owl-nav.disabled+.owl-dots {
        margin-top: 10px;
    }
    .destilistWrapper {
        margin-top: 30px;
    }
}


@media screen and (max-width:1099px) and (min-width:999px) {
    .headerMenu {
        gap: 16px;
    }
    .headerMenu>li>a {
        font-size: 12px;
    }
    .logoSection {
        width: 15%;
    }
    .bannerLeftContent h5 {
        font-size: 76px;
    }
    .bannerFormWrapper.onlysearch {
        width: 80%;
    }
    .bannerLeftContent p {
        font-size: 18px;
    }
    .textWrapper h2 {
        font-size: 29px;
    }
    .tripcardText .listPrTitle {
        font-size: 16px;
    }
    .tripcardText p {
        font-size: 13px;
    }
    .reviewpic {
        height: 100%;
        width: 100%;
    }
    .destinationCard.desticardI {
        height: 221px;
    }

    .reviewpic img {
        width: 100%;
        height: 100%;
    }
    .offerCard.secondstyle {
        margin-top: -25px;
    }
    .offerContainer {
        padding: 18px;
    }
    .offerContainer h4 {
        font-size: 22px;
    }
    .ourfeaturebg .astroDP {
        width: auto;
        height: auto;
    }


    .tripcardText .listPrTitle {
        font-size: 16px;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .timeinfo {
        font-size: 11px;
    }
    .timeinfo i {
        font-size: 12px;
        position: relative;
        top: 4px;
    }
    .timeinfo h6 {
        font-size: 11px;
    }
    .listotherinfo {
        flex-wrap: wrap;
        gap: 8px 0px;
        margin-bottom: 6px;
    }
    .tripcardText p {
        font-size: 13px;
        margin-bottom: 6px;
    }
    .listprPrice .oldPrice {
        font-size: 17px;
    }
    .listprPrice span {
        font-size: 20px;
        font-weight: 500;
    }
    .tripcardimg {
        width: 100%;
        max-height: 202px;
        overflow: hidden;
    }
    .tripcardimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .destilistHeader .form-group {
        width: 28%;
    }
    .owl-theme.tripSlider .owl-nav.disabled+.owl-dots {
        margin-top: 10px;
    }
    .destilistWrapper {
        margin-top: 30px;
    }
}



@media screen and (max-width:1024px) and (min-width:769px) {
    .hero-style {
        height: 310px;
    }
    .headerMenu {
        gap: 13px;
    }
    a {
        font-size: 14px;
        line-height: 20px;
    }
    body {
        font-size: 14px;
        line-height: 20px;
    }
    p, li {
        font-size: 14px;
        line-height: 20px;
    }
    .socialSticky {
        right: 10px;
    }
    .logoSection::after {
        width: 118%;
        height: 204%;
        bottom: 0px;
        left: -30px;
        right: 0px;
        top: -22px;
    }
    .h5, h5 {
        font-size: 16px;
    }
    .h2, h2 {
        font-size: 18px;
    }
    .h1, h1 {
        font-size: 20px;
    }
    .h3, h3 {
        font-size: 17px;
    }
    h4, .h4 {
        font-size: 18px;
    }
    .halfContent.right {
        margin-left: 0px;
    }
    .imgSec.whatisastroImg {
        width: 100%;
    }
    .serviceCard {
        padding: 20px;
    }
    .serviceCard {
        min-height: 272px;
    }
    h4, .h4 {
        font-size: 14px;
    }
    h6 {
        font-size: 14px;
    }
    .whyfeatCard img {
        width: 26px;
    }
    .whyfeatCard {
        padding: 10px 14px;
    }
    .astroContent .astroname {
        font-size: 12px;
        margin-bottom: 5px
    }
    .astroContent h6 {
        font-size: 13px;
    }
    .astroContent .reviews {
        font-size: 10px;
    }
    .whats-new-sec h4.listPrTitle {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .newsContent h5 {
        font-size: 13px;
        line-height: normal;
    }
    .button {
        font-size: 14px;
        padding: 6px 16px;
    }
    .newsLetterInput input {
        width: 61%;
    }
    .newsLetterInput {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
    }
    .footer-links-wrp .col {
        width: 34%;
        flex: none;
    }
    .footerDownloads li a img {
        width: 108%;
    }
    .footerContents ul li a {
        width: 30px;
        height: 30px;
    }
    .footerContents ul li a i {
        font-size: 14px;
        line-height: 30px;
    }
    .footer-logo-wrp {
        margin-bottom: 10px;
    }
    ul.footerSocial {
        margin-top: 10px;
    }
    .footerContents {
        margin-top: 0px;
    }
    .offerCardWrapper {
        width: 100%;
    }
    .offerCard.secondstyle {
        margin-top: -18px;
    }
    .titleSection h2 {
        font-size: 26px;
    }
    .titleSection p {
        font-size: 16px;
    }
    .reviewContainer {
        padding: 30px;
    }
    .reviewpic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .destinationCard.desticardIV {
        width: 50%;
        height: auto;
        margin-top: 0px;
    }
    .destinationCard.desticardV {
        width: 50%;
        margin-top: 0px;
        height: auto;
    }
    .destinationCard.desticardVII {
        margin-left: 0px;
        margin-top: 0px;
        height: auto;
    }
    .destinationCard.desticardVI {
        position: relative;
        width: 50%;
        top: 0px;
        left: 0px;
        right: 0px;
    }
    .offerContainer h4 {
        font-size: 22px;
    }
    .topheaderWrapper p, .topheaderWrapper a {
        font-size: 11px;
    }
    .headerMenu>li>a {
        font-size: 10px;
    }
    .mainHeader {
        gap: 12px;
    }
    .logoSection {
        width: 21%;
    }
    .bannerLeftContent h5 {
        font-size: 51px;
    }
    .bannerLeftContent p {
        line-height: 26px;
        font-size: 16px;
    }
    .bannerT h5 {
        
    font-size: 40px;
    }
    .bannerT img {
        width: 74px !important;
        position: relative;
        top: -2px;
    }
    .bannerT {
        transform: translateY(198px) translateX(-50px);
    }
    .bannerFormWrapper.onlysearch {
        width: 100%;
    }
    .textWrapper h2 {
        font-size: 22px;
    }
    .aboutText .textWrapper p {
        font-size: 15px;
        line-height: 24px
    }
    .whatastroWrap .row {
        flex-direction: column;
    }
    .whatastroWrap .row .col-md-5 {
        width: 100%;
    }
    .halfContent.right.aboutText {
        text-align: center;
        margin-top: 20px;
        width: 100%;
    }
    .ourfeaturebg .astroDP {
        width: auto;
        height: auto;
    }
    .astroDP img {
        height: 62px;
    }
    .astroContent {
        margin-top: 10px;
    }
    .newsDate ul li p {
        font-size: 10px;
    }
}

@media screen and (max-width:768px) and (min-width:500px) {
    .logoSection {
        width: 31%;
        position: relative;
        padding-right: 0px;
        margin-top: 11px;
    }
    .hero-style {
        height: 200px;
    }
    .whyfeatCard {
        width: 48%;
        padding: 7px 14px;
    }
    .whyfeatCard h6 {
        font-size: 13px;
    }
    .whyfeatCard img {
        width: 24px;
    }
    .serviceWrap .row .col-md-4 {
        width: 50%;
    }
    .serviceCard {
        padding: 20px;
        min-height: 332px;
        display: flex
;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        
    }
    .serviceContent p {
        height: auto;
    }
    .serviceContent h4 {
        font-size: 16px;
    }
    .serviceContent span {
        height: 36px;
        visibility: visible;
        opacity: 1;
        top: 0px;
    }
    .serviceCard:hover .serviceContent p {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
        height: auto;
    }
    /* .serviceCard:hover .serviceContent img {
        width: 25%;
    } */
    p {
        font-size: 14px;
        line-height: 20px;
    }
    .astroDP img {
        width: 90px !important;
        height: 90px !important;
    }
    .astroDP::after {
        background-size: 130px;
        background-repeat: no-repeat;
    }
    .astroContent .astroname {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .astroDP {
        width: 100%;
        height: 130px;
    }
    .astroContent {
        margin-top: 10px;
    }
    .astroContent h6 {
        font-size: 12px;
    }
    .astroContent .reviews {
        font-size: 10px;
        margin-top: 5px;
        margin-bottom: 0px;
    }
    .astogers {
        padding: 10px;
    }
    .whats-new-sec-img .addtoWishlist img {
        width: 20px;
    }
    .addtoWishlist {
        width: 34px;
        height: 34px;
        border-radius: 7px;
    }
    .listprOtherInfo {
        flex-wrap: wrap;
    }
    .listprPrice {
        font-size: 18px;
        font-weight: 600;
        margin-top: 9px;
    }
    .whats-new-sec h4.listPrTitle {
        font-size: 14px;
        line-height: 21px;
        margin-top: 7px;
        margin-bottom: 18px;
    }
    .button {
        font-size: 12px;
        padding: 3px 12px;
        gap: 4px;
    }
    .ratingShow {
        color: #666;
        font-size: 14px;
        display: flex
    ;
        align-items: center;
        gap: 3px;
        position: absolute;
        top: -38px;
        background: #fff;
        padding: 2px 6px;
        border-radius: 9px;
        font-size: 10px;
    }
    .whats-new-sec-img {
        border-radius: 17px;
        width: 92%;
    }
    .whats-new-content {
        padding: 20px;
        padding-top: 15px;
        position: relative;
        z-index: 2;
        padding-bottom: 15px;
        min-height: 179px;
        max-height: max-content;
    }
    .whats-new-sec h4.listPrTitle {
        text-align: left;
        margin-bottom: 10px;
    }
    .whats-new-sec .text-center {

        text-align: left!important;
    }
    .videoContent h5 {
        font-size: 16px;
    }
    .newsContent h5 {
        font-size: 14px;
    }
    .newsDate ul li p {
        font-size: 10px;
    }
    .newsDate ul li i {
        font-size: 11px;
    }
    .blogDate {
        padding: 2px 8px;
        top: -24px;
    }
    .newsContent h5 {
        margin-bottom: 2px;
    }
    .newsCard {
        padding: 6px;
    }
    .newsLetterInput input {
        width: 100%;
        font-size: 13px;
        padding: 12px 13px;
    }
    .newsLetterInput {
        padding: 9px 10px;
    }
    .newsLetterInput button {
        padding: 13px 28px;
        border: none;
        border-radius: 0px;
        background: linear-gradient(124deg, #f59100, #d29900);
        color: #fff;
        font-size: 12px;
        width: 100%;
        margin-top: 15px;
    }
    .footerNewsletter .titleSection{
        margin-bottom: 10px;

    }
    .footerNewsletter .titleSection {
        text-align: center;
    }
    .footerNewsletter .titleSection p {
        margin-top: 10px;
    }
    .footerNewsletter {
        padding-bottom: 20px;
    }
    .footerContents ul li a {
        width: 40px;
        height: 40px;
    }
    .footerContents ul li a i {
        font-size: 15px;
        line-height: 41px;
    }
    .footer-links-wrp .row .col {
        width: 48%;
        flex: unset;
    }
    .ftr-link-bx a {
        margin: 2px 0px 2px;
    }
    .imgSec.whatisastroImg {
        position: relative;
        width: 60%;
        margin: auto;
        margin-bottom: 30px;
    }
    .textWrapper h2 {
        font-size: 22px;
    }
    .titleSection h2 {
        font-size: 32px;
        font-weight: 600;
    }

    .destinationCard.desticardIV {
        width: 50%;
        height: auto;
        margin-top: 0px;
    }
    .destinationCard.desticardV {
        width: 50%;
        margin-top: 0px;
        height: auto;
    }
    .destinationCard.desticardVII {
        margin-left: 0px;
        margin-top: 0px;
        height: auto;
        width: 100%;
    }
    .destinationCard.desticardVI {
        position: relative;
        width: 50%;
        top: 0px;
        left: 0px;
        right: 0px;
    }
    .destinationCard.desticardII {
        width: 50%;
    }
    .destinationCard.desticardIII {
        width: 50%;
        height: auto;
    }
    .destinationCard.desticardI {
        height: auto;
    }
    .titleSection.text-center p {
        padding: 0px 9%;
        font-size: 13px;
        line-height: 22px;
    }
    .offerCard {
        margin-bottom: 25px;
    }
    .offerCard.secondstyle {
        margin-top: 0px;
    }
    .ourfeaturebg  .row .col {
        width: 50%;
    }
}



@media screen and (max-width: 992px) {
    .pricingformob {
        display: block;
    }
}
@media screen and (max-width:768px) {
    .topSocial {
        display: none;
    }
    .topheaderWrapper .col-md-6 {
        width: 50%;
    }
    .mainTitle p {
        padding: 0px;
    }
    .mainHeader {
        display: none;
        position: fixed;
        left: 0px;
        right: 0px;
        width: 100%;
        height: 100vh;
        background: #fff;
        padding: 30px;
        top: 34px;
        
    }
    .hamburger {
        position: relative;
        width: 3em;
        height: 3em;
        background: #00adb9;
        font-size: inherit;
        transition: all .3s ease;
        cursor: pointer;
        z-index: 3;
        display: flex
        ;
                align-items: center;
                flex-direction: column;
                gap: 6px;
                padding: 8px;
    }
    .hamburger-line
    .hamburger.is-md {
        font-size: 1.5rem
    }

    .hamburger-line {
        position: relative;
        right: 0;
        width: 100%;
        height: .125em;
        border-radius: .125em;
        background: #ffffff;
        transition: inherit;
        display: inline-block;
    }

    .hamburger-line:first-child {
        top: inherit;
    }

    .hamburger.is-active .hamburger-line:first-child,.w-nav-button.w--open .hamburger-line:first-child {
        top: 50%;
        transform: translateY(-50%) rotate(-135deg)
    }

    .hamburger-line:nth-child(2) {
        top: .438em
    }

    .hamburger.is-active .hamburger-line:nth-child(2),.w-nav-button.w--open .hamburger-line:nth-child(2) {
        right: 50%;
        width: 0
    }

    .hamburger-line:nth-child(3) {
        top: .75em;
        width: .625em
    }

    .hamburger.is-active .hamburger-line:nth-child(3),.w-nav-button.w--open .hamburger-line:nth-child(3) {
        top: -30%;
        width: 100%;
        transform: translateY(-50%) rotate(135deg)
    }
    .headerMenu {
        flex-direction: column;
        gap: 0px;
        margin-top: 40px;
    }
    .headerMenu>li>a {
        padding: 6px 0px;
        display: block;
        border-bottom: 1px dashed #ddd;
        color: #303030;
    }
    .allHeaders {
        width: 100%;
    }
    .headerNav {
        display: block;
    }
    .mainHeaderSection {
        display: block;
    }
    .headerMenu>li>a::after {
        bottom: 0px;
    }
    .topHeader>p {
        display: none;
    }
    .headTalkBtns li a {
        font-size: 9px;
        padding: 0px 5px;
        gap: 4px;
    }
    .headTalkBtns li a img {
        width: 12px;
    }
    .topHeader {
        justify-content: flex-end;
        border: none;
    }
    .logoSection::after {
        width: 148%;
        height: 200%;
        bottom: 0px;
        left: -50px;
        right: 0px;
        top: -14px;
    }
    .headerMain {
        display: flex;
        padding: 12px;
        justify-content: space-between;
        width: 100%;
    }
    .headerMenu>li>a>img {
        filter: invert();
    }
    .hamburger.is-md.is-active .hamburger-line {
        background-color: #111;
    }
    .headerSubNav {
        position: initial;
        flex-direction: column;
        padding: 10px;
        visibility: visible;
        opacity: 1;
    }
    .headerSubMenu>li a {
        line-height: 30px;
        font-size: 14px;
    }
    .hasSub.megaMenu .headerSubNav .headerSubMenu li h5 {
        font-weight: 600;
        font-size: 14px;
        background: linear-gradient(180deg, #e9e9e9, transparent);
        padding-bottom: 0px;
        padding: 5px 10px;
        border-radius: 6px;
    }
    .hasSub.megaMenu .headerSubNav .headerSubMenu {
        width: 100%;
        max-height: fit-content;
        overflow-y: unset;
    }
    .hasSub.megaMenu .headerSubNav {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        padding: 10px;
        height: 251px;
        overflow-y: auto;
        display: none;
    }
    .headerMenu>li.hasSub:hover .headerSubNav {
        display: none;
        justify-content: unset;
        visibility: unset;
        opacity: unset;
        top: unset;
        margin: unset;
        transition: unset;
        border: unset;
        overflow: auto;
    }
    .headerRightMenu {
        justify-content: center;
        margin-top: 10px;
    }
    .headerRightMenu li {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .headerCallMenu.cart {
        width: 100%;
        background: #ffffff;
        border-radius: 30px;
        height: fit-content;
        padding: 3px 20px;
        border: 1px solid #f39200;
        border-radius: 30px;
        padding: 6px 16px;
        color: #323334;
    }
    .headerCallMenu.cart img {
        width: 25px;
    }
    .defaultBtn {
        width: 100%;
    }
    .headerMain {
        width: 15%;
        justify-content: flex-end;
    }
   
    .halfContent.right {
        margin-left: 0px;
    }
    .halfContent.left {
        margin-right: 0px;
    }
    .textWrapper {
        text-align: center;
    }
    .imgSec {
        margin-bottom: 30px;
    }
    .pb-50 {
        padding-bottom: 25px;
    }
    
    .pt-50 {
        padding-top: 25px;
    }
    .bannerLeftContent h5 {
        font-size: 37px;
        ine-height: normal;
    }
    .bannerLeftContent p {
        font-size: 14px;
        line-height: 25px;
    }
    .bannerFormWrapper.onlysearch {
        width: 100%;
    }
    .bannerform .form-select, .bannerform .form-control {
        margin: 10px 0px;
    }
    .bannerT h5 {
        font-size: 40px;
    }
    .bannerT img {
        width: 74px !important;
        top: -3px;
    }
    .bannerT {
        transform: translateY(188px) translateX(-10px);
    }
    .halfContent.right.aboutText {
        width: 100%;
    }
    .offerCardWrapper {
        width:100%;
    }
    .offerCard {
        margin-bottom: 20px;
        height: auto;
    }
    .offerCardWrapper .col-md-4:nth-child(2) .offerCard {
        height: auto;
    }
    .offerCardWrapper .col-md-4:nth-child(4) .offerCard {
        margin-top: 0;
    }
    .offerCardWrapper .col-md-4:nth-child(6) .offerCard {
        margin-top: 0;
    }
}

@media screen and (max-width:499px) and (min-width:200px) {
    .destinationCard.desticardIV {
        width: 100%;
        height: auto;
        margin-top: 0px;
    }
    .destinationCard.desticardV {
        width: 100%;
        margin-top: 0px;
        height: auto;
    }
    .destinationCard.desticardVII {
        margin-left: 0px;
        margin-top: 0px;
        height: auto;
        width: 100%;
    }
    .destinationCard.desticardVI {
        position: relative;
        width: 100%;
        top: 0px;
        left: 0px;
        right: 0px;
    }
    .destinationCard.desticardII {
        width: 100%;
    }
    .destinationCard.desticardIII {
        width: 100%;
        height: auto;
    }
    .destinationCard.desticardI {
        height: auto;
    }
    .ourfeaturebg .row .col {
        width: 100%;
    }
    .serviceWrap .row .col-md-2 {
        width: 100%;
    }
    .topHeader {
        position: fixed;
        bottom: 0;
        left: 0px;
        right: 0px;
        width: 100%;
        justify-content: center;
    }
    .hero-style {
        height: 130px;
    }
    .logoSection {
        padding-right: 0;
        width: 38%;
    }
    .logoSection::after {
        display: none;
    }
    .topContact a {
        display: flex;
        
    }
    .topContact a i {
        color: #00adb9;
        position: relative;
        top: 7px;
    }
    .headerWrapper {
        padding: 10px 0px;
    }
    .headerMain {
        width: 50%;
        justify-content: flex-end;
        padding: 0px;
    }
    .hamburger-line {
        width: 100%;
        height: 3px;
    }
    .hamburger-line:nth-child(2) {
        top: inherit;
    }
    .hamburger-line:nth-child(3) {
        top: inherit;
        width: 100%;
    }
    .hamburger{
        width: 3em;
        height: 3em;
        background: #00adb9;
    }
    .hasSub.megaMenu.oncol .headerSubNav .headerSubMenu li {
        width: 100%;
    }
    .headerRightMenu {
        display: none;
    }
    .whyfeatCard {
        width: 100%;
        padding: 7px 14px;
        text-align: left;
    }
    .whyfeatCard h6 {
        font-size: 13px;
    }
    .whyfeatCard img {
        width: 24px;
    }
    .serviceWrap .row .col-md-4 {
        width: 100%;
    }
    .serviceCard {
        padding: 10px;
        min-height: auto;
        display: flex
;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        
    }
    .serviceContent p {
        height: auto;
        font-size: 13px;
    }
    .serviceContent h4 {
        font-size: 16px;
    }
    .serviceContent span {
        height: 36px;
        visibility: visible;
        opacity: 1;
        top: 0px;
    }
    .serviceCard:hover .serviceContent p {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
        height: auto;
    }
    /* .serviceCard:hover .serviceContent img {
        width: 25%;
    } */
    h5 {
        font-size: 14px;
    }
    p {
        font-size: 12px;
        line-height: 18px;
    }
    li {
        font-size: 12px;
        line-height: 18px;
    }
    body {
        font-size: 12px;
        line-height: 18px;
    }
    .titleSection {
        margin-bottom: 22px;
    }
    .astroDP img {
        width: 60px !important;
        height: 60px !important;
    }
    .astroDP::after {
        background-size: 130px;
        background-repeat: no-repeat;
    }
    .astroContent .astroname {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .ourfeaturebg .astroDP {
        width: auto;
        height: auto;
    }
    .astroContent {
        margin-top: 10px;
    }
    .bannerContent {
        width: 100%;
    }
    .bannerLeftContent h5 {
        font-size: 29px;
        line-height: normal;
    }
    .bannerT h5 {
        font-size: 26px;
    }
    .bannerT img {
        width: 46px !important;
        top: -3px;
    }
    .bannerT {
        transform: translateY(136px) translateX(30px);
    }
    .astroContent h6 {
        font-size: 12px;
    }
    .astroContent .reviews {
        font-size: 10px;
        margin-top: 5px;
        margin-bottom: 0px;
    }
    .astogers {
        padding: 10px;
    }
    .whats-new-sec-img .addtoWishlist img {
        width: 20px;
    }
    .bannerPngImg {
        height: 685px;
    }
    .addtoWishlist {
        width: 34px;
        height: 34px;
        border-radius: 7px;
    }
    .listprOtherInfo {
        flex-wrap: wrap;
    }
    .listprPrice {
        font-size: 12px;
        font-weight: 600;
        margin-top: 9px;
    }
    .listprPrice span {
        color: #181818;
        font-size: 16px;
    }
    .listprPrice .oldPrice {
        font-size: 13px;
    }
    .timeinfo {
        font-size: 11px;
    }
    .reviewpic {
        height: auto;
    }
    .whats-new-sec h4.listPrTitle {
        font-size: 12px;
        line-height: 21px;
        margin-top: 7px;
        margin-bottom: 18px;
    }
    .button {
        font-size: 12px;
        padding: 6px 20px;
        gap: 3px;
    }
    .halfContent.right.aboutText {
        text-align: center;
    }
    .tripcardText .listPrTitle {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 11px;
    }
    .ratingShow {
        color: #666;
        font-size: 14px;
        display: flex
    ;
        align-items: center;
        gap: 3px;
        position: absolute;
        top: -38px;
        background: #fff;
        padding: 2px 6px;
        border-radius: 9px;
        font-size: 10px;
    }
    .whats-new-sec-img {
        border-radius: 17px;
        width: 92%;
    }
    .whats-new-content {
        padding: 10px;
        padding-top: 4px;
        position: relative;
        z-index: 2;
        padding-bottom: 5px;
        min-height: 150px;
        max-height: max-content;
    }
    .whats-new-sec::after {
        border-radius: 16px;
    }
    .whats-new-sec h4.listPrTitle {
        text-align: left;
        margin-bottom: 10px;
        line-height: 15px;
    }
    .whats-new-sec .text-center {

        text-align: left!important;
    }
    .videoContent h5 {
        font-size: 16px;
    }
    .newsContent h5 {
        font-size: 14px;
    }
    .newsDate ul li p {
        font-size: 10px;
    }
    .newsDate ul li i {
        font-size: 11px;
    }
    .blogDate {
        padding: 2px 8px;
        top: -24px;
    }
    .newsContent h5 {
        margin-bottom: 2px;
    }
    .newsCard {
        padding: 6px;
    }
    .newsLetterInput input {
        width: 100%;
        font-size: 14px;
        padding: 13px 13px;
    }
    .newsLetterInput {
        padding: 9px 10px;
    }
    .newsLetterInput button {
        padding: 7px 28px;
        border: none;
        border-radius: 5px;
        background: linear-gradient(124deg, #f59100, #d29900);
        color: #fff;
        font-size: 12px;
        width: 100%;
        margin-top: 8px;
    }
    .footerNewsletter .titleSection{
        margin-bottom: 10px;

    }
    .footerNewsletter .titleSection p {
        margin-top: 10px;
    }
    .footerNewsletter {
        padding-bottom: 20px;
    }
    .footerContents ul li a {
        width: 40px;
        height: 40px;
    }
    .footerContents ul li a i {
        font-size: 15px;
        line-height: 41px;
    }
    .footer-links-wrp .row .col {
        width: 100%;
        flex: unset;
    }
    .ftr-link-bx a {
        margin: 2px 0px 2px;
    }
    .imgSec.whatisastroImg {
        position: relative;
        width: 100%;
        margin: auto;
        margin-bottom: 30px;
    }
    .textWrapper h2 {
        font-size: 20px;
    }
    .titleSection h2 {
        font-size: 24px;
        font-weight: 400;
    }
    .whatisastroImg .handImg {
        width: 50%;
        top: 0px;
    }
    .aboutText .textWrapper p {
        text-align: center;
    }
    .titleSection.text-center p {
        padding: 0px 0%;
        font-size: 12px;
        line-height: 20px;
    }
    .destinationCard {
        width: 100%;
    }
    .offerContainer h4 {
        font-size: 22px;
    }
    .offerContainer {
        padding: 14px;
    }
    .offerContainer span {
        color: #fff;
        font-size: 20px;
    }
    .offerCard {
        margin-bottom: 20px;
    }
    .offerCard.secondstyle {
        margin-top: 0px;
    }
    .offerCard.middlesec {
        margin: 0px;
        margin-bottom: 20px;
    }
    .footerNewsletter .titleSection {
        text-align: center;
    }
    .bannerCarousel.owl-carousel .owl-nav button.owl-prev {
        left: 36%;
        top: auto;
        bottom: 0px;
    }
    .bannerCarousel.owl-carousel .owl-nav button.owl-next {
        right: 36%;
        top: auto;
        bottom: 0px;
    }
    .bannerLeftContent {
        padding-top: 170px;
    }
    .bannerCarousel {
        height: 675px;
    }
    .headerSection.homeheader .headerMenu>li>a {
        color: #111;
    }
    .titleSection.left p {
        padding: 0px;
        font-size: 14px;
        line-height: 24px;
        color: #818181;
        text-align: justify;
    }
    .listotherinfoitemcard span {
        font-size: 11px;
        display: flex;
        align-items: center;
    }
    .listotherinfoitemcard h6 {
        font-size: 11px;
    }
    .destilistHeader .infoTitle {
        width: 66%;
        font-weight: 400;
        font-size: 18px;
    }
    .destilistHeader .form-group {
        width: 38%;
    }
    .destilistHeader .form-group label {
        display: none;
    }
    .destilistHeader .form-group select {
        width: 100%;
        font-size: 12px;
        padding: 6px 11px;
    }
    .bnrNavWrap ul li a {
        font-size: 11px;
    }
    .bnrNavWrap ul li::after {
        height: 20px;
    }
    .navibtn {
        padding: 5px 10px;
        font-size: 13px;
    }
    .tabContentBox .titleSection h2 {
        font-size: 20px;
    }
    .navWrapper {
        top: 0px;
    }
    .content p {
        color: #818181;
        font-size: 12px;
        line-height: 23px;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .listwithHeading li h5 {
        font-size: 14px;
        font-weight: 400;
    }
    .speciCard span {
        font-size: 12px;
    }
    .normalList li {
        line-height: 22px;
    }
    .departureMonthwise .row {
        gap: 10px 0px;
    }
    .grpdesticardContent {
        flex-wrap: wrap;
    }
    .grpdesticardContent div.col {
        flex: unset;
        width: 32%;
    }
    .grpdesticardContent {
        position: relative;
    }
    .grpdesticardContent h6 {
        font-size: 11px;
    }
    .grpdesticardContent p {
        line-height: normal;
        font-size: 11px;
    }
    .grpdesticardContent div.col:last-child a {
        position: absolute;
        right: 7px;
        top: 7px;
        font-size: 10px;
    }
    .grpdesticardContent div.col:last-child {
        width: 100%;
        justify-content: flex-end;
        padding: 0px;
        padding-bottom: 7px;
    }
    .grpdestitHeader div h6 {
        font-size: 11px;
    }
    .grpdestitHeader div p {
        font-size: 10px;
        line-height: normal;
    }
}




/* Newcss */
.topheadBtns {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: flex-end;
    color: #c8c8c8;
}
.topcurrency {
    position: relative;
    display: inline-block;
}
.topcurrencybtn {

}
.topcurrencyList {
    position: absolute;
    top: 21px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #fff;
    padding: 10px 0px;
    border-radius: 15px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    display: none;
    width: max-content;
    height: max-content;
    padding: 10px;
    text-align: left;
    border: 1px solid #f6f4f4;
}
.topcurrencyList li a {
    color: #000;
    padding: 4px 10px;
    display: block;
    background: transparent;
    margin-bottom: 3px;
    border-bottom: 1px dashed #ddd;
}
.topcurrencyList li a:hover, .topcurrencyList li a.active {
    background: #f5f5f5;
    color: #000;
    padding-left: 20px;
    background-image: url(../img/icons/check.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: left 4px top 10px;
}