@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@font-face {
          font-family: "graphik";
          src: url("https://www.connectingtraveller.com/assets/web_assets/new/css/font/GraphikRegular.otf") format("opentype");
        }
         @font-face {
          font-family: "graphik-medium";
          src: url("https://www.connectingtraveller.com/assets/web_assets/new/css/font/GraphikMedium.otf") format("opentype");
        }
         @font-face {
          font-family: "graphik-semibold";
          src: url("https://www.connectingtraveller.com/assets/web_assets/new/css/font/GraphikSemibold.otf") format("opentype");
        }
         @font-face {
          font-family: "graphik-bold";
          src: url("https://www.connectingtraveller.com/assets/web_assets/new/css/font/GraphikBold.otf") format("opentype");
        }
         @font-face {
          font-family: "graphik-black";
          src: url("https://www.connectingtraveller.com/assets/web_assets/new/css/font/GraphikBlack.otf") format("opentype");
        }


@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&family=Poppins:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");


html {
    scroll-behavior: smooth;
    margin: 0;
    overflow-x: hidden;
}

body {
    width: 100%;
    /*overflow-x: hidden;*/
}
a {
    text-decoration: none !important;
}
.list-slide {
    list-style: none;
    margin-left: -40px;
}

.list-slide-two {
    display: flex;
    list-style: none;
    width: 100%;
}

.list-slide-adventures {
    list-style: none;
}

#preloader {
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1050;
    position:fixed;
}

.status {
    position: absolute;
    top: 40%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#main {
    display: none;
}

header {
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    padding: 5px 0px !important;
    z-index: 99;
    color: #ffffff;
    background-color: transparent;
    /*text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.83);*/
}

header #logo {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    float: none;
    margin: 0 auto;
    text-align: left;
    position: relative;
    z-index: 999;
}

header #logo:hover {
    color: #dddddd;
}

header #logo-2 {
    display: none;
}

header nav {
    display: none;
    color: #ffffff;
    margin-right: 5%;
}

.button_container:before {
    position: absolute;
    content: '';
    top: -10px;
    right: -15px;
    left: -15px;
    bottom: -10px;
    cursor: pointer;
}

.button_container {
    position: fixed;
    top: 15px;
    right: unset;
    height: 24px;
    width: 27px;
    /* padding-left: cursor: pointer; */
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    z-index: 999;
    transition: transform 0.25s ease;
    left: 4%;
}

.button_container:hover {
    opacity: 1;
}

.button_container.active .top {
    -moz-transition: translateY(11px) translateX(0) rotate(45deg);
    -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
    transform: translateY(8px) translateX(0) rotate(45deg);
    background: #FFF;
}

.button_container.active .middle {
    opacity: 0;
    background: #FFF;
}

.button_container.active .bottom {
    -moz-transition: translateY(-11px) translateX(0) rotate(-45deg);
    -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
    transform: translateY(-8px) translateX(0) rotate(-45deg);
    background: #FFF;
}

.button_container span {
    background: #FF670F !important;
    border: none;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;

}

.button_container span:nth-of-type(2) {
    top: 8px;
}

.button_container span:nth-of-type(3) {
    top: 16px;
}


#overlay {
    -webkit-backface-visibility: hidden;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
.form-control:focus{
border-color: #ff6827;
}
.overlay.open {
    -webkit-backface-visibility: hidden;
    opacity: 1;
    transition: opacity .5s;
    visibility: visible;
    height: 100%;
    z-index: 99;
    background-color: #17305C;
    transition: background .20s ease;
}

.overlay.open li {
    -webkit-animation: fadeInRight .5s ease forwards;
    animation: fadeInRight .5s ease forwards;
    -webkit-animation-delay: .20s;
    animation-delay: .20s;
  
}

.overlay.open li:nth-of-type(2) {
    -webkit-animation-delay: .30s;
    animation-delay: .30s;
}

.overlay.open li:nth-of-type(3) {
    -webkit-animation-delay: .40s;
    animation-delay: .40s;
}

.overlay.open li:nth-of-type(4) {
    -webkit-animation-delay: .50s;
    animation-delay: .50s;
}

.overlay.open li:nth-of-type(5) {
    -webkit-animation-delay: .60s;
    animation-delay: .60s;
}

.overlay.open li:nth-of-type(6) {
    -webkit-animation-delay: .70s;
    animation-delay: .70s;
}

.overlay.open li:nth-of-type(7) {
    -webkit-animation-delay: .80s;
    animation-delay: .80s;
}

.overlay nav {
    position: relative;
    height: 70%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 3.7em;
    font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", sans-serif;
    font-weight: 300;
    text-align: center;
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 40px auto;
    display: inline-block;
    position: relative;
    height: 100%;
    width: 100%;

}

.overlay ul li {
    display: block;
    height: auto;
    min-height: 50px;
    position: relative;
    opacity: 0;
    text-align: center;
}

.overlay ul li a {
    display: block;
    line-height: 50px;
    position: relative;
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    overflow: hidden;
    border-bottom: 0.01px solid #FF6827;
    width: 80%;
    padding: 10px 0px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
}

.overlay ul li:first-child a {
    font-weight: bold;
    /* border: none; */
    line-height: 50px;
    margin-top: -90px;
    padding-top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.overlay ul li:last-child a {
    border-bottom: 2px solid #17305C;
    border: 1px solid #FF6827;
    font-weight: bold;
    border-radius: 50px;
    line-height: 20px;
    margin-top: 20px;
    width: 60%;
    padding-top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.overlay ul li a:hover {}

.overlay ul li a:hover {}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        right: 20%;
    }

    100% {
        opacity: 1;
        right: 0;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        right: 20%;
    }

    100% {
        opacity: 1;
        right: 0;
    }
}






section {
    padding: 0;
    margin: 0;
    padding: 4em 0;
    position: relative;
}


@media (min-width: 950px) {
    .button_container {
        display: none;
    }

    header {
        position: absolute;
        height: 80px;
        padding: 20px 40px;
        background-color: transparent;
    }

    header #logo {
        display: inline-block;
        height: 60px;
        line-height: 60px;
        float: left;
        width: auto;
        margin-left: 0%;
        margin-top: 8px;
    }

    header nav {
        display: inline-block;
        float: right;
        margin-right: 0%;
    }

    header nav a {
        line-height: 60px;
    margin-left: 20px;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    padding: 10px 20px;
    margin-left: 10px;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 50px;
    transition: 0.4s ease-in-out;
    font-weight: 500;
    letter-spacing: 0.5px;
    }

    header nav a:hover {
        text-decoration: none;
        color: #fff;
        border: 2px solid #fff;
        border-radius: 50px;
        background-color: rgba(10, 10, 15, .3);
    }

    header nav a:nth-child(4) {
        margin-right: 50px;
    }

    header nav a:last-child {
        border: 2px solid #fff;
        border-radius: 50px;

    }

    #headerid.smaller {
        height: 60px;
        font-size: 1em;
        text-shadow: none;
        position: fixed;
        /* z-index: 999; */
    }

    #headerid.smaller {
        background-color: rgb(255, 255, 255);
        -webkit-animation: fadeInTop .5s ease forwards;
        animation: fadeInTop .5s ease forwards;
    }

    #headerid.smaller #logo-1 {
        display: none;
    }

    #headerid.smaller #logo-2 {
        display: block;
    }

    #headerid.smaller nav a {
        line-height: 45px;
        animation: fadeInTop .8s ease forwards;
        color: #17305C;
        background-color: transparent;
    }

    #headerid.smaller nav a:last-child {
        border: 2px solid #FF6827;
        border-radius: 50px;
    }

    @-webkit-keyframes fadeInTop {
        0% {
            opacity: 0;
            left: 20px;
        }

        100% {
            opacity: 1;
            left: 20px;
        }
    }

    @keyframes fadeInTop {
        0% {
            opacity: 0;
            top: -5%;
        }

        100% {
            opacity: 1;
            left: 0;
        }
    }
}



#hero {
    position: relative;
    height: 100vh;
    padding: 50px;
    overflow: hidden;
}

#hero:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("../images/banner-1.png") no-repeat top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -3;
    transition: all 0.5s ease-in-out;
    animation: background 2s forwards;
    opacity: .6;
}

@keyframes background {
    from {
        opacity: 0.6;
    }

    to {
        opacity: 1;
    }

    0% {
        top: 20vh;
        transform: scale(1.5, 1.5);
    }

    100% {
        transform: scale(1, 1);
        box-shadow: inset 0 200px 50px rgba(0, 0, 0, .3);
    }
}

#hero:before {
    content: '';
    position: absolute;
    top: 25vh;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background: url("../images/mountains_front.png") no-repeat bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1;
    transition: all 0.5s ease-in-out;
    animation: ani 2s forwards;
}

@keyframes ani {
    0% {
        top: 40vh;
        left: 0;
        transform: scale(1.4, 1.4);
    }

    100% {
        top: 25vh;
        transform: scale(1, 1);
        box-shadow: inset 0px -350px 50px rgba(0, 0, 0, .3);
    }
}

#banner-content {
    position: absolute;
    z-index: -2;
}

#banner-content img {
    width: 100%;
    transition: all 0.5s ease-in-out;
    animation: discover 2s forwards;

}

@keyframes discover {
    0% {
        margin-top: -100px;
        transform: scale(.5, .5);
    }

    100% {
        margin-top: -20px;
        transform: scale(1.12, 1.12);
    }
}

#banner-content-two {
    position: absolute;
    text-align: center;
    z-index: 99;
    top: 25%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all 0.5s ease-in-out;
    animation: ban 2s forwards;
}

@keyframes ban {
    0% {
        margin-top: 10px
    }

    100% {
        margin-top: 0px;
    }
}

#banner-content-two p {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    font-size: 26px;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
}

#banner-content-two h1 {
    color: #fff;
    font-size: 80px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
    font-family: 'Playfair Display', serif;
}

#banner-content-two input {
    width: 500px;
    padding: 10px;
    color: #fff;
    font-size: 17px;
    border: 3px solid #fff;
    border-radius: 50px;
    background-color: rgb(0, 0, 0, .3);
}

#banner-content-two input:focus {

    outline: none !important;
    border-color: #fff;

}

#banner-content-two input::placeholder {
    color: #fff;
    opacity: 1;
    /* Firefox */
}

#banner-content-two label i {
    position: absolute;
    margin-left: -45px;
    font-size: 22px;
    color: #fff;
    margin-top: -9px;
}

#banner-slides {
    z-index: 0;
    bottom: -50px;
    left: 0;
    position: absolute;
    transition: all 0.5s ease-in-out;
    animation: slide 1s forwards;
}

@keyframes slide {
    0% {
        bottom: -300px;
        position: absolute;
    }

    100% {
        bottom: -50px;
        position: absolute;
    }
}

#banner-slides ul {
    display: inline-flex;
    list-style: none;
    font-weight: bold;
}






.first-hide-slide {
    height: 250px;
    width: 150px;
    background-color: #17305C;
    color: #fff;
    cursor: pointer;
    transition: 0.5s;
    animation: secondslide 1s forwards;
    text-align: left;
}

@keyframes firstslide {
    0% {}

    100% {}
}

.first-hide-slide img {
    position: absolute;
    height: 310px;
    width: 150px;
    transition-duration: .5s;
}

.first-hide-slide .first-blur {
    margin-top: 112%;
    width: 100%;
    backdrop-filter: blur(20px);
    box-shadow: inset 5px 5px 15px rgba(0, 0, 0, .3);
    cursor: pointer;
    text-align: center;
}

.first-hide-slide .first-blur h2 {
    color: white;
    font-size: 18px;
    z-index: 2;
    padding: 15px;
}

.first-hide-slide h1 {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    margin-left: 160px;
}

.first-hide-slide p {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    margin-left: 160px;
}

.first-hide-slide:hover {
    margin-top: -30px !important;
    height: 280px;
    width: 350px;
}

.first-hide-slide:hover img {
    height: 310px;
}

.first-hide-slide:hover .first-blur {
    display: none;
}



.second-hide-slide {
    height: 250px;
    width: 150px;
    background-color: #17305C;
    color: #fff;
    cursor: pointer;
    transition: 0.5s;
    animation: secondslide 1.3s forwards;
    text-align: left;
}

@keyframes secondslide {
    0% {}

    100% {}
}

.second-hide-slide img {
    position: absolute;
    height: 310px;
    width: 150px;
    transition-duration: .5s;
}

.second-hide-slide .second-blur {
    margin-top: 112%;
    width: 100%;
    backdrop-filter: blur(20px);
    box-shadow: inset 5px 5px 15px rgba(0, 0, 0, .3);
    cursor: pointer;
    text-align: center;
}

.second-hide-slide .second-blur h2 {
    color: white;
    font-size: 18px;
    z-index: 2;
    padding: 15px;
}

.second-hide-slide h1 {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    margin-left: 160px;
}

.second-hide-slide p {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    margin-left: 160px;
}

.second-hide-slide:hover {
    margin-top: -30px !important;
    height: 280px;
    width: 350px;
}

.second-hide-slide:hover img {
    height: 310px;
}

.second-hide-slide:hover .second-blur {
    display: none;
}



.third-hide-slide {
    height: 250px;
    width: 150px;
    background-color: #17305C;
    color: #fff;
    cursor: pointer;
    transition: 0.5s;
    animation: thirdslide 1.6s forwards;
    text-align: left;
}

@keyframes thirdslide {
    0% {}

    100% {}
}

.third-hide-slide img {
    position: absolute;
    height: 310px;
    width: 150px;
    transition-duration: .5s;
}

.third-hide-slide .third-blur {
    margin-top: 112%;
    width: 100%;
    backdrop-filter: blur(20px);
    box-shadow: inset 5px 5px 15px rgba(0, 0, 0, .3);
    cursor: pointer;
    text-align: center;
}

.third-hide-slide .third-blur h2 {
    color: white;
    font-size: 18px;
    z-index: 2;
    padding: 15px;
}

.third-hide-slide h1 {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    margin-left: 160px;
}

.third-hide-slide p {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    margin-left: 160px;
}

.third-hide-slide:hover {
    margin-top: -30px !important;
    height: 280px;
    width: 350px;
}

.third-hide-slide:hover img {
    height: 310px;
}

.third-hide-slide:hover .third-blur {
    display: none;
}


.fourth-hide-slide {
    height: 250px;
    width: 150px;
    background-color: #17305C;
    color: #fff;
    cursor: pointer;
    transition: 0.5s;
    animation: fourthslide 2s forwards;
    z-index: auto;
    text-align: left;
}

@keyframes fourthslide {
    0% {}

    100% {}
}

.fourth-hide-slide img {
    position: absolute;
    height: 310px;
    width: 150px;
    transition-duration: .5s;
}

.fourth-hide-slide .fourth-blur {
    margin-top: 112%;
    width: 100%;
    backdrop-filter: blur(20px);
    box-shadow: inset 5px 5px 15px rgba(0, 0, 0, .3);
    cursor: pointer;
    text-align: center;
}

.fourth-hide-slide .fourth-blur h2 {
    color: white;
    font-size: 18px;
    z-index: 2;
    padding: 15px;
}

.fourth-hide-slide h1 {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    margin-left: 160px;
}

.fourth-hide-slide p {
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    margin-left: 160px;
}

.fourth-hide-slide:hover {
    margin-top: -30px !important;
    height: 280px;
    width: 350px;
}

.fourth-hide-slide:hover img {
    height: 310px;
}

.fourth-hide-slide:hover .fourth-blur {
    display: none;
}




.btn-slide {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    margin-left: 260px;
    background-color: transparent;
    border: 1px solid #15CC9B;
    padding: 5px 10px;
}

.btn-slide:hover {
    color: #fff;
    font-weight: bold;
}

#play {
    position: absolute;
    right: 0;
    text-align: right;
    top: 90%;
    padding-right: 60px;
}

.play-btn i {
    font-size: 16px;
    height: 38px;
    width: 38px;
    color: #fff;
    background-color: #15CC9B;
    border-radius: 50%;
    padding: 10px;
    border: 1px solid #15CC9B;
    cursor: pointer;
}

.pulse {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    background-color: transparent;
    border: .3px solid #15CC9B;
    animation: pulse .8s ease-out infinite;
    opacity: 0;
    float: right;
    margin-top: -38px;
    cursor: pointer;
}

@keyframes pulse {
    0% {
        transform: scale(.8, .8);
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(2, 2);
        opacity: 0;
    }
}

#play .btn-who {
    color: #fff;
    margin-right: 10px;
    background-color: #22293C;
    border: 1px solid #15CC9B;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 2px;
}


.scroll-down {
    position: absolute;
    left: 50%;
    top: 90%;
    transform: translate(-50%, -50%);
    z-index: 3;
    cursor: pointer;
}

.mouse {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 44px;
    position: relative;
    border: 2px solid #fff;
    border-radius: 24px;


}

.mouse:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 10px;
    left: 8px;
    border-radius: 50%;
    background-color: #fff;
    animation: mouse-animation 1.5s ease-in-out infinite;
}

@keyframes mouse-animation {
    0% {
        margin-top: -5px;
        opacity: 0;
    }

    20% {
        margin-top: 5px;
        opacity: 1;
    }

    40% {
        margin-top: 10px;
        opacity: 1;
    }

    60% {
        margin-top: 15px;
        opacity: 1;
    }

    80% {
        margin-top: 20px;
        opacity: .75;
    }

    100% {
        margin-top: 22px;
        opacity: 0;
    }
}

.mobile-bottom-nav {
    display: none;
}

#best-place {
    background-color: #F2F2F2;
    color: #17305C;
    padding: 40px 80px 40px 80px;

}

#best-place .heading {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    letter-spacing: 0;
}

.see-more {
    color: #FF6827;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
}

.see-more:hover {
    text-decoration: none;
    color: #FF6827;
}

#best-place .search-mobile {
    display: none;
}

.place-box-row {
    overflow: hidden;
    height: 250px;
}

.place-box {
    padding: 10px;
    z-index: 2;
}

.place {
    background-image: url('../images/5c7e36f5d20c8454fdc69ac5cc39adb2.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 8px;
    padding: 20px;
    width: 100%;
    height: 230px;
    transition-duration: .5s;
    box-shadow: inset 0 -60px 30px rgba(23, 48, 92, .7);
}

.place h3 {
    color: #fff;
    font-size: 18px;
    margin-top: 180px;
    line-height: 17px;
    transition-duration: .5s;
}

.place ul {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place ul li {
    margin-right: 1px;
}

.place ul li i {
    color: yellow;
    font-size: 11px;
}

.place ul li p {
    margin-top: 5px;
    color: #fff;
    font-size: 10px;
}

.place p {
    margin-top: -10px;
    font-size: 13px;
    color: #fff;
}

.place ol {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place ol li:nth-child(1) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -20px;
}

.place ol li:nth-child(2) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place ol li:nth-child(3) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place ol li:nth-child(4) {
    background-color: #17305C;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-left: -25px;
    z-index: 1;
}

.place ol li:nth-child(4) p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 70px;
}

.place ol li:nth-child(5) img {
    height: 40px !important;
    width: 40px !important;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: 10px;
}

.hide-content-place {
    display: none;
}

.place:hover {
    height: 210px;
}

.place:hover .hide-content-place {
    display: block;
}

.place:hover h3 {
    color: #fff;
    font-size: 23px;
    margin-top: 65px;
    line-height: 22px;
}

.place img {
    width: 100%;
    display: block;
    transform: scale(1.2);
}

.place:hover img {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.place-two {
    background-image: url('../images/f2b7ba0a5b6ad3afe1cf680973afffe3.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 8px;
    padding: 20px;
    height: 230px;
    transition-duration: .5s;
    box-shadow: inset 0 -60px 30px rgba(23, 48, 92, .7);
}

.place-two h3 {
    color: #fff;
    font-size: 18px;
    margin-top: 180px;
    line-height: 17px;
    transition-duration: .5s;
}

.place-two ul {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-two ul li {
    margin-right: 1px;
}

.place-two ul li i {
    color: yellow;
    font-size: 11px;
}

.place-two ul li p {
    margin-top: 5px;
    color: #fff;
    font-size: 10px;
}

.place-two p {
    margin-top: -10px;
    font-size: 13px;
    color: #fff;
}

.place-two ol {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-two ol li:nth-child(1) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -20px;
}

.place-two ol li:nth-child(2) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-two ol li:nth-child(3) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-two ol li:nth-child(4) {
    background-color: #17305C;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-left: -25px;
    z-index: 1;
}

.place-two ol li:nth-child(4) p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 70px;
}

.place-two ol li:nth-child(5) img {
    height: 40px !important;
    width: 40px !important;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: 10px;
}

.hide-content-place-two {
    display: none;
}

.place-two:hover {
    height: 210px;
}

.place-two:hover .hide-content-place-two {
    display: block;
}

.place-two:hover h3 {
    color: #fff;
    font-size: 23px;
    margin-top: 65px;
    line-height: 22px;
}

.place-two img {
    width: 100%;
    display: block;
    transform: scale(1.2);
}

.place-two:hover img {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.place-three {
    background-image: url('../images/7cd9eb1fc9a22003fd0e73974d3b05ef.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 8px;
    padding: 20px;
    height: 230px;
    transition-duration: .5s;
    box-shadow: inset 0 -60px 30px rgba(23, 48, 92, .7);
}

.place-three h3 {
    color: #fff;
    font-size: 18px;
    margin-top: 180px;
    line-height: 17px;
    transition-duration: .5s;
}

.place-three ul {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-three ul li {
    margin-right: 1px;
}

.place-three ul li i {
    color: yellow;
    font-size: 11px;
}

.place-three ul li p {
    margin-top: 5px;
    color: #fff;
    font-size: 10px;
}

.place-three p {
    margin-top: -10px;
    font-size: 13px;
    color: #fff;
}

.place-three ol {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-three ol li:nth-child(1) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -20px;
}

.place-three ol li:nth-child(2) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-three ol li:nth-child(3) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-three ol li:nth-child(4) {
    background-color: #17305C;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-left: -25px;
    z-index: 1;
}

.place-three ol li:nth-child(4) p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 70px;
}

.place-three ol li:nth-child(5) img {
    height: 40px !important;
    width: 40px !important;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: 10px;
}

.hide-content-place-three {
    display: none;
}

.place-three:hover {
    height: 210px;
}

.place-three:hover .hide-content-place-three {
    display: block;
}

.place-three:hover h3 {
    color: #fff;
    font-size: 23px;
    margin-top: 65px;
    line-height: 22px;
}

.place-three img {
    width: 100%;
    display: block;
    transform: scale(1.2);
}

.place-three:hover img {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.place-four {
    background-image: url('../images/502c2ec764af17f4fc48bf76126b897f.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 8px;
    padding: 20px;
    height: 230px;
    transition-duration: .5s;
    box-shadow: inset 0 -60px 30px rgba(23, 48, 92, .7);
}

.place-four h3 {
    color: #fff;
    font-size: 18px;
    margin-top: 165px;
    line-height: 17px;
    transition-duration: .5s;
}

.place-four ul {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-four ul li {
    margin-right: 1px;
}

.place-four ul li i {
    color: yellow;
    font-size: 11px;
}

.place-four ul li p {
    margin-top: 5px;
    color: #fff;
    font-size: 10px;
}

.place-four p {
    margin-top: -10px;
    font-size: 13px;
    color: #fff;
}

.place-four ol {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-four ol li:nth-child(1) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -20px;
}

.place-four ol li:nth-child(2) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-four ol li:nth-child(3) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-four ol li:nth-child(4) {
    background-color: #17305C;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-left: -25px;
    z-index: 1;
}

.place-four ol li:nth-child(4) p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 70px;
}

.place-four ol li:nth-child(5) img {
    height: 40px !important;
    width: 40px !important;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: 10px;
}

.hide-content-place-four {
    display: none;
}

.place-four:hover {
    height: 210px;
}

.place-four:hover .hide-content-place-four {
    display: block;
}

.place-four:hover h3 {
    color: #fff;
    font-size: 23px;
    margin-top: 45px;
    line-height: 22px;
}

.place-four img {
    width: 100%;
    display: block;
    transform: scale(1.2);
}

.place-four:hover img {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.place-box-row-five {
    height: 340px;
    overflow: hidden;
}

.place-five {
    background-image: url('../images/90a617f60a008478871f9b89f5144c0c.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 8px;
    padding: 20px;
    height: 320px;
    transition-duration: .5s;
    box-shadow: inset 0 -60px 30px rgba(23, 48, 92, .7);
}

.place-five h3 {
    color: #fff;
    font-size: 18px;
    margin-top: 270px;
    line-height: 17px;
    transition-duration: .5s;
}

.place-five ul {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-five ul li {
    margin-right: 1px;
}

.place-five ul li i {
    color: yellow;
    font-size: 11px;
}

.place-five ul li p {
    margin-top: 5px;
    color: #fff;
    font-size: 10px;
}

.place-five p {
    margin-top: -10px;
    font-size: 13px;
    color: #fff;
}

.place-five ol {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-five ol li:nth-child(1) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -20px;
}

.place-five ol li:nth-child(2) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-five ol li:nth-child(3) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-five ol li:nth-child(4) {
    background-color: #17305C;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-left: -25px;
    z-index: 1;
}

.place-five ol li:nth-child(4) p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 70px;
}

.place-five ol li:nth-child(5) img {
    height: 40px !important;
    width: 40px !important;
    border-radius: 50% !important;
    margin-left: 20px;
    margin-top: 10px;
}

.hide-content-place-five {
    display: none;
}

.place-five:hover {
    height: 290px;
}

.place-five:hover .hide-content-place-five {
    display: block;
}

.place-five:hover h3 {
    color: #fff;
    font-size: 23px;
    margin-top: 150px;
    line-height: 22px;
}

.place-five img {
    width: 100%;
    display: block;
    transform: scale(1.2);
}

.place-five:hover img {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.place-box-row-six {
    height: 160px;
    overflow: hidden;
}

.place-six {
    background-image: url('../images/5c7e36f5d20c8454fdc69ac5cc39adb2.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 8px;
    padding: 20px;
    height: 138px;
    transition-duration: .5s;
    box-shadow: inset 0 -60px 30px rgba(23, 48, 92, .7);
}

.place-six h3 {
    color: #fff;
    font-size: 18px;
    margin-top: 88px;
    line-height: 17px;
    transition-duration: .5s;
}

.place-six ul {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-six ul li {
    margin-right: 1px;
}

.place-six ul li i {
    color: yellow;
    font-size: 11px;
}

.place-six ul li p {
    margin-top: 5px;
    color: #fff;
    font-size: 10px;
}

.place-six p {
    margin-top: -10px;
    font-size: 13px;
    color: #fff;
}

.place-six ol {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-six ol li:nth-child(1) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -20px;
}

.place-six ol li:nth-child(2) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-six ol li:nth-child(3) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-six ol li:nth-child(4) {
    background-color: #17305C;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-left: -25px;
    z-index: 1;
}

.place-six ol li:nth-child(4) p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 70px;
}

.place-six ol li:nth-child(5) img {
    height: 40px !important;
    width: 40px !important;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: 3px;
}

.hide-content-place-six {
    display: none;
}

.place-six:hover {
    height: 118px;
}

.place-six:hover .hide-content-place-six {
    display: block;
}

.place-six:hover h3 {
    color: #fff;
    font-size: 18px;
    margin-top: -15px;
    line-height: 22px;
}

.place-six img {
    width: 100%;
    display: block;
    transform: scale(1.2);
}

.place-six:hover img {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.place-box-row-seven {
    height: 500px;
}

.place-seven {
    background-image: url('../images/fbb92631e07178a9d5458603b015676e.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 8px;
    padding: 20px;
    height: 460px;
    transition-duration: .5s;
    box-shadow: inset 0 -60px 30px rgba(23, 48, 92, .7);
}

.place-seven h3 {
    color: #fff;
    font-size: 23px;
    margin-top: 335px;
    line-height: 17px;
    transition-duration: .5s;
}

.place-seven ul {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-seven ul li {
    margin-right: 1px;
}

.place-seven ul li i {
    color: yellow;
    font-size: 11px;
}

.place-seven ul li p {
    margin-top: 5px;
    color: #fff;
    font-size: 10px;
}

.place-seven p {
    margin-top: -10px;
    font-size: 13px;
    color: #fff;
}

.place-seven ol {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-seven ol li:nth-child(1) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: 0px;
}

.place-seven ol li:nth-child(2) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-seven ol li:nth-child(3) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-seven ol li:nth-child(4) {
    background-color: #17305C;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-left: -25px;
    z-index: 1;
}

.place-seven ol li:nth-child(4) p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 70px;
}

.place-seven ol li:nth-child(5) img {
    height: 40px !important;
    width: 40px !important;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: 0px;
}

.hide-content-place-seven {
    display: block;
}

.place-seven img {
    width: 100%;
    display: block;
    transform: scale(1);
}


.place-box-row-eight {
    height: 340px;
}

.place-eight {
    background-image: url('../images/90a617f60a008478871f9b89f5144c0c.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 8px;
    padding: 20px;
    height: 320px;
    transition-duration: .5s;
    box-shadow: inset 0 -60px 30px rgba(23, 48, 92, .7);
}

.place-eight h3 {
    color: #fff;
    font-size: 18px;
    margin-top: 270px;
    line-height: 17px;
    transition-duration: .5s;
}

.place-eight ul {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-eight ul li {
    margin-right: 1px;
}

.place-eight ul li i {
    color: yellow;
    font-size: 11px;
}

.place-eight ul li p {
    margin-top: 5px;
    color: #fff;
    font-size: 10px;
}

.place-eight p {
    margin-top: -10px;
    font-size: 13px;
    color: #fff;
}

.place-eight ol {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-eight ol li:nth-child(1) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: 0px;
}

.place-eight ol li:nth-child(2) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-eight ol li:nth-child(3) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-eight ol li:nth-child(4) {
    background-color: #17305C;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-left: -25px;
    z-index: 1;
}

.place-eight ol li:nth-child(4) p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 70px;
}

.place-eight ol li:nth-child(5) img {
    height: 40px !important;
    width: 40px !important;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: 10px;
}

.hide-content-place-eight {
    display: none;
}

.place-eight:hover {
    height: 290px;
}

.place-eight:hover .hide-content-place-eight {
    display: block;
}

.place-eight:hover h3 {
    color: #fff;
    font-size: 23px;
    margin-top: 150px;
    line-height: 22px;
}

.place-eight img {
    width: 100%;
    display: block;
    transform: scale(1.2);
}

.place-eight:hover img {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.place-box-row-nine {
    height: 160px;
}

.place-nine {
    background-image: url('../images/5c7e36f5d20c8454fdc69ac5cc39adb2.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 8px;
    padding: 20px;
    height: 138px;
    transition-duration: .5s;
    box-shadow: inset 0 -60px 30px rgba(23, 48, 92, .7);
}

.place-nine h3 {
    color: #fff;
    font-size: 18px;
    margin-top: 88px;
    line-height: 17px;
    transition-duration: .5s;
}

.place-nine ul {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-nine ul li {
    margin-right: 1px;
}

.place-nine ul li i {
    color: yellow;
    font-size: 11px;
}

.place-nine ul li p {
    margin-top: 5px;
    color: #fff;
    font-size: 10px;
}

.place-nine p {
    margin-top: -10px;
    font-size: 13px;
    color: #fff;
}

.place-nine ol {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.place-nine ol li:nth-child(1) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: 0px;
}

.place-nine ol li:nth-child(2) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-nine ol li:nth-child(3) img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
}

.place-nine ol li:nth-child(4) {
    background-color: #17305C;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-left: -25px;
    z-index: 1;
}

.place-nine ol li:nth-child(4) p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 70px;
}

.place-nine ol li:nth-child(5) img {
    height: 40px !important;
    width: 40px !important;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: 3px;
}

.hide-content-place-nine {
    display: none;
}

.place-nine:hover {
    height: 118px;
}

.place-nine:hover .hide-content-place-nine {
    display: block;
}

.place-nine:hover h3 {
    color: #fff;
    font-size: 18px;
    margin-top: -15px;
    line-height: 22px;
}

.place-nine img {
    width: 100%;
    display: block;
    transform: scale(1.2);
}

.place-nine:hover img {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#Matt {
    display: none;
}

#Renato {
    display: none;
}

#Luanne {
    display: none;
}

#local-travel {
    background: linear-gradient(90deg, #FFFFFF00 0%, #F2F2F2 60%, #F2F2F2 100%) 0% 0% no-repeat, url('../images/map.png') no-repeat left top;
    color: #17305C;
    padding: 40px 80px 40px 80px;
}

#local-travel .heading {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    letter-spacing: 0;
}

#local-travel .sub-heading {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #464646;
    letter-spacing: 0;
}

#local-travel .side-img {
    align-items: center;
    text-align: center;
}

#local-travel .side-img ul {
    float: right;
    list-style: none;
    display: flex;
}

#local-travel .side-img ul li {
    cursor: pointer;
    margin-top: 20px;
    z-index: 9;
}

#local-travel .side-img ul li img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-left: 25px;
    border: 6px solid #ff6827;
}

#local-travel .side-img ul li:nth-child(1) img {
    height: 50px;
    width: 50px;
}

#local-travel .side-img ul li p {
    line-height: 25px;
    font-size: 14px;
    margin-left: 20px;
}

.travel-img {
    padding: 10px;
    overflow: hidden;
    width: 100%;
    height: 560px;
    border-radius: 8px;
}

.travel-expert {
    width: 100%;
    height: 540px;
    background-color: black;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    transition-duration: .5s;
    overflow: hidden;
    box-shadow: 2px 2px 10px gray;
}

.travel-expert img {
    top: 0;
    left: 0;
    width: 100%;
    height: 560px;
    transition-duration: .5s;
    object-fit: cover;
}

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


.travel-img-two {
    padding: 10px;
    overflow: hidden;
    width: 100%;
    height: 200px;
    border-radius: 8px;
}

.travel-expert-two {
    width: 100%;
    height: 180px;
    background-color: black;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    transition-duration: .5s;
    overflow: hidden;
    box-shadow: 2px 2px 10px gray;
}

.travel-expert-two img {
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    transition-duration: .5s;
    object-fit: cover;
}

.travel-img-two:hover .travel-expert-two img {
    transform: scale(1.2);
}


.travel-img-three {
    padding: 10px;
    overflow: hidden;
    width: 100%;
    height: 360px;
    border-radius: 8px;
}

.travel-expert-three {
    width: 100%;
    height: 340px;
    background-color: black;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    transition-duration: .5s;
    overflow: hidden;
    box-shadow: 2px 2px 10px gray;
}

.travel-expert-three img {
    top: 0;
    left: 0;
    width: 100%;
    height: 340px;
    transition-duration: .5s;
    object-fit: cover;
}

.travel-img-three:hover .travel-expert-three img {
    transform: scale(1.2);
}

.travel-expert-detail-mobile {
    display: none;
}

.travel-expert-detail ul {
    list-style: none;
    display: inline-flex;
    margin-left: -10px;
}

.travel-expert-detail ol {
    list-style: none;
    display: inline-flex;
    margin-left: 40px;
}

.travel-expert-detail ol li {
    color: #fcdb03;
    font-size: 14px;
}

.travel-expert-detail ol li p {
    font-size: 12px;
    color: #163235;
    margin-left: 5px;
}

.travel-expert-detail h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    font-family: 'Poppins', serif;
}

.travel-expert-detail img {
    height: 80px;
    width: 80px;
}

.travel-expert-detail span {
    font-size: 16px;
    color: #FF6827;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
}

.travel-expert-detail p {
    color: #163235;
    font-size: 18px;
}

.travel-img-card {
    padding: 10px;
    overflow: hidden;
    height: 100%;
    border-radius: 8px;
    width: 220px;
}

.travel-expert-card {
    width: 100%;
    padding: 10px;
    background-color: #fff;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    transition-duration: .5s;
    overflow: hidden;
}

.travel-expert-card img {
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 8px;
    height: 120px;
    transition-duration: .5s;
}

.travel-img-card:hover .travel-expert-card img {
    transform: scale(1.1);
}

.travel-expert-card h5 {
    font-size: 17px;
    color: #17305C;
    font-weight: bold;
    margin-top: 20px;
    line-height: 15px;
}

.travel-expert-card h6 {
    font-size: 12px;
    color: #163235;
    font-weight: bold;
    border-bottom: 1px solid lightgray;
    line-height: 20px;
}

.travel-expert-card p {
    font-size: 14px;
    color: #163235;
    line-height: 20px;
}


#destination {
    background-color: #F2F2F2;
    color: #17305C;
    padding: 20px 80px 20px 80px;

}

#destination .heading {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    letter-spacing: 0;
}


#destination .see-more {
    color: #FF6827;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    line-height: 60px;
}

#destination .see-more:hover {
    text-decoration: none;
    color: #FF6827;
}

.destination-img {
    padding: 10px;
    overflow: hidden;
    width: 100%;
    height: 320px;
    border-radius: 8px;
}

.destination-box {
    width: 100%;
    height: 300px;
    background-color: black;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    transition-duration: .5s;
    overflow: hidden;
    box-shadow: 2px 2px 10px gray;
}

.destination-box img {
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    transition-duration: .5s;
}

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

.destination-img-box h2 {
    text-align: center;
    color: #0A0A0F;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
}



#upcoming {
    background-color: #F2F2F2;
    color: #17305C;
    padding: 0px 80px 40px 80px;

}

#upcoming .heading {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    letter-spacing: 0;
}

#upcoming .see-more {
    color: #FF6827;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    line-height: 60px;
}

#upcoming .see-more:hover {
    text-decoration: none;
    color: #FF6827;
}

.upcoming-row {
    padding: 20px;
}

.upcoming-box {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    box-shadow: 1px 1px 50px lightgray;
}

.upcoming-img img {
    /* margin-left: -10px;
    width: 100%;*/
}

.upcoming-detail ul {
    display: flex;
    list-style: none;
    border-bottom: 1px solid #FF6827;
    margin-left: 0px;
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 0;
    column-gap: 10px;
}

.upcoming-detail ul li {
    margin-left: 0px;
}

/*.upcoming-detail ul li img {
    margin-left: -70px;
    height: 60px;
    width: 60px;
}*/

.upcoming-detail ul li h1 {
    font-weight: 700;
    font-size: 18px;
    line-height: 17px;
    margin-top: 0px;
    font-family: 'Poppins', sans-serif;
}

.upcoming-detail ul li p {
    width: 100%;
    font-weight: 700;
    font-size: 12px;
    color: #FF6827;
    margin-top: 0px;
    font-family: 'Poppins', sans-serif;
}

.upcoming-detail ul li ul {
    margin-left: -42px;
    border-bottom: 0px solid #FF6827;
}

.upcoming-detail ul li ul li {
    margin-left: 0px;
}

.upcoming-detail ul li ul li:nth-child(6) p {
    margin-left: 5px;
    line-height: 22px;
}

.upcoming-detail ul li ul li i {
    font-size: 10px;
    color: #fcdb03;
}

.upcoming-detail ul li ul li p {
    font-size: 10px;
    color: #17305C;
}

.upcoming-detail ul li:nth-child(3) img {
    height: 30px;
    width: 30px;
    margin-left: 0px;
}

.top-detail {}

.upcoming-detail p {
    font-weight: 700;
    font-size: 12px;
    color: #FF6827;
    margin-top: 2px;
    font-family: 'Poppins', sans-serif;
    line-height: 12px;
}

.upcoming-detail h5 {
    font-weight: 700;
    font-size: 14px;
    margin-top: 2px;
    font-family: 'Poppins', sans-serif;
    line-height: 14px;
}

.upcoming-detail h5 span {
    float: right;
    font-weight: 400;
    font-size: 12px;
}

.upcoming-detail h6 {
    width: 70%;
    color: #163235;
    font-weight: 400;
    font-size: 11px;
}

#recommended-destination {
    background-color: #F2F2F2;
    color: #17305C;
    padding: 0px 80px 40px 80px;

}

#recommended-destination .heading {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    letter-spacing: 0;
}

#Package {
    display: none;
}

#Group {
    display: none;
}

#Slow {
    display: none;
}

#Weekend-menu {
    border-bottom: 2px solid rgba(22, 50, 53);
}

.re-dest-menu {
    text-align: center;
}

.re-dest-menu ul {
    list-style: none;
    display: inline-flex;
}

.re-dest-menu ul li {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid rgba(22, 50, 53, .5);
    cursor: pointer;
}

.re-dest-menu ul li h5 {
    color: #163235;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.re-dest-menu ul li:active {
    border-bottom: 2px solid rgba(22, 50, 53);
}

.re-dest-menu ul li:hover {
    border-bottom: 2px solid rgba(22, 50, 53);
}


.re-destination-img {
    padding: 10px;
    overflow: hidden;
    width: 100%;
    height: 330px;
    border-radius: 8px;
}

.re-destination-box {
    width: 100%;
    height: 300px;
    background-color: black;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    transition-duration: .5s;
    overflow: hidden;
    box-shadow: 2px 2px 10px gray;
}

.re-destination-box img {
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    transition-duration: .5s;
    transform: scale(1.1);
    object-fit: cover;
}

.re-destination-img:hover .re-destination-box img {
    transform: scale(1.2);
}

.re-destination-img-box h2 {
    text-align: left;
    color: #17305C;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
}

.dest-list ul {
    display: inline-flex;
    list-style: none;
    margin-left: -40px;
}

.dest-list ul li {
    margin-right: 10px;
    margin-top: 0px;
}

.dest-list h3 {
    margin-right: 30px;
    font-size: 17px;
    line-height: 13px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.dest-list h6 {
    margin-right: 30px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

#adventures {
    background-color: #F2F2F2;
    color: #17305C;
    padding: 0px 80px 0px 80px;
}

#adventures .heading {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    letter-spacing: 0;
}

#adventures .see-more {
    color: #FF6827;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    line-height: 60px;
}

#adventures .adventures-img {
    height: 200px;
}

#adventures .adventures-img ul {
    display: inline-flex;
    list-style: none;
    width: 100%;
}

#adventures .adventures-img ul li {
    width: 13%;
    text-align: center;
}

#adventures .adventures-img ul li p {
    font-weight: 700;
    font-size: 12px;
    color: #17305C;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    transition-duration: .5s;
    margin-left: -25%;
}

#adventures .adventures-img ul li .list-ad-box {
    transition-duration: .5s;
    background: url(../images/pexels-photo-774909.png);
    width: 120px;
    height: 120px;
    border-radius: 50%;

    left: 50%;
    transform: translateX(50%, 50%);
    text-align: center;
    cursor: default;
    background-repeat: no-repeat !important;
    background-size: 150px 140px !important;
}

#adventures .adventures-img ul li .list-ad-box img {
    margin-top: 10px;
    transform: translateY(50%);
    height: 50px;
    display: none;
    transition-duration: .5s;
}

#adventures .adventures-img ul li .list-ad-box h5 {
    margin-top: 25px;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    margin-left: 0px;
    text-align: center;
    display: none;
    transition-duration: .5s;
}

#adventures .adventures-img ul li:hover .list-ad-box img {
    display: inline-block;
}

#adventures .adventures-img ul li:hover .list-ad-box h5 {
    display: inline-block;
}

#adventures .adventures-img ul li:hover .list-ad-box {
    background: #FF6827 !important;
    color: #fff;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    text-align: center;
}

#adventures .adventures-img ul li:hover p {

    margin-left: -20%;
}


#trip-plan {
    background-color: #F2F2F2;
    color: #17305C;
    padding: 0px 80px 20px 80px;
}

#trip-plan .heading {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    letter-spacing: 0;
}

#trip-plan .sub-heading {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #464646;
    letter-spacing: 0;
}

.trip-img-box {}

#Assam {
    display: none;
}

#Madhya {
    display: none;
}

#Uttar {
    display: none;
}

#Himachal {
    display: none;
}

.trip-img-box ul {
    list-style: none;
    margin-left: -30px;
}

.trip-img-box ul li:nth-child(1) {
    padding: 10px;
    padding-bottom: 5px;
}

.trip-img-box ul li:nth-child(1) p {
    font-size: 14px;
    color: #464646;
    font-weight: 700;
}

.trip-img-box ul li:nth-child(2) {
    padding: 20px;
    padding-bottom: 10px;
    padding-right: 40px;
    clip-path: polygon(0% 0%, 90% 0, 90% 40%, 100% 50%, 90% 60%, 90% 100%, 0 100%);
}

.trip-img-box ul li {
    width: 100%;
    padding: 10px 20px;
    padding-right: 40px;
    background: #fff;
    clip-path: polygon(0% 0%, 90% 0, 90% 42%, 90% 48%, 90% 53%, 90% 100%, 0 100%);
    cursor: pointer;
}

.trip-img-box ul li:nth-child(2) img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);

}

.trip-img-box ul li:nth-child(5) {

    padding-bottom: 20px;

}

.trip-img-box ul li img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    width: 100%;
}

.img-box-trip {
    padding: 10px;
}

.img-box-trip img {
    width: 100%;
    box-shadow: 1px 1px 50px lightgray;
    border-radius: 8px;
    margin-top: 10px;
    min-height: 220px;
    max-height: 220px;
    object-fit: cover;
}

.img-box-trip h3 {
    font-weight: 700;
    font-size: 12px;
    color: #17305C;
    line-height: 18px;
    font-family: 'Poppins', sans-serif;
}

.img-box-trip h3 span {
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    border-radius: 5px;
    float: right;
    background-color: #17305C;
    color: #fff;
    padding: 7px 18px;
}

.img-box-trip h5 {
    font-weight: 500;
    font-size: 14px;
    color: #17305C;
    line-height: 14px;
    font-family: 'Poppins', sans-serif;
}

.locals-box {
    background-color: #fff;
    padding: 10px;
    margin-top: 20px;
    border-radius: 8px;
    width: 100%;
    overflow: auto;
}

.locals-box ol {
    list-style: none;
    display: inline-flex;
    margin-left: -40px;
}

.locals-box ol li {
    margin-left: 10px;
}

.locals-box ol li img {
    border-radius: 50%;
    height: 100px;
    width: 100%;
}

.locals-box ol li h1 {
    font-weight: 600;
    font-size: 25px;
    color: #17305C;
    line-height: 25px;
    font-family: 'Poppins', sans-serif;

}

.locals-box ol li p {
    font-weight: 500;
    font-size: 18px;
    color: #FF6827;
    line-height: 18px;
    font-family: 'Poppins', sans-serif;

}

.locals-box button {
    vertical-align: center;
    float: right;
    background-color: #fff;
    padding: 15px 30px;
    border: 1px solid #17305C;
    border-radius: 5px;
    margin-top: 20px;
    margin-right: 20px;
    width: 180px;
}

.locals-box i {
    font-weight: 100;
    float: right;
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 2s;
    line-height: 20px;
    margin-left: -12px;
}

@-webkit-keyframes run {
    0% {
        margin-right: -20px;
    }

    50% {
        margin-right: -12px;
    }

    100% {
        margin-right: -20;
    }
}

.show-mobile {
    display: none;
}

#blog {
        background-color: #ffffff;
    color: #17305C;
    padding: 40px 80px 40px 80px;
}

#blog .heading {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    letter-spacing: 0;
}

#blog .bolg-box {
    background: linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 0%), url('../images/photo-1517248135467-4c7edcad34c4@2x.png');
    height: 500px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 0px 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}

#blog .bolg-box h1 {
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    text-align: center;
    cursor: default;
}

#blog .blog-box-two {
    background: linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 0%), url('../images/photo-1428515613728-6b4607e44363.png');
    height: 240px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 0px 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}

#blog .blog-box-two h1 {
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    cursor: default;
}

#blog .blog-box-three {
    background: linear-gradient(90deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 0%), url('../images/photo-1428515613728-6b4607e44363.png');
    height: 240px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 0px 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin-top: 20px;
}

#blog .blog-box-three h1 {
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    text-align: center;
    cursor: default;
}

#footer {
    padding: 20px 0px 0px 0px;
    background-color: #17305C;
}

#footer .footer-nav h3 {
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 20px;

}

#footer .footer-nav ul {
    list-style: none;
    /* margin-left: -40px; */
}

#footer .footer-nav ul li a {
    color: #fff;
    line-height: 30px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    transition-duration: .5s;
}

#footer .footer-nav ul li a:hover {
    text-decoration: none;
    color: #FF6827;
}

#footer .footer-nav p {
    color: #fff;
    line-height: 20px;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;

}


#footer .footer-nav ol {
    list-style: none;
    /* margin-left: -40px; */
    display: inline-flex;
}

#footer .footer-nav ol li {
    margin-right: 30px;
}

#footer .footer-nav ol li i {
    color: #fff;
    font-size: 30px;
}

#footer .footer-row {
    border-bottom: 1px solid rgba(255, 255, 255, .7);
}


#footer .footer-nav img {
    height: 50px;
}

.footer-nav-bottom {
    padding: 20px 0px;
}

.footer-nav-bottom ol {
    list-style: none;
    /* margin-left: -40px; */
    display: inline-flex;
}

.footer-nav-bottom ol li:nth-child(1) {
    border-right: 1px solid #fff;
}

.footer-nav-bottom ol li:nth-child(2) {
    margin-left: 50px;
}

.footer-nav-bottom ol li {
    padding-right: 50px;
    line-height: 60px;
}

.footer-nav-bottom ol li img {
    height: 40px;
    margin-top: 10px;
}

.footer-nav-bottom ol li p {
    line-height: 80px;
    font-size: 16px;
    cursor: default;
    color: #fff;
    font-weight: 200;
    font-family: 'Poppins', sans-serif;
}

/********************** guid css **********************/
.guid_bnr {
    height: 94vh;
    padding: 50px;
    background: url("../images/guid-banr.jpeg") no-repeat bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1;
    transition: all 0.5s ease-in-out;
    animation: ani 2s forwards;
}

.guid_slider {
    position: absolute;
    width: 100%;
    top: 47%;
}

.guid_data img {
    width: 120px !important;
    margin: 0 auto;
}

.guid_data h1 {
    display: flex;
    color: #17305C;
    font-weight: 700;
    font-size: 18px;
    line-height: 17px;
    margin-top: 0px;
    font-family: 'Poppins', sans-serif;
    align-items: center;
    justify-content: center;
}

.guid_data {
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px #717171;
    padding: 27px 11px 5px;
    border-radius: 10px;
    margin-bottom: 14px;
}

.guid_data h1 img {
    height: 30px;
    width: 30px !important;
    margin-left: 5px;
    margin-right: 0;
}

/* .owl-carousel.owl-drag .owl-item {
    width: 215.25px !important;
    margin-right: 18px;
} */

/* .guid_slider .owl-carousel .owl-stage {
    padding-left: 235px;
    display: flex;
    flex-wrap: nowrap;
} */

.guid_data span {
    width: 100%;
    font-weight: 700;
    font-size: 12px;
    color: #FF6827;
    margin-top: 0px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
}

.guid_data p {
    position: relative;
    margin-top: 11px;
    color: #17305C;
    font-size: 12px;
}

.guid_data .extra_comma:before {
    position: absolute;
    content: '';
    left: 0;
    top: -21px;
    background: url(../images/icn-t.png);
    width: 19px;
    height: 20px;
}

.guid_data .extra_comma:after {
    position: absolute;
    content: '';
    right: 0;
    bottom: -19px;
    background: url(../images/icn-t.png);
    width: 19px;
    height: 20px;
}

.guid_data ul {
    list-style: none;
    padding-left: 0;
}

.guid_data ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
}

.guid_data ul li a {
    font-size: 10px;
    color: #fcdb03;
}

.rvu_txt h6 {
    font-size: 10px;
    color: #17305C;
    margin: 0;
    margin-left: 11px;
}

.guidpost_sec {
    background-color: #F2F2F2;
    color: #17305C;
    padding: 55px 0 16px;
}

.shadow {
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    box-shadow: 0 0 7px #d1d1d1;
    border: 1px solid #d1d1d1;
}

.find_cl {
    font-size: 20px !important;
    font-weight: 200 !important;
    margin-bottom: 20px;
}

.d-flex {
    display: flex;
}

.bokleft_cont img {
    width: 40px;
    margin-right: 12px;
}

.bokleft_cont input {
    width: 100%;
    background: #f0f2f5;
    border: 1px solid #f0f2f5;
    border-radius: 11px;
    padding-left: 14px;
    font-size: 14px;
    font-family: 'graphik';
}

.lik_dv ul {
    list-style: none;
    justify-content: space-between;
    padding-left: 0;
}

.mt-4 {
    margin-top: 30px;
}

.justify-cnter {
    justify-content: space-between;
    align-items: center;
}

.shr_btn img {
    width: 30px;
}

.shr_btn button {
    font-size: 18px;
    width: 118px;
    padding: 0;
    background: #e4e6eb;
    border: 1px solid #e4e6eb;
    height: 44px;
    border-radius: 2px;
}

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

.post_min_img img {
    width: 40px;
    height: 40px;
}

.post_min_img h3 {
    margin: 2px 0 2px;
    font-size: 17px;
    padding-left: 10px;
    font-weight: 600;
    font-family: 'graphik-semibold';
    color: #17305c;
}

.post_min_img h4 {
    margin: 0;
    font-size: 12px;
    padding-left: 11px;
    font-family: 'graphik';
    font-weight: 500;
    color: #777;
}

.elips {
    width: 40px;
    height: 40px;
    background: #e4e6eb;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 19px;
    color: #a6a6a6;
    cursor: pointer;
}

.watch_img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 5px;
}

.watch_para {
    font-size: 14px;
    margin: 14px 0 10px;
    font-family: 'graphik-medium';
    font-weight: 500;
    color: #333;
    text-transform: capitalize;font-family: "Geist", sans-serif !important;
}

.p-4 {
    padding: 15px 0;
}

.lik-count {
    background: #e4e6eb;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 9px;
    margin-top: 8px;
}

.lik_proce {
    padding: 8px 40px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 15px;
}

.lik_proce a {
    font-size: 17px;
    color: #777;
    font-family: 'Poppins';
    font-weight: 400;
}

.lik_proce a img {
    height: auto;
    width: 19px;
}

.mb-12 {
    margin-bottom: 12px;
}

.nm_gif {
    height: 30px !important;
    width: 30px !important;
    margin-left: 5px;
    margin-right: 0;
    margin-top: -7px;
}

.lik_proce_2 {
    border-bottom: none;
    margin-bottom: 0;
}

.blue-theme {
    font-size: 22px;
    margin-top: 3px;
    font-weight: 600;
    font-family: 'Poppins';
}

.ryt_titl {
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 16px;
}

.recnt_bok img {
    width: 26px;
    height: 26px;
}

.lp-0 {
    padding-left: 0;
}

.recnt_bok h1 {
    align-items: center;
    font-size: 17px;
    font-weight: 600;
    display: flex;
    margin-bottom: 0;
    margin-top: 2px;
}

.recnt_bok .recnt-mg-f {
    width: 100px;
    height: 100px !important;
}

.recnt_contnt {
    padding-left: 73px;
}

.recnt_bok span {
    font-weight: 700;
    font-size: 10px;
    color: #FF6827;
    font-family: 'Poppins', sans-serif;
}

.shadow-to {
    position: relative;
    background: #fff;
    padding: 15px 15px;
    box-shadow: 0 4px 10px lightgrey;
    border-radius: 7px;
    margin-bottom: 20px;
}

.recnt_contnt h2 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 6px;
}

.str_dv {
    padding-right: 27px;
    text-align: right;
}

.str_dv a {
    font-size: 18px;
    color: #fcdb03;
    margin: 0 3px;
}

.fx-img {
    position: absolute;
    left: 29%;
    top: 10px;
}

.fx-img img {
    width: 45px;
}

.fx-img::before {
    position: absolute;
    content: '';
    left: 51%;
    top: 99%;
    background: #ff6827;
    width: 1px;
    height: 119px;
}

.trpipag_cont {
    padding-left: 50px;
    list-style: none;
}

.trpipag_cont h1 {
    font-size: 14px !important;
    margin-bottom: 3px;
}

.trpipag_cont .adr {
    font-size: 10px !important;
    margin-bottom: 2px;
    letter-spacing: 0.3px;
    font-weight: 600;
}

.list-style {
    list-style: none;
}

.pl-5 {
    padding-left: 25px;
    padding-right: 25px;
}

.p-non {
    padding: 8px 4px;
}

.riv {
    font-size: 8px !important;
}

.trpipag_cont .usr_im {
    height: 48px !important;
    width: 48px !important;
}

.p-non h6 {
    width: 100%;
}

/*.p-non .upcoming-img img {
    height: 145px;
}
*/
.p-non p {
    font-size: 11px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.p-non h5 {
    font-size: 10px;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 0.1px;
    color: #337ab7;
}

.recent_sec {
    background-color: #F2F2F2;
    color: #17305C;
    padding: 0 0 20px;
}

.recnt_titl {
    align-items: baseline;
}

.recnt_titl h2 {
    font-size: 27px;
    font-weight: bold;
    margin-top: 0;
}

.recnt_titl a {
    color: #ff6827;
}

.recnt_contnt.snd {
    padding-left: 0 !important;
}

.recnt_bok {
    text-align: center;
}

.recnt_bok h1 {
    font-size: 18px;
}

.recent_sec .fx-img {
    left: 23%;
}

.recent_sec .recnt_contnt.snd {
    padding-left: 57px !important;
}

.d-block {
    display: block;
    margin: 3px 0;
    float: none !important;
    font-size: 10px !important;
}

.p-non h6 {
    margin-top: 0 !important;
}

.upcm_btm .usr_im {
    width: 55px !important;
    height: 55px !important;
}

.upcm_btm h1 {
    font-size: 17px;
}

.upcmsec .upcoming-img img {
    margin-left: 0;
}

.upcm_mn {
    display: flex;
    padding: 10px 10px;
}

.upcm_mn .upcoming-detail {
    padding-left: 0px;
    margin-top: 4px;
    width: 58%;
}

.rbk-2 {
    padding: 0 20px;
}

.upcm_trip .upcoming-img img {
    width: 228px;
}

.upcm_trip .upcoming-img {
    padding-left: 15px;
}

.upcm_trip .upcoming-detail {
    padding-left: 36px;
}

/* host css */
.top_ban {
    background: url(../images/top-bann.jpg);
    height: 155px;
    background-repeat: no-repeat;
    background-size: cover;
}

.top_ban_localexpert_search {
    background: url(../images/top-bann.jpg);
    height: 355px;
    background-repeat: no-repeat;
    background-size: cover;
}

.fix_profile {
    position: fixed;
    top: 81px;
    left: 97px;
    width: 20%;
}

.host_sec {
    background-color: #ffffff;
    color: #17305C;
    padding: 10rem 0rem 0rem;
}

.watch_img_smal {
    width: 203px;
    height: 152px;
    object-fit: cover;
}

.post_img ul {
    column-gap: 2px;
    margin-top: 3px;
    ;
    overflow: hidden;
}

.lst_imgl {
    position: relative;
}

.img_count {
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 27px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #0000007a;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top_hosttxt {
    background: #0006;
    color: #fff;
    padding: 8px 23px;
    backdrop-filter: blur(0.75rem);
    display: flex;
    align-items: center;
    /*margin-top: -181px;*/
    border-radius: 10px;
}

.plan_slider {
    background: #fff;
    margin: 15px 0;
    padding: 16px;
    border-radius: 5px;
}

.demo_rom .rom_img {
    width: 100%;
    height: 205px;
    object-fit: cover;
    border-radius: 6px;
}

.rom_titl {
    align-items: center;
}

.rom_titl h5 {
    margin-bottom: 0;
}

.whit_dv {
    background: #fff;
    padding: 1px 13px 10px;
    border-radius: 7px;
}

.fac_h2 h2 {
    font-size: 17px;
    margin-top: 10px;
    font-weight: 700;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 7px;
    padding-bottom: 7px;
}

.fac_h2 span {
    color: #FF6827;
    font-size: 12px;
}

.fct_list {
    text-align: center;
    margin-top: 7px;
    list-style: none;
    padding-left: 0;
    column-gap: 29px;
    margin-bottom: 0;
}

.fct_list img {
    width: 21px;
    height: 38px;
    object-fit: contain;
}

.fct_list li {
    position: relative;
}

.fct_list li h5 {
    margin-top: 0;
}

.fct_list li::before {
    content: '';
    position: absolute;
    top: 41%;
    transform: translateY(-50%);
    right: -12px;
    width: 1px;
    height: 33px;
    background-color: #cdcdcd45;
}

.fct_list li:last-child:before {
    content: none;
}

.locat_dv {
    align-items: center;
    width: 58%;
    border-right: 1px solid #f0f0f0;
}

.locat_dv img {
    width: 26px;
    height: 31px;
}

.locat_dv h5 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0;
}

.locat_dv span {
    color: #FF6827;
    font-size: 10px;
    font-weight: bold;
}

.loc-main {
    align-items: center;
    border-top: 1px solid #f0f0f0;
    padding-top: 11px;
}

.resqt_btn {
    background-color: #FF6827;
    color: #fff;
    width: 172px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}

.red_bg {
    background: url(../images/bg-1.png);
    color: #fff;
    padding: 49px 22px 21px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 7px;
    margin-bottom: 11px;
}

.red_bg.gren {
    background: url(../images/bg-2.png);
    background-size: cover;
}

.red_bg h2 {
    font-size: 23px;
    font-weight: 600;
    margin: 0 0 6px;
}

.red_bg p {
    margin-bottom: 0;
}

.vg_btn {
    color: #fff;
    border: 1px solid;
    width: 122px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 13px;
    border-radius: 20px;
}

.fix_btm_cont {
    background: #fff;
    box-shadow: 0 0 10px #d9d9d9;
    padding: 27px 11px 5px;
    border-radius: 10px;
}

.fix_btm_cont li {
    font-size: 12px;
    border-bottom: 1px solid #eeeeee;
}

.fix_btm_cont img {
    width: 35px;
}

.hr_evrg {
    display: block;
    padding-left: 34px;
}

.contc_btn {
    background-color: #FF6827;
    color: #fff;
    width: 107px;
    margin: auto;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}

.roomservic {
    margin-bottom: 20px;
}

.pl_txt h3 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 9px;
}

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

.cnctycdv h2 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 3px;
}

.cnctycdv {
    text-align: center;
    background: #ffffffde;
    color: #000;
    padding: 10px;
    border-radius: 10px;
}

.cnctycdv h6 {
    font-size: 14px;
    margin-bottom: 0;
}

.hosttop_in h3 {
    font-family: 'Playfair Display', serif;
}

.post-box {
    width: 100%;
    height: 140px !important;
    padding: 6px 12px;
    font-size: 21px;
    border: 0;
}

.post-box:focus {
    width: 100%;
    height: 140px;
    padding: 6px 12px;
    font-size: 21px;
    border: 0;
}

.dummy-text {
    font-size: 22px;
    color: #9a8b8b;
}

.close-image-post-box {
    height: 10px;
    width: 11px;
    border-radius: 50%;
    position: absolute;
    top: 210px;
    right: 21px;
    z-index: 9;
    padding: 8px;
    font-size: 15px;
    color: #969c96;
}

.emoji-button {
    background-color: #fff;
    border: 0;
}

.emoji-dropdown-area {
    width: 300px !important;
}

.div-inline {
    display: flex;
    position: relative;
    flex-direction: row;
    align-content: stretch;
    flex-wrap: wrap;
}

.div-inline li h5 {
    font-size: 20px !important;
    margin-top: 5px;
    margin-bottom: 5px;
}

.div-inline li:hover {
    background-color: #beb9b9;
    height: 28px;
    width: 27px;
    border-radius: 50%;
}

.post-button {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.post-button:active {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.post-dropdown {
    left: -200px !important;
    top: 42px !important;
    width: 250px !important;
    border: none !important;
}

.post-dropdown .list-group a {
    font-size: 11px;
    font-weight: 600;
}

.edit-image-post {
    position: absolute;
    background: #c1b9b9;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #676363;
    font-size: 15px;
    right: 18px;
    top: 5px;
    text-align: center;
    z-index: 999999;
}

.ct-reaction {
    background: #fff;
    width: 327px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 2px 4px 5px 0px #888888;
    position: absolute;
    left: 89px;
    margin-top: -85px;

}

.likes {
    text-decoration: none !important;
}

.reaction {
    list-style-type: none;
    margin-left: -39px;
}

.reaction li {
    margin-left: 2px;
}

.reaction li .emoji-size {
    font-size: 38px;
    line-height: 0;
    padding: 9px 0;
}

.reaction li .emoji-size:hover {
    font-size: 42px;
    cursor: pointer;
    transition: background-color 0.5s ease;
}

input.emoji-input {
    position: absolute;
    width: 52px;
    height: 42px;
    opacity: 0;
    z-index: 9999;
}

.listdata {
    line-height: 0;
    list-style: none;
    display: flex;
}

.like-style {
    list-style: none;
}

.like-style li h5 {
    background: #eeeeed;
    box-shadow: 1px 1px 4px #888888;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin-left: -6px;
}

.get_comments {
    text-decoration: none !important;
}

.comment-area {
    background: #f0f2f5;
    border: 1px solid #f0f2f5;
    border-radius: 11px;
    width: auto;
}

.comment-body {
    font-size: 11px;
    padding: 0px 15px 1px;
    display: flex;
    flex-wrap: nowrap;
    width: auto;
}

.comment-name {
    font-size: 13px;
    padding: 6px 15px 0px;
    display: flex;
    flex-wrap: nowrap;
    font-weight: 550;
    width: auto;
}

.comment-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.comment-like {
    font-size: 11px;
    font-weight: 600;
    color: #404049;
    margin-left: 63px;
}

.demo_rom .owl-carousel.owl-drag .owl-item {
    width: 96% !important;
    margin-right: 0 !important;
}

.pl_txt img {
    height: 181px;
    object-fit: cover;
}

.login-user {
    padding-left: 0 !important;
    list-style: none !important;
}

.login-user a {
    width: 100%;
    display: block;
    padding: 6px 19px;
    line-height: normal;
    background: #fff;
    margin-left: 0;
    border-radius: 0;
    color: #fff;
    border: 1px solid #ff6827;
    ;
}

.reaction {
    list-style-type: none;
    display: flex !important;
    justify-content: space-evenly;
    padding-left: 0;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0 !important;
}

.reaction li .emoji-size {
    font-size: 21px;
}

input.emoji-input {
    width: 29px;
    height: 35px;
}

.ct-reaction {
    margin-top: -67px !important;
    display: none;
}

.lik_proce .likes:hover {
    cursor: pointer;
}

.ct-section:hover .ct-reaction {
    display: block !important;
}

.login-user a {
    line-height: 0;
    margin: 10px 0;
    border: none !important;
    color: #17305C;
    text-shadow: 0 4px 6px #ababab;
}

.login-user a i {
    color: #FF6827;
}

.serch-dv {
    position: relative;
}

/*.serch-dv .fa-search{*/
/*  position: absolute;*/
/*    top: 50%;*/
/*    right: 30%;*/
/*    transform: translateY(-50%);*/
/*    font-size: 20px;*/
/*    color: #fff;*/
/*}*/

.postalide {
    padding: 0 100px;
    background: #000;
    /*padding-bottom: 37px;*/
}

/*.postalide .watch_img{*/
/*      height: 412px;*/
/*    border-radius: unset;*/
/*}*/
.postalide .watch_para {
    color: #fff;
    margin: 0;
    padding-top: 12px;
}

.emj_v_post .ct-reaction {
    margin-top: -61px !important;
    width: 254px;
    left: 49px;
}

.postalide .fa-times {
    position: absolute;
    left: 24px;
    color: #fff;
    top: 22px;
    font-size: 14px;
    cursor: pointer;
}

.list-ad-box a img:nth-child(1) {
    display: none !important;
}

#home-page-filter::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.login-drop-down-menu ul li a {
    line-height: 1 !important;
    margin: 0;
}


/*Tours & Excursion*/
section.te-banner-sec {
    padding-top: 0;
    overflow: hidden;
    background-color: red;
    height: 490px;
}

.te-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.te-banner {
    position: relative;
    height: 490px;
}

.te-banner::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    right: 0;
    height: 100px;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) -40%, rgba(252, 176, 69, 0) 100%);
}

.te-banner-content {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.te-banner-content h1 {
    text-align: center;
    font: normal normal 900 90px/90px Playfair Display;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 1px 1px 13px #00000060;
    margin-bottom: 1.4rem;
}

.te-banner-content p {
    text-align: center;
    font: normal normal normal 26px/28px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 1px 1px 2px #0000006e;
    margin-bottom: 1.5rem;
}

.te-banner-search {
    position: relative;
    margin: 0 auto;
    width: 720px;
}

.te-banner-search input {
    background: #00000072 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 36px;
    width: 720px;
    height: 50px;
    padding: 13px 30px 10px;
    margin-top: 1rem;
    font-family: 'Poppins';
    line-height: 28px;
    color: #ffffff;
    transition: 0.3s linear;
}

.te-banner-search input::placeholder {
    font-family: 'Poppins';
    font-size: 17px;
    line-height: 28px;
    color: #ffffff;
    letter-spacing: 0.3px;
}

.te-banner-search input:hover {
    border: 2px solid #FFFFFF;
    padding: 13px 20px 10px;
    background: transparent;
}

.te-banner-search button {
    background: transparent;
    border: none;
    outline: none;
    font-size: 22px;
    color: #ffffff;
    position: absolute;
    right: 20px;
    top: 18px;
    cursor: pointer;
}

section.te-handpicked {
    background-color: #F2F2F2;
    padding: 4em 0 0em;
}

section.te-statewisepack {
    background-color: #F2F2F2;
    padding: 2em 0 0em;
}

section.te-handpicked .container {
    width: 1200px;
}

.te-title-rw {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: nowrap;
    margin-bottom: 2rem;
}

.te-title-rw .te-title {
    font: normal normal bold 35px/36px Poppins;
    letter-spacing: 0px;
    color: #17305C;
}

.te-title-rw a {
    font: normal normal normal 16px/36px Poppins;
    letter-spacing: 0px;
    color: #FF6827;
    font-weight: 600;
}

/*.te-handpicked-box {
    margin-top: 2rem;
}*/

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

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.te-handpicked-col {
    background-color: #f1f1f1;
    padding-right: 25px;
}

.te-handpicked-inner {
    position: relative;
    height: 350px;
    overflow: hidden;
    border-radius: 12px;
}

.te-handpicked-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s linear;
}

.te-handpicked-inner:hover img {
    transform: scale(1.1);
}

.te-handpicked-data {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) -10%, rgba(252, 176, 69, 0) 100%);
    text-align: left;
    padding: 15px 15px 15px;
    height: 36%;
    width: 100%;
}

.te-handpicked-data h3 {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 0;
    font-family: 'Poppins';
    letter-spacing: 0.5px;
}

.te-handpicked-data h3 a {}

.te-handpicked-data p {
    letter-spacing: 0px;
    color: #ffffff;
    font-family: 'Poppins';
    font-size: 13px;
    line-height: 25px;
    font-weight: 500;
    margin-bottom: 0;
}

.te-handpicked-data span {
    letter-spacing: 0px;
    color: #ffffff;
    font-family: 'Poppins';
    font-size: 13px;
    line-height: 25px;
    font-weight: 500;
}

.te-tourpack-inner {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 3rem;
    height: 280px;
    box-shadow: 0px 4px 6px #00000029;
}

.te-tourpack-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s linear;
}

.te-tourpack-inner:hover img {
    transform: scale(1.1);
}

.te-tourpack-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) -10%, rgba(252, 176, 69, 0) 100%);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    flex-wrap: nowrap;
}

.te-tourpack-title h4 {
    color: #ffffff;
    font-family: 'Poppins';
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-bottom: 6px;
    line-height: 40px;
}

.te-tourpack-title p {
    color: #ffffff;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.6px;
    margin-bottom: 0;
    line-height: 1;
}

.te-tourpack-link a {
    background: #FF6827 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000033;
    border-radius: 4px;
    color: #fff;
    height: 35px;
    width: 110px;
    display: block;
    text-align: center;
    line-height: 2.5;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 500;
    letter-spacing: 0.6px;
}

.te-tourpack-label {
    position: absolute;
    right: -5px;
    top: 20px;
    background: #FFD527 0% 0% no-repeat padding-box;
    border-radius: 32px 0px 0px 32px;
    text-align: right;
    padding: 3px 20px;
    box-shadow: 5px 4px 7px -4px #333;
}

.te-tourpack-label span {
    letter-spacing: 0px;
    color: #17305C;
    font-size: 15px;
    line-height: 35px;
    font-family: 'Poppins';
    font-weight: 700;
}

.slick-prev:before,
.slick-next:before {
    font-family: unset !important;
    opacity: 1 !important;
    color: #ff6827 !important;
    width: 50px;
    height: 50px;
    box-shadow: 0 3px 50px rgb(0 0 0 / 16%);
    background-color: #fff;
    border-radius: 50%;
    z-index: 5;
    top: 47%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease-in-out;
}

.slick-next {
    right: 0 !important;
}

.slick-prev {
    left: -25px !important;
    z-index: 2;
}

section.te-cityWisepackage {
    background-color: #F2F2F2;
    padding: 2em 0 0em;
}

.te-citywise-bx {
    position: relative;
    height: 300px;
    margin-bottom: 3rem;
    box-shadow: 0px 4px 6px #00000029;
    border-radius: 8px;
    overflow: hidden;
}

.te-citywise-bx img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.te-citywise-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.te-citywise-btn span a {
    background: #FF6827 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000033;
    color: #fff;
    text-align: center;
    line-height: 2.5;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 500;
    letter-spacing: 0.6px;
    padding: 10px 25px;
    white-space: nowrap;
}

.te-citywise-btn span:nth-child(2) a {
    background: #17305C 0% 0% no-repeat padding-box;
}

.te-citywise-title {
    padding: 0 15px 12px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) -10%, rgba(252, 176, 69, 0) 100%);
}

.te-citywise-title p {
    margin-bottom: 0;
    color: #ffffff;
    font-family: 'Poppins';
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 400;
}

.te-citywise-title h4 {
    color: #ffffff;
    font-family: 'Poppins';
    font-size: 20px;
    letter-spacing: 0.5px;
    font-weight: 400;
    margin-bottom: 10px;
}

.te-citywise-btn {
    display: flex;
    flex-direction: row;
    justify-content: normal;
    flex-wrap: nowrap;
}

.top_ban_new {
    height: 311px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    object-fit: cover !important;
}

/*Tours & Excursion*/

/*Upcoming Event*/
li.recen-slid .row .col-md-12 {
    padding: 0 0px;
}

.sg-up-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

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

span.sg-verify {
    width: 20px;
    height: 20px;
    display: block;
    float: right;
    top: -2px;
    position: relative;
    margin-left: 4px;
}

span.sg-verify img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sg-up-star i {
    color: #ffc107;
    font-size: 10px;
}

.sg-up-star {
    line-height: 1.2;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: nowrap;
}

.sg-up-star span p {
    color: #b3b3b3 !important;
    font-weight: 500 !important;
    margin-left: 6px;
}

.upcoming-img {
    width: 90%;
    height: 135px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 5px;
}

.upcoming-img .up_inimg {
    height: 100%;
}

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

.sg-up-bt-to {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
}

span.d-block {
    margin: 3px 0;
    float: none !important;
    font-size: 10px !important;
    color: #333;
    font-weight: 700;
    font-family: 'Poppins';
}

.sg-verify-rw {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
}

.sg-main-ttl {
    display: none;
}




.wrappers {
    border-radius: 5px;
    display: inline-block;
    background: #fff;
    position: relative;
    margin: 17px 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    box-shadow: 0px 6px 16px #c9b8b8;
}


.wrappers:hover .pic,
.wrappers:focus .pic {
    transform: scale(1.2);
}

.button-center {
    background-color: #f2f2f2;
}

a .leesmeer {
    height: auto;
    width: 100%;
    padding: 15px 15px;
    margin: 0 auto;
    line-height: 35px;
}

.leesmeer input {
    height: 42px;
}

a .button-center:hover {
    background-color: #f2f2f2;
}

a .button-center i {
    color: #aeacac;
    margin-left: 5px;
    transition: cubic-bezier(0.68, -0.55, 0.27, 01.55) 320ms;
}

a .button-center:hover i {
    margin: 0 0 0 20px;
}

.search_btn {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 19px;
}

.city_span {
    color: #a9a4a4;
    font-size: 10px;
    line-height: 0;
    font-family: 'Poppins';
    font-style: italic;
}

.name_para {
    margin: 0 !important;
    line-height: 0.5;
    color: #000;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.main_space {
    margin-top: 10px;
    margin-left: 8px;
}

.start_list {
    margin-left: 8px;
}

.main_div_local {
    padding: 2px 15px;
    overflow-y: scroll;
    height: 420px;
}

.star_list ul li {
    display: flex;
    align-items: left;
    justify-content: left;
    margin-top: 10px;
}

.start_list ul li {
    font-size: 10px;
    color: #fcdb03;
    list-style: none;
    margin-left: -40px;
}

.bokleft_cont {
    position: relative;
}

.bokleft_cont .sg-post-vid {
    position: absolute;
    right: 0;
    background-color: #ffffff;
    border: 1px solid #f0f2f5;
    border-radius: 11px;
    font-size: 13px;
    font-family: 'Poppins';
    font-weight: 600;
    padding: 8px 12px;
    cursor: pointer;
}

.bokleft_cont .sg-post-vid img {
    margin-right: 5px;
    width: 25px;
}

.sg-title {
    align-items: baseline;
}

.sg-title h1 {
    font-size: 24px;
    margin-bottom: 2rem;
    font-family: 'Poppins';
    font-weight: 600;
    margin-top: 0;
}

.post_min_img h3 img {
    width: 20px;
    height: auto;
    margin-left: 3px;
}

.post_img img {
    height: 100%;
    object-position: center;
}

.post_img {
    height: 500px;
    overflow: hidden;
}

.sg-le-img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
}

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

.sg-le-listing .row {
    border-bottom: 1px dotted #dff0d8;
    margin: 0;
    padding: 0;
    margin-top: 1rem;
}

.sg-le-listing .row>.sg-col {
    padding: 0;
}

.sg-le-listing .row>.sg-col {
    padding: 0;
}

/*Upcoming Event*/


/*new mobile section*/
section.sg-navigation-tourtip {
    display: none;
    position: relative;
    height: 220px;
    background: linear-gradient(-180deg, rgb(0 0 0 / 27%) 19%, rgb(255 255 255) 99%);
    overflow: hidden;
    padding: 0 !important;
}

.sg-m-tourtip-nav {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    column-gap: 15px;
    background: linear-gradient(-180deg, rgb(0 0 0 / 28%) 9%, rgb(255 255 255) 93%);
    padding: 135px 15px 0px;
    top: 0;
}

.sg-m-tourtip-nav h1 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    color: #17305c;
    margin-bottom: 2px;
    font-family: satisfy, cursive;
}

.sg-navigation-tourtip-banner img {
        width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: -1;
}
.sg-navigation-tourtip-banner::after {
content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(-180deg, rgb(0 0 0 / 27%) 50%, rgb(255 255 255) 99%);
    z-index: 0;
}
.sg-navigation-tourtip-banner {
    position: relative;
    overflow: hidden;
    aspect-ratio: 12/6;
}
.sg-m-tourtip-nav p {

    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    color: #ff6827;
    font-family: 'Poppins';

}

section.homemobiletravelexpert {
    display: none;
    padding: 2rem 0 2rem;
}


.homemobiletravelexpertrow {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
}

.homemobiletravelexpertrow::-webkit-scrollbar {
    height: 0;
}

.homemobiletravelexpertcol {
    margin-right: 10px;
    text-align: center;
}

.homemobiletravelexpertcolimg {
    height: 170px;
    overflow: hidden;
    border-radius: 5%;
    width: 140px;
    box-shadow: 0px 9px 10px -7px #767676;
    border: 0px solid #ff6827;
    padding: 0px;
    position: relative;
}

.homemobiletravelexpertcolimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}




section.homemobiletravelexpert h3 {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    letter-spacing: 0;
    color: #17305C;
    margin-bottom: 2rem;
    line-height: 1.6;
}

.citywiseformlistbx {
    width: 94%;
    background-color: #fff;
    padding: 15px;
    text-align: left;
    position: relative;
    z-index: 2;
    box-shadow: 0px 5px 10px -5px #b3b3b3;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin: -2rem auto 0;
}

.citywiseformlistinner ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.citywiseformlistinner ul li {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 0.7rem;
    margin-bottom: 1rem;
}

.citywiseformlistinner {
    height: 250px;
    overflow-y: scroll;
}

.citywiseformlistinner::-webkit-scrollbar {
    width: 10px;
}

.citywiseformlistinner ul li a {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
}

.citywiseformlistimg {
    width: 30px;
    height: 30px;
    overflow: hidden;
    border-radius: 50%;
}

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

.citywiseformlistdata p {
   color: #052d47;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 1.3rem;
    margin-bottom: 0;
    line-height: 1.5;
}

.citywiseformlistdata p span {
    margin-left: 7px;
    font-weight: 600;
    color: #ff6827;
    font-size: 1.3rem;
}

.homemobiletravelexpertcontent {
    position: absolute;
    bottom: 0;
    text-align: left;
    padding: 9px;
    padding-top: 12.6rem;
    background: linear-gradient(-180deg, rgb(0 0 0 / 0%) 53%, rgb(0 0 0) 100%);
    width: 100%;
}

.homemobiletravelexpertcontent h4 {
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    letter-spacing: 0;
    color: #ffffff;
    margin-bottom: 0;
}

.homemobiletravelexpertcontent p {
    font-size: 1.1rem;
    margin-top: 0.4rem;
    margin-bottom: 0;
    font-weight: 500;
    font-family: 'Poppins';
    color: #ff6827;
    letter-spacing: 0.5px;
    word-break: break-word;
}

.homemobiletravel {
    margin-top: 3rem;
}

.homemobiletravelinner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.homemobiletravelimg {
        width: 16%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homemobiletravelimg img {
    width: 100%;
    /*height: 100%;*/
    object-fit: contain;
}

.homemobiletravelcontent {
    width: 79%;
}

.homemobiletravelcontent h4 {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    letter-spacing: 0;
    color: #17305C;
    margin-bottom: 0.7rem;
}

.homemobiletravelcontent p {
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 0;
    line-height: 1.7;
}


.homeupcmgtrip {
    display: none;
    padding: 2rem 0 2rem;
}

.homeupcmgtrip .blue-theme {
    font-size: 20px;
    margin-top: 0px;
    font-weight: 700;
    font-family: 'Poppins';
    color: #17305c;
}

.homeupcmgtrip .ryt_titl a {
    color: #FF6827;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    font-family: 'Poppins';
}

a.homemobiletravelbtn {
    display: block;
    text-align: center;
    margin-top: 2rem;
    background-color: #17305c;
    border-radius: 3px;
    font-size: 1.6rem;
    color: #fff;
    text-decoration: none;
    font-family: 'Poppins';
    padding: 1.3rem 1rem;
    letter-spacing: 0.9px;
}

.mobilesecretstrrow {
    display: none;
    padding: 10px 15px 10px;
}

.mobilesecretstrinner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}

.mobilesecretstrinner::-webkit-scrollbar {
    height: 0px;
}

.mobilesecretstrcol {
    text-align: center;
    width: 100px;
    margin-right: 10px;
}

.mobilesecretstrimg {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #ff6827;
    padding: 2px;
    box-shadow: 3px 8px 10px -6px #333;
    margin-bottom:1rem;
}

.mobilesecretstrimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    
}

.mobilesecretstrcol h2 {
    margin: 0 0 0;
    line-height: 1.4;
}

.mobilesecretstrcol h2 a {
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    letter-spacing: 0.3px;
    color: #17305c;
}

.row.hmtitlero .col-md-12 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    align-items: baseline;
}

section#adventures .mobilesecretstrrow {
    padding: 10px 15px 10px 0px;
}

section#adventures .mobilesecretstrrow h2 {
    line-height: 18px;
    margin-top: 1rem;
}

.homehandpickedsec {
    display: none;
    background-color: #fff !important;
}

section.te-statewisepack {
    background-color: #F2F2F2;
    padding: 2em 0 0em !important;
}

.te-statewisepack-inner {
    height: 350px;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
}

.te-statewisepack-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

span.statewisepack-label {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 30px;
    background: #C7E5FF 0% 0% no-repeat padding-box;
    border-radius: 32px 0px 0px 32px;
    text-align: left;
    font: normal normal bold 18px/38px Poppins;
    letter-spacing: 0px;
    color: #17305C;
    padding: 2px 23px;
}

.te-statewisepack-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    transition: 0.2s linear;

}

.te-statewisepack-col {
    background-color: transparent;
    padding-right: 0px;
    margin-left: 25px;
}

.te-statewisepack-data {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.te-statewisepack-col:hover img {
    transform: scale(1.1);
}

.te-statewisepack-data {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 15px 12px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(252, 176, 69, 0) 100%);
    text-align: left;
    height: 20%;
}

.te-statewisepack-data h3 {
    font: normal normal 500 20px/30px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.te-statewisepack-data span {
    font: normal normal 400 14px/25px Poppins;
    letter-spacing: 0.6px;
    color: #FFFFFF;
}

.te-statewisepack-col a {
    background: #FF6827 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000033;
    border-radius: 4px;
    color: #fff;
    height: 35px;
    width: 110px;
    display: block;
    text-align: center;
    line-height: 2.5;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 500;
    letter-spacing: 0.6px;
    float: right;
    margin-top: -1.7rem;
    z-index: 1;
    position: relative;
    transition: 0.2s linear;
}

.te-statewisepack-col a:hover {
    width: 100%;
}

.mobilestatewiserw {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}

.home-mobileapp {
    display: none;
    padding: 1rem 0 1rem;
}


.mobileappinner>h4 {
    font: normal normal bold 19px/30px Poppins;
    margin: 0 0 10px;
    color: #17305c;
}

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

.mobileappinnerimg {
    height: 185px;
    overflow: hidden;
    border-radius: 2px;
    margin-bottom: 1.4rem;
}

.mobileappinner>p {
    font-size: 13px;
    font-family: 'Poppins';
    font-weight: 500;
    color: #17305c;
    line-height: 1.7;
}

.mobileappdownloadimg img {
    width: 100%;
    /*height: 100%;*/
    object-fit: contain;
}

.mobileappdownloadimg {
    width: 130px;
    margin: 0 auto;
    height:fit-content;
}

.mobileappinnerimg iframe {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.mobileappdownload h4 {
    color: #17305c;
    font-size: 1.8rem;
    font-weight: 700;
    font-family: 'Poppins';
    letter-spacing: 0.3px;
    margin-bottom: 2rem;
}

.mobileappdownload {
    margin-top: 3rem;
    text-align: center;
}

.mobileappdownload p {
    color: #17305c;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-bottom: 2rem;
    font-family: 'Poppins';
    line-height: 24px;
}

.mobileappdownload p {
    color: #3c3c3c;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin-bottom: 2.4rem;
    font-family: 'Poppins';
    line-height: 21px;
}

/********/
.sgfullsearchbox-col {
    display: none;
}

.gfullsearchbox-clickinner {
        background-color: #fff;
    padding: 12px 13px;
    border-radius: 5px;
    margin-bottom: 2rem;
    margin-top: 0rem;
    position: relative;
    z-index: 2;
    border: 1px solid #f2f2f2;
    color: #ccc;
    box-shadow: 0px 5px 10px -7px #cbcbcb;
}

.gfullsearchbox-clickinner p {
    color: #a1a1a1;
    margin-bottom: 0;
    font-family: 'Poppins';
    font-size: 1.4rem;
    letter-spacing: 0.5px;
    font-weight: 300;
}

.gfullsearchbox-clickinner p span {
    font-size: 1.8rem;
    position: absolute;
    right: 12px;
    top: 12px;
    color: #ff6827;
}

.sgfullsearchbox {
    position: fixed;
    z-index: 999;
    background-color: #ffffff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
    display: none;
    overflow: hidden;
    transition: 0.7s ease-in;
}

.sgfullsearchboxshow {

    display: block;
}

.fullformclose button {
    background: transparent;
    outline: none;
    border: none;
    font-size: 2.4rem;
    color: #333;
    line-height: 1;
}

.sgfullsearchhead {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.sgfullsearchinner {
    padding: 15px;
    position: relative;
}

.fullformbx input {
    width: 100%;
    height: 43px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    padding: 12px 10px 9px;
    font-family: 'Poppins';
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    background-color: #fff;
    box-shadow: 0px 5px 10px -7px #cbcbcb;
    outline: none;
}

.fullformclose {
    width: 10%;
    position: relative;
}

.fullformbx {
    width: 90%;
    position: relative;
}

.fullformclose button {
    background: transparent;
    outline: none;
    border: none;
    font-size: 2.4rem;
    color: #333;
    line-height: 1;
}

.fullformbx input:focus {
    border: 1px solid #ff6827;
    box-shadow: 0px 5px 10px -7px #5e5e5e;
}

.fullformbx button {
    position: absolute;
    right: 0;
    height: 42px;
    outline: none;
    border: none;
    width: 42px;
    font-size: 1.7rem;
    background-color: transparent;
    color: #777;
}

.fullformclose button span {
    width: 20px;
    height: 2px;
    background-color: #333;
    display: block;
    position: absolute;
    left: 4px;
    top: 21px;
    border: 0px;
}

.fullformclose button span:nth-child(1) {
    transform: rotate(50deg);
}

.fullformclose button span:nth-child(2) {
    transform: rotate(133deg);
}

.sgfullsearchinner {
    padding: 12px 10px;
    position: relative;
    border-bottom: 0px solid #f3f3f3;
    background-color: #ffffff;
}

.sgfullsearchlist ul {
    padding-left: 0;
    list-style: none;
}

.sgfullsearchlist ul li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 0.9rem;
    border-bottom: 1px dotted #f1f1f1;
    padding-bottom: 0.5rem;
}

.sgfullsearchlist {
    padding: 5px 18px;
    margin-top: 1rem;
    border-top: 1px solid #f3f3f3;
    padding-top: 1.1rem;
    background-color: #fbfbfb;
    margin-left: -15px;
    margin-right: -15px;
}

.sgfullsearchlistitem {
    width: 90%;
}

.sgfullsearchlistimg {
    width: 30px;
    overflow: hidden;
    height: 30px;
    border-radius: 50px;
    margin-right: 10px;
    padding: 1px;
    border: 1px solid #ff6827;
}

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

.sgfullsearchlistitem p {
    margin-bottom: 0;
    line-height: 1;
    font-weight: 400;
    font-size: 13px;
    font-family: 'Poppins';
    letter-spacing: 0.2px;
    color: #333;
}

.sgfullsearchlistitem p span {
    margin-bottom: 0;
    line-height: 1;
    font-weight: 400;
    font-size: 13px;
    font-family: 'Poppins';
    letter-spacing: 0.2px;
    color: #ff6827;
}

.sgfullsearchlistitem span {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 11px;
    font-family: 'Poppins';
    color: #8d8888;
}

.ssgfullsearchrecomminner h5 {
    font-size: 1.6rem;
    font-family: 'Poppins';
    font-weight: 700;
    color: #17305c;
    letter-spacing: 0.3px;
}

.sgfullsearchinnerlinks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
}

.sgfullsearchinnerlinks a {
    display: block;
    font-family: 'Poppins';
    min-width: 82px;
    text-align: center;
    padding: 5px 3px 5px;
    border: 1px solid #17305c;
    border-radius: 50px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #17305c;
    background-color: #f1faff;
}

.ssgfullsearchrecomminner h5 {
    font-size: 1.7rem;
    font-family: 'Poppins';
    font-weight: 700;
    color: #17305c;
    letter-spacing: 0.3px;
    margin-bottom: 1.7rem;
    margin-top: 1.6rem;
}

.mobileheadersearchbox {
    display: none;
    position: fixed;
    z-index: 999;
    right: 15px;
    top: 20px;
}

.mobileheadersearchicon i {
    font-size: 2.1rem;
    color: #fff;
}

.mobileheadersearchiconblue i {
    color: #10316e;
}

/********/
/*new mobile section*/


/*Local Expert Citywisw*/

.lec-main-banner-section section {
    padding: 10rem 1rem 1rem;
}

.lecbannertitle {
    text-align: center;
}

.lecbannertitle h1 {
    color: #fff;
    font-size: 80px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
    font-family: 'Playfair Display', serif;
}

.lecbannertitle p {
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    font-size: 24px;
    font-weight: 100;
    font-family: 'Poppins', sans-serif;
}

.lec-title-row h1 {
    margin-top: 0rem;
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 3.5rem;
    margin-bottom: 3rem;
}

.lec-main-banner-section {
    background: url(../images/top-bann.jpg);
    height: 430px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}


.lec-main-banner-section .te-banner-search {
    width: 600px;
    margin-top: 2.5rem;
}

.lec-main-banner-section .te-banner-search input {
    width: 100%;
}

.lec-guidedata {
    height: 290px;
    box-shadow: 0px 8px 13px -8px #111;
    margin-bottom: 3rem;
    border-bottom: 5px solid #17305c;
    border-radius: 5px;
    padding: 18px 11px 10px;
}

.lec-guidedataimg {
    width: 100px;
    height: 100px;
    margin: 0 auto 1rem;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #ff6827;
    box-shadow: 0px 8px 13px -8px #111;
}

.lec-guidedataimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.lec-quickwrapper {
    margin-top: 2.3rem;
}

.lecmtourguidemobilesec {
    display: none;
    background-color: #ffff;
    margin: 0 -16px;
}

.lecmtourguide {
    background-color: #fff;
    padding: 15px 20px 15px;
    /*margin: 0 -35px;*/
    border-radius: 3px;
    margin-bottom: 0;
    /* box-shadow: 0px 6px 10px -6px #92929e4f; */
    border-bottom: 1px solid #eee;
    overflow: hidden;
}


.lecmtourguideinner {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.lecmtourguideimage {
    width: 40%;
    height: 145px;
    overflow: hidden;
    border-radius: 5px;
}

.lecmtourguideimage img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center;
}

.lecmtourguidecontent {
    width: 56%;
    padding: 0.6rem 1rem 0rem 0rem;
    line-height: 40px;
}

.lecmtourguidecontent h3 {
    font-size: 15px;
    /*    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;*/
    margin: 0;
    font-family: 'Poppins';
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.5;
    position: relative;
}

.lecmtourguidecontent h3 img {
    width: 18px;
    height: 18px;
    position: relative;
    top: -3px;
}

.lecmtourguidecontent h3 a {
    color: #17305c;
}

.lecmtourguidecategory {
    font-size: 12px;
    font-weight: 600;
    color: #e96629;
    letter-spacing: 0.5px;
    margin-bottom: 0.2rem;
    font-family: 'Poppins';
}

.lecmtourguidedesc p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
    font-family: 'Poppins';
    font-weight: 400;
    color: #333;
    margin-bottom: 0;
    text-align: left !important;
    line-height: 1.6;
}

.lecmobilesec {
    display: none;
    position: relative;
    height: 160px;
    background: linear-gradient(-180deg, rgb(0 0 0 / 27%) 19%, rgb(255 255 255) 99%);
    overflow: hidden;
    padding: 0 !important;
}

.lecmobilenav {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 15px;
    background: linear-gradient(-180deg, rgb(0 0 0 / 28%) 1%, rgb(255 255 255) 99%);
    padding: 100px 25px 5px;
    top: 0;
}

.lecmobilenav a i {
    color: black;
    border: 1px solid #000;
    width: 25px;
    text-align: center;
    height: 25px;
    line-height: 1.8;
    border-radius: 50px;
    font-size: 14px;
}

.lecmobilenav h1 {
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    color: #17305c;
}

.lecmobilesecbanner {
    height: 100%;
}

.lecmobilesecbanner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


.lecmtourguidecta a {
    font-size: 11px;
    background-color: #e96629;
    color: #fff;
    padding: 5px 15px;
    font-weight: 400;
    letter-spacing: 0.8px;
    border-radius: 3px;
    font-family: 'Poppins';
}

.lecmobilefeatguidesec {
    display: none;
    background-color: #fff;
    margin-top: 0;
    padding: 1rem 0 1rem;
}

.lecmobilefeatguideinner h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 1.5rem;
    letter-spacing: 0.3px;
    font-family: 'Poppins', sans-serif;
}

.lecmobilefeatguiderw {
    display: flex;
    overflow-x: scroll;
    position: relative;
    column-gap: 15px;
}

.lecmobilefeatguidebox {
    position: relative;
}

.lecmobilefeatguideimage {
    width: 110px;
    height: 110px;
    overflow: hidden;
    margin-bottom: 1rem;
    border-radius: 5px;
    margin-top: 1rem;
}

.lecmobilefeatguideimage img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}

.lecmobilefeatguidebox p {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.5px;
    margin-bottom: 0;
    font-family: 'Poppins', sans-serif;
}

.lecmobilesearchsec {
    display: none;
}

.lecmobilesearchinner input {
    width: 100%;
    color: #7d8386;
    font-size: 13px;
    text-align: left;
    min-height: 50px;
    line-height: 45px;
    padding: 0 12px 1px;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 5px !important;
    border: 1px solid #dbdbdb;
    text-transform: capitalize;
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 14%) 0px 7px 16px -6px;
    margin: 0px 0 !important;
    font-family: 'Poppins';
    outline: none;
}

.lecmobilesearchinner input:focus {
    border: 1px solid #ff6827;
    box-shadow: rgb(0 0 0 / 44%) 0px 7px 10px -6px;
    color: #111;
}

/*Local Expert Citywisw*/

/*Home Desktop Search*/
.homedesktopsearchbx {
    width: 100%;
    /*width: 500px;*/
    margin: 0 auto;
    position: relative;
}

.homedesktopsearchlist {
    background-color: #fff;
    margin: 0px auto 0;
    width: 404px;
    position: absolute;
    z-index: 999;
    left: 2px;
    right: 0;
    padding: 1rem;
    border-radius: 3px;
    display: none;
}

.homedesktopsearchlist ul {
padding-left: 0;
    list-style: none;
    margin-bottom: -5px;
    max-height: 180px;
    overflow-y: scroll;
}
.homedesktopsearchlist ul::-webkit-scrollbar{
    width: 0px;
}

.homedesktopsearchlist ul li {
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 1rem;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 0.5rem;
}
.homedesktopsearchlist ul li:last-child{
        border-bottom: 0px dotted #ccc;
    margin-bottom: 0rem;
}
.homedesktopsearchimg {
    width: 37px;
    height: 37px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ff6827;
    margin-right: 10px;
}

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

.homedesktopsearchitem {
    text-align: left;
}

.homedesktopsearchullist .sgfullsearchlistitem p,.homedesktopsearchullist .sgfullsearchlistitem p span {
    text-align: left;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #000 !important;
    text-shadow: none !important;
    margin-bottom: 0;
}

.homedesktopsearchullist .sgfullsearchlistitem  span {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-family: 'Poppins';
    color: #ff6827;
}
.homedesktopsearchullist .sgfullsearchlistitem {
    text-align: left;
}
.cptouroverviewcontent ul li::after {
    content: '';
    width: 8px;
    height: 8px;
    background-color: #333;
    position: absolute;
    left: -18px;
    top: 10px;
    border-radius: 50%;
}
.cptouroverviewcontent ul li::marker{
font-size: 0;

}
/*Home Desktop Search*/


.font-xxlg {
    font-size: 24px !important;
    text-align: center;
    padding: 40px 40px 0;
}
.button-div {
   text-align: center;
   margin: 25px 0;
}

.button-div a{
    display: inline-block;
    padding: 8px 14px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}
.btn-new-primary, .btn-new-primary:hover, .btn-new-primary:active, .btn-new-primary:focus {
    background-color: #FF6827;
    color: #fff;
}

.ct-more-things-section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: baseline;
    margin: 20px auto;
    background: #fff;
    padding: 22px;
}

.ct-more-things-section .btn {
    margin-right: 10px;
    margin-bottom: 10px;
}

.ct-more-things-section .transparent {
    background: #fff;
    color: #ff4e00;
    border: 1px solid #d3d3d3;
    border-radius: 20px;
}

.ct-more-things-section .transparent:hover {
    background: #ff5300;
    color: #fff;
    border: 1px solid #ff5300;
}



/*Booking Process*/
section.sg-steps-sec {
    padding: 15rem 0 5rem !important;
}

.sgstepsbx ul {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    column-gap: 170px;
    list-style: none;
    padding-left: 0px;
}

.sgstepsbx ul li {
    text-align: center;
    position: relative;
    z-index: 1;
}

.sgstepsbx ul li span {
    background-color: #dddddd;
    width: 50px;
    display: block;
    margin: 0 auto 1rem;
    height: 50px;
    font-size: 2.3rem;
    line-height: 50px;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 10px -9px rgb(0 0 0 / 25%);
}

.sgstepsbx ul li.active-step span {
    background-color: #ff5e00;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);
}

.sgstepsbx ul li p {
    font-size: 1.5rem;
    font-weight: 300;
    color: #7d8386;
    font-family: 'Poppins';
}

.sgstepsbx ul li.active-step p {
    color: #ff5e00;
    font-weight: 500;
}

.sgstepsbx ul li::after {
    position: absolute;
    content: '';
    background-color: #f5f5f5;
    top: 24px;
    z-index: -1;
}

.sgstepsbx ul li:nth-child(1)::after {
    width: 290px;
    height: 4px;
    left: 75px;
}

.sgstepsbx ul li:nth-child(2)::after {
    width: 270px;
    height: 4px;
    left: 70px;
}

.sgstepsbx ul li:nth-child(3)::after {
    width: 230px;
    height: 4px;
    left: 70px;
}

.sgstepsbx ul li:nth-child(4)::after {
    display: none;
}

.sgstepsbx ul li.active-step::after {
    background-color: #ff5e00;
}

.sgpackageselectheader {
    margin-top: 1rem;
}

.sgpackageselectheadertitle {
font-size: 2.7rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: #17305c;
}

.sgpackageselectheaderdtloc {
    margin-bottom: 1.5rem;
}

.sgpackageselectheaderdtloc span {
    font-size: 1.4rem;
    font-weight: 600;
    color: #ff5e00;
    margin-right: 10px;
}

.sgpackageselectheaderdtloc span i {
    margin-right: 2px;
}

.sgpackageselectheaderprice span {
    font-size: 2.3rem;
    font-weight: 800;
    color: #17305c;
}

.sgpackageformbx {
    margin-bottom: 1rem;
    width: 32%;
}

.sgpackageformbx label {
    display: block;
    font-size: 1.3rem;
    margin-bottom: 0.4rem;
    font-weight: 500;
}

.sgpackageformbx input {
    width: 100%;
    height: 40px;
    padding: 1rem;
    color: #000;
    border: 1px solid #ccc;
}

.sgpackageformbx input:focus {
    color: #000 !important;
    border-color: #17305c !important;
}

.sgpackageformbx .qty-count {
    width: 40px;
    height: 40px;
    color: #111;
    font-size: 1.7rem;
    line-height: 40px;
    background-color: #ccc;
    border: none;
}

.sgpackageformbx .product-qty {
    width: 40%;
    margin-top: -5px;
}

.sgpackageselectform {
    border: 1px solid #f1f1f1;
    padding: 2rem;
    background-color: #f3f3f3;
    box-shadow: 2px 11px 10px -9px #999;
}

.sgpackageselectforminner form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
}

.sgpackageformbtn {
    background-color: #ff5e00;
    min-width: 153px;
    height: 40px;
    color: #fff;
    border-radius: 3px;
    margin-top: 0.8rem;
    margin-left: auto;
    margin-right: 10px;
    font-size: 1.4rem;
    border: none ;
}

.sgstepspacklistmain {
    margin-top: 5rem;
}

.sgstepspacklistinner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 15px;
    background-color: #f5f5f5;
    padding: 1.5rem 1.5rem 1.5rem;
    margin-bottom: 2rem;
    border-radius: 5px;
    box-shadow: 2px 6px 10px -5px #ccc;
}

.sgstepspacklistimgbx {
    width: 30%;
}

.sgstepspacklistimg {
    width: 100%;
    height: 245px;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 1rem;
}

.sgstepspacklistinfo {
    width: 67%;
    font-family: 'Poppins';
}

.sgstepspacklistimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.sgstepspacklistinfotitle {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.sgstepspacklistinfopara {
    font-size: 1.3rem;
    font-weight: 400;
    color: #111;
    margin-bottom: 2rem;
}

.sgstepspacklistinfoselect label {
    background-color: #17305c;
    min-width: 100px;
    text-align: center;
    height: 33px;
    line-height: 33px;
    font-size: 1.4rem;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: 0.1s linear;
    color: #fff;
    border-radius: 3px;
}

.sgstepspacklistinfoselect input[type=radio] {
    display: none;
}

.sgstepspacklistinfoselect input[type=radio]:checked~label {
    background-color: #ff5e00;
    color: #fff;
}

.sgstepspacklistinfoitenaryrow {
    width: 100%;
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 15px;
    display: none;
}

.itenary-col h4,
.iclusion-col h4 {
    font-size: 2rem;
    margin-bottom: 1rem;
    font-weight: 600;
        font-family: 'Poppins';
}

.itenary-col ul,
.iclusion-col ul {
    padding-left: 1.7rem;
    column-count: 2;
    column-gap: 45px;
    font-family: 'Poppins';
}

.itenary-col ul li,
.iclusion-col ul li {
    font-size: 1.3rem;
    color: #111;
    font-weight: 400;
    margin-bottom: 0.7rem;
    list-style: disc;
}

.steps-details-main-bx {
    background-color: #fbfbfb;
    padding: 1.5rem;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-top: 2rem;

}

.sgpackageselectheaderinner {
    margin-top: 4rem;
    font-family: 'Poppins';
}

.sgpackager-overview {
    background-color: #f2f2f2;
    padding: 1.5rem;
    border-radius: 5px;
    box-shadow: 2px 11px 10px -9px #ccc;
    margin-bottom: 2rem;
    width: 30%;
    margin-left: auto;
}

.sgpackagerpersons p {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    border-bottom: 1px dotted #999;
    padding-bottom: 0.5rem;
}

.sgpackagerpersons p span {
    font-size: 1.3rem;
    font-weight: 500;
}

.sgpackagerpersons {
    margin-bottom: 2rem;
    font-family: 'Poppins';
}

.sgpackagerpersons p span:nth-child(2) {
    color: #ff5e00;
    font-weight: 600;
}

.sgpackagerpersonstotal p {
    display: flex;
    font-size: 1.4rem;
    justify-content: space-between;
    font-weight: 600;
    color: #ff5e00;
    margin-bottom: 1.3rem;
}

.sgpackagerproceed {
    background-color: #ff5e00;
    height: 40px;
    color: #fff;
    border-radius: 3px;
    margin-top: 0.8rem;
    margin-left: auto;
    margin-right: 10px;
    font-size: 1.4rem;
    width: 100%;
    border: none;
}

.sgpackager-overviewinner h5 {
    margin-bottom: 2rem;
    font-weight: 600;
    font-size: 2rem;
    font-family: 'Poppins';
}

.sgcutomerdetaislbx .row {
    justify-content: center;
    display: flex;
}

.sgcutomerdetaisform {
    background-color: #fff;
    padding: 2rem 2rem 2rem;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    box-shadow: 2px 6px 10px -5px #ccc;
}

.sgcutomerdetaisformbx {
    margin-bottom: 1.5rem;
}

.sgcutomerdetaisformlogin {
    margin-top: 1rem;
}

.sgcutomerdetaisformlogin p {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 0.7rem;
    font-weight: 400;
}

.sgcutomerdetaisformbtn {
    background-color: #ff5e00;
    height: 45px;
    color: #fff;
    border-radius: 3px;
    margin-top: 0.8rem;
    margin-left: auto;
    margin-right: 10px;
    font-size: 1.4rem;
    width: 100%;
    border: none;
    font-family: 'Poppins';
}

.sgcutomerdetaisformbx input {
    color: #111 !important;
    height: 45px;
}

.sgcutomerdetaisformbx input:focus {
    border-color: #ff5e00;
    color: #111;
}

.sgpackcustomerdetails h4 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

.sgpackcustomerdetails {
    background-color: #fff;
    padding: 2rem;
    box-shadow: 2px 6px 10px -5px #ccc;
    margin-bottom: 2rem;
        font-family: 'Poppins';
}

.sgpackcustomerdetails p {
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
}

.paymentprocesspackagemain .row {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.sgpackcustomerdetails p span:nth-child(1) {
    font-weight: 600;
}

.packagepaymentconfirm {
    background-color: #fff;
    padding: 2rem;
    box-shadow: 2px 6px 10px -5px #ccc;
    margin-top: 2rem;
    font-family: 'Poppins';
}

.packagepaymentconfirm p {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 1.5rem;
    color: #ff5e00;
}

.packageaccept form input[type=checkbox] {
    display: block;
    float: left;
    margin-top: 1.2rem;
}

.packageaccept label {
    font-size: 1.2rem;
    font-weight: 500;
    float: right;
    width: 95%;
}

.packageaccept label::before {
    display: none;

}

.packagechekoutbtn {
    width: 100%;
    background-color: #ff5e00;
    height: 40px;
    color: #fff;
    border-radius: 3px;
    margin-top: 0.8rem;
    margin-left: auto;
    margin-right: 10px;
    font-size: 1.4rem;
}

.packagechekoutbtndisabled {
    width: 100%;
    background-color: #bdbdbc;
    height: 40px;
    color: #827d7d;
    border-radius: 3px;
    margin-top: 0.8rem;
    margin-left: auto;
    margin-right: 10px;
    font-size: 1.4rem;
}

.packageinclusionbtn {
    background-color: #17305c;
    text-align: center;
    height: 33px;
    line-height: 33px;
    font-size: 1.4rem;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 0.5px;
    cursor: pointer;
    transition: 0.1s linear;
    color: #ffffff;
    border-radius: 3px;
    padding: 0 2rem;
    border:none ;
}

.sgstepspacklistinfoselect {
    display: flex;
    column-gap: 15px;
}
.sgstepsbx ul li span i {
    line-height: 50px;
}
.sgcutomerdetaisformbx {
    margin-bottom: 1.5rem;
    font-family: 'Poppins';
}

/*New Css*/


.mlblclexprtsec {
    position: relative;
    height: 190px;
    /* background: linear-gradient(-180deg, rgb(0 0 0 / 27%) 19%, rgb(255 255 255) 99%); */
    overflow: hidden;
    padding: 0 !important;
}

.mlblclexprtnav {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    column-gap: 0px;
    background: linear-gradient(-180deg, rgb(0 0 0 / 28%) 17%, rgb(255 255 255) 81%);
    padding: 110px 15px 0px;
    top: 0;
}

.mlblclexprtnav h1 {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    color: #17305c;
    margin-bottom: 8px;
    font-family: 'Poppins', sans-serif;
}

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

.mlblclexprtnav p {
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    color: #ff6827;
    font-family: 'Poppins';
    margin-bottom: 0;
}

/*New Css*/

.mbltabssec,
.mlblclexprtsec{display:none;}
.mbltabssec {
    margin-top: 1rem;
}
.lcltabs {
    display: flex;
    overflow-x: auto;
    border: 1px solid #dff0d8;
    border-right: 0;
    border-left: 0;
    margin: 0 -15px 25px;
    padding: 12px 15px 12px;
    background-color: #ffffff;
}
.lcltabs li a {
padding: 10px 0 10px;
    min-width: 130px;
    text-align: center;
    border: 0px solid #ccc;
    margin-right: 0px;
    border-radius: 4px;
    color: #17305c;
    /*color: #fff;*/
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    box-shadow: none;
    letter-spacing: 0.3px;
    transition: 0.2s all;
    position: relative;
    text-decoration: underline;
}

.lcltabs li>a::after {
    content: '';
    width: 1px;
    height: 80%;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 5px;
    background-color: #dff0d8;
    /*background-color: #ff6827;*/
    transition: 0.2s all;
}
.lcltabs li:last-child a::after{
    display:none;
}
.lcltabs li.active a {
    background-color: #ff6827;
    border-color: #ff6827;
    color: #fff;
}
.lcltabs li.active>a::after{
    display:none;
}
/*.mbltrvlexprttab {*/
/*    margin-top: 2.5rem;*/
/*}*/
.mblexpertcards>.row {
display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: center;
    margin-right: -10px;
}
.mblexpertcards>.row>.item {
    width: 50%;
    text-align: center;
    padding: 0px 15px 10px;
}
.mblexpertcards>.row>.item>.guid_data {
    box-shadow: 0 0 15px -2px rgb(32 32 32 / 16%);
    padding: 10px 10px 10px;
    margin-bottom: 15px;
}
/*.mblupcmingtriptab {*/
/*    margin-top: 2.5rem;*/
/*}*/



.mblexprtcard {
    background-color: #fff;
    border: 0px solid #f2f2f2;
    width: 46%;
    margin: 0px 13px 13px 0px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 8px 15px 0px rgb(0 0 0 / 10%);
}
.mblexprtcontent {
    padding: 10px 12px 0px;
    font-family: 'Poppins';
}
.mblexprtloc i {
    margin-right: 2px;
    font-size: 11px;
}

.mblexprtloc {
    font-size: 11px;
    font-weight: 500;
    text-transform: capitalize;
    color: #ff6827;
}

.mblexprtcontenttitle {
    justify-content: flex-start;
    margin-bottom: 10px;
    flex-direction: column;
}
.mblexprtcontenttitle h1 {
font-size: 14px;
    font-weight: 600;
    color: #17305c;
    margin: 7px 0 10px;
}

.mblexprtcontenttitle h1 a{
    font-size:inherit;
    color:inherit;
}

.mblexprtpic {
    overflow: hidden;
    width: 100%;
    height: 200px;
}
.mblexprtpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.mlblclexprtbnner {
    height: 100%;
}
.mblexprtcontenttitle>a {
    background-color: #ff6827;
    color: #fff;
    padding: 6px 10px;
    display: block;
    font-size: 12px;
    border-radius: 4px;
    text-align: center;
}
.mblexprtcontent p{
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    color: #777;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display:none;
}

.mblupcmngbtn {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ff6827;
    color: #fff;
    padding: 6px 14px;
    display: none;
    font-size: 12px;
    border-radius: 4px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}




/*******/


.languagesBox {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
}

.languagesBox p {
    font-size: 12px;
    white-space: nowrap;
    border: 1px solid #f2f2f2;
    padding: 4px 10px 4px;
    width: fit-content;
    color: #6e6e6e;
    margin: 0 15px 15px 0;
}

.expmobileCTA {
    text-align: center;
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    background-color: #f8f8f8;
    box-shadow: 0px 4px 10px -7px #777;
    padding: 2px 15px 18px;
}
.expmobileCTA h2 {
    color: #17305c;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}
.expmobileCTA p {
    font-size: 12px;
    color: #777;
}
.expmobileCTA a {
    font-size: 14px;
    background-color: #ff6827;
    color: #fff;
    padding: 4px 20px 4px;
    display: block;
    width: fit-content;
    margin: 16px auto 0;
    border-radius: 4px;
}
.Mobileplan_sliderinner {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    flex-wrap: nowrap;
    margin-top: 20px;
}
.planSliderimgae {
    width: 250px;
    height: 250px;
    overflow: hidden;
}
.planSliderimgae img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.planSliderInfo {
    text-align: center;
    border: 0px solid #999;
    width: 80%;
    margin: -30px auto 14px;
    padding: 10px 15px;
    background-color: #fff;
    z-index: 2;
    position: relative;
    border-radius: 4px;
    box-shadow: 0px 5px 10px -6px #999;
}
.planSliderInfo h2 {
    margin: 0 0 10px;
    font-size: 17px;
    color: #17305c;
    font-weight: 600;
}
.planSliderInfo h3 {
    font-size: 14px;
    margin: 0 0 6px;
    color: #3d3d3d;
}
.planSliderInfo p {
    margin: 0 0 0;
    font-size: 11px;
    color: #ff6827;
}
.Mobileplan_slidertitle {
    color: #17305c;
    font-size: 25px;
    margin-top: 30px;
}
section.sgHomemblbannersec {
    padding: 0 0 2rem;
    display:none;
}
.sgHomemblcmprcardinner {
   display: flex;
    gap: 10px;
    border-bottom: 1px solid #f1f1f1;
    padding: 20px 15px 15px;
    align-items: center;
    margin: 0 -15px 0;
}
.sgHomemblcmprcardinner:first-child{
    border-top: 1px solid #f1f1f1;
}
.sgHomemblcmprcardimg {
    width: 15%;
    /*aspect-ratio: 1/1;*/
}
.sgHomemblcmprcardimg img {
    width: 90%;
    /*height: 100%;*/
    object-fit: contain;
    object-position: center;
    /*margin: 0 auto;*/
    /*display: block;*/
}
.sgHomemblcmprcardinfo {
        width: 82%;
    padding: 0 30px 0 15px;
    position: relative;
}
.sgHomemblcmprcardinfo a{}
.sgHomemblcmprcardinfo span {
    display: flex;
    width: 30px;
    height: 30px;
    color: #17305c;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.sgHomemblcmprcardinfo a i::before {
    font-weight: 800 !important;
}
.sgHomemblcmprcardinfo h3 {
       margin: 0 0 8px;
    font-size: 18px;
    font-weight: 600;
    color: #17305c;
}
.sgHomemblcmprcardinfo p {
    color: #a1a1a1;
    margin-bottom: 0;
}

.sgHomemblinner {
    margin-top: -5rem;
}


/*Main home page*/
.mainHomebanner {
    /*position: relative;*/
    /*padding: 0 0 30px;*/
    /*height: fit-content;*/
    /*background-color: #ffffff;*/
    /*overflow: hidden;*/
/*position: relative;*/
/*    padding: 10rem 0 4rem;*/
/*    min-height: 500px;*/
/*    background-color: #fff0e9;*/
/*    overflow: hidden;*/
    /*background-size: cover;*/
    /*background-position: top;*/
    /*background-repeat: no-repeat;*/
    position: relative;
    padding: 0rem 0 0rem;
    min-height: 600px;
    background-color: #fff0e9;
    overflow: hidden;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mainHomebanner::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(360deg, rgba(0, 0, 0, 1) -3%, rgba(255, 255, 255, 0) 40%);
}
.mainHomebanner::after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 1) 108%);
}
.mainHomebannerinner{
        position: relative;
    z-index: 1;
    min-height: 640px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(273deg, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 1) 150%);
}
.mainCenterImage {
    aspect-ratio: 12/12;
    overflow: hidden;
    width: 550px;
    margin: 0 auto;
    border-radius: 0px 0px 300px 300px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0%;
    z-index: 0;
    transition: 0.1s linear;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 11px 10px -5px #acacac82;
}
.mainCenterImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mainBannerContentrow {
    display: flex;
    justify-content: space-between;
}
.mainBannerContentbx .container {
    width: 1300px;
}

.mainBannerContentbx {
    padding-top: 13rem;
    position: relative;
    z-index: 10;
    background-color: #fff0e9;
}
.mainBannerContentrow {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
}
.bannerLinksicon {
    width: 22%;
    aspect-ratio: 1/1;
    overflow: hidden;
    border-radius: 50%;
}
.bannerLinksicon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.3);
}
.bannerLinksInfo {
    width: 78%;
    font-family: 'Poppins', sans-serif;
}

.bannerLinksInfo h3 {
    margin: 0 0 6px;
    color: #17305c;
    font-size: 14px;
    font-weight: 600;
}
.bannerLinksInfo h3 a {
    font-size: inherit;
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
}

.bannerLinksMain {
    width: 74%;
    margin-left: auto;
}
.bannerLinksCard {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #17305c5e;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.1s linear;
}
.bannerLinksCard:hover{
   border: 1px solid #17305c; 
}

.bannerLinksInfo p {
    font-size: 10px;
    color: #17305c;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}

.bannerLinksCard:not(:last-child) {
    margin-bottom: 1rem;
}
.mainBannerContentTitle span {
    font-size: 18px;
    color: #ff6827;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;
}
.mainBannerContentTitle h1 {
    font-size: 55px;
    color: #17305c;
    margin: 5px 0 25px;
    width: 100%;
    font-weight: 600;
    line-height: 65px;
    /*text-shadow: 2px 3px 5px #333;*/
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}

.bannerformboxinner {
    width: 80%;
    position: relative;
}

.bannerformboxinner input {
    width: 100% !important;
    height: 50px;
    padding: 1rem 1.7rem 1rem !important;
    font-size: 14px !important;
    border-radius: 5px !important;
    box-shadow: 0px 4px 15px -4px rgb(0 0 0 / 19%) !important;
    -webkit-appearance: none !important;
    background-clip: padding-box;
    background-color: white;
    vertical-align: middle;
    border: 1px solid #e0e0e5;
    line-height:2;
}

.bannerformboxinner button {
    position: absolute;
    background-color: transparent;
    font-size: 20px;
    top: 15px;
    right: 15px;
    z-index: 1;
    color: #ff6827;
    border: none;
    padding: 0;
}
.bannerBGtext {
        margin: 0;
    text-transform: uppercase;
    color: #00000061;
    font-weight: 700;
    font-size: 26rem;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    letter-spacing: 20px;
    opacity: 0.1;
    font-family: 'Poppins', sans-serif;
    line-height: 0;
    z-index: 0;
    top: 570px;
}
.mainBannersmallbxrow {
    display: flex;
    justify-content: space-between;
    margin-top: 5rem;
}
.mainBannersmallimg img {
       width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.3);
    transition: 0.1s linear;
}
.mainBannersmallcol {
    width: 11%;
    position: relative;
}

.mainBannersmallcol:hover .mainBannersmallimg img{
    transform: scale(1.4);
}

.mainBannersmallimg {
    /*width: 100%;*/
    /*aspect-ratio: 1/1;*/
    /*overflow: hidden;*/
    /*border-radius: 50%;*/
    /*border: 2px solid #17305c;*/
        width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ff6827;
    box-shadow: 0px 10.329877853393555px 24.791706085205078px 0px #FF68272E;
}

.mainBannersmallcol a {
    text-align: center;
    text-decoration: none;
    color: #17305c;
}
.mainBannersmallcol h3 {
    font-size: 15px;
    text-transform: capitalize;
    letter-spacing: 1.1px;
    font-weight: 500;
}

.mainBannerQuoteinner img {
    width: 10%;
    opacity: 0.8;
    margin-bottom: 6px;
    filter: contrast(0);
}
.mainBannerQuoteinner {
    position: relative;
    width: 50%;
    margin-top: -5px;
}
.mainBannerQuoteinner p {
    color: #17305c;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0.4px;
    font-family: 'Poppins', sans-serif;
    line-height: 30px;
}
.mainBannerQuoteinner span {
    font-size: 12px;
    position: relative;
    font-weight: 600;
    padding-left: 30px;
}
.mainBannerQuoteinner span::before {
    position: absolute;
    content: '';
    width: 23px;
    height: 1px;
    background-color: #17305c;
    left: 0;
    top: 7px;
}

section.headerSection {
    padding: 0;
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    top: 0;height:100px
}
.headerSectioninner {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 25px 0 0;height:100px
}
.headLogo {
    width: 22%;
    text-align: left;
}
.headLogo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 250px;
}


.headNavLinksinner {
    text-align: right;
    display: flex;
    justify-content: end;
    gap: 10px;
    font-family: 'Poppins', sans-serif;
    align-items:center;
}
.headNavLinksinner a:not([class]) {
    /*color: #17305c;*/
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    transition: 0.1s linear;
    text-decoration: none;
    border: 1px solid transparent;
    padding: 4px 12px 4px;
}
.hmLoginBtn {
    box-shadow: 0px 0px 20px 0px #FF552259;
    background-color: #FF6827;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 8px 20px 8px;
    min-width: 100px;
    text-align: center;
    border-radius: 8px;
    text-decoration: none !important;
    transition: 0.1s linear;
    margin-left: 10px;
}
.hmLoginBtn:hover{
    background-color:#17305c;
    color:#ffffff;
    box-shadow:0px 0px 20px 0px rgb(23 48 92 / 35%);
}
.headNavLinksinner a:not([class]):hover{
    color:#FF6827;
}
.bannerLinksInfo>a {
    text-decoration: none;
}


/*upcoming trips*/
section.desktoppagetitlebox {
    /*background-color: #f6f8fb;*/
    /*padding: 12rem 0rem 6rem !important;*/
    background-color: #f6f8fb;
    padding: 16rem 0rem 12rem !important;
    background-image: url('https://www.connectingtraveller.com/assets/web_assets/new/images/ucmngtrip/i4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.desktoppagetitlebox .breadmobile ol.breadcrumb {
    padding: 8px 0px 8px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    font-size: 15px;
    font-weight: 500;
}
.pagetitlebox {
    max-width: 50%;
}

.desktoppagetitlebox .pagetitlebox h1 span {
    color: #FFFFFF;
}
.desktoppagetitlebox .pagetitlebox h1 {
    font-size: 45px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 50px;
    margin: 0 0 15px;
}
.desktoppagetitlebox .pagetitlebox p {
        font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 15px;
}
.desktoppagetitlebox .breadmobile ol.breadcrumb li.breadcrumb-item a {
    color: #a2a2a2 !important;
    text-decoration: none;
    font-weight: 400;
}
.ucmgMainSec{
    padding: 2rem 0;
}

.upcngListtitlehead {
    font-size: 22px;
    font-weight: 600;
    color: #17305c;
    margin: 0 0 0px;
}

.upcngListmainhead {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    border-bottom: 1px solid #f9f9f9;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
}
.upcngSorting {
    width: 25%;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: start;
}
.upcngSorting {
    width: 28%;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: start;
}
.upcngSorting select.form-control {
    max-width: 160px;
    padding: 0 5px;
    min-height: 40px;
}
.upcngSorting>span {
    font-weight: 500;
    color: #333;
    font-size: 14px;
}
.upcngCardlocImgbx {
    overflow: hidden;
    position: relative;
    height: 175px;
    width: 100%;
}
.upcngCardlocImgbx>img,
.upcngCardtravllerrpic>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition:0.2s linear;
}
.upcngListCards:hover .upcngCardlocImgbx>img{
    transform:scale(1.1);
}
.upcmgLoc {
    position: absolute;
    z-index: 4;
    left: 5px;
    top: 5px;
    background-color: #ff6827;
    color: #fff;
    font-size: 10px;
    padding: 4px 7px;
    font-weight: 500;
    letter-spacing: 0.3px;
    border-radius: 4px;
}
.upcmgLoc>i {
    margin-right: 2px;
}
.upcngCardinfo {
    padding: 15px;
    /* background-color: #f9f9f9; */
    border-radius: 0px 0px 6px 6px;
}

.upcngCardtravllerr {
    display: flex;
    column-gap: 10px;
    justify-content: start;
    align-items: start;
}
.upcngCardtravllerrpic {
    aspect-ratio: 1/1;
    overflow: hidden;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.upcngCardtravllerinfo>h3 {
    margin: 0 0 0px;
    font-size: 18px;
    font-weight: 700;
    /* color: #17305c; */color: #17315e;font-family: "Geist" !important;
    padding-bottom: 0px;
}
.upcngCardtravllerinfo p {
        margin-bottom: 4px;
    font-size: 14px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #17305c;
    letter-spacing: 0.2px;
    margin-top: 15px;
}
.abtExpertbsbx .upcngCardtravllerinfo p{display: none;}
.upcngCardtravllerinfo p:empty{
    display:none !important;
}
.upcngCardtravllerinfo span {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: #ff6827;
    margin-top: 0px;
    display: block;
    margin-bottom: 3px;
}
.upcngCardtravllerr {
    margin-bottom: 1rem;
}
.upcngCardhwereloc {
    font-size: 12px;
    color: #222222;
    font-weight: 500;
}
.upcngCardhwereloc>i {
    margin-right: 2px;
}
.upcngCardDate {
    margin-bottom: 0;
    font-size: 12px;
    color: #222222;
    font-weight: 500;
}
.upcngCardDate>i {
    margin-right: 5px;
}
.upcngCardhwereloc span {
    /* color: #ff6827;
    letter-spacing: 0.5px;
    font-weight: 500; */
    color: #1d1b1b;
  letter-spacing: 0.5px;
  font-weight: 500;
  font-size: 13px;
}
.upcngListCardsinner {
    /* box-shadow: 0px 6px 20px 0px rgb(0 0 0 / 15%); */
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 2.5rem;border: 1px solid #e9e9e9;box-shadow: 0 4px 30px rgba(0,0,0,.1);
}
.upcngCardinfo>a {
    text-decoration: none;
}

.upcngFilterBxinner {
    background-color: #f9f9f9;
    padding: 15px 12px 7px;
    border-radius: 6px;
    border: 1px solid #f2f2f2;
}
.upcngfiltercard>h3 {
margin: 0px 0 15px;
    font-weight: 600;
    font-size: 1.6rem;
    color: #17305c;
}
.upcngTrippillsmain a {
    display: block;
    text-decoration: none;
    font-size: 12px;
    padding: 6px 0 6px;
    border: 1px solid #ccc;
    text-align: center;
    margin-bottom: 1rem;
    border-radius: 6px;
    color: #333;
    font-weight: 500;
    letter-spacing: 0.1px;
    background-color: #fff;
    transition: 0.2s linear;
}
.upcngTrippillsmain a:hover {
    background-color: #ff6827;
    color: #fff;
    border-color: #ff6827;
}

.pricefilterrw {
    display: flex;
    justify-content: space-between;
}

.filtermobilebxcontentinner h3 {
   font-size: 12px;
    margin: 0rem;
    font-weight: 500;
    color: #17305c;
}
.price-container {
        width: 65px;
    position: relative;
    font-size: 13px;
    color: #17305c;
    font-weight: 600;
    background-color: #fff;
    padding: 3px 4px 3px;
    border-radius: 6px;
    border: 1px solid #f1f1f1;
}
.price-container span {
position: absolute;
    left: 5px;
    top: 4px;
}
.price-container input {
    width: 100%;
    font-size: inherit;
    color: inherit;
    padding-left: 14px;
    border: none;
    outline: none;
    background-color: transparent;
}
.tourfilterprice {
    margin-top: 1rem;
}
.tourfilterprice input {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    background: #eee;
    outline: none;
    -webkit-transition: .2s;
    border-radius: 10px;
}
.tourfilterprice input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #17305c;
  cursor: pointer;
  border-radius:50%;
}
.upcngfiltercard:not(:last-child) {
    margin-bottom: 2rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: 2.5rem;
}

.tourallseacrhsectionmobileinnerform input[type=text] {
    width: 100%;
    height: 50px;
    padding: 1rem 4rem 1rem 1rem;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 0px 4px 15px -4px rgb(0 0 0 / 19%);
    outline: none;
    border: 1px solid #d7d8d8;
}
.tourallseacrhsectionmobileinnerform input[type=text]:focus {
    border-color: #777;
    color: #111;
}
.tourallseacrhsectionmobileinnerform button {
    position: absolute;
    font-size: 18px;
    top: 11px;
    right: 11px;
    z-index: 1;
    color: #ff6827;
    background-color: transparent;
    border: none;
    outline: none;
}
.tourallseacrhsectionmobileinnerform {
    position: relative;
    max-width:75%;
}
.upcngListCardsinner>a {
    text-decoration: none;
}
.upcngCardtravllerrpic {
    overflow: hidden;
    width: 45px;
    height: 45px;
    border-radius: 6px;
    position: absolute;
    z-index: 4;
    bottom: 10px;
    left: 10px;
    border: 1px solid #ffffff;
}
.ucmgwhyconnectsec {
    background-color: #f9f9f9;
    padding-bottom: 4rem;
}
.ucmgwhyconnectTitle>h2 {
    margin: 25px 0 40px;
    text-align: center;
    color: #17305c;
    font-weight: 600;
    font-size: 35px;
}
.ucmgwhyconnectCard {
    text-align: center;
    background-color: #fff;
    padding: 4rem 3rem 3rem;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    margin-bottom: 2rem;
    min-height: 300px;
}

.ucmgwhyconnectCard>img {
    aspect-ratio: 1/1;
    width: 60px;
    object-fit: contain;
}
.ucmgwhyconnectCard>h3 {
    color: #17305c;
    margin: 1.5rem 0rem 1rem;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    line-height: 1.4;
}
.ucmgwhyconnectCard>p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 22px;
    color: #777;
    font-weight: 400;
}
.ucmgFeatCard {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 1rem;
    border: 1px solid #f9f9f9;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

.ucmgFeatCardimg {
    width: 15%;
}
.ucmgFeatCardimg img {
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.ucmgFeatCardinfo {
    width: 82%;
    padding-left: 1.3rem;
    border-left: 1px solid #f1f1f1;
}



.ucmgFeatCardinfo>h3 {
    margin: 0 0 5px;
    font-size: 20px;
    color: #17305c;
    font-weight: 600;
}
.ucmgFeatCardinfo>p {
    margin-bottom: 0;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #7c7c7c;
    font-weight: 500;
}
.ucmgFeatCardsec {
    padding: 3.5rem 0 2rem;
}
.filterClose,.tourallmobilefilterbtn,.filtermobilebxbottom{
    display:none;
}

.expDeskprofileimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.expDeskprofileimg {
       width: 70%;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 0;
    aspect-ratio: 1/1;
    border: 4px solid #ffffff;
}
.expDeskprofileino {
    text-align: center;
    margin-top: 1rem;
}
.expDeskprofileino>span {
    font-size: 14px;
    font-weight: 600;
    color: #ff6827;
}
.expDeskprofileino>h3 {
    margin: 5px 0 0px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0px;color: #0a0a0c;
}
.expDeskprofileino>p {
    font-size: 12px;
    color: #585858;
    font-weight: 400;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.expDeskprofileino>p:empty{
    display:none;
}
.expDeskprofileCard {
    background-color: #f8f8f8;
    padding: 15px;
    /* box-shadow: 0px 13px 10px -10px rgb(222 222 222); */
    position: sticky;
    top: 10px;
    margin-bottom:2rem;box-shadow: 0 0 10px rgba(211, 211, 211, 0.5);
    border-radius: 5px;
    border: 1px solid #fdf7f3
}
.expDeskprofileino>h3 img {
    width: 22px;
    position: relative;
    top: -2px;
    left: -6px;
}
.profileStickCol{
    position:sticky;
    top:10px;
}

.profileFeaturesPills {
border: 1px solid #fafafa;
    border-radius: 5px;
    padding: 12px;
    margin-bottom: 1.5rem;
    width: 112%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    background-color:#ffffff;
}
.profileFeaturesPills>img {
    width: 30px;
    margin-bottom: 3px;
}
.profileFeaturesPills>p {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    color: #17305c;
}
.profileFeaturesPillsrow {
    margin-bottom: 1rem;
}
.abtExpertbsbx>h3 {
    font-weight: 600;
    /* margin: 20px 0 22px; */
    font-size: 20px;
    letter-spacing: 0.4px;
    position: relative;
    width: fit-content;padding-bottom: 0px;color: #0a0a0c;font-family: "Geist" !important;
}
.abtExpertbsbx > p{margin-bottom: 23px;color: #7d7d85;letter-spacing: 0.2px;}
.abtExpertbsinfo>p {
    font-size: 14px;
    color: #111;
    line-height: 30px;
    font-family: 'graphik';
}
.abtExpertbsbx{
    margin-bottom: 5rem;
}

.profileOptions {
    margin-top: 1.5rem;
    border-top: 1px dotted #ddd;
    padding-top: 0.7rem;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 1.2rem;
    padding-bottom: 1rem;
}
.profileOptions>a {
        display: block;
    font-size: 13px;
    text-decoration: none;
    padding: 6px 4px;
    color: #333;
    font-weight: 500;
}

.profileOptions>a:hover {
    color: #ff6827;
}
.profileOptions>a i {
    margin-right: 7px;
    font-size: 15px;
}
.profileContact a {
    background-color: #ff6827;
    text-decoration: none;
    color: #fff;
    padding: 5px 15px;
    display: block;
    width: fit-content;
    margin: 0 auto;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 8px;
    font-size: 12px;
}
.profileContact {
    text-align: center;
}
.imageGallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.imageGallery {
    width: 105%;
    height: 240px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}
.mblscrollTabs{display:none;}

.mblscrollTabsinner {
    display: flex;
    flex-wrap: nowrap;
    column-gap: 15px;
    overflow-y: auto;
    margin: 2rem 0rem 3rem;
}
.mblscrollTabsinner>a {
    display: block;
    white-space: nowrap;
    background-color: #ff6827;
    color: #fff;
    padding: 7px 12px;
    font-size: 14px;
    border-radius: 5px;
    text-decoration: none;
    font-family: 'graphik-medium';
}
.mblscrollTabsinner>a i {
    margin-right: 2px;
}
.mblContactfixbtn,.mblProfileCardmain{
    display:none;
}
.mblProfileCardbanner {
    overflow: hidden;
    width: 100%;
    background-color: #ffffff;
    border-radius: 0px 0px 50% 50%;
    margin-top: -14rem;
    height: 320px;
    box-shadow: 0px 12px 10px -5px rgb(0 0 0 / 1%);
}
.mblProfileCardbanner>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.mblProfileCardicon {
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%;
    /* border: 3px solid #ffffff; */
    border: 5px solid #ffe500;
    box-shadow: 0px 7px 10px -5px rgb(156 156 156);
}
.mblProfileCardicon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}


.mblProfileCardbottominfo {
    text-align: center;
    margin-top: 2rem;
}
.mblProfileCardbottominfo>h3 {
    margin: 0px 0 0px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0px;
    font-family: 'graphik-semibold';
}
.mblProfileCardbottominfo>span {
    font-size: 12px;
    font-weight: 600;
    color: #ff6827;
    font-family: 'graphik-medium';
    margin-bottom: 10px;
    display: inline-block;
}
.mblProfileCardbottom {
    position: relative;
    z-index: 2;
    margin-top: -12rem;
    margin-bottom: 2rem;
}

.contactModalbbody {
    padding: 1rem 1rem 1rem;
}
.contactModalbbody form .form-group .form-control {
    border: 1px solid #d9d9d9;
    box-shadow: none;
    padding: 0 12px;
    min-height: 45px;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    margin-bottom: 2rem;
}
.contactModalbbody form .form-group label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0.4rem;
    color: #000;
}
.contactModalbbody form .form-group .btn {
    width: 100%;
    background: #ff6827;
    border: none;
    box-shadow: none;
    font-size: 14px;
    min-height: 40px;
    margin-top: 1rem;
}
.contactModallogo>img {
    max-width: 240px;
}

.contactModallogo {
    text-align: center;
    /*padding: 1rem 0rem;*/
}
.contactModaltitle {
    text-align: center;
    font-size: 20px;
    text-transform: capitalize;
    margin: 1rem 0 2rem;
    color: #17305c;
    font-weight: 600;
}
/*.modal-dialog-centered {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    min-height: calc(100% - (0.5rem * 2));*/
/*}*/

/*@media (min-width: 576px){*/
/*.modal-dialog-centered {*/
/*    min-height: calc(100% - (1.75rem * 2));*/
/*}*/
/*}*/

.contactTravlerbanner {
    overflow: hidden;
    margin-bottom: 1rem;
    width: 100%;
    height: 250px;
}
.contactTravlerbanner>img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: center;
}
.contactTravlerinfo>p {
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 2rem;
    font-size: 14px;
    color: #6b6b6b;
    font-weight: 400;
    line-height: 24px;
}
.contactTravlerinfo {
    text-align: center;
}
.contactTravlerbtn {
    width: 80%;
    margin: 0 auto 0;
    background-color: #ff6827;
    border: none;
    outline: none;
    box-shadow: none;
    min-height: 40px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
}
.contactTravllermain {
    margin-bottom: 0rem;
    position:relative;
}
.contactTravllermain button.close {
    position: absolute;
    color: #fff;
    opacity: 1;
    text-shadow: none;
    font-size: 12px;
    right: -20px;
    top: -20px;
    background-color: #000;
    padding: 8px;
    border-radius: 50%;
    z-index:1;
}

.pricingCardModal {
    width: 500px;
}

/*.pricingmdlBox {*/
/*    margin-bottom: 2rem;*/
/*    margin-top: 3rem;*/
/*}*/
/*.pricingCardmain {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: 100%;*/
/*}*/
/*.pricingCardinner {*/
/*    border: 1px solid #e3e3e3;*/
/*    border-radius: 5px;*/
/*    padding: 1.5rem;*/
/*    min-height: 220px;*/
/*    width: 100%;*/
/*    transition: 0.1s linear;*/
/*}*/

/*.pricingCardprivacy p {*/
/*    font-size: 12px;*/
/*    color: #8a8a8a;*/
/*    line-height: 22px;*/
/*    padding: 0 4rem;*/
/*}*/
/*.pricingCardduration {*/
/*    font-size: 18px;*/
/*    margin: 1rem 0 1.4rem;*/
/*    font-weight: 600;*/
/*    color: #17305c;*/
/*}*/

/*.pricingCarddiscount {*/
/*    font-size: 12px;*/
/*    color: #7d7d7d;*/
/*    font-weight: 500;*/
/*}*/
/*.pricingCarddiscount span {*/
/*    font-weight: 600;*/
/*    color: #ff6827;*/
/*}*/

/*.pricingCardPricing {*/
/*    font-size: 24px;*/
/*    font-weight: 800;*/
/*    color: #ff6827;*/
/*}*/
/*.pricingCardPricingmonth {*/
/*    font-size: 12px;*/
/*    color: #7d7d7d;*/
/*    font-weight: 500;*/
/*    margin-bottom: 3rem;*/
/*}*/

/*.pricingCardBtn {*/
/*    width: 100%;*/
/*    border: none;*/
/*    font-size: 12px;*/
/*    font-weight: 500;*/
/*    padding: 8px 12px;*/
/*    background-color: #ff6827;*/
/*    color: #fff;*/
/*    border-radius: 5px;*/
/*    letter-spacing: 0.7px;*/
/*}*/
/*.pricingCardinner:hover{*/
/*    border:1px solid #ff6827;*/
/*}*/

.pricingMainModal {
    background-color: #17305c;
    padding: 3rem 2rem 6rem 2rem;
    margin: -1.5rem -1.5rem 1.5rem;
    border-radius: 5px 5px 0px 0px;
}
.pricingHeadbanner {
    text-align: center;
    color: #fff;
}
.pricingHeadbanner>i {
    font-size: 50px;
}
.pricingHeadbanner>h3 {
    margin: 1.5rem 0rem 1rem;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.pricingHeadbanner>p {
    font-size: 12px;
    letter-spacing: 0.9px;
    margin-bottom: 0;
}
.pricingHeadCard {
    width: 100%;
    margin: -4.6rem auto 3rem;
    background-color: #ffffff;
    padding: 1.4rem 1rem;
    border-radius: 6px;
    box-shadow: 0px 4px 10px -3px #a5a5a5;
}

.pricingHeadCard>p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: #666666;
    letter-spacing: 0.2px;
}
.pricingBoxmaininner>.row {
    flex-wrap: nowrap;
    display: flex;
    margin: 0;
    overflow-x: auto;
    width: 100%;
    padding: 2.2rem 0rem 1rem 1rem;
}
.pricingBoxmaininner>.row::-webkit-scrollbar{
    display:none;
}

.pricingBoxmaininner>.row>.col-lg-4 {
    width: 100%;
    float: none !important;
    padding: 0;
}
/*.pricingBoxCard {*/
/*    width: 250px;*/
/*}*/
.pricingBoxCard input[type=radio] {
    display: none;
}
.pricingBoxCardinner {
    width: 300px;
    margin-right: 1rem;
    border: 1px solid #ebebeb;
    padding: 12px;
    border-radius: 5px;
    position: relative;
    min-height: 130px;
    background-color: #f7f7f7;
}
.pricingBoxCard input[type=radio]:checked ~ label .pricingBoxCardinner{
        border: 1px solid #ff6827;
    box-shadow: 0px 0px 10px 0px #0000005e;
    background-color: #fff;
}
.pricingCardpalnname {
    margin: 1rem 0rem 1.5rem;
    font-size: 15px;
    font-weight: 600;
    color: #17305c;
}
.pricingMonth {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
    margin-bottom:1rem;
}
.pricingMonth>p {
    margin-bottom: 0;
}

.pricingMonthPricing {
    letter-spacing: 0.7px;
    font-size: 20px;
    color: #ff6827;
}
.pricingMonthPricing span{
    font-size:14px;
    color:#333;
}
.pricingMonthtotal {
    background-color: #17305c;
    font-weight: 400;
    color: #fff;
    padding: 4px 10px 5px;
    font-size: 12px;
    border-radius: 4px;
}


.selectionbtnbx>p {
    text-align: center;
    font-size: 10px;
    color: #979797;
    font-weight: 400;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    margin-top: 5px;
}

.valueBadge {
    background-color: #ff6827;
    color: #f1f1f1;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 3px;
    margin-top: -23px;
    display: block;
    width: fit-content;
    margin-bottom: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

#PricingModal,
#PricingSuccessModal{
    overflow-y:auto ;
}
.pricingPlanFeatureRow {
    display: flex;
    align-items: center;
    column-gap: 15px;
    justify-content: start;
    margin-bottom:1.5rem;
}

.pricingPlancol>i {
    font-size: 20px;
}

.pricingPlanFeature {
    margin-top: 1.5rem;
    padding: 0 0.5rem 0;
}
.pricingPlancol>h3 {
    font-size: 15px;
    margin: 0rem 0rem 0.4rem;
    font-weight: 700;
}
.pricingPlancol>p {
    margin-bottom: 0;
    font-size: 12px;
    color: #a2a2a2;
}
.pricingPlancol>i {
    font-size: 20px;
}






.totalPriceSave>span {
    color: #ff6827;
    font-weight: 600;
}

.totalPriceSave {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.3px;
}

.selectionbtnbx {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #f1f1f1;
}
.selectionCardBtn {
    width: 100%;
    border: none;
    font-size: 12px;
    font-weight: 500;
    padding: 12px 12px;
    background-color: #ff6827;
    color: #fff;
    border-radius: 5px;
    letter-spacing: 0.7px;
    margin-bottom: 1rem;
}












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

.upcmngTripmatepic {
    overflow: hidden;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.upcmngTripmatebx {
    display: flex;
    align-items: start;
    gap: 10px;
}
.upcmngTripmatebx h3 {
    margin: 5px 0 0;
    font-size: 15px;
    font-weight: 600;
}

.upcmngTripmateinfo>span {
    font-size: 10px;
    font-weight: 600;
    color: #ff6827;
}
.upcmngTripmateinfo h3 {
    margin: 0 0 0;
    font-size: 16px;
}
.upcmngTripTitleInner>h3 {
    font-size: 25px;
    margin: 2rem 0rem 2rem;
    font-weight: 600;
}
.upcmngTripTitleInner>h3>span {
    color: #ff6827;
}

.upcmngTripTitleBx {
        margin-bottom: 2rem;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 3rem;
}
.upcmngTripTitleBx>.row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
/*.upcmngTripmetainner>p {*/
/*    margin-bottom: 0;*/
/*    margin-left: 30px;*/
/*    font-size: 15px;*/
/*    font-weight: 500;*/
/*    color: #3d3d3d;*/
/*}*/

.upcmngTripmetainner {
    display: flex;
    align-items: center;
    justify-content: end;
}
.upcmngTripmetainner>p {
    margin-bottom: 0;
    margin-left: 14px;
    font-size: 14px;
    font-weight: 500;
    color: #17305c;
    background-color: #f5f5f5;
    padding: 5px 15px;
    border-radius: 25px;
}
.upcmngTripoverviewmain,.upcmngTripIncludemain {
    margin-bottom: 3rem;
}
.upcmngTripoverviewparagraph, .upcmngTripoverviewparagraph p {
    font-size: 14px;
    font-weight: 400;
    color: #111;
    line-height: 25px;
}
.upcmngTripoverviewparagraph>a {
    color: #17305c;
    font-weight: 500;
    display: block;
    width: 100%;
    text-align: center;
    border: 0px solid #ff6827;
    margin-top: 1rem;
    background-color: #f5f5f5;
    padding: 6px 0;
    letter-spacing: 0.4px;
    border-radius: 5px;
    transition:0.1s linear;
    text-decoration:none;
}
.upcmngTripoverviewparagraph>a:hover{
    background-color: #ff6827;
    color: #ffffff;
}
.upcmngTripoverviewmain>h1 {
    margin: 0rem 0rem 1.2rem;
    font-size: 20px;
    font-weight: 600;
}
.upcmngTripIncludeInner>h3 {
    margin: 0rem 0rem 2rem;
    font-size: 20px;
    font-weight: 600;
}
.upcmngTripIncludeInner ul {
    list-style: none;
    padding-left: 0;
    column-count: 2;
    margin-bottom: 0;
}
.upcmngTripIncludeInner ul li {
    font-size: 14px;
    margin-bottom: 1rem;
    text-transform: capitalize;
    font-weight: 500;
    color: #333;
}

.upcmngTripIncludeInner ul li i {
    margin-right: 8px;
    color: #ff6827;
}
.upcmngTripIncludemain {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 5px;
}
.mainSmallBanner img {
    width: 100%;
    height: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
        border-radius: 5px;
}

.TprtnrCard {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    justify-content: start;
}
.TprtnrCardImg {
    overflow: hidden;
    width: 65px;
    height: 65px;
    border-radius: 50%;
}
.TprtnrCardImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.TprtnrCardInfo>span {
    font-size: 14px;
    font-weight: 600;
    color: #ff6827;
}
.TprtnrCardInfo>h3 {
    margin: 5px 0 0;
    font-size: 22px;
    font-weight: 600;
}
.upcmngTripTprtnr {
    border: 0px solid #ccc;
    padding: 15px;
    margin-bottom: 3rem;
    border-radius: 5px;
    background-color: #f9f9f9;
}
.TprtnrAbout {
    border-top: 1px solid #ccc;
    margin-top: 1.4rem;
    padding-top: 1.4rem;
}
.TprtnrAbout p {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #111;
    line-height: 25px;
}
.TprtnrCardFeaturesrow {
    display: flex;
    justify-content: end;
    align-items: center;
}


.TprtnrCardFeaturesPills>img {
    width: 30px;
}
.TprtnrCardFeaturesPills>p {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
    margin-left: 8px;
    color: #111;
}

.TprtnrCardFeaturesPills {
    display: flex;
    align-items: center;
    justify-content: start;
}

.TprtnrCardFeaturesrow {
    margin-top: 2rem;
}
.upcmngTripTprtnrinner>h3 {
    margin: 0rem 0rem 2.5rem;
    font-size: 20px;
    font-weight: 600;
}
.tripItenInner>h3 {
    margin: 0rem 0rem 2.5rem;
    font-size: 20px;
    font-weight: 600;
}
.tripItenmap {
    aspect-ratio: 12/5;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 0px 0px;
}
.tripItenInnerinfo {
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    position:relative;
    z-index:1;
}
.tripItenExpertInner {
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    padding: 15px 15px 15px;
}
.tripItenExpertInner .TprtnrCardImg {
    width: 45px;
    height: 45px;
}
.tripItenExpertInner .TprtnrCardInfo>h3 {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 3px;
}

.tripItenExpertInner .TprtnrCardInfo>p{
    margin-bottom:0px;
    color: #333;
}
.tripItenMain {
    margin-bottom: 3rem;
    position: relative;
}
.tripItenInner::after {
    content: '';
    position: absolute;
    left: 36px;
    top: 50px;
    bottom: 0;
    z-index: 0;
    border-right: 5px dotted #dedede;
}


.tripItenListInner {
    padding: 15px 15px 0px 75px;
}
.tripItenListCardImage {
    width: 100%;
    overflow: hidden;
    height: 400px;
    margin-bottom: 1.4rem;
    border-radius:5px;
}
.tripItenListCardImage>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.tripItenListCardHead {
    display: flex;
    align-items: center;
    column-gap: 15px;
    margin: 5px 0 15px -55px;
}
.tripItenListCardnumber {
    display: inline-block;
    background-color: #17305c;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
}
.tripItenListCardLocation>i {
    font-size: 15px;
    margin-right: 5px;
}

.tripItenListCardLocation {
    font-size: 16px;
    font-weight: 600;
    color: #3d3d3d;
}
.tripItenListCardDate {
    font-size: 12px;
    line-height: 0;
    font-weight: 500;
    color: #17305c;
    background-color: #f5f5f5;
    padding: 5px 12px;
    border-radius: 25px;
}

.tripItenListCardInfo>p {
    font-size: 14px;
    color: #3d3d3d;
    font-weight: 400;
    line-height: 25px;
}

.dcoverd-bx {
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 2.5rem;
}
.dcoverd-bx .custom_badge {
        font-family: 'Poppins';
    font-weight: 500;
    font-size: 14px;
    background-color: #f3f3f3;
    padding: 6px 12px;
    border-radius: 50px;
    border: 1px solid #e8e8e8;
    box-shadow: 3px 4px 8px -6px #777;
}

.dstintionCvrdmain {
    border: 0px solid #ccc;
    padding: 15px;
    margin-bottom: 3rem;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.upcmgstltitlleheading{
    margin: 0rem 0rem 1.2rem;
    font-size: 20px;
    font-weight: 600;
}
.sg-discuss-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 2rem;
    position: relative;
    align-items: start;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 0.6rem;
}
.ds-user-info{
    width: 91%;
}
.ds-user_avatar {
    width: 9%;
}

.ds-user-info h3 {
    font: normal normal 600 15px/30px Poppins;
    letter-spacing: 0px;
    color: #17305C;
    margin: 0;
}

.user_message {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #3d3d3d;
    line-height:22px;
}


.ds-avatar-inner {
    overflow: hidden;
    width: 50px;
    height: 50px;
    border: 0px solid #000;
    border-radius: 50%;
    padding: 0px;
    box-shadow: 0px 0px 0px 3px #ffffff, 0px 0px 0px 4px #ff6827;
}
.ds-avatar-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.user-time {
    font-family: 'Poppins';
    font-size: 12px;
    color: #ff6827;
    position: absolute;
    top: 0;
    right: 0;
    width:fit-content;
}

#discussionBoxArea {
    margin-top: 3rem;
}
.whyJoinTripCard {
    border: 1px solid #ccc;
    padding: 12px;
    border-radius: 5px;
    margin-bottom: 3rem;
    display: flex;
    column-gap: 10px;
    align-items: center;
    min-height: 80px;
}
.whyJoinTripCardicon>i {
    font-size: 30px;
    line-height: 1.3;
    color: #3d3d3d;
}
.whyJoinTripCardinfo>p {
    margin-bottom: 0;
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    color: #3d3d3d;
}
.whyJoinTripMain {
    margin-top: 2rem;
}


.mobilemainSmallBanner{
    display:none;
}
.subscribBanner {
    overflow: hidden;
    height: 190px;
    margin: -1.5rem -1.5rem 1.5rem;
    border-radius: 5px 5px 0px 0px;
    position: relative;
    z-index: 0;
}
.subscribBanner>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.subscribBannerText {
    margin: 0rem auto 0rem;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) -20%, rgba(255,255,255,1) 100%);
    display: flex;
    justify-content: center;
    align-items: end;
}
.subscribBannerText>h3 {
   margin: 0 auto 60px;
    font-size: 25px;
    color: #17305c;
    font-weight: 600;
    width: 70%;
    text-align: center;
    line-height: 1.3;
}
.subscribTextList>p {
    display: flex;
    align-items: start;
    column-gap: 15px;
    font-size: 14px;
}
.subscribTextList {
    width: 95%;
    margin: -1rem auto 1.5rem;
}
.subscribTextList>p i {
    font-size: 16px;
}
.subscribTextList>p span {
    color: #565656;
}
.subscribFeatColumn {
    margin-top: 2rem;
    border-top: 1px solid #f1f1f1;
    padding-top: 1.5rem;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 0.7rem;
}
.subscribFeatColumn>.row {
    margin: 0;
}
.subscribFeatCard>p i {
    font-size: 16px;
}
.subscribFeatCard>p {
    display: flex;
    align-items: center;
    column-gap: 15px;
    font-size: 14px;
}

.subscribTermsCond>ul {
    padding-left: 2rem;
    margin-top: 1.5rem;
    margin-bottom: 0;
}
.subscribTermsCond>ul li {
    margin-bottom: 1rem;
    font-size: 12px;
    padding-left: 0.8rem;
    padding-right: 0.4rem;
    color: #6d6d6d;
}

.subscribedBtn {
    width: 100%;
    border: none;
    font-size: 12px;
    font-weight: 500;
    padding: 15px 15px;
    background-color: #ff6827;
    color: #fff;
    border-radius: 5px;
    letter-spacing: 0.7px;
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pricingHeadImg {
   display: flex;
    justify-content: center;
    align-items: center;
    margin: 1rem auto 2.5rem;
}
.pricingHeadImgcol {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid #17305c;
    margin-right: -14px;
    position: relative;
}
.pricingHeadImgcol:nth-child(1) {
    /*z-index: 1;*/
    transform: scale(0.9);
}
.pricingHeadImgcol:nth-child(2) {
    z-index: 1;
    transform: scale(1.1);
}

.pricingHeadImgcol:nth-child(3) {
    z-index: 5;
    transform: scale(1.5);
}
.pricingHeadImgcol:nth-child(4) {
    z-index: 1;
    transform: scale(1.1);
}

.pricingHeadImgcol:nth-child(5) {
    /*z-index: 1;*/
    transform: scale(0.9);
}
.pricingHeadImgcol>img{
    width:100%;
    height:100%;
    object-fit:cover
}



.bannerInfoCardMain {
    margin-top: 0rem;
    width: 85%;
    /*text-align: center;*/
}
.bannerInfoCardInner>h1 {
    color: #17305C;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    font-family: "graphik";
    margin-top: 10px;
    margin-bottom: 0;
}
.bannerInfoCardInner h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    /*color: #17305C;*/
    color: #ffffff;
    font-family: "graphik-bold";
    margin-bottom: 0px;
}
.bannerInfoCardInner h2 span{
    color:#FF6827;
}
.bannerInfoCardSearchInner {
    position: relative;
    width: 86%;
    margin: 3rem 0rem 1rem;
}
.bannerInfoCardSearchInner input[type=text] {
    box-shadow: 0px 10px 24px 0px #FF68272E;
    border: 1px solid transparent;
    width: 100%;
    padding: 14px 60px 13px 22px;
    border-radius: 65px;
    font-size: 15px;
    color: #5D6E8D;
    outline: none;
    line-height: 1.5;
    font-family: "graphik";
    position:relative;
    z-index: 1;
    background-color: transparent;
}
.InfoCardSearchBtn {
    background-color: #FFF0E9;
    border: none;
    outline: none;
    box-shadow: none;
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: auto;
    font-size: 14px;
    color: #ff6826;
    z-index:2;
}

.bannerCardCol {
    background-color: #ffffff;
    margin-top: 2rem;
    width: 100%;
    border-radius: 10px;
    padding: 8px 10px;
}
.bannerCardCol > a {
    text-decoration: none;
    display: block;
}
.bannerCardColInner > p {
    margin-bottom: 0;
    color: #17305C;
    font-size: 15px;
    font-family: "graphik-medium";
    line-height: 25px;
}
.bannerCardColIcon {
    background-color: #FF6827;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    padding: 5px;
    overflow: hidden;
    position: relative;
    text-align:center;
}
.bannerCardColIcon img {
    width: 90%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    aspect-ratio: 1 / 1;
}

.bannerCardColInner {
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 12px;
}

.bannercenterCard {
    width: 45%;
    margin: 2rem auto 0rem;
    height: fit-content;
    position:relative;
}
.bannercenterCard img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.bannerRighColMain{
    position:relative;
}
.bannercenterCard h3{
    position: absolute;
    top: 6rem;
    width: 10%;
    margin: auto;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    line-height: 1.4;
    text-align: center;
    color: #17305c;
    font-family: "graphik-Medium";
    font-size: 22px;
}
.bannerSmImgCard img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:0.2s linear;
}
.bannerSmImgCard:hover img{
    transform:scale(1.1);
}
.bannerSmImgCard {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
}
.bannerSmImgCard h3 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    width: 80%;
    right: 0;
    text-align: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-family: "graphik-Medium";
    letter-spacing: 0.6px;
}
.bannerSmCardInner {
    position: relative;
}
.bannerSmCardMain {
    position: absolute;
    border: 2px solid #ff6826;
    border-radius: 50%;
    padding: 5px;
    background-color: #FFF0E9;
    margin:0 auto;
}
.bannerSmCardOne{
    top: 11rem;
    left: 8rem;
    z-index: 1;
}
.bannerSmCardThree{
    top: 11rem;
    right: 8rem;
    z-index: 1;
}
.bannerSmImgCardIcon {
    position: absolute;
    left: 0;
    bottom: -17px;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    background-color: #ff6826;
    border: 1px solid #FFFFFF;
    text-align: center;
    font-size: 12px;
    color: #fff;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0px 0px 30px 0 #FF6827;
}
.bannerSmCardTwo {
    left: 0;
    right: 0;
    width: fit-content;
    top: 20rem;
    z-index: 2;
}
.bannerCityCardRow {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 15px;
    margin-left: 0rem;
    padding: 0px 15px;
    align-items: end;
}
.CityCardCol {
    width: 14%;
}

.mainCityCard {
    width: 100%;
    overflow: hidden;
    height: 265px;
    border-radius: 10px;
    position:relative;
}
.bannerCityCardMain {
    margin-top: 4rem;
}
.InnerCityCard img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.2s linear;
}
.mainCityCard:hover .InnerCityCard img {
    transform: scale(1.1);
}
.InnerCityCard span {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    padding: 8px 12px 8px;
    width: fit-content;
    margin: 0 auto;
    right: 0;
    font-size: 14px;
    font-family: "graphik-medium";
    color: #17305c;
    border-radius: 7px 7px 0px 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 80%;
}


.CityCardCol:last-child .mainCityCard,
.CityCardCol:first-child .mainCityCard {
    height: 200px;
}
.CityCardCol:nth-child(2) .mainCityCard,
.CityCardCol:nth-child(6) .mainCityCard {
    height: 220px;
}

.CityCardCol:nth-child(3) .mainCityCard,
.CityCardCol:nth-child(5) .mainCityCard {
    height: 245px;
}

.mainCityCard::after {
    content: '';
    left: 0;
    top: -14px;
    right: 0;
    position: absolute;
    height: 50%;
    background: linear-gradient(to bottom, rgb(0 0 0 / 87%), transparent);
}

/*Local Expert Card*/
section.expertMainSec {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10rem 0rem 5rem;
}
.dskMainRow > .row > .col-lg-2 {
    padding: 0px 8px;
}
.localExprtProfileInfo {
    position: absolute;
    z-index: 4;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 12px 12px 10px;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    background: linear-gradient(to bottom, transparent, #0000009c);
}
.dskTitleHmeInner h2 {
    margin: 0rem 0rem 1rem;
    font-size: 35px;
    font-family: 'graphik-bold';
    color: #222;
}
.dskTitleHmeInner p {
    margin-bottom: 3rem;
    font-size: 15px;
    color: #333;
    /* font-family: 'graphik-medium'; */
    font-family: "Roboto" !important;
  font-weight: 400;
}
.dskSec {
    background-color: #f2f7ff;
}
.localExprtProfileCardMain {
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px #45454529;
    border-radius: 12px;
    padding: 0rem;
    position: relative;
    width: 100%;
    overflow:hidden;
    height:280px;
}
.localExprtProfileCardMain a{
    text-decoration:none;
}
.localExprtTitle {
    margin: 0rem 0rem 2.5rem;
    font-size: 28px;
    color: #17305C;
    font-family: 'graphik-Semibold';
    text-transform: capitalize;
}
.localExprtProfileCardMain:hover img {
    transform: scale(1.1);
}
.localExprtProfileCardInner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.2s linear;
}
/*.localExprtProfileCardInner:hover .localExprtProfileImg img {*/
/*    transform: scale(1.1);*/
/*}*/

.localExprtProfileInfoinner h4 {
font-size: 15px;
    color: #ffffff;
    font-family: 'graphik-medium';
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 95%;
    margin: 5px 0 0;
}

.localExprtProfileInfoinner p {
    font-size: 14px;
    color: #ff6827;
    margin-bottom: 0rem;
    font-family: 'graphik-medium';
}
.localExprtProfileInfoinner {
    display: flex;
    flex-direction: column-reverse;
}
.localExprtProfileRatingsBox ul {
    padding: 0px;
    list-style: none;
    display: flex;
    font-size: 12px;
    column-gap: 2px;
    color: #FFB400;
    margin-bottom: 0;
}
.localExprtProfileRatingsinfo {
    font-size: 12px;
    color: #686868;
}
.localExprtProfileRatings {
    display: flex;
    align-items: start;
    justify-content: start;
    column-gap: 10px;
}
.localExprtProfilebadge {
    position: absolute;
    right: 27px;
    /*z-index: 2;*/
    top: -8.1px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background-color: #00C537;
    font-size: 10px;
    font-family: 'graphik-medium';
    color: #fff;
    letter-spacing: 0.3px;
    padding: 10px 9px 5px;
    border-radius: 0px 0px 7px 7px;
}
.localExprtProfilebadge img {
    width: 11px;
    position: relative;
    top: -1px;
}
.localExprtProfilebadge::after, .localExprtProfilebadge::before {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    background-color: #00c538;
    transform: rotate(45deg);
}
.localExprtProfilebadge::after {
    top: 2.8px;
    left: -6.9px;
    z-index: -1;
}
.localExprtProfilebadge::before {
    top: 2.8px;
    right: -6.9px;
    z-index: -1;
}
.ctPrimaryBtn {

    background-color: #FF6827;
  color: #fff !important;
  font-family: 'graphik-medium';
  padding: 8px 14px;
  display: inline-block;
  border-radius: 5px;
  text-decoration: none !important;
  font-size: 12px;
  text-transform: capitalize;
  transition: 0.1s linear;
  box-shadow: 0px 0px 18px 0px rgba(20, 24, 47,0.2);
  min-width: 90px;
  text-align: center;
  background-color: #FF6827;
  transition: all 0.3s linear;
}
/*Local Expert Card*/

.localExprtLeftSearch {
    position: relative;
    width: 85%;
    margin-left: -8px;
    margin-top: 14px;
}
.localExprtLeftSearch input[type="text"] {
    box-shadow: 0px 10px 24px 0px #FF68272E;
    border: 1px solid transparent;
    width: 100%;
    padding: 14px 60px 13px 22px;
    border-radius: 65px;
    font-size: 14px;
    color: #5D6E8D;
    outline: none;
    line-height: 1.5;
    font-family: "graphik";
}
.localExprtLefthead >p {
    margin-top: -15px;
    margin-bottom: 18px;
    font-size: 15px;
    color: #686868;
}
.lcltrvlExprtMain {
    min-height: 500px;
    position: relative;
}
.lcltrvlExprtCardInner {
    position: relative;
    width: 100%;
}
.lcltrvlExprtInfo {
    border-radius: 0px 0px 10px 10px;
    border: 10px solid #FF6827;
    border-top: 0px;
    width: 100%;
    background-color: #FF6827;
    box-shadow: 0px 0px 20px 0px rgb(255 104 39 / 60%);
}
.lcltrvlExprtImg {
    height: 120px;
    overflow: hidden;
    border-radius: 0px 0px 6px 6px;
    width: 100%;
}

.lcltrvlExprtImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.lcltrvlExprtCard {
        width: 85%;
    margin-top: 1rem;
}
.lcltrvlExprtCardOne{
    position: absolute;
    left: 0px;
    top: 15px;
}
.lcltrvlExprtCardTwo {
    position: absolute;
    left: -20px;
    top: 260px;
}
.lcltrvlExprtCardThree {
    position: absolute;
    right: 20px;
    top: 180px;
}
.lcltrvlExprtName {
    position: relative;
}
.lcltrvlExprtName h4 {
    margin: 0rem 0rem 0rem;
    font-size: 14px;
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    padding: 2.6rem 0rem 0rem 6rem;
    width: 100%;
    color: #17305c;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.lcltrvlExprtName h4 span {
    font-size: 10px;
    display: inline-block;
    margin-bottom: 4px;
    color: #ff6826;
}
.lcltrvlExprtName img {
    width: 230px;
    margin: 0px 0px -9px -10px;
}

.localExprtLeftBg {
    position: absolute;
    left: -110px;
    top: -60px;
    width: 100%;
    z-index: -1;
}
.whySoloTrvlMain {
    margin-top: 6rem;
}


.fixedButtonexpert {
    text-align: right;
    position: absolute;
    bottom: 10px;
    right: 22px;
}
.fixedButtonexpert .ctPrimaryBtn {
    min-width: 90px;
    text-align: center;
}

.whySoloMainCard {
    border: 1px solid #ff6827;
    border-radius: 25px;
    padding: 12px;
    position:relative;
    margin-bottom: 18px;
    width:104%;
}
.whySoloInnerCard {
    display: flex;
    justify-content: start;
    align-items: start;
    column-gap: 10px;
    box-shadow: 0px 0px 18px 0px #ff68272e;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
}
.whySoloInnerCardInfo {
    width: 60%;
    padding: 10px 10px 10px 0px;
}
.whySoloInnerCardImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.whySoloInnerProfie {
    position: absolute;
    z-index: 2;
    bottom: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ff6826;
    box-shadow: 0px 0px 8px 0px rgb(255 104 39 / 35%);
}
.whySoloInnerCardImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.whySoloInnerCardImg {
    width: 40%;
    overflow: hidden;
    height: 180px;;
    /*position:relative;*/
}
.whySolosubtitle {
    font-size: 12px;
    color: #686868;
    font-family: 'graphik';
}
.whySoloTitle {
    margin: 0.2rem 0rem 0.8rem;
    font-size: 18px;
    font-family: 'graphik-semibold';
    color: #17305C;
}
.whySoloDesc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px;
    color: #686868;
    font-family: 'graphik-medium';
    margin-bottom:15px;
}
.whySoloInnerLocCard p {
        font-size: 14px;
    color: #686868;
    margin-bottom: 0;
    /* width: 85%; */
    width: 100%;
    line-height: 22px;
    font-family: 'graphik-medium';
}
.whySoloInnerLocCard span {
    display: flex;
    font-size: 8px;
    /* background-color: #fc6522; */
    /* color: #ffffff; */
    color: #ff814a;
    width: 14px;
    height: 14px;
    justify-content: center;
    align-items: center;
    border-radius: 2px;margin-top: 3px;
}
.whySoloInnerLocCard {
    display: flex;
    /* align-items: baseline; */
    /* align-items: center; */
    justify-content: space-around;
    gap: 7px;
    margin-bottom: 7px;
    line-height: 17px;
}
.whySoloInnerLocCard p strong {
    color: #17305c;
}
.whySoloInnerLocCard:last-child {
    margin-bottom: 0px;
}

.whySoloHeader {
    text-align: center;
    margin-bottom: 2rem;
}
.whySoloHeader h3 {
    margin: 3rem 0rem 0.6rem;
    font-size: 32px;
    color: #17305C;
    font-family: 'graphik-semibold';
}
.whySoloHeader p {
    font-size: 26px;
    color: #FF6827;
    font-family: 'graphik-medium';
}
.whySoloProfileCircle {
    width: 90px;
    height: 90px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ff6826;
    box-shadow: 0px 0px 18px 0px rgb(255 104 39 / 35%);
    margin: 0 auto;
}
.whySoloProfileName {
    background-color: #fff;
    box-shadow: 0px 0px 18px 0px rgb(255 104 39 / 35%);
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 6px;
    font-size: 10px;
    font-family: 'graphik-semibold';
    border-radius: 10px;
    padding: 1px 10px;
    margin-top: -10px;
    z-index: 1;
    position: relative;
}
.whySoloProfileCard {
    width: fit-content;
    position: absolute;
    left: 0%;
    right: 0%;
    margin: 0 auto;
}
.whySoloProfileName p {
    margin-bottom: 0;
    color: #393E46;
    line-height: 28px;
}
.whySoloProfileCircle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.whySoloProfileName span {
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    background-color: FFF0E9;
    border-radius: 50%;
    color: #ff6828;
    font-size: 10px;
}
.whySoloProfileCardTwo {
    left: unset;
    right: 4%;
    top: 130%;
}
.whySoloProfileCardThree {
    left: 8%;
    right: unset;
    top: 183%;
}
.whySoloProfileCardThree .whySoloProfileCircle {
    width: 120px;
    height: 120px;
}
.whySoloProfileCardThree .whySoloProfileName {
    width: fit-content;
    margin: -10px auto 0;
}
.whySoloProfileCardFour {
    top: 235%;
    left: 8%;
    z-index: 5;
}
.whySoloProfileCardFour .whySoloProfileCircle {
    width: 90px;
    height: 90px;
}

.whySoloProfileCardFive .whySoloProfileCircle {
    width: 70px;
    height: 70px;
}

.whySoloProfileCardFive {
    right: 4%;
    left: unset;
    top: 234%;
    z-index: 6;
}

.whySoloBG {
    position: absolute;
    width: 36%;
    left: 2%;
    top: 47%;
    z-index: 0;
}

.whySoloProfileCardFive .whySoloProfileName {
    font-size: 8px;
    padding: 0px 8px;
}
.whySoloProfileCardFive .whySoloProfileName span {
    font-size: 8px;
    width: 14px;
    height: 15px;
}
.whySoloProfileCardFour .whySoloProfileName {
    font-size: 10px;
    padding: 0px 6px;
}

.travelBlogHead > h3 {
    margin: 0rem 0rem 0rem;
    font-size: 30px;
    font-family: 'graphik-semibold';
    color: #17305C;font-weight: 600;
}
.travelBlogHead > h3 span {
    color: #ff6826;font-weight: 600;
}
.travelBlogCardMain {
    padding: 15px;
    background-color: #fff;
    box-shadow: 0px 4px 14px 2px rgb(0 0 0 / 10%);
    border-radius: 20px;
    position:relative;
    margin-bottom:3rem;
}
.travelBlogImg {
    overflow: hidden;
    height: 130px;
    border-radius: 15px;
}
.travelBlogImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.1s linear;
}
.travelBlogInfo > a {
    text-decoration:none;
}
.travelBlogInfo > a h3 {
    margin: 1rem 0rem 1rem;
    font-size: 14px;
    color: #17305C;
    line-height: 22px;
    font-family: 'graphik-medium';
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;min-height:44px;
}
.travelBlogInfo p {
    font-size: 12px;
    color: #686868;
    font-family: 'graphik';
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.travelBlogHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5rem;
}
.cardbadgeMain {
    position: absolute;
    z-index: 3;
    right: 12%;
    top: 4%;
}
.cardbadge {
font-size: 10px;
    /* background-color: #17305C; */
    color: #fff;
    font-family: 'graphik-medium';
    padding: 11px 0px 10px;
    border-radius: 0px 0px 5px 5px;
    position: absolute;
    right: 23px;
    top: -7px;
    background-repeat: no-repeat;
    background-size: 100%;
    min-width: 92px;
    text-align: center;
}
.travelBlogCardInner {
    position: relative;
}
.popDestSecInner {
    border: 1px solid #FF6827;
    border-radius: 20px;
    padding: 30px;
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgb(255 104 39 / 30%);
}
.popDestCardRow {
    margin: 0rem -3rem 0rem;
    border-top: 1px solid #f1f1f1;
    padding: 3rem 3rem 1rem;
}
.popDestiFooter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #f1f1f1;
    padding-top: 10px;
    margin-top: 10px;
}
.popStayDay {
    font-size: 10px;
    margin-bottom: 0;
    color: #686868;
    font-family: 'graphik-medium';
}

.popStayDay i {
    margin-right: 4px;
}


.popDestiHead {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.popPrice{
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: end;
}
.popPrice del {
    font-size: 8px;
}
.popPrice span {
    color: #ff6828;
    font-family: 'graphik-semibold';
    font-size: 14px;
}

.popDestiTitle {
    margin: 0rem 0rem 0.6rem;
    font-size: 14px;
    color: #17305C;
    font-family: 'graphik-semibold';
      display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.popDestSmImg {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid transparent;
    margin: 0 auto;
    transition:0.1s linear;
}
.popDestSmCardMain:hover .popDestSmImg{
    border: 2px solid #FF6827;
    box-shadow: 0px 0px 18px 0px rgb(255 104 39 / 51%);
}
.popDestSmImg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.popDestSmCardMain a {
    text-decoration: none;
    text-align: center;
}

.popDestSmCardMain {
    width: fit-content;
    margin: 2.5rem auto 2.5rem;
}
.popDestSmCardMain a h3 {
    margin: 1rem 0rem 1rem;
    font-size: 15px;
    font-family: 'graphik-medium';
    color: #686868;
    transition:0.1s linear;
}
.popDestSmCardMain:hover h3{
    color: #FF6827;
}
.button_container {
    top: 25px;
    height: 24px;
    width: 24px;
    left: 4%;
}
.mblWhyConnectMain{
    display:none;
}



.bannerInfoCardSearchInner label {
position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    color: #5D6E8D;
    outline: none;
    line-height: 1.5;
    font-family: "graphik";
    width: 100%;
    background-color: white;
    padding: 16px 60px 13px 22px;
    border-radius: 65px;
    z-index: 0;
    height: 100%;
}
.bannerInfoCardSearchInner label span {
    color: #ff6828;
    font-family: 'graphik-medium';
}
/*.bannerInfoCardSearchInner input[type=text]:focus{*/
/*    background-color:#ffffff;*/
/*}*/
/*.bannerInfoCardSearchInner input[type=text]:focus ~ label{*/
/*    opacity:0;*/
/*}*/

.slick-slide{
    height:fit-content !important;
}

/*.slick-arrow{*/
/*    display:none !important;*/
/*}*/
.mobileCitySliderArrow {
    display: block !important;
}
.mobileCitySliderMain{
    display:none;
}

.mblWhyConnectBanner{
    display:none;
}
.popDestCardRow >.tab-pane {
    display: none !important;
}
.popDestCardRow >.tab-pane.active {
    display: block !important;
}

.localExprtDec{
    display:none;
}

.exptSocialLinks > a {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background-color: #fff;
    border-radius: 4px;
    margin-top: 10px;
    font-size: 12px;
    color: #17305c;
    transition: 0.1s linear;
        box-shadow: 0px 7px 10px -5px rgb(0 0 0 / 13%);
}
/*.exptSocialLinks > a:hover {*/
    /*background-color: #ff6827;*/
/*    color: #fff;*/
/*}*/


.bookingCallModalDialog {
    width:500px;
    background-color: #fff;
    padding: 15px;
    border-radius: 11px;
    position: relative;
}
.servExpCardMainhead {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}
.servExpCardDesc p {
    line-height: 26px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.expMakeCallBtn {
    background-color: #ff6827;
    text-decoration: none;
    color: #fff;
    padding: 7px 20px;
    margin: 0 auto;
    border-radius: 4px;
    cursor: pointer;
    border: none;
    display: flex;
    justify-content: center;
    gap: 10px;
    font-size: 12px;
}
.servExpCardMain {
    padding: 15px 15px;
    background-color: #fff8f4;
    border-radius: 12px;
    box-shadow: 0px 13px 10px -10px rgb(222 222 222);
    position: relative;
}
.expBookingProfileprice {
    display: flex;
    justify-content: start;
    align-items: baseline;
    gap: 20px;
    margin-top: 0px;
}
.expBookingPrice {
    border: 0px solid #000;
    border-radius: 4px;
    color: #ff6827;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 10px;
}
.expBookingPrice del {
    font-size: 12px;
    color: #999;
    margin-right: 7px;
    font-weight: 400;
    font-style: italic;
}

.expBookingProfileLeftInfo >span {
    color: #ff6827;
    font-weight: 500;
    font-size: 12px;
}
.expBookingProfileSubject {
    font-size: 26px;
    margin: 5px 0px 0px;
    font-weight: 600;
    color: #17305c;
}
.expBookingProfilerate i {
    margin-right: 4px;
    color: #FFC107;
}
.expBookingProfilerate {
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 500;
}
.mblServiceCard{
    display:none;
}

.bookingCallModalDialog .modal-content {
    width: 100%;
    border: none;
    box-shadow: none;
    animation: none;
}
.bookingCalltab{
    display:none;
}
.expHeaderDetails > h1 {
margin: 0px 0px 0px;
    font-size: 15px;
    color: #ff6827;
    font-weight: 500;
}
.expHeaderDetails > h3 {
    margin: 5px 0px 25px;
    font-size: 26px;
    color: #17305c;
    font-weight: 600;
}
.expHeaderPricing {
    display: flex;
    justify-content: start;
    align-items: center;
}
.expHeaderPricingText {
    color: #ff6827;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0;
    margin-right: 15px;
    border-right: 1px solid #cdcccc;
    line-height: 20px;
    padding-right: 15px;
}
.expHeaderPricingText del {
    font-size: 12px;
    color: #999;
    margin-right: 7px;
    font-weight: 400;
    font-style: italic;
}
.expHeaderTiming {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}
.expHeaderDetails {
    /*background-color: #f8f8f8;*/
    background-color: #fff6f2;
    padding: 25px;
    border-radius: 10px;
    margin: -1.5rem -1.5rem 1.5rem;
}
.mdlStepsBtnRow {
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 10px;
}
.mdlStepsBtnRow #nextBtn {
    background-color: #17305c;
    text-decoration: none;
    color: #fff;
    padding: 8px 15px;
    display: block;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    text-transform: capitalize;
    letter-spacing: 0.6px;
    font-weight: 500;
    border: none;
}
.mdlStepsBtnRow #prevBtn {
    background-color: #ddd;
    text-decoration: none;
    color: #333;
    padding: 8px 15px;
    display: block;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    text-transform: capitalize;
    letter-spacing: 0.6px;
    font-weight: 500;
    border: none;
}
.expDateSlotsRow {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.expDateSlot {
    width: 17%;
}
.formFieldBox {
    margin-bottom: 2rem;
}
.dateSlotLabel {
    border: 1px solid #f1f1f1;
    width: 100%;
    text-align: center;
    padding: 8px 10px;
    font-weight: 500;
    border-radius: 4px;
    transition: 0.2s linear;
    cursor: pointer;
    margin-bottom: 0px;
    font-size: 12px;
}
.formFieldBox > label {
    font-weight: 500;
    margin-bottom: 10px;
    color: #111;
}

.expDateSlot> input[type="radio"]:checked ~ label {
    border: 1px solid #ff6827;
    background-color: #ff6827;
    color: #ffffff;
}
.istNote {
    /* font-style: italic; */
    font-size: 12px;
    color: #6a6a6a;
    font-weight: 400;
    letter-spacing: 0.4px;
}
.expPersonalDtlsMain > h1 {
    margin: 0px 0px 15px;
    font-size: 16px;
    color: #17305c;
    font-weight: 600;
}

.formFieldBox > .form-control {
    min-height: 40px;
    box-shadow: none;
    border: 1px solid #efefef;
    font-size: 12px;
}
.formFieldBox > .form-control:focus {
    border: 1px solid #ff6827;
}

.bookedTimeSlot {
    position: relative;
    background-color: #e9f4eb;
    width: 100%;
    border-radius: 9px;
    border: 1px solid #50a688;
    padding: 8px 12px;
    color: #006b43;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
        margin-bottom: 15px;
}
.bookedTimeSlot > p {
    margin-bottom: 0px;
}
.editbookedTimeSlot {
    border: none;
    background-color: transparent;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 16px;
    z-index: 1;
}
.bookedTimeSlot > p i {
    margin-right: 6px;
}


.date-picker-wrapper * {
  box-sizing: border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.date-picker-wrapper {
  position: relative;
  --background-color: #fff;
  --separator-color: #e1e1e1;
  --tile-color: var(--separator-color);
  --text-color: #616161;
  --shadow-color: #ddd;
  --primary-color: #03a9f4;
  --on-primary-color: #fff;
  --today-border-color: #999;
  --sunday-color: #f44336;
}
.date-picker-wrapper.dark {
  position: relative;
  --background-color: #424242;
  --separator-color: #555;
  --text-color: #ccc;
  --shadow-color: #333;
  --primary-color: #03a9f4;
  --on-primary-color: #fff;
  --today-border-color: #ccc;
  --sunday-color: #f44336;
}

.date-picker {
  position: relative;
  width: 100px;
  padding: 10px 30px 10px 10px;
}

.date-picker-date-container {
  position: absolute;
  top: 100%;
  background-color: var(--background-color);
  left: 0;
  border-radius: 4px;
  box-shadow: 1px 1px 10px var(--shadow-color);
  padding: 0.75rem;
  display: none;
  z-index: 1;
}

.date-picker-input {
     padding: 0.5rem 1rem;
    width: 100%;
    min-height: 40px;
    box-shadow: none;
    border: 1px solid #efefef;
    font-size: 12px;
    border-radius: 4px;
}

.date-picker-date-container.show {
  display: block;
}

.date-picker-date-container * {
  user-select: none;
}

.date-picker-button-primary {
      padding: 4px 8px;
    min-width: 4rem;
    margin-left: auto;
    border: none;
    background-color: #17305c;
    color: var(--on-primary-color);
    border-radius: 4px;
    font-size: 12px;
}

.date-picker-footer {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--separator-color);
  display: flex;
}

.date-picker-header {
  margin-bottom: 8px;
  padding-bottom: 8px;
  display: grid;
  grid-template-columns: 32px 1fr 32px;
  box-sizing: border-box;
  place-content: center;
  border-bottom: 1px solid var(--separator-color);
  color: var(--text-color);
}

.date-picker-header-info {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.date-picker-header-info-prev:hover,
.date-picker-header-info-next:hover {
  background-color: var(--separator-color);
}

.date-picker-header-info-prev,
.date-picker-header-info-next {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  padding-bottom: 8px;
  border-radius: 100%;
  cursor: pointer;
}

.date-picker-header-info-next.hidden,
.date-picker-header-info-prev.hidden {
  opacity: 0;
  z-index: -1;
}

.date-picker-table-header,
.date-picker-selector {
  height: calc(100% - 2rem);
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  place-content: center;
}

.date-picker-table-header {
  padding-bottom: 8px;
}

.date-picker-table-header.hidden {
  display: none;
}

.date-item,
.date-header,
.month-item,
.year-item {
  display: grid;
  place-content: center;
  background-color: var(--tile-color);
    height: 2.35rem;
    border-radius: 4px;
    font-size: 12px;
    color: var(--text-color);
    font-weight: 700;
  position: relative;
}

.month-item,
.year-item {
  padding: 5px;
  min-width: 75px;
}

.date-item,
.date-header {
  width: 3.05rem;
}

.date-header {
  background-color: transparent;
}

.date-item,
.month-item,
.year-item {
  cursor: pointer;
}

.date-item.selected,
.month-item.selected,
.year-item.selected {
  background-color: var(--primary-color);
  color: var(--on-primary-color) !important;
}

.date-item.marked:after {
  content: "";
  width: 5px;
  height: 5px;
  background: #ff5722;
  border-radius: 100%;
  margin-inline: auto;
  position: absolute;
  left: 50%;
  bottom: 2px;
  transform: translateX(-50%);
}

.date-item.disabled,
.month-item.disabled,
.year-item.disabled {
  opacity: 0.6;
  background-color: transparent;
}

.date-item.date-today,
.month-item.date-today,
.year-item.date-today {
  border: 1px solid var(--today-border-color);
}

.date-picker-sunday-first .date-item:nth-child(7n + 1),
.date-picker-sunday-first .date-header:nth-child(7n + 1) {
  color: var(--sunday-color);
}

.date-picker-monday-first .date-header:nth-child(7n),
.date-picker-monday-first .date-item:nth-child(7n) {
  color: var(--sunday-color) !important;
}

.date-item:hover,
.month-item:hover,
.year-item:hover {
  background-color: var(--shadow-color);
}
.mblBdgMainBox {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 10px;
}
.mblBdgColBox {
    width: 20px;
    height: 20px;
    overflow: hidden;
}
.mblBdgColBox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}




.crfMainRow {
    margin-top: 2.5rem;
}
.crfCardMain {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    height: 350px;
    width: 100%;
}
.crfMainRow .row .col-lg-3 {
    padding: 0 8px;
}

.crfCardMain img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.2s linear;
}
.crfCardMain:hover img{
    transform:scale(1.1);
}

.whyslTrvlImg {
    overflow: hidden;
    height: 180px;
    border-radius: 10px 10px 0px 0px;
}
.whyslTrvlImg img,.whyslTrvlInfoProfileImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:0.2s linear;
}
.whyslTrvlImg:hover img{
    transform:scale(1.1);
}

.whyslTrvlInfoProfileImg {
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.whyslTrvlInfoMain {
    background-color: #ffffff;
    padding: 12px;
    border-radius: 0px 0px 10px 10px;
}

.whyslTrvlInfoProfile {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    justify-content: flex-start;
    margin-bottom: 5px;
}
.whyslTrvlInfo > span {
    font-size: 12px;
    color: #ff6827;
    font-family: 'graphik-medium';
}
.whyslTrvlInfo > h3 {
    margin: 5px 0px 0px;
    font-size: 18px;
    font-family: 'graphik-semibold';
    color: #17305C;
}
.whyslTrvlMain {
    background-color: #fff;
    min-height: 350px;
    border-radius: 0px 0px 10px 10px;
        box-shadow: 0px 4px 14px 2px rgb(0 0 0 / 3%);
}
.travelSecMain {
    padding: 4rem 0rem 2rem;
}
.dskTitleHmeInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mblVwbtn{
    display:none;
        margin-top: 3rem;
    text-align: right;
}

.hmVideoCard video,
.hmVideoCard iframe{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hmVideoCard {
    overflow: hidden;
    height: 260px;
    border-radius: 10px;
    position: relative;
}
.hmVideoCardInfo {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    /*top: 0;*/
    padding: 12px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -20%, rgba(0, 0, 0, 0.8618040966386554) 100%);
}
.hmVideoCardInfo h3 {
    font-size: 18px;
    color: #fff;
    margin: 0px 0px;
    font-family: 'graphik-semibold';
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 30px;
}
.hmFeedbckTabs {
    border: 0;
}
.hmFeedbckTabsitems > a {
    border: 1px solid #dfdfdf !important;
    min-width: 140px;
    text-align: center;
    border-radius: 100px !important;
    font-family: 'graphik-medium';
    color: #333;
    margin-right: 10px !important;
}
.hmFeedbckTabsitems.active > a {
    background-color: #ff6827 !important;
    color: #fff !important;
    border-color: #ff6827 !important;
}
.feedBackInfoMainBox {
    margin-top: 3rem;
}
.feedBackImg {
    overflow: hidden;
    width: 49%;
    border-radius: 10px;
    height: 370px;
}
.feedBackImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.feedBackImgMain {
    display: flex;
    justify-content: space-between;
    align-items: self-start;
    margin-bottom:2rem;
}
.feedBackDetailBox > h3 {
    margin: 0px 0px 25px;
    font-size: 30px;
    line-height: 42px;
    font-family: 'graphik-semibold';
    color: #111;
}
.feedBackDetailBox > p {
    font-size: 16px;
    margin-bottom: 4rem;
    line-height: 30px;
    /* font-family: 'graphik'; */
    font-family: "Roboto" !important;
  font-weight: 400;
  color: #333;
}
.feedBackProfile > h3 {
    font-family: 'graphik-medium';
    font-size: 20px;
    color: #ff6827;
    margin: 0px 0px 10px;
}
.feedBackProfile > p {
    font-size: 12px;
    font-family: 'graphik-medium';
    color: #111;
    margin-bottom: 0;
}
.bookingMainSec {
    background-size: cover;
    background-position: center center;
}
.bookingMainBx {
    position: relative;
    padding: 0px 0px;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.bookingMainBx>.row {
    width: 100%;
}
.bookingBxFormMain {
    background-color: #ffffff;
    width: 95%;
    padding: 4rem 4rem 4rem;
    border-radius: 10px;
    margin: 0 auto;
    backdrop-filter: blur(8px);
    margin-left: auto !important;
    box-shadow: 0px 10px 10px -5px #0000001a;
}
.bookingBxFormField label {
    margin-bottom: 5px;
    font-weight: 400;
    font-family: 'graphik-semibold';
}
.bookingBxFormField .form-control {
    margin-bottom: 1.5rem;
    border: 1px solid #cacaca;
    outline: none;
    box-shadow: none;
    font-size: 12px;
    min-height: 45px;
    color: #111;
    font-family: 'graphik';
    border-radius: 5px;
}
.bookingBxFormMain > h3 {
    margin: 0rem 0rem 0.5rem;
    font-family: 'graphik-semibold';
    color: #17305c;
    text-transform: capitalize;
    font-size: 24px;font-weight: 600;
}

.bookingBxFormSubmit {
    width: 100%;
    min-height: 42px;
    font-size: 14px;
    font-family: 'graphik-medium';
    border: none;
    background-color: #ff6827;
    color: #fff;
    border-radius: 4px;
}
.bookingBxFormMain > p {
    margin-bottom: 3rem;
    font-family: 'graphik-medium';
    line-height: 22px;
    font-size: 14px;
    color: #4b4b4b;
}

.headCall {
    display: inline-block;
    background-color: #ffffff;
    padding: 10px 15px;
    border-radius: 8px;
    color: #17305c !important;
    font-weight: 500;
    letter-spacing: 0.3px;
    font-size: 14px;
}
.headCall:hover {
    background-color: #17305c;
    color:#ffffff !important;
}
.hmeNavTabsMain {
    border-bottom: none;
}
.hmeNavTabsMain > li {
    width: 33%;
    text-align: center;
}
.hmeNavTabsMain > li > a {
    border: none !important;
    font-size: 18px;
    font-weight: 600;
    /*color: #222;*/
    color: #ffffff;
    font-family: 'graphik-medium';
    padding: 14px 12px;
    transition:0.1s linear;
    border-radius: 12px 12px 0px 0px;
}
.hmeNavTabsMain >li.active>a,
.hmeNavTabsMain >li> a:hover,
.hmeNavTabsMain >li.active>a:focus,
.hmeNavTabsMain >li.active>a:hover{
    /*color: #fff;*/
    /*cursor: pointer;*/
    /*background-color: #ff6827;*/
    color: #17305c;
    cursor: pointer;
    background-color: #ffffff;
}
.hmeNavTabsMain > li > a > i {
    margin-right: 8px;
}


/* New CSS ADD */
/* .headerSectioninner{padding: 15px 0 15px;}
section.headerSection{background: rgba(255, 255, 255, 0.5);}
.mainHomebanner {min-height: 600px;background-size: cover;}
.banner-nav-section  {position: relative;
    margin-top: -110px;}

    .mainHomebanner::after {
        content: '';
        width: 100%;
        left: 0;
        bottom: 0;
        position: absolute;
        background: linear-gradient(180deg,transparent,#000);
        padding: 40px;
      }
      .mainHomebanner::after {
        content: '';
        width: 100%;
        left: 0;
        bottom: 0;
        position: absolute;
        background: linear-gradient(0deg,transparent,#fff);
        padding: 60px;
      }
      .hmeNavTabsMain > li.active > a, .hmeNavTabsMain > li > a:hover, .hmeNavTabsMain > li.active > a:focus, .hmeNavTabsMain > li.active > a:hover{background-color: #ff6929;} */
      
      
      
.crfCardMain:hover img {
    transform: scale(1.1);
}
.crfMainSec{
    padding:4rem 0rem !important;
}
.crfCardBtnCard {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fd642f;
    padding: 8px 0px;
    color: #fff;
    font-family: 'graphik-semibold';
    transform: translateY(110%);
    transition: 0.2s linear;
}
.crfCardMain:hover .crfCardBtnCard {
    transform: translateY(0%);
}

.trvlEFeatRow {
    margin-top: 2rem;
}
.texpFeatCardMain {
    margin: 15px 0px 10px;
}
.texpFeatCardInner {
    background-color: #fafafa;
    padding: 12px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 11px 10px -8px #e8e8e8;
    position: relative;
}

.texpFeatCardImg {
    overflow: hidden;
    aspect-ratio: 12 / 7;
    border-radius: 5px;
}

.imageScale img{
    transition: 0.2s linear;
}
.imageScale:hover img{
    transform:scale(1.1);
}
.texpFeatCardInfo {
    text-align: left;
    padding: 12px 10px 0px;
    min-height:150px;
}

.texpFeatCardInfo > h1 {
    font-family: 'graphik-semibold';
    font-size: 18px;
    margin-bottom: 1.5rem;
      display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  color:#222;
}
.texpFeatcarousel .slick-track {
    display: flex;
    width:100%;
}

.texpFeatCardInner .crfCardMainBtn {
        display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fd642f;
    padding: 8px 0px;
    color: #fff;
    font-family: 'graphik-semibold';
    margin-top: 15px;
    border-radius: 5px;
}

.banner-nav-section {
    padding-top: 0px;
    margin-top: -53px;
    /* z-index: 10; */
}

.mobilehmeNavTabsMain{
display:none;
    
}


.Globalbottomnav {
    height: fit-content !important;
}
.Globalbottomnav > .item {
    padding: 8px 0px 4px;
}


.Globalbottomnav .item-content i {
    font-size: 18px;
    color: #222222;
}
.Globalbottomnav .item-content p {
    margin: 6px 0px 5px;
}

.planTripHeader {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.planTripHeader > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:0.2s linear;
}
.planTripBottom > p {
font-size: 15px;
    font-family: 'graphik-semibold';
    padding: 12px 15px;
    color: #222;font-weight: 500;
}
.planTripMainCard {
    overflow: hidden;
    box-shadow: 0px 15px 10px -10px #0f0f0f1f;
    border-radius: 10px;
    background-color: #fbfbfb;
}
.planTripHeaderinfo {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    background: linear-gradient(273deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 1) 130%);
    transition:linear-gradient 0.2s linear;
}
.planTripHeaderinfo p {
    color: #fff;
    margin-bottom: 2px;
    font-size: 20px;
    font-family: 'graphik-semibold';
}
.planTripHeaderinfo span {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 12px;
    background-color: #ff6827;
    color: #fff;
    font-family: 'graphik-semibold';
    padding: 3px 10px;
    border-radius: 4px;
}
.popSliderCardMain {
    margin-top: 3rem;
}

.planTripMainCard:hover .planTripHeader > img {
    transform: scale(1.1);
}
.planTripMainCard:hover .planTripHeaderinfo{
    background: linear-gradient(273deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 1) 110%);
}

.mdlPckgFormInner .bookingBxFormMain {
    background-color: #ffffff;
    width: 100%;
    padding: 4rem 4rem 4rem;
    border-radius: 0px;
    margin: 0 auto;
    backdrop-filter: unset;
    margin-left: auto !important;
    box-shadow: none;
    border-left: 1px solid #f1f1f1;
}
.pckgBkngModaldialog {
    max-width: 1000px;
    width: 100%;
}

.pckgBkngModalcontent button.close {
position: absolute;
    right: 12px;
    z-index: 10;
    top: 5px;
    opacity: 1;
    font-size: 25px;
    padding: 0;
    line-height: 1;
}
.pckgBkngModalcontent {
    border: none;
    overflow: hidden;
}
#pckgBkngModal,
#flghtBkngModal,
#vsaBkngModal{
    backdrop-filter: blur(4px);
    background-color: #0606069e;
}

.mdlPckgFormMain {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-img img{height:20px}



 /* Media Query */

 @media screen and (max-width:1200px){
    .travel-expert-section .content-sec{text-align: center;}

    .block-padd.home-banner.has-banner-video .row.d-flex.align-items-center {
    flex-direction: column-reverse !important;
    }
        .travel-expert-section .content-sec form {
        max-width: 100%;
        margin: auto;
    }
    .block-padd.home-banner.has-banner-video .banner-cta .btn {
        width: 100%;
        /*! border-radius: 50px; */
    }
    .travel-expert-section .content-sec .ttl{font-size: 50px;margin-top: -20px;}
    .travel-expert-section .container .travel-container p{margin-top: 10px;font-size: 20px;}



    .top-solo-section .tab-content .row{display: flex;
        flex-wrap: wrap;}
    .top-solo-section .tab-content .col-lg-3 {
        width: 33.33%;
    }

   .top-solo-section .col-lg-12.text-center{width: 100% !important;}

   .agent-job-section .btn{margin-top: 20px;}

}




@media screen and (max-width:1199px){
.guid_slider.travel-expert-section .img-wrap img {
    height: 280px !important;
    width: auto !important;
    padding: 15px !important;
  }

  .guid_slider.travel-expert-section .title{padding: 0 30px;}
  .guid_slider.travel-expert-section .title .ttl{font-size: 32px;}

  .guid_slider.travel-expert-section .travel-img-sec{padding: 20px 15px;}

  .mobileheadersearchbox.display{display: none;}

}

@media screen and (max-width:992px) {
.tab-img .img-fluid.w-100 {
    min-height: 300px;
    height: 300px;}

 .top-solo-section   .col-lg-12.text-center {
        width: 100%;
      }


}


@media screen and (max-width:767px){
.top-solo-section .tab-img > img {min-height: 295px;height: 295px;}

.travel-expert-section .container .travel-container p{font-size: 15px;}

.top-solo-section .nav.nav-tabs{justify-content: initial;overflow-x: scroll;
    flex-wrap: nowrap;}


    .guid_slider.travel-expert-section .col-lg-6.px-0 .img-wrap.d-flex.align-items-center   {flex-direction: column;
        justify-content: center;}

        
        .top-travel-section .ttl, 
        .popular-section h2.ttl,
        .agent-job-section .title .ttl,
        .guid_slider.travel-expert-section .title .ttl,
        .dskTitleHmeInner h2,
        .top-solo-section .title-block .ttl,
        .Explore-section .dskTitleHmeInner h2{
            font-size: 24px;line-height: 1.2;}

            .Explore-section .dskTitleHmeInner p{font-size: 13px;text-align: center;}
            .guid_slider.travel-expert-section .title {
                padding: 0 15px;
              }


              .guid_slider.travel-expert-section.hikers-section  .col-lg-12.btn-block.text-center.mt-5 {
                margin-bottom: 50px;
              }


              .guid_slider.travel-expert-section.hikers-section .col-lg-12.btn-block.text-center.mt-5 {
                margin-top: 0px !important;
              }
            


}


@media only screen and (max-width: 667px) {
.guid_slider.travel-expert-section.hikers-section {
  top: 0%;
  margin-top: 0rem;
  background-color: #f2f2f2;
}

.guid_slider.travel-expert-section.hikers-section .container{margin-top: 0px;}

}

@media screen and (max-width:666px){
.guid_slider.travel-expert-section .container{margin-top: 120px;}
.guid_slider.travel-expert-section   .booking-txt img {height: 300px;}

}




@media screen and (max-width:640px){
.travel-expert-section .travel-container{padding: 30px 15px;}
.travel-expert-section .content-sec .ttl{font-size: 38px;}

.top-solo-section .tab-content .col-lg-3 {width: 50%;}
.top-solo-section .tab-img > img {min-height: 250px;height: 250px;}
.top-solo-section .nav.nav-tabs li.active a{min-width: 130px !important;}

.guid_slider.travel-expert-section .owl-dots{opacity: 0;}

}


@media screen and (max-width:575px){
.localExprtProfileCardMain {height: 220px !important;}


}

@media screen and (min-width:481px){

.banner-nav-section{z-index: 10;}

}

@media screen and (max-width:480px){
.travel-expert-section .content-sec {padding: 15px !important;}
  .travel-expert-section .content-sec .ttl{font-size: 36px;}
  
.top-solo-section .tab-content .col-lg-3 {width: 100%;}

  .top-travel-section img { height: 160px;}

    .Explore-section .ctPrimaryBtn { margin: 5px 0px;padding: 10px 20px;}


    .guid_slider.travel-expert-section .title{text-align: center;
        max-width: 100%;
        margin: auto;}
    .guid_slider.travel-expert-section .img-wrap img{display: none;}

 .Explore-section   .localExprtProfileCardMain {
        height: 210px !important;
      }

      .banner-txt .sub-ttl{font-size: 18px;}
   
   
           .guid_slider.travel-expert-section   .booking-txt img {height: 160px;}
   .booking-txt a{font-size: 12px}

   .localExprtProfileCardMain {box-shadow: none;border: 1px solid #e8e8e8;}
  
}



@media screen and (max-width:360px){
.travel-expert-section .local-expert-block {
    min-height: 400px;}
.banner-txt h1{font-size: 29px;}

.top-solo-section .title-block .ttl{font-size: 26px;}
.travel-expert-section .container .travel-container .find-ttl{font-size: 22px;margin-top: 50px;}


.tab-img .img-fluid.w-100 {
    min-height: 290px;
    height: 290px;}


    .top-travel-section .ttl, .popular-section h2.ttl,
    .agent-job-section .title .ttl,.guid_slider.travel-expert-section .title .ttl,.dskTitleHmeInner h2{
        font-size: 26px;line-height: 1.2;}

    .tab-img .body .name{font-size: 13px;}
    .tab-img .body .location{font-size: 12px;}

    .agent-sec h6 {font-size: 14px;}


    .guid_slider.travel-expert-section.hikers-section  .owl-carousel.owl-drag .owl-item .item{padding: 10px 20px 0px 5px;}


 .Explore-section   .localExprtProfileCardMain {
        height: 205px !important;
      }
   
   .top-travel-section img {
height: 130px;
}
   .top-travel-section h6.name{font-size: 12px}
   
   
   .owl-nav button {
width: 34px;
       height: 34px;}
   

}