:root{
    --color-1: #1B2837;
    --color-2: #F1F3F6;
    --color-3: #B6BCC3;
    --color-4: #000000;
    --color-5: #060F1A;
    --color-6: #0A0A0A;
    --color-7: #22ADE4;
    --color-8: #626E7B;
    --color-9: #C4C4C4;
    --color-10: #D0D0D0;
    --color-11: #D9DEE4;
    --color-12: #DBE8EB;
    --color-13: #F0F0F0;
    --color-14: #FFFFFF;
    --color-15: #F6F6F6;
    --color-16: #FF83A1;
}
.padding-32{
    padding: 32px;
}
.button{
    /* padding: 20px 30px;
    border-radius: 12px;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px; */
    padding: 16px 20px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    margin: auto;

    width: 100%;
    border: none;
    color: var(--color-2);
    background: linear-gradient(180deg, rgba(62,65,69,1) 0%, rgba(27,40,55,1) 44%, rgba(27,40,55,1) 100%);
    box-shadow: 0px 12px 24px 0px var(--color-11) !important;
    text-align: center;
    text-decoration: none;
    display: block;
}
.button:disabled {
    /* padding: 20px 30px;
    border-radius: 12px;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px; */
    padding: 16px 20px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    margin: auto;
    line-height: 1;

    width: 100%;
    border: none;
    color: var(--color-2);
    background: linear-gradient(180deg, rgb(145, 146, 148) 0%, rgb(81, 87, 93) 44%, rgb(47, 54, 63) 100%);
    box-shadow: 0px 12px 24px 0px var(--color-11) !important;
    text-align: center;
    text-decoration: none;
    display: block;
}

a.button:hover{
    color: var(--color-2);
}

.space-sticky-new{
    height: 68px !important;
}
.pari-section .display-title .image{
    width: 227px;
    margin: 109px auto 0px;
}
.pari-section .display-title h1{
    font-size: 32px;
    font-weight: 700;
    line-height: 46px;
    text-align: center;
    color: var(--color-1);
}
.pari-section .display-title p{
    margin: 0px 0px 32px 0px;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    color: var(--color-8);
}
.pari-section .display-title a{
    padding: 6px 16px;
    text-align: center;
    border-radius: 24px;
    color: var(--color-2);
    background: var(--color-1);
    text-decoration: none;
    text-align: center;
    display: inline-block;
    margin-bottom: 72px;
}
.pari-section .swiper-pagination{
    bottom: 40px;
}
.pari-section .swiper-pagination .swiper-pagination-bullet{
    background: var(--color-2);
}
.pari-section .swiper-pagination .swiper-pagination-bullet-active{
    background: var(--color-3);
}

.account-section .new-login-headding{
    font-size: 32px;
    font-weight: 300;
    line-height: 46px;
    text-align: center;
    color: var(--color-1);
    margin-bottom: 8px;
}
.account-section .content__form .form-group input,
.account-section .content__form .form-group textarea{
    padding: 28px 16px 12px 16px !important;
    border: 2px solid var(--color-2);
    font-family: Poppins;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    color: var(--color-1);
    height: auto;
    background-color: transparent;
}
.account-section .content__form .form-group.new-input input{
    padding-left: 50px !important;
}
.account-section .content__form .form-group{
    margin-bottom: 8px;
}
.account-section .content__form .form-group.mb-30{
    margin-bottom: 30px;
}
.account-section .content__form .form-group input::placeholder{
    color: var(--color-3);
}
.form-group .form-control:focus{
    border-color: var(--color-2) !important;
}
.form-group.error .form-control:focus{
    border-color: var(--color-16) !important;
}
.account-section .content__form .form-group label{
    position: absolute;
    left: 16px;
    top: 12px;
    font-size: 10px;
    font-weight: 300;
    line-height: 16px;
    color: var(--color-8);
}
.account-section .content__form .form-group.new-input label{
    left: 52px;
}


.content__form .permission .custom-input {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    background: var(--color-1);
    position: relative;
    border-radius: 40px;
    margin-top: 3px;
}
 .content__form .permission .custom-input::before {
    display: block;
    content: "";
    transition: 120ms transform ease-in-out;
    height: 8px;
    width: 8px;
    position: absolute;
    left: 5px;
    top: 5px;
}
 .content__form .permission input[type="checkbox"].custom-input::before {
    transform-origin: bottom left;
    background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSI1MTIuMDAwMDAwcHQiIGhlaWdodD0iNTEyLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgNTEyLjAwMDAwMCA1MTIuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+Cgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCw1MTIuMDAwMDAwKSBzY2FsZSgwLjEwMDAwMCwtMC4xMDAwMDApIgpmaWxsPSIjZmZmZmZmIiBzdHJva2U9Im5vbmUiPgo8cGF0aCBkPSJNNDgxNSA0MzQxIGMtMTYgLTQgLTQ2IC0xNiAtNjUgLTI1IC0xOSAtMTAgLTY5MyAtNjc2IC0xNDk3IC0xNDc5CmwtMTQ2MyAtMTQ2MiAtNjkyIDY5MiBjLTQ4NyA0ODUgLTcwNiA2OTggLTczOCA3MTQgLTYxIDMxIC0xNTggMzEgLTIxNiAyIC01MwotMjggLTEwNyAtODkgLTEyOSAtMTQ3IC0yMiAtNTYgLTE2IC0xMzUgMTMgLTE5MiAzMCAtNTggMTYxNyAtMTYzOSAxNjY0Ci0xNjU5IDQ4IC0xOSAxNDggLTE5IDE5NiAwIDQ3IDIwIDMxNzIgMzE0MCAzMjA1IDMyMDAgMzAgNTYgMzAgMTY0IDAgMjIwIC01NAoxMDIgLTE3NyAxNjIgLTI3OCAxMzZ6Ii8+CjwvZz4KPC9zdmc+Cg==");
    transform: scale(0);
    background-size: contain;
}
.content__form .permission  input[type="checkbox"].custom-input:checked::before{
    transform: scale(1);
}
.content__form .permission input[type="radio"].custom-input::before {
    border-radius: 50%;
    transform: scale(0);
}
.content__form .permission label{
    margin-left: 7px;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
    color: var(--color-4);
    width: 90%;
}
.content__form .permission{
    margin-bottom: 16px;
}
.content__form .permission .permission-inner{
    margin-bottom: 10px;
}
.content__form .permission .permission-inner:last-child{
    margin-bottom: 0px;
}
.content__form .register-page-link{
    margin-top: 26px;
    text-align: center;
}
.content__form .register-page-link a{
    font-size: 17px;
    font-weight: 300;
    line-height: 24px;
    display: inline-block;
    color: var(--color-1);
    text-decoration: none;
    margin-bottom: 38px;
}
.content__form .resend-otp a{
    font-size: 13px;
    font-weight: 300;
    line-height: 24px;
    color: var(--color-6);
    margin-bottom: 28px;
    display: inline-block;
}
.content__form .otp-enter{
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    color: var(--color-4);
    margin-bottom: 14px;
    margin-top: 64px;
}


.account-section .content__form .error label{
    color: var(--color-16);
}
.account-section .content__form .error input{
    color: var(--color-16);
    border-color: var(--color-16);
    box-shadow: 0px 12px 16px 0px #FF83A133 !important;
}
.account-section .content__form .error input::placeholder{
    color: var(--color-16);
}
.account-section .content__form .error .error-message{
    color: var(--color-16);
    margin-top: 12px;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.account-section .content__form .error-message{
    /* display: none; */
    color: var(--color-16);
}

.error-message .error{
    /* display: none; */
    color: var(--color-16) !important;
}

header .logo{
    width: 119px;
}
header.default .un-block-right .menu-sidebar .btn svg{
    width: auto;
}

header{
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 99999999;
    background-color: transparent !important;
    padding: 20px !important;
    transition: 0.5s;
}
header.active{
    background-color: var(--color-1) !important;
}
header .black-logo{
    display: block;
}
header .white-logo{
    display: none;
}
header.active .white-logo{
    display: block;
}
header.active .un-block-right  a svg path,
header.active .un-block-right  button svg path{
    stroke: var(--color-14);
}
header.active .black-logo{
    display: none;
}

.hero-header-slide .display-title{
    position: relative;
}
.hero-header-slide .display-title .bottom-text-hero{
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: var(--color-14);
    padding: 32px;
    margin-bottom: 62px;
    width: 100%;
}
.hero-header-slide .display-title .bottom-text-hero h1{
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.hero-header-slide .display-title .bottom-text-hero p{
    font-size: 17px;
    font-weight: 300;
    line-height: 24px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.hero-header-slide .image{
    border-radius: 0px;
    overflow: hidden;
}
.hero-header-slide  .swiper-pagination{
    bottom: 24px;
}
.hero-header-slide  .swiper-pagination .swiper-pagination-bullet{
    background: var(--color-14);
    opacity: 1;
    height: 2px;
    width: 34px;
    border-radius: 0px;
}
.hero-header-slide  .swiper-pagination .swiper-pagination-bullet-active{
    background: #929292;
}
.hero-header-slide{
    margin-bottom: 35px;
}
.unSwiper-cards .content-cards-NFTs .swiper-slide .item-card-gradual {
    margin-left: 32px !important;
}
.unSwiper-cards .content-cards-NFTs .swiper-slide:last-child{
    margin-right: 32px;
}
.section-title h2{
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 18px;
    color: var(--color-1);
}
.section-title p{
    font-size: 17px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    margin-bottom: 57px;
}
.about-program-slide .item-card-gradual{
    border: none;
}
.about-program-slide .item-card-gradual .body-card{
    padding: 20px 0px 55px;
}
.about-program-slide .item-card-gradual .body-card .cover-nft{
    padding: 0px;
    box-shadow: 0px 20px 40px 0px var(--color-3);
    /* margin-bottom: 55px; */
    border-radius: 16px;
}
.about-program-slide .item-card-gradual .body-card .cover-nft{
    position: relative;
}
.about-program-slide .item-card-gradual .body-card .cover-nft .image img{
    border-radius: 16px;
}
.about-program-slide .item-card-gradual .body-card .cover-nft .image{
    position: relative;
}
.about-program-slide .item-card-gradual .body-card .cover-nft .image::before{
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    background: var(--color-1);
    opacity: 30%;
    border-radius: 16px;
}
.about-program-slide .item-card-gradual .body-card .cover-nft .image-text{
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 12px 24px 30px 12px;
    z-index: 1;
}
.about-program-slide.unSwiper-cards .content-cards-NFTs .swiper-slide {
    width: 60% !important;
}
.about-program-slide .item-card-gradual .body-card .cover-nft h3{
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-14);
    margin-bottom: 14px;
    position: relative;
}
.about-program-slide .item-card-gradual .body-card .cover-nft p{
    font-size: 10px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-14);
    margin-bottom: 0px;;
}

.started-section{
    background: var(--color-13);
}
.started-section a{
    text-decoration: none;
}
.started-section h3{
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    margin-top: 18px;
}
.started-section .box-started{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 14px;
}


.what-they-say-section h2{
    margin-bottom: 30px;
}
.what-they-say-section .item-card-nft .bottom-text-hero{
    border: 1px solid var(--color-10);
    background: var(--color-14);
    padding: 33px;
    border-radius: 20px;
    margin-bottom: 44px;
}
.what-they-say-section .item-card-nft .bottom-text-hero h3{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-4);
    margin-bottom: 22px;
}
.what-they-say-section .item-card-nft .bottom-text-hero .quotes-design{
    right: 20px;
    top: -3px;
}
.what-they-say-section .item-card-nft .bottom-text-hero p{
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-4);
}
.what-they-say-section .item-card-nft .image{
    margin-bottom: 50px;
}
.what-they-say-section .item-card-nft .image .text{
    top: 0px;
    left: 0px;
    padding: 13px 15px;
    color: var(--color-2);
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-15);
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.what-they-say-section .banner-slide-test .swiper-pagination-bullet{
    opacity: 1;
    background: var(--color-8);
}

.accordion{
    margin-bottom: 32px;
}
.accordion .section-title h2{
    margin-bottom: 36px;
}
.accordion .accordion-item{
    border: none;
    border-bottom: 1px solid var(--color-3);
    border-radius: 0px;
    margin-bottom: 25px;
}
.accordion .accordion-item:last-child{
    margin-bottom: 0px;
}
.accordion .accordion-item .accordion-header .accordion-button{
    padding: 0px 20px 15px 0px;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-8);
    min-height: 100%;
}
.accordion .accordion-body{
    padding: 0px 0px 15px 0px;
}
.accordion-button::after {
    font-size: 14px !important;
    color: var(--color-4) !important;
    right: 0px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50px;
    border: 2px solid #000;
    padding: 4px;
}

.un-bottom-navigation .em_body_navigation .item_link .btn_navLink{
    width: auto;
}
.un-bottom-navigation .em_body_navigation .item_link .btn_navLink.active svg path{
    stroke: var(--color-7);
}
.un-bottom-navigation .em_body_navigation .item_link .btn_navLink .text{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-3);
    margin-top: 6px;
}
.un-bottom-navigation .em_body_navigation .item_link .btn_navLink.active .text{
    color: var(--color-7);
}
.un-bottom-navigation .em_body_navigation .item_link .btn_navLink.active .icon_current{
    display: block;
}
.un-bottom-navigation .em_body_navigation .item_link .btn_navLink::after{
    display: none;
}
.un-bottom-navigation .em_body_navigation{
    padding: 0px 10px !important;
    z-index: 9999;
    border-top: 1px solid var(--color-13) !important;
}
.un-bottom-navigation .em_body_navigation .item_link{
    height: 66px;
}


.booknow-btn{
    background: #B6BCC380;
    padding: 10px 20px;
    position: absolute;
    top: 80px;
    left: 0px;
    width: 100%;
    text-align: end;
    z-index: 11;
}
.booknow-btn a{
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding: 5px 22px;
    color: var(--color-14);
    border-radius: 20px;
    text-decoration: none;
    background: var(--color-7);
}

.hero-header-slide{
    position: relative;
}


.search-section{
    background: url("https://v2.concierges.in/frontend/images/new-image/location-banner.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: fixed;
    width: 100%;
}
.search-section .main-search-header{
    background-color: transparent;
    padding: 67px 32px 67px 32px;
    position: relative;
}
.search-section .main-search-header::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(34, 34, 34, 0.8) 50%);
}
.search-section .form-group.with_icon .input_group .icon svg path, .form-group.with_icon .input_group .icon svg circle{
    stroke: var(--color-14);
}
.search-section .form-group.with_icon .input_group .icon,
.location-home-search .form-group.with_icon .input_group .icon{
    left: 16px;
}
.search-section .form-group.with_icon .input_group .icon svg,
.location-home-search .form-group.with_icon .input_group .icon svg{
    height: 24px;
    width: 24px;
}
.search-section .form-group.with_icon .input_group .form-control {
    padding: 16px 56px;
    border-radius: 16px !important;
    background-color: #FFFFFF40 !important;
    font-size: 20px;
    height: auto !important;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-14);
    border: none;
}
.location-home-search .form-group.with_icon .input_group .form-control{
    color: var(--color-8);
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding: 16px 56px;
    border-radius: 16px !important;
    background-color: transparent !important;
    box-shadow: 0px 0px 8px 0px var(--color-12);
    border: 2px solid var(--color-11);
    height: auto !important;
}
.location-home-search.main-search-header{
    margin-bottom: 38px;
}
.search-section .form-group.with_icon .input_group .form-control::placeholder{
    font-size: 20px;
    height: auto !important;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-14);
}
.location-home-search .form-group.with_icon .input_group .form-control::placeholder{
    color: var(--color-8);
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.search-section .search-content{
    margin-top: 24px;
    overflow-y: scroll;
    height: 100%;
}
.search-section .search-content::-webkit-scrollbar {
    width: 4px;
}

  /* Track */
.search-section .search-content::-webkit-scrollbar-track {
    background: transparent;
}

  /* Handle */
.search-section .search-content::-webkit-scrollbar-thumb {
    background: #FFFFFF60;
    border-radius: 12px;
}
.search-section .search-content ul li{
    margin-bottom: 28px;
    list-style: none;
}
.search-section .search-content ul li:last-child{
    margin-bottom: 0px;
}
.search-section .search-content ul li a{
    font-size: 48px;
    font-weight: 400;
    line-height: 64px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-14);
    text-decoration: none;
}


.location-explore{
    height: 100vh;
    position: fixed;
    overflow: hidden;
    width: 100%;
}
.location-explore .image{
    position: relative;
    height: 100%;
    width: 100%;
    margin-top: 48px;
}
.location-explore .image::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -31.11%, rgba(34, 34, 34, 0.8) 66.25%);
    border-radius: 30px;
}
.location-explore .image img{
    height: 100%;
    width: 100%;
    border-radius: 30px 30px 0px 0px;
    object-fit: cover;
}
.location-explore .image .details{
    position: absolute;
    bottom: 140px;
    left: 0px;
    width: 100%;
}
.location-explore .image .details h2{
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-14);
    margin-bottom: 16px;
}
.location-explore .image .details p{
    font-family: Poppins;
    font-size: 17px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-14);
    margin-bottom: 27px;
}
.location-explore .image .details a{
    padding: 6px 16px;
    background: var(--color-14);
    border-radius: 24px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    text-decoration: none;
    text-align: center;
}

.hero-location .bottom-text-hero .looking-text{
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #FFFFFFab;
    margin-bottom: 8px;
}
.hero-location.hero-header-slide .image{
    position: relative;
}
.hero-location.hero-header-slide .image::before{
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 42%;
    width: 100%;
    background: linear-gradient(180.03deg, rgba(0, 0, 0, 0) 1.21%, rgba(0, 0, 0, 0.5) 59.83%);
}
.hero-location .bottom-text-hero a{
    text-decoration: none;
}
.hero-location .bottom-text-hero a h1{
    font-size: 56px !important;
    font-weight: 600 !important;
    line-height: 64px !important;
    text-align: left !important;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-14);
    margin-bottom: 0px;
}
.hero-location .bottom-text-hero p{
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-14);
    opacity: 70%;
    margin-bottom: 0px;
}


.categories-new-search.categories-tag-search .content-tags .btn-tag-filter.active span, .categories-new-search.categories-tag-search .content-tags .btn-tag-filter:hover span{
    background-image: none;
    background-color: var(--color-1) !important;
    color: var(--color-11);
}
.categories-new-search.categories-tag-search .content-tags .btn-tag-filter input{
    height: 100%;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-11);
}
.categories-new-search.categories-tag-search.solid-bg-white .content-tags.other-style .btn-tag-filter span{
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-3);
    border: 1px solid var(--color-1);
}

.discover-NFTs-gradual h3.headding-section{
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    margin: 50px 0px 26px 0px;
}
.new-slide-location .swiper-slide .item-card-gradual{
    margin-bottom: 0px;
}
.see-all a{
    text-decoration: none;
    color: var(--color-1);
    margin-bottom: 24px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.spa-section .item-card-gradual{
    background-color: transparent;
}

.spa-section.about-program-slide .item-card-gradual .body-card{
    box-shadow: none;
}
.spa-section.about-program-slide .item-card-gradual .body-card {
    box-shadow: none;
}

.spa-section.about-program-slide .item-card-gradual .body-card .cover-nft .image::before{
    display: none;
}
.spa-section h3{
    position: relative;
    font-size: 15px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    margin: 16px 0px 0px 0px;
}
.spa-section.about-program-slide .item-card-gradual .body-card .cover-nft .image img{
    box-shadow: 0px 20px 40px 0px var(--color-3);
}
.spa-section.about-program-slide.unSwiper-cards .content-cards-NFTs .swiper-slide {
    width: 54% !important;
}

.what-location-section .display-title h4{
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-11);
    margin-bottom: 0px;
}
.what-location-section .display-title p{
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-11);
    margin-bottom: 0px;
}
.what-location-section .item-card-nft .image .text{
    padding: 22px 20px;
}
.what-location-section .item-card-nft .image{
    margin-bottom: 18px;
}
.what-location-section .item-card-nft .image .text-2 h4{
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-15);
}
.what-location-section .item-card-nft .image .text-2 {
    padding: 20px;
}
.what-location-section .item-card-nft .image .text-3 h4{
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-2);
}

.booknow-btn.position-static{
    margin-top: 80px !important;
}

.hotel-list .btn-box-filter{
    height: auto;
    width: auto;
    border: none;
}
.hotel-list .content-search{
    margin: 28px 0px;
    padding: 0px 20px;
}
.hotel-list .form-group.with_icon .input_group .form-control{
    background-color: var(--color-2) !important;
    border-radius: 16px !important;
    padding: 16px 56px 16px;
    height: auto !important;
    border: none;
    color: var(--color-8);
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.hotel-list .form-group.with_icon .input_group .form-control::placeholder{
    color: var(--color-8);
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}
.hotel-list .form-group.with_icon .input_group .icon{
    left: 16px;
}

.hotels-detail-search .title-name{
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
}
.hotels-detail-search .industry-name a{
    font-size: 56px;
    font-weight: 600;
    line-height: 64px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-8);
    text-decoration: none;
    justify-content: start !important;
}
.hotels-detail-search .industry-name a svg{
    margin-left: 20px;
}
.hotels-detail-search .hotel-info h4{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    margin-bottom: 2px;
}
.hotels-detail-search .hotel-info p{
    font-size: 11px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-8);
    margin-bottom: 0px;
}
.hotels-detail-search .hotel-info a{
    text-decoration: none;
}
.hotels-detail-search .hotel-info .text-right{
    width: 62%;
    margin-left: 16px;
}
.hotels-detail-search .hotel-info .image{
    box-shadow: 0px 20px 40px 0px var(--color-9);
    border-radius: 16px;
    width: 80px;
    height: 120px;
}
.hotels-detail-search .new-hotel-info .image{
    box-shadow: 0px 20px 40px 0px var(--color-9);
    border-radius: 16px;
    background: var(--color-3);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 80px;
}
.hotels-detail-search .new-hotel-info{
    margin: 39px 0px !important;
}
.hotels-detail-search .new-hotel-info h4{
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    margin-bottom: 6px;
}
.hotels-detail-search .new-hotel-info p{
    color: var(--color-1);
}
.hotels-detail-search .hotel-info{
    margin-top: 24px;
}

.sidebar-menutop.modal.sidebarMenu .modal-dialog{
    width: 100%;
    position: relative;
}
.sidebar-menutop.modal.sidebarMenu .modal-dialog .bottom-design{
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: none;
}
.sidebar-menutop.modal.sidebarMenu .modal-dialog .modal-content{
    background: url("https://v2.concierges.in/storage/program/sidebar/thumbnail/large_alexander-grey-NkQD-RHhbvY-unsplash-1732627644.jpg") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}
.sidebar-menutop.modal.sidebarMenu .btnClose{
    height: auto;
    width: auto;
    background-color: transparent;
    padding: 0px;
}
.sidebar-menutop.modal .modal-dialog .modal-content .modal-body{
    background-color: transparent;
    margin-top: 56px;
    padding: 0px 32px;
}
.sidebar-menutop .modal-dialog .nav{
    position: relative;
    z-index: 1;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link{
    background-color: transparent;
    padding: 0px;
    margin-bottom: 43px;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link:hover{
    background-color: transparent;
}
.sidebarMenu.-left .modal-dialog .modal-content .modal-body .nav .nav-item .nav-link .title_link{
    padding: 0px;
    font-size: 40px;
    font-weight: 300;
    line-height: 48px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-8);
}
.hotel-details-section .top-image{
    margin-bottom: 32px;
    box-shadow: 0px 20px 40px 0px #908C8C66;
    border-radius: 36px;
    overflow: hidden;
}
.hotel-details-section .details h2{
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    margin-bottom: 4px;
}
.hotel-details-section .details .hotel-star .icon{
    margin-right: 5px;
}
.hotel-details-section .details .hotel-star span{
    margin-left: 8px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-8);
}
.hotel-details-section .details p{
    font-size: 17px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-8);
    margin: 16px 0px;
}
.hotel-details-section .details .show-map a{
    text-decoration: none;
    padding: 6px 16px;
    background: var(--color-2);
    border-radius: 24px;
    color: var(--color-8);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    display: inline-block;
    margin-bottom: 16px;
}
.hotel-details-section .details h3{
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-4);
    margin-bottom: 16px;
}
.hotel-details-section .details .features{
    margin-bottom: 32px;
}
.hotel-details-section .details .features .icon{
    margin-right: 24px;
}
.hotel-details-section .details .button{
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.booking-section-review .sub-heading{
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    margin-bottom: 8px;
}
.booking-section-review {
    margin-top: 64px;
}
.booking-section-review .hotel-name{
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-5);
    margin-bottom: 8px;
}
.booking-section-review .hotel-address{
    color: var(--color-3);
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.booking-section-review .title{
    border-bottom: 1px solid var(--color-2);
    margin-bottom: 16px;
}


.booking-section-review .account-section .content__form .form-group input::placeholder,
.booking-section-review .account-section .content__form .form-group textarea::placeholder{
    color: var(--color-1);
}
.booking-section-review .account-section .content__form .error input::placeholder,
.booking-section-review .account-section .content__form .error textarea::placeholder{
    color: var(--color-16);
}
.booking-section-review h2{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    margin-bottom: 20px;
}
.booking-section-review .account-section .content__form .form-group.mb-30 {
    margin-bottom: 16px;
}
.booking-section-review .content__form .permission {
    margin-bottom: 28px;
    margin-top: 42px;
}
.booking-section-review .content__form .button, .backtohome .button{
    font-size: 17px;
    font-weight: 300;
    line-height: 24px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.successfull-booking-section .code{
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-5);
    margin-top: 26px;
}
.successfull-booking-section h2{
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    margin-bottom: 8px;
}
.successfull-booking-section p{
    margin-bottom: 35px;
    font-size: 17px;
    font-weight: 300;
    line-height: 24px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-8);
}
.successfull-booking-section .image{
    margin-bottom: 24px;
}
.successfull-booking-section{
    padding-top: 78px !important;
}
.successfull-booking-section-button{
    padding-bottom: 78px !important;
}

.notification-section{
    padding-top: 104px;
}
.notification-section .hedding{
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    margin-bottom: 24px;
}
.notification-section .box {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-2);
    margin-bottom: 16px;
}
.notification-section .box h3{
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-8);
    margin-bottom: 0px;
}
.notification-section .box span{
    font-family: Poppins;
    font-size: 10px;
    font-weight: 300;
    line-height: 16px;
    text-align: right;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-3);
}
.notification-section .box p{
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-8);
    margin-top: 24px;
}
.titles-trip p{
font-size: 17px;
font-weight: 300;
line-height: 24px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--color-8);
}

/* .hero-location.hero-header-slide.new .image::before{
    background: linear-gradient(360deg, #FFFFFF 82.53%, rgba(255, 255, 255, 0) 95.82%);
    top: 280px;
} */
.hero-location.hero-header-slide.new .image::before {
    background: linear-gradient(360deg, #FFFFFF 31.53%, rgba(255, 255, 255, 0) 52.82%);
    top: 0px;
    height: 100%;
}
.hero-location.hero-header-slide.new h1{
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
}
.hero-location.hero-header-slide.new .image{
    border-radius: 0px;
    overflow: visible;
}
.trip-activities.main-search-header .nav-tab-search .nav-item .nav-link{
    width: 100%;
    margin: 0px;
    padding-bottom: 16px;
}
.trip-activities.main-search-header .nav-tab-search .nav-item .nav-link::before{
    width: 100%;
}
.trip-activities.main-search-header{
    margin: -90px 32px 16px;
}
.trip-activities-box{
    margin-bottom: 50px;
}
.trip-activities-box .un-title-default .box-content a{
    text-decoration: none;
}
.trip-activities-box .un-title-default .box-content .date{
    border: 1px solid var(--color-11);
    border-radius: 10px;
}
.trip-activities-box .un-title-default .box-content .date .month{
    background: var(--color-1);
    color: var(--color-14);
    padding: 1px 3px;
    border-radius: 16px;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.trip-activities-box .un-title-default .box-content .date .date-main{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding: 4px 8px 8px;
    color: var(--color-1);
}
.trip-activities-box .un-title-default .box-content .left{
    margin-right: 12px;
}
.trip-activities-box .un-title-default .box-content{
    margin-top: 20px;
}
.trip-activities-box .un-title-default .box-content h3{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    margin-bottom: 2px;
}
.trip-activities-box .un-title-default .box-content p{
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-8);
    margin-bottom: 0px;
}

.boarding-card-section .boarding-inner img{
    filter: drop-shadow(0px 20px 40px #E2E2E2);
}
.boarding-card-section .boarding-inner .text-position{
    padding: 16px 32px 40px;
}
.boarding-card-section .boarding-inner .text-position span{
    background: var(--color-14);
    border-radius: 16px;
    padding: 2px 9px;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    display: inline-block;
    margin-bottom: 6px;
}
.boarding-card-section .boarding-inner .text-position h2{
    font-family: Poppins;
    font-size: 40px;
    font-weight: 300;
    line-height: 48px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-2);
    margin-bottom: 0px;
}
.boarding-card-section .boarding-inner .text-position p{
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-2);
    opacity: 70%;
    margin-bottom: 32px;
}
.boarding-card-section .boarding-inner .text-position .weeks{
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    opacity: 70%;
    color: var(--color-2);
    margin-bottom: 4px;
}
.boarding-card-section .boarding-inner .text-position h3{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-2);
}
.boarding-card-section .boarding-inner .room-booking-info{
    padding: 39px 32px 19px;
}
.boarding-card-section .boarding-inner .room-booking-info .input-name{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-3);
    margin-bottom: 4px;
}
.boarding-card-section .boarding-inner .room-booking-info .details{
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
}
.boarding-card-section .boarding-inner .room-booking-info .text-area{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
}
.boarding-card-section .boarding-inner .room-booking-info .name-info{
    margin-bottom: 22px;
}
.boarding-card-section .boarding-inner .room-booking-info .text-inner{
    margin-bottom: 12px;
}
.boarding-card-section .boarding-inner .room-booking-info .text-area-details{
    margin-bottom: 37px;
}
.boarding-card-section .boarding-inner{
    margin-bottom: 60px;
}

.concierge-popup{
    background: #626E7B80;
}
.concierge-popup .modal-content h3{
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-4);
    margin-bottom: 0px;
}
.concierge-popup .modal-content{
    border-radius: 20px 20px 0px 0px !important;
    overflow: hidden;
    padding: 43px 32px 60px;
}
.concierge-popup .modal-content ul li a h4{
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
}
.concierge-popup .modal-content ul li a p{
    font-size: 10px !important;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-8) !important;
}
.concierge-popup .un-navMenu-default .nav .nav-item .nav-link{
    border: 1px solid var(--color-8);
}
.concierge-popup .un-navMenu-default .nav .image img{
    border-radius: 20px;
    cursor: pointer;
    /* width: 100%; */
}
.concierge-popup .un-navMenu-default .nav .nav-item{
    /* margin-bottom: 120px !important; */
    text-align: center;
}
.concierge-popup .modal-content.padding-modal-content{
    padding: 32px 32px 60px !important;
}
.concierge-popup .modal-content h3.error-h3{
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    margin: 10px 0px;
}
.concierge-popup .modal-content p{
    font-size: 10px !important;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-8) !important;
}

.setting-section.notification-section .box{
    border-bottom: none;
    padding: 0px;
    margin-bottom: 30px;
}
.setting-section.notification-section .box a{
    font-size: 17px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    text-decoration: none;
}
.setting-section.notification-section .box a svg{
    margin-right: 16px;
}

.hotels-detail-search .new-hotel-info.no-data{
    margin: 64px 0px 100px !important;
}
.hotels-detail-search .new-hotel-info.no-data .image{
    background: var(--color-11);
}
.hotels-detail-search .new-hotel-info.no-data h4{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

.profile-background{
    background: url("https://v2.concierges.in/frontend/images/new-image/concierges-menu-profile.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 80px;
    /* height: 100vh;
    margin-bottom: 130px; */
}
.profile-background .booknow-btn{
    margin-bottom: 232px;
    margin-top: 0px !important;
}
.profile-background .profile-inner{
    background: var(--color-14);
    border-radius: 20px 20px 0px 0px;
}
.profile-background footer{
    padding: 0px;
}
.profile-background .credit-card .image{
    width: 311px;
    margin: auto;
    position: relative;
    box-shadow: 0px 8px 12px 0px #B6BCC380;

}
.profile-background .credit-card .text{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 100px 18px 20px;
}
.profile-background .credit-card .text .quality{
    text-align: center;
    color: #FFE588;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.profile-background .credit-card .text .left h4{
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
    text-align: right;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-14);
    margin-bottom: 0px;
}
.profile-background .credit-card .text .right h4{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-14);
    margin-bottom: 0px;
}
.profile-background .credit-card .text .right p{
    font-size: 10px;
    font-weight: 300;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-14);
}
.profile-background .profile-top{
    position: absolute;
    top: -80px;
    left: 0px;
    z-index: 1;
    width: 100%;
    padding: 0px 32px;
}
.profile-background .profile-top img{
    border-radius: 24px;
}
.profile-background .credit-card{
    padding-top: 80px;
}
.profile-background .profile-top h3{
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #EDEDED;
}
.profile-background .discover-NFTs-gradual h3.headding-section{
    margin: 30px 0px 16px;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
}
.profile-background .discover-NFTs-gradual .image{
    padding: 8px 8px 12px 8px;
    background: transparent;
}
.profile-background .discover-NFTs-gradual .image::before{
    display: none;
}
.profile-background .discover-NFTs-gradual .bottom-text{
    padding: 0px 12px 12px 12px;
}
.profile-background .about-program-slide .item-card-gradual .body-card .cover-nft h3{
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-1);
    margin-bottom: 4px;
}
.profile-background .discover-NFTs-gradual .bottom-text .date svg{
    margin-right: 4px;
}
.profile-background .discover-NFTs-gradual .bottom-text .date{
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-3);
}
.profile-background .about-program-slide .item-card-gradual .body-card .cover-nft p{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--color-8);
    margin-bottom: 0px;
    margin-top: 8px;
}
.profile-background .about-program-slide .swiper{
    /* overflow-x: visible !important; */
    /* overflow-x: scroll; */
}
.profile-background .about-program-slide .item-card-gradual .body-card{
    margin-bottom: 0px;
}
/* .profile-background .about-program-slide .new-bottom-slide{
    margin-bottom: 100px;
} */



/*
#wrapper{
    max-width: 500px;
    width: 500px;
    overflow: hidden;
    margin: auto;
}
@media (max-width: 500px) {
    #wrapper{
        width: 100%;
        max-width: 100%;
    }
} */


.modal.sidebarMenu.sidebar-menutop.-left.fade.show{
    z-index: 99999;
}

.filter-popup-section .content__form .button.visited{
        margin-bottom: 60px;
}

/* @media (max-width: 767px) {
    .item-card-nft .big-image {
	border-radius:9px;
    }
} */

.hero-header-slide .item-card-nft .big-image {
    width: 100%;
    height: 750px;
    object-fit: cover;
}
.hero-location .item-card-nft .big-image {
    width: 100%;
    height: 450px !important;
    object-fit: cover;
}

.box-content .date-main {
    width: 42px !important;
    height: 30px !important;
}



.discover-NFTs-gradual.new-slide-location{
    margin-bottom: 40px;
}

@media (min-width: 320px) {
    .item-card-nft .big-image {
	border-radius:20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
     }
}

@media (min-width: 768px) {
    .hero-location .item-card-nft .big-image {
        width: 100%;
        height: 380px !important;
        object-fit: cover;
    }
    .started-section .box-started {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        gap: 40px 14px;
    }
    .hero-header-slide .image img{
        height: 400px;
        border-radius: 0px;
    }
    .about-program-slide.unSwiper-cards .content-cards-NFTs .swiper-slide {
        width: 25% !important;
        margin-right: 0px !important;
    }
    /* .spa-section.about-program-slide.unSwiper-cards .content-cards-NFTs .swiper-slide {
        width: 25% !important;
    } */
    header {
        padding: 20px 100px !important;
    }
    .booknow-btn {
        padding: 10px 100px;
    }
    .hero-header-slide .display-title .bottom-text-hero {
        padding: 32px 100px;
        margin-bottom: 0px;
    }
    .padding-32 {
        padding: 32px 100px;
    }
    .un-bottom-navigation .em_body_navigation {
        padding: 0px 100px !important;
    }
    .about-program-slide .swiper.cardGradual{
        padding: 0px 100px 0px 68px;
    }
    .search-section .main-search-header{
        padding: 67px 100px;
    }
    .unSwiper-cards.spa-section.about-program-slide .content-cards-NFTs .swiper-slide {
        width: 24% !important;
    }
    .item-card-nft .big-image {
        width: 100%;
        height: 93px;
        object-fit: cover;
        border-radius: 16px;
    }
    .hotel-list .content-search {
        margin: 28px 0px;
        padding: 0px 100px;
    }
    .hotel-details-section .top-image {
        margin-bottom: 32px;
        box-shadow: 0px 20px 40px 0px #908C8C66;
        border-radius: 16px;
        overflow: hidden;
        height: 240px;
        width: 300px;
    }
    .notification-section {
        padding-top: 104px !important;
    }
    .sidebarMenu.-left .modal-dialog .modal-content .modal-header .btnClose{
        right: 100px;
    }
    .sidebarMenu.-left .modal-dialog .modal-content .modal-header {
        border-bottom: 0;
        padding: 30px 100px 20px 100px;
        border-radius: 0;
    }
    .notification-section .image img{
        height: 300px;
        object-fit: contain ;
    }
    /* .about-program-slide .item-card-gradual .body-card .cover-nft .image img {
        border-radius: 30px;
    } */
    .about-program-slide .item-card-gradual .body-card .cover-nft .image::before {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        height: 100%;
        width: 100%;
        background: var(--color-1);
        opacity: 30%;
        /* border-radius: 32px; */
    }
    .about-program-slide .item-card-gradual .body-card{
        border-radius: 30px;
    }
    .trip-activities.main-search-header {
        margin: -20px 100px 16px;
    }
    .concierge-popup .un-navMenu-default .nav .nav-item{
        text-align: center;
        margin-bottom: 0px;
    }
    .concierge-popup .un-navMenu-default .nav .image img {
        border-radius: 20px;
        cursor: pointer;
        width: 375px;
        height: 100%;
        object-fit: contain;
        margin: auto;
        margin-bottom: 0px;
    }
    .boarding-card-section .boarding-inner .image{
        width: 327px;
        margin: auto;
    }
    .boarding-card-section .boarding-inner .image .image{
        width: 100%;
    }
    .pari-section .display-title .image img{
        height: auto;
    }
    .account-section .image img{
        width: 300px !important;
    }
    .profile-background .profile-top {
        position: absolute;
        top: -80px;
        left: 0px;
        padding: 0px 100px;
        z-index: 1;
    }
    .profile-background .credit-card .image {
        margin-left: 100px;
    }

    #section_list_container{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 40px;
    }
    #section_list_container .hotel-info a{
        display: block !important;
    }
    .hotels-detail-search .hotel-info .text-right{
        margin-left: 0px;
    }
    .hotels-detail-search .hotel-info .text-right{
        width: 100%;
    }
    .hotels-detail-search .hotel-info .image{
        width: 100%;
        margin-bottom: 20px;
        height: 100%;
    }

    .hotels-detail-search .new-hotel-info .image{
        box-shadow: 0px 20px 40px 0px var(--color-9);
        border-radius: 16px;
        background: var(--color-3);
        display: flex;
        align-items: center;
        justify-content: center;
        height: 80px;
        width: 80px;
        margin-bottom: 0px;
        margin-right: 20px;
    }
    .hero-location .bottom-text-hero a{
        justify-content: start !important;
    }
    .hero-location .bottom-text-hero svg{
        margin-left: 20px;
    }
    .account-section {
        width: 375px !important;
        margin: auto;
    }
    .hotel-details-section .details .booking, .successfull-booking-section-button{
        text-align: center;
    }
    .hotel-details-section .details .booking .button, .successfull-booking-section-button .button {
        width: auto;
        display: inline-block;
        padding: 16px 100px;
    }
}

@media (min-width: 375px) {
    .account-section .padding-32{
        padding: 32px;
    }
}


.account-section .image{
    position: relative;
}.account-section .image .image-top-section{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;

}
.account-section .image .image-top-section img{
    max-height: 60px !important;
    width: auto !important;
}
.inputboxwrap .form-control{
    background: transparent !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-weight: 300;
    line-height: 24px;
}
.inputboxwrap input.form-control{
    padding-left: 0px !important;
}
.inputboxwrap .form-control:focus{
    box-shadow: none;
}
.inputboxwrap select.form-control{
    width: auto !important;
    padding-right: 0px !important;
    cursor: pointer;
    color: var(--color-1);
}

.inputboxwrap{
    border: none !important;
    border-radius: 0px !important;
}
.inputboxwrap .innerinputboxwrap{
    border: 2px solid var(--color-2);
    border-radius: 8px;
}
.inputboxwrap .error{
    color: var(--color-16);
    margin-top: 12px;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    display: block;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.inputboxwrap.form-fields-error .innerinputboxwrap{
    color: var(--color-16);
    border-color: var(--color-16);
    box-shadow: 0px 12px 16px 0px #FF83A133 !important;
}
.inputboxwrap.form-fields-error .innerinputboxwrap .form-control,
.inputboxwrap.form-fields-error .innerinputboxwrap .form-control::placeholder{
    color: var(--color-16);
}



/* .categories-tag-search.categories-new-search.solid-bg-white.padding-32{
    overflow-x: scroll;
} */
/* .categories-tag-search.categories-new-search.solid-bg-white.padding-32 .content-tags.other-style{
    white-space: nowrap;
} */
.categories-tag-search.categories-new-search.solid-bg-white.padding-32 .content-tags.other-style a{
    white-space: nowrap;
    margin-right: 5px;
}
.categories-tag-search.categories-new-search.solid-bg-white.padding-32 .content-tags.other-style a:last-child{
    margin-right: 32px;
}

.un-bottom-navigation {
    padding-top: 67px;
}

.profile-inner.position-relative {
    /* padding: 0px 32px; */
    margin-top: 20px;
    height: 100%;
}
.profile-inner.position-relative .profile-top{
    /* flex-wrap: wrap; */
    justify-content: space-between;
    align-items: center;
}
.profile-inner.position-relative .profile-top .image{
    width: 96px;
    box-shadow: 0px 20px 40px 0px var(--color-3);
    border-radius: 24px;
}
.profile-inner.position-relative .profile-top h3{
    /* width: 60%; */
    margin-top: 0% !important;
    margin-bottom: 24px !important;
}
.profile-inner.position-relative .profile-top .logout{
    color: var(--color-16);
    text-decoration: none;
}

body {
    min-height: 100%;
}
.profile-name-content {
    display: flex;
    align-items: center;
}

.account-section .content__form .form-group{
    padding: 0px;
}
.account-section .content__form .form-group input[type="number"]{
    margin-bottom: 16px !important;
}
.account-section .content__form .form-group button{
    margin-bottom: 16px;
}
.account-section .content__form .form-group button:first-child{
    margin-right: 10px;
}
.account-section .content__form .form-group button:last-child{
    margin-left: 10px;
}



.top-to-bottom{
    position: fixed;
    right: 20px;
    bottom: 88px;
    width: 50px;
    height: 50px;
    background: var(--color-1);
    border-radius: 100px;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}
.top-to-bottom .icon svg{
    height: 20px;
    width: 20px;
    fill: var(--color-14);
}

#button.show {
    opacity: 1;
    visibility: visible;
}

/* .slide-icons {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.slide-icons .swiper-button-next,
.slide-icons .swiper-button-prev{
    background: var(--color-1);
    height: 40px;
    width: 40px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-14);
}
.slide-icons .swiper-button-next::after,
.slide-icons .swiper-button-prev::after{
    display: none;
}
.slide-icons .swiper-button-next svg,
.slide-icons .swiper-button-prev svg{
    height: 20px;
    width: 20px;
    fill: var(--color-14);
} */