@charset "UTF-8"; @import "./fonts.css"; @import "~react-image-gallery/styles/css/image-gallery.css"; /* @font-face { font-family: "Shelby"; src: url("/fonts/Shelby.woff2") format("woff2"), url("/fonts/Shelby.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { overflow-x: hidden; } body { line-height: 1.4; font-family: "Sofia Pro", sans-serif !important; font-size: 16px !important; overflow-x: hidden; font-weight: 400 !important; color: #000; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none !important; } a, button { outline: none !important; } /*-------------- CSS Resetter ----------*/ :root { --primary-color: #205587; --secoundry-color: #ffcc00; --dark-color: #272727; } .w_75 { width: 75%; } .w_80 { width: 80%; } .w_85 { width: 85%; } .w_90 { width: 80%; } .fw-300 { font-weight: 300 !important; } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } .fw-800 { font-weight: 700 !important; } .f-italic { font-style: italic !important; } p { line-height: 1.5em; } .pd0 { padding: 0 !important; } .pt-0 { padding-top: 0 !important; } .pt-20 { padding-top: 20px !important; } .pt-30 { padding-top: 30px !important; } .m-0-auto { margin: 0 auto !important; } .m-0 { margin: 0 0 !important; } .mr0 { margin: 0 !important; } .text-justify { text-align: justify; } .img_h_auto { width: 100%; height: auto; } h1, h2, h3, h4, h5, h6 { font-weight: 600; } /*ST Images*/ .image-container { width: auto; position: relative; } .image-container > span { position: unset !important; /* display: inline-block !important; */ } .image-container.d-inblock > span { position: unset !important; display: inline-block !important; } .image { object-fit: contain; width: 100% !important; position: relative !important; height: unset !important; } header { position: relative; z-index: 99; } .header_wrap.stick .navbar { position: fixed; top: -100px; transition: transform 0.5s; transform: translateY(100px); background-color: #fff; } .header_wrap .navbar { color: #fff; position: relative; width: 100%; left: 0; top: 0; z-index: 9; border-radius: 0 0 20px 20px; border-radius: 0rem 0rem 1.25rem 1.25rem; background: #fff; box-shadow: 0px 4px 25px 2px rgba(0, 0, 0, 0.25); } .header_wrap.stick .navbar-expand-lg .navbar-nav .nav-link { color: #000; } .header_wrap .navbar-expand-lg .navbar-nav .nav-link .logo-icon { margin: 0 3rem; display: block; } .header_wrap.stick .navbar-expand-lg .navbar-nav .nav-link .logo-icon { width: 50px; display: block; } .slider-item { background-size: cover; background-position: 50% !important; background-repeat: no-repeat !important; /* height: 640px; */ height: 40vw; position: relative; border-radius: 0 0 138px 138px; } /* .slider-item.slider-item-01 { background: url(/images/home-banner/01.jpg) no-repeat; } .slider-item.slider-item-02 { background: url(/images/home-banner/02.jpg) no-repeat; } .slider-item.slider-item-03 { background: url(/images/home-banner/03.jpg) no-repeat; } .slider-item.slider-item-04 { background: url(/images/home-banner/04.jpg) no-repeat; } */ .home-banner { padding-top: 119px; margin-top: -135px; } .container-fluid { max-width: 85vw; margin: 0 auto; } .navbar-brand { width: 6.927vw; } .header-search { position: relative; } .header-search .rbt .rbt-input-main { padding-right: 2.5rem; } .header-search > .form-control { font-size: 0.833vw; } .header-search .search-icon { position: absolute; right: 0; top: 3px; border: 0; } .header-search .search-icon .image-container { width: 0.885vw; display: block; } .btn-primary { background: #0070bd !important; font-size: 15px; padding-left: 2rem; padding-right: 2rem; } .btn-secondary { padding-left: 2rem; padding-right: 2rem; } .navbar-expand-lg .navbar-nav { margin-right: 2rem; font-size: 15px; } .home-banner-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .home-banner-bg::before { content: ""; position: absolute; bottom: 0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.2); /* Black see-through */ color: #f1f1f1; width: 100%; transition: 0.5s ease; /* opacity:0; */ height: 100%; width: 100%; z-index: 1; border-radius: 0 0 8rem 8rem; } .home-banner-bg > span { height: 100%; display: block; } .home-banner-bg > span > span { height: 100% !important; } .home-banner-bg > span > span .image { object-fit: cover !important; border-radius: 0 0 136px 136px; } .banner-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .d-table { width: 100%; height: 100%; position: relative; z-index: 1; } .d-table-cell { vertical-align: middle; } .home-banner .banner-txt h1 { font-size: 1.25vw; line-height: 1.25vw; font-weight: 300; margin-bottom: 1rem; } .home-banner .banner-txt .title { font-size: 2.865vw; line-height: 2.865vw; font-weight: 300; margin-bottom: 1rem; } .home-banner .banner-txt .disc { font-size: 0.833vw; line-height: 0.933vw; font-weight: 300; margin-bottom: 1rem; } .home-banner .slider-text { color: #fff; } .owl-custom01.owl-theme .owl-nav { position: absolute; left: 0; top: calc(33% + 0px); margin: 0; width: 100%; } .owl-custom01.owl-theme .owl-nav [class*="owl-"]:hover { background: transparent !important; } .owl-custom01.owl-carousel .owl-nav button { text-indent: -99999rem; position: relative; } .owl-custom01.owl-carousel .owl-nav button.owl-prev > span { background: url(/images/icons/arrow-left.svg) no-repeat center; width: 14px; height: 22px; background-size: 100%; display: block; } .owl-custom01.owl-carousel .owl-nav button.owl-next > span { background: url(/images/icons/arrow-right.svg) no-repeat center; width: 14px; height: 22px; background-size: 100%; display: block; } .home-banner .owl-carousel.owl-drag .owl-item { /* max-height: 455px; */ } .owl-custom01.owl-carousel .owl-item img { height: 100% !important; } .owl-custom01.owl-carousel .owl-nav button.owl-prev { position: absolute; left: calc(5% + 1px); } .owl-custom01.owl-carousel .owl-nav button.owl-next { position: absolute; right: calc(5% + 1px); } .owl-custom01.owl-theme .owl-dots { padding-top: 30px; } .owl-custom01.owl-theme .owl-dots .owl-dot.active span, .owl-custom01.owl-theme .owl-dots .owl-dot:hover span { background: #fff; border: 3px solid #c9262b; } .owl-custom01.owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; border: 3px solid #fff; background: #2a2a2a; } .searchbar-h .rbt-menu.dropdown-menu.show { top: 1.7rem !important; } .searchbar-h { position: relative; width: 100%; border-radius: 73px; background: #fff; box-shadow: 0px 4px 57.5px -8px rgba(0, 0, 0, 0.25); height: 90px; padding: 1.5rem 2.2rem; } .searchbar-h input { width: 100%; border: 0; font-size: 20px; padding-right: 5rem; } .searchbar-h .search-icon { position: absolute; right: 35px; top: 30px; background: transparent !important; border: 0; } .searchbar-h .search-icon .image-container { width: 17px; display: block; } input:focus-visible { outline: none; } .searchbar-session { margin-top: -45px; position: relative; z-index: 1; } .head01 { color: #4b4b4b; } .head01 .title { font-size: 1.25vw; line-height: 1.25vw; margin-bottom: 0.5rem; } .head01 h2 { font-size: 2.865vw; line-height: 2.865vw; margin-bottom: 1rem; color: #111111; } .let-discover-session { padding: 5rem 0; } .head-btn { display: flex; align-items: center; justify-content: space-between; } /*-------- login page --------*/ p { /* color: #000; font-family: "Sofia Pro Light"; */ font-size: 15px; line-height: 20px; } span.form-error, .form-error { color: red; font-size: 0.8rem; font-family: "Sofia Pro Light"; } /*ST Images*/ .image-container { width: auto; position: relative; } .image-container > span { position: unset !important; /* display: inline-block !important; */ } .image-container.d-inblock > span { position: unset !important; display: inline-block !important; } .image { object-fit: contain; width: 100% !important; position: relative !important; height: unset !important; } .login-banner-image { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 95vh; background-image: url("../public/images/login/banner-image.jpg"); } .login-div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 22px 32px; border-radius: 20px; background: #fff; box-shadow: 0px 20px 24px 0px rgba(166, 166, 166, 0.25); } .login-div a, .login-div a:focus, .login-div a:hover { color: #000; } .login-div h2 { color: #000; font-family: "Sofia Pro Bold"; font-size: 28px; line-height: normal; margin-bottom: 20px; } .form-container .input-group { margin-bottom: 28px; } .form-container .input-group .form-error { margin-top: 0.4rem; } .form-container label { color: #000; font-family: "Sofia Pro Light"; font-size: 15px; line-height: normal; margin-bottom: 10px; width: 100%; } .form-container input, .form-container select, .form-container textarea { width: 100%; border-radius: 10px !important; border: 0.814px solid #000; box-shadow: 1.628px 3.255px 4.069px 0px rgba(255, 255, 255, 0.25) inset; color: #000; font-family: "Sofia Pro Light"; font-size: 15px; line-height: normal; height: 45px; padding: 16px 22px; } .form-container input:focus, .form-container select:focus, .form-container textarea { box-shadow: none; outline: unset; } .form-container select { padding: 12px 5px; background-color: transparent; } .form-container textarea { resize: none; height: auto; } .contact-number { width: 100%; display: flex; border-radius: 10px !important; border: 0.814px solid #000; } .contact-number select, .contact-number input { border: none !important; border-radius: 0 !important; box-shadow: unset !important; } .contact-number select { border-radius: 10px 0 0 10px !important; } .contact-number input { border-radius: 0 10px 10px 0 !important; border-left: 0.814px solid #000 !important; margin-left: 10px; } .form-container ::-webkit-input-placeholder { color: #ccc; font-family: "Sofia Pro Light"; font-size: 15px; line-height: normal; } .form-container ::-moz-placeholder { color: #ccc; font-family: "Sofia Pro Light"; font-size: 15px; line-height: normal; } .form-container :-ms-input-placeholder { color: #ccc; font-family: "Sofia Pro Light"; font-size: 15px; line-height: normal; } .form-container ::-ms-input-placeholder { color: #ccc; font-family: "Sofia Pro Light"; font-size: 15px; line-height: normal; } .form-container ::placeholder { color: #ccc; font-family: "Sofia Pro Light"; font-size: 15px; line-height: normal; } .form-container .input-group button, .btn-continue { width: 100% !important; outline: none; padding: 1rem; border-radius: 10px !important; } .btn-submit { background: #0070bd; color: #fff; font-family: "Sofia Pro Bold" !important; font-size: 16px !important; line-height: normal !important; } .btn-submit:disabled { background-color: #baccd9 !important; border: none; } .btn-submit:hover { background-color: #0070bd !important; } .btn-continue { border: 1px solid #000 !important; background: #fff; box-shadow: 1.628px 3.255px 4.069px 0px rgba(255, 255, 255, 0.25) inset; color: #000; font-family: "Sofia Pro Bold"; font-size: 15px; line-height: normal; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; padding: 12px 22px !important; cursor: pointer; } .check-box { width: 15px; height: 15px; } .check-container { display: block; position: relative; padding-left: 35px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .check-container input:checked ~ .checkmark:after { display: block; } .check-container .checkmark:after { left: 6px; top: 1px; width: 5px; height: 10px; border: solid #000; border-width: 0 2px 2px 0; transform: rotate(45deg); } .check-container .checkmark:after { content: ""; position: absolute; display: none; } .check-container input { /* position: absolute; */ opacity: 0; cursor: pointer; height: 0; width: 0; } .check-container input:checked ~ .checkmark { background-color: #fff; } .check-container .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; border: 2px solid #000; border-radius: 4px; background: #fff; } .otp-input { width: 100%; } .otp-input input { width: 45px !important; height: 45px !important; margin: 0px 15px 5px 10px; border-radius: 10px !important; border: 0.814px solid #000 !important; background: #fff !important; box-shadow: 1.628px 3.255px 4.069px 0px rgba(255, 255, 255, 0.25) inset; text-align: center; padding: 0; } .resend-otp { cursor: pointer; } .resend-otp p { color: #0070bd; } .signupdiv { /* min-height: 95%; */ max-height: 95%; overflow-y: scroll; scrollbar-width: none; /* Hide scrollbar for Firefox */ -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */ border: 1px solid #ccc; /* Optional: Add a border for visual clarity */ } .signupdiv::-webkit-scrollbar { width: 0; /* Hide scrollbar for WebKit (Chrome, Safari, Opera) */ } .thankyou-div { display: flex; flex-direction: column; align-items: center; text-align: center !important; } .border-div { border: 2px solid #e9f6ff; border-radius: 30px; padding: 3rem; margin-bottom: 3rem; } /* custome file input for upload user image */ .uploadProfileImage { padding: 8px 16px; cursor: pointer; background-color: #0070bd; border: none; border-radius: 6px; display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; width: 80%; } .uploadProfileImage p { font-family: "Sofia Pro Bold"; font-size: 20px; line-height: 28px; letter-spacing: 0em; color: #fff; } /*-------- My Bookings ----------*/ .content-wraaper { padding: 3rem 3rem 0; } .content-wraaper h2 { color: #000; font-family: "Sofia Pro Light"; font-size: 28px; font-weight: 600; line-height: normal; margin-bottom: 30px; } .username { font-family: "Sofia Pro Light"; font-size: 21px; font-weight: 600; line-height: 24px; letter-spacing: 0em; text-align: left; color: #000; margin-bottom: 0; } .btn-edit { font-family: "Sofia Pro Light"; font-size: 18px; font-weight: 600; line-height: 28px; letter-spacing: 0em; text-align: center; color: #808080; border: 1px solid #808080; border-radius: 6px; padding: 0.5rem 1rem; cursor: pointer; } .content-wraaper label { color: #646464; font-size: 18px; margin-bottom: 5px; } .content-wraaper input { font-size: 21px; font-weight: 600; padding: 16px 22px; } .content-wraaper input:read-only { border: none; padding: 0; } .content-wraaper .contact-number { border-radius: 0 !important; border: none; } .content-wraaper .contact-number select:read-only { border-radius: 0 !important; } .content-wraaper .contact-number input:read-only { border-radius: 0 !important; border-left: 0 !important; margin-left: 10px; } .card-booking { /* border: 1px solid #D1D1D1; */ border-radius: 25px; box-shadow: 0px 3.2603139877319336px 15.81252384185791px 0px #0000001a; margin-bottom: 3rem; } .card-booking-img img { border-radius: 27px 27px 0 0; } .card-booking-content { padding: 1rem; } .card-booking-content p { font-family: "Sofia Pro Light"; font-size: 1rem; font-weight: 500; line-height: 1.2rem; letter-spacing: 0em; text-align: left; color: #000; margin-bottom: 0.8rem; } .card-booking-content .activity-name { font-family: "Sofia Pro Light"; font-size: 1.5rem; font-weight: 600; line-height: normal; margin-bottom: 1.2rem; } .card-booking-content .status { color: #808080; } .card-booking-content > p:last-child { margin-bottom: 0; } .hr-div { border: 1px solid #d1d1d1; margin: 0; } .card-booking-footer { padding: 1.5rem 1rem; } .card-booking-img { position: relative; } .card-booking-img .type { position: absolute; left: 0.8rem; bottom: 0.8rem; background: #f7f5f1; border-radius: 5px; font-weight: 600; text-align: center; padding: 0.7rem 1.5rem; margin: 0; } .card-booking-content .rating { border-radius: 4px 4px 4px 0; background: #002c5f; color: #fff; display: flex; align-items: center; padding: 0 0.5rem; margin-right: 0.8rem; } .card-booking-content .description { color: #808080; } .card-booking-content .description > span { color: #646464; text-decoration: underline; } .card-booking-content .price { font-size: 1.5rem; font-weight: 600; } .card-booking-content .price > span { font-size: 0.8rem; color: #808080; } .card-booking-content .other { font-size: 0.8rem; margin-bottom: 0; } .btn-explore { background: #0070bd; border-radius: 7px; padding: 0.7rem 2rem; font-weight: 600; } .card-booking-img.bgGrey { background: #f7f5f1; border-radius: 13px 13px 0 0; padding: 3rem; } .card-booking-content.details-wrapper { padding: 1rem 1.7rem; } .card-booking-content .details { font-size: 20px; font-weight: 600; } .card-booking-content .details-div { margin-bottom: 1rem; } .card-booking-content .details-div > p:first-child { font-family: "Sofia Pro Light"; font-size: 14px; line-height: 20px; letter-spacing: 0em; text-align: left; color: #808080; margin-bottom: 0; } .card-booking-content .details-div > p:last-child { font-family: "Sofia Pro Light"; font-size: 16px; line-height: 20px; letter-spacing: 0em; text-align: left; color: #000000; margin-bottom: 0; } /*----- vendor business details -------*/ .content-div { padding: 2rem 2rem 1rem; background: #ffffff; border-radius: 8px; box-shadow: 0px 4px 20px 0px #73737340; position: relative; min-height: 600px; } .content-div h2 { font-family: "Sofia Pro Bold"; font-size: 36px; line-height: 50px; letter-spacing: 0em; margin-bottom: 20px; } .content-div h4 { font-family: "Sofia Pro Light"; font-size: 30px; line-height: 37px; letter-spacing: 0em; margin-bottom: 20px; } .business-details::before { content: ""; border-left: 6px solid #0070bd; position: absolute; height: 80%; left: 0; top: 100px; bottom: 100px; } .helplist { list-style-type: none; margin: 0; padding: 0; } .helplist li { display: flex; align-items: center; padding-bottom: 1rem; margin: 1rem 0; border-bottom: 1px solid #c9c9c9; } .helplist li:last-child { border-bottom: none; margin-bottom: 0; } .helplist li p, .business-details p { font-family: "Sofia Pro Light"; font-size: 18px; line-height: 20px; letter-spacing: 0em; text-align: left; margin-bottom: 0; margin-left: 1rem; } .business-details p { margin-left: 0; margin-bottom: 1rem; } .business-details .textH { font-family: "Sofia Pro Bold"; margin-bottom: 1.5rem; } .business-details .textS { font-size: 12px; line-height: 13px; margin-top: 10px; margin-bottom: 5px; } /**custom-file upload**/ .custom-file { position: relative; display: inline-block; } .custom-file-input { position: relative; z-index: 2; margin: 0; opacity: 0; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; background: #ffffff 0% 0% no-repeat padding-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; border-radius: 10px !important; border: 0.814px solid #000; box-shadow: 1.628px 3.255px 4.069px 0px rgb(255 255 255 / 25%) inset; color: #000; font-family: "Sofia Pro Light"; font-size: 15px; line-height: normal; height: 45px; padding: 16px 22px; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: auto; padding: 0.375rem 0.75rem; content: ""; background: url(/images/vendor/attachment.svg) #fff no-repeat 0px center; width: 35px; /* height: 60px; */ /* border: 0; background-size: 40%; */ } /* vendor dashboar */ .sidebarContainer { display: flex; } .sidebar { width: 210px; height: auto; background-color: #242932; color: #fff; transition: width 0.3s ease; margin-top: -20px; padding-top: 2.5rem; } .sidebar.collapsed { width: 50px; } .sidebar ul { list-style-type: none; padding: 0; margin: 0; } .sidebar ul li { padding: 0.85rem 2rem; } .sidebar ul li.active { background-color: #393e49; } .sidebar ul li a { font-family: "Poppins Regular"; font-size: 14px; line-height: 21px; letter-spacing: 0em; text-align: left; color: #fff; text-decoration: none; display: flex; align-items: center; } .sidebar ul li a span { padding-left: 1rem; padding-top: 5px; } .sidebarContainer .content { flex: 1; padding: 2rem 1rem; } /*-------------------------*/ .infoSent { border: 1px solid #0070bd; border-radius: 8px; box-shadow: 0px 4px 20px 0px #73737340; background-color: #f0faff; display: flex; align-items: center; padding: 1rem; } .bgCircleBlue { width: 34px; height: 34px; background-color: #4979c1; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .p1 { font-family: "Poppins Regular"; font-size: 20px; line-height: 27px; letter-spacing: 0em; text-align: left; color: #000000; } .p2 { font-family: "Poppins Regular"; font-size: 13px; line-height: 18px; letter-spacing: 0em; text-align: left; color: #424242; } .p3 { font-family: "Poppins Regular"; font-size: 26px; line-height: 39px; letter-spacing: 0em; text-align: center; color: #000000; } .btnAdd { background-color: #0070bd !important; /* border: 1px solid #0070BD; */ padding: 0.75rem 2rem !important; border-radius: 10px !important; font-family: "Sofia Pro Bold"; font-size: 15px !important; line-height: 21px; letter-spacing: 0em; text-align: center; color: #ffffff !important; display: flex; align-items: center; justify-content: center; margin: 1rem auto; } .btnAdd:disabled { background-color: #a4afb7 !important; color: #ffffff; border: none; } .btnAdd:hover, .btnAdd:focus, .btnAdd:active { border: 1px solid #0070bd; } .btnAdd:hover, .btnAdd:focus, .btnAdd:active { border: 1px solid #0070bd; } .activityDetails .accordionItem { padding: 1rem; border-bottom: 1px solid #ececec; } .activityDetails .accordionItem:last-child { border-bottom: none; } /* The radioContainer */ .radioContainer { display: block; position: relative; cursor: pointer; padding-left: 25px; font-family: "Sofia Pro Regular"; font-size: 15px; line-height: 15px; letter-spacing: 0em; text-align: left; color: #000; margin-top: 5px; } /* Hide the browser's default radio button */ .radioContainer input { position: absolute; opacity: 0; cursor: pointer; } .form-container .radioContainer input { height: 0; width: 0; } /* Create a custom radio button */ .radioContainer .checkmark { position: absolute; top: 50%; left: 0; transform: translateY(-55%); height: 20px; width: 20px; background-color: #fff; border-radius: 50%; border: 1px solid #75777b; } /* On mouse-over, add a grey background color */ .radioContainer:hover input ~ .checkmark { background-color: #fff; } /* When the radio button is checked, add a blue background */ .radioContainer input:checked ~ .checkmark { color: #0070bd; } /* Create the indicator (the dot/circle - hidden when not checked) */ .radioContainer .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .radioContainer input:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .radioContainer .checkmark:after { top: 50%; left: 50%; width: 12px; height: 12px; border-radius: 50%; background: #0070bd; transform: translate(-50%, -50%); } /*--------- multiselect dropdown --------*/ .css-b62m3t-container { width: 100%; } .select__control { border: 0.81px solid #000 !important; border-radius: 10px !important; font-family: "Sofia Pro Light"; font-size: 15px; text-align: left; color: #000; min-height: 45px !important; height: 45px !important; } .select__value-container.select__value-container--is-multi, .select__input-container { height: 45px !important; } .select__input-container { margin: 0 !important; } .select__control.select__control--is-focused { border-color: #000 !important; box-shadow: unset !important; } .select__menu { font-family: "Sofia Pro Light"; font-size: 15px; text-align: left; color: #000; } .select__indicator.select__dropdown-indicator svg { fill: #000 !important; stroke: #000 !important; } /*---- activity images upload----*/ .customUploadImage { position: relative; display: inline-block; border: 0.81px solid #000; border-radius: 10px; width: 51px; height: 51px; margin-right: 1rem; padding: 8px; cursor: pointer; } .customUploadImage label { margin: 0 auto !important; padding: 0; } .customUploadImage img { min-width: 20px !important; min-height: 18px !important; } .customUploadImage input[type="file"] { position: absolute; z-index: 2; margin: 0; opacity: 0; top: 0; left: 0; } .removeImage { position: absolute; top: -5px; right: -5px; cursor: pointer; } .textAdd { font-family: "Sofia Pro Light"; font-size: 15px !important; line-height: 15.17px !important; text-align: left; color: #0070bd; text-decoration: underline; text-wrap: nowrap; margin-top: 10px; cursor: pointer; } /*--------- orders listing -----------*/ .rightContent h2 { font-family: "Sofia Pro Bold"; font-size: 32px; line-height: 40px; letter-spacing: 0em; margin-bottom: 0; } .rightContent .btn { padding: 10px 15px !important; } .listingTable { padding: 0 10px; border-collapse: separate; border-spacing: 0 12px; } .listingTable thead tr th { background-color: #e9eef0; padding: 12px; color: #1c1c1e; font-family: "Poppins SemiBold"; font-size: 16px; line-height: 25px; } .listingTable thead tr th:first-child { border-radius: 12px 0 0 0; } .listingTable thead tr th:last-child { border-radius: 0 12px 0 0; } .listingTable .check-container .checkmark { top: 5px; border: 1px solid rgba(218, 220, 224, 1); } .listingTable .check-container .checkmark:after { left: 7px; top: 2px; } .listingTable tbody tr { box-shadow: 0px 4px 4px 0px rgba(156, 156, 156, 0.15); } .listingTable tbody tr:last-child { border-radius: 0 0 12px 12px; } .listingTable tbody tr:last-child td { color: rgba(178, 178, 182, 1); } .listingTable tbody tr td { padding: 12px; font-family: "Poppins Regular"; font-size: 15px; line-height: 22px; color: #1c1c1e; } .listingTable tbody tr td span { text-decoration: underline; cursor: pointer; } .statusDiv { border-radius: 50px; padding: 5px; font-family: "Poppins Regular"; font-size: 15px; line-height: 22px; text-align: center; cursor: pointer; } .statusDiv.processing { background-color: #dff3fb; border: 1px solid #01a7db; color: #3198f3; } .statusDiv.completed, .statusDiv.booked, .statusDiv.active { background-color: #f1ffeb; border: 1px solid #5ed028; color: #5ed028; } .statusDiv.cancelled, .statusDiv.inactive { background-color: #fff3f2; border: 1px solid #c6211b; color: #c6211b; } .actions { position: relative; display: inline-block; } .ellipsis { cursor: pointer; } .menu { position: absolute; top: 100%; right: 0; background-color: #fff; border-radius: 4px; box-shadow: 0px 4px 4px 0px #b4b4b440; z-index: 999; padding: 10px; } .menu ul { list-style-type: none; padding: 0; margin: 0; } .menu ul li { font-family: "Poppins Regular"; font-size: 14px; line-height: 21px; color: #1c1c1e; padding: 5px 10px; cursor: pointer; } .menu ul li:hover { background-color: #f2f2f2; } .backDiv { font-family: "Sofia Pro Light"; font-size: 18px; line-height: 20px; color: #000; } .backArrow { border: 1px solid #000; padding: 10px; margin-right: 1rem; cursor: pointer; } .btnAdd.btnApprove, .btnAdd.btnReject { border-radius: 10px !important; padding: 0.6rem 1rem !important; } .btnAdd.btnReject { background-color: #e02424 !important; color: #ffff !important; } .btnAdd.btnReject:focus, .btnAdd.btnReject:hover { border-color: #ececec !important; } .vendorDetails h4 { font-family: "Sofia Pro Light"; font-size: 28px; font-weight: 300; line-height: 32px; color: #000000; margin-bottom: 1rem; } .vendorDetails p { font-family: "Sofia Pro Light"; font-size: 14px; line-height: 17px; color: #000000; margin-bottom: 1rem; } .vendorDetails p.phead { font-family: "Sofia Pro Bold"; font-size: 20px; line-height: 28px; } .vendorDetails p.pview { color: #0070bd; text-decoration: underline; } .vendorDetails .borderLeft { border-left: 1px solid #c6c6c6; padding-left: 3rem; } .vendorDetails .borderRight { border-right: 1px solid #c6c6c6; } .mphead { font-family: "Sofia Pro Bold"; font-size: 22px; line-height: 37px; color: #000000; margin-bottom: 1rem; } /*--------------------------*/ .let-discover-carousal a { color: #808080; text-align: center; cursor: pointer; } .let-discover-carousal a .image { padding: 0.2rem !important; } .let-discover-carousal a .title { padding: 1rem; } .let-discover-carousal a.active { color: #000; } .let-discover-carousal a.active .title { text-decoration: underline; } .carousal-c { padding: 0 4rem; } .carousal-c .owl-custom01.owl-carousel .owl-nav button.owl-prev { left: calc(-5% + 1px); } .carousal-c .owl-custom01.owl-carousel .owl-nav button.owl-next { right: calc(-5% + 1px); } .browse-experiences-session { background: #f7f5f1; padding: 2rem 0; } .similar-experiences-session { padding: 2rem 0; } .browse-experiences-item { border-radius: 1.6875rem; background: #fff; box-shadow: 0px 3.26px 15.813px 0px rgba(0, 0, 0, 0.1); margin-bottom: 1rem; } .browse-experiences-item .info { padding: 1rem; } .info .top-name { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .info .rating-wishlist { display: flex; align-items: center; justify-content: center; } .info .rating { display: flex; align-items: center; justify-content: center; } .browse-experiences-item .img-wrapper { position: relative; color: #000; } .top-rated { position: absolute; bottom: 10px; left: 10px; background: #fff; border-radius: 6px; padding: 0.3rem 0.5rem; font-size: 13px; } .info .top-name .title { font-size: 0.885vw; line-height: 20px; } .info .rating-wishlist .rating { background: #002c5f; border-radius: 4px; color: #fff; font-size: 14px; padding: 0.1rem 0.3rem; margin-right: 10px; height: 23px; } .info .rating-wishlist .wishlist .image-container { width: 19px; display: block; } .info .rating-wishlist .rating .image-container { width: 14px; margin-top: -4px; margin-left: 4px; } .browse-experiences-item .info .discription { font-size: 13px; line-height: 15px; color: #808080; margin-bottom: 10px; } .browse-experiences-item .info .discription > span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 32px; } .browse-experiences-item .info .discription a { color: #808080; text-decoration: underline !important; text-align: right; display: block; padding-top: 4px; } .browse-experiences-item .info .price { font-size: 20px; line-height: 20px; font-weight: 600; margin-bottom: 10px; } .browse-experiences-item .info .price .off { font-size: 11px; line-height: 11px; color: #808080; } .browse-experiences-item .info .detail { font-size: 11px; line-height: 11px; margin-bottom: 10px; } .btn-outline-secondary { border: 1px solid #000; font-size: 16px; color: #000; padding-left: 1rem; padding-right: 1rem; } .btn-outline-secondary:hover { background: #0070bd; } .btn-center { text-align: center; padding: 2rem 0; } .gift-an-experience-inner { background: url(/images/gift-experience-bg.webp) no-repeat; margin: 5rem 0 0; background-size: 100%; object-fit: cover; padding: 4rem; } .gift-an-experience-inner .img .image { display: block; animation: scale2 4s infinite; transition: all 0.6s ease-out; overflow: hidden; } .gift-an-experience-inner .content .title { font-size: 40px; line-height: 40px; margin-bottom: 1rem; } .gift-an-experience-inner .content .disc { margin-bottom: 1rem; } .testimonial-session { background: #f4f4f4; padding: 5rem 0; } .testimonial-item { text-align: center; padding: 0 15rem; } .testimonial-item .image { padding: 0.2rem !important; } .testimonial-item .img { width: 144px; height: 144px; margin: 0 auto; } .testimonial-item .rating { padding: 0.5rem 0; } .testimonial-item .rating .fa-star:before { content: "\f005"; color: #ffd600; } .testimonial-item .rating a { width: 33px; height: 33px; display: inline-block; margin: 4px; } .testimonial-item .name { font-size: 24px; line-height: 24px; margin-top: 1rem; } .signUp-to-experience-our-platform-session { background: url(../public/images/sign-up-exp-bg.webp) no-repeat; background-size: 100%; object-fit: cover; padding: 4rem; color: #fff; } .signUp-to-experience-our-platform { text-align: center; } .signUp-to-experience-our-platform .title { font-size: 2.083vw; line-height: 2.083vw; margin-bottom: 1rem; } .signUp-to-experience-our-platform .disc { margin-bottom: 1rem; } footer { background: #020d1a; padding: 3rem 0; color: #fff; } footer .footer-logo { width: 133px; margin-bottom: 10px; } .footer-link h3 { font-size: 1.25vw; line-height: 1.25vw; font-weight: 700; text-transform: uppercase; margin-bottom: 0.5rem; } .footer-link ul li a { font-size: 15px; line-height: 15px; color: #fff; padding: 0.4rem 0; display: block; } footer .icon-text .image-container { width: 20px; display: block; margin-right: 1rem; } footer .icon-text { display: flex; align-items: center; margin: 1rem 0; } footer .icon-text .text { width: 85%; font-size: 15px; color: #fff; } footer .icon-text .text a { color: #fff; } footer .social-icon a { width: 32px; height: 33px; display: inline-block; margin-right: 0.5rem; } footer .subscribe { padding: 1rem 0 0; } footer .subscribe input { border: 1px solid #fff; border-radius: 5px; background: transparent; font-size: 12px; line-height: 14px; padding: 0.6rem; color: #fff; margin-right: 0.5rem; width: 100%; } footer hr { margin: 2.5rem 0; opacity: inherit; } .copyright { background: #000; color: #fff; font-size: 16px; text-align: center; padding: 1rem; } .box-01 { border-radius: 17px; border: 1px solid #d1d1d1; margin-bottom: 1rem; } .box-01 .head { font-size: 20px; line-height: 20px; padding: 1rem; } .box-01 .reset { padding: 1rem; } .box-01 .reset .image-container { width: 22px; display: inline-block; } .box-01 .reset a { color: #0070bd; display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .box-01 .reset a:hover { color: #0070bd; } .box-01 .reset a .image-container { margin-left: 0.5rem; } .box-01 .inner { padding: 1rem; border-top: 2px solid #d1d1d1; } .df-sb { display: flex; align-items: center; justify-content: space-between; /* padding: 1rem; */ } .accordion-filter .accordion-button:not(.collapsed) { background: transparent; } .accordion-filter .accordion-button:focus { border: 0; } .accordion-button:focus { box-shadow: none; } .accordion-filter.accordion-flush .accordion-item { border: 0; } .data-filters-item label { font-size: 14px; font-weight: 300; } .data-filters-item label input { margin-right: 0.2rem; } .data-filters-item { margin-bottom: 0.5rem; } .accordion-filter.accordion-flush .accordion-item .accordion-button { padding: 0.5rem 0; color: #000; } .accordion-filter .accordion-body { padding: 0; } .accordion-button:not(.collapsed) { box-shadow: none; } .accordion-button::after { background: url(/images/icons/arrow-right-01.svg) no-repeat; } .accordion-button:not(.collapsed)::after { background: url(/images/icons/arrow-down-01.svg) no-repeat right center; } .form-select:focus { box-shadow: none; border-color: inherit; } .box-01 .form-select { border-color: #c3c3c3; padding: 0.575rem 2.55rem 0.575rem 0.95rem; } .box-01 .show-all { background: transparent; border: 0; display: flex; align-items: center; } .box-01 .show-all span { font-size: 30px; line-height: 30px; display: inline-block; height: 10px; } .time-filter { display: flex; justify-content: space-between; align-items: center; } .time-filter .time { position: relative; } .time-filter .time:first-child::after { content: ":"; position: absolute; right: -22px; top: 30px; } .time-filter .time input { width: 100%; border: 1px solid #d1d1d1; border-radius: 5px; padding: 0.4rem; /* text-align: center; */ } .time-filter .time-field { display: flex; align-items: center; /* width: 70%; */ } .time-filter .time-field .time:first-child { margin-right: 40px; } .time-filter .time-field .time div:first-child { margin-bottom: 5px; } .time-filter .ampm-field { width: 30%; padding-top: 15px; } .time-filter .ampm-field .ampm { margin: 5px 0; } .time-filter .ampm-field .ampm input { margin-right: 10px; } .listing-filter { font-size: 14px; } .filter-dd { text-align: right; padding: 2rem 0; display: flex; align-items: center; justify-content: flex-end; } .filter-dd a { width: 30px; display: inline-block; cursor: pointer; } .filter-dd .box-inner { position: relative; } .filter-dd .box-inner:nth-of-type(2) { margin-right: 1rem; } .top-head { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; margin-bottom: 10px; } .filter-dd .box-inner .inner-content { background: #fff; box-shadow: 0px 4px 15.899999618530273px 0px rgba(0, 0, 0, 0.25); width: 300px; position: absolute; right: 0; top: 40px; z-index: 1; padding: 1.5rem; display: none; border-radius: 9px; } .filter-dd .box-inner .inner-content.open { display: block; } .filter-dd .box-inner .inner-content .top-head .close-btn { width: 20px; display: inline-block; cursor: pointer; } .filter-dd .box-inner .inner-content .list-by { text-align: left; } .filter-dd .box-inner .inner-content .list-by li { padding: 7px 0; } .filter-dd .box-inner .inner-content .list-by li input { margin-right: 10px; } .filter-dd .box-inner .inner-content .list-by li label { font-size: 14px; } .listing-items .browse-experiences-item .img-wrapper { height: 100%; } .filter-view { display: none; } .product-info .wishlist-share a { width: 25px; display: inline-block; } .product-info .wishlist-share a:first-child { margin-right: 10px; } .product-info .top-row { display: flex; align-items: center; justify-content: space-between; } .product-info .top-row .most-booked { color: #808080; font-size: 1.25vw; } .product-reviews { display: flex; align-items: center; padding: 0.5rem 0 2rem; } .product-reviews .review { margin-left: 1rem; } .guest-reviews-detail .star-ratings .star-container { padding: 0 0.1rem !important; } .guest-reviews-detail .star-ratings { margin-bottom: 1rem; } .product-info .product-reviews .star { display: flex; align-items: center; } .product-reviews .star a { width: 19px; display: inline-block; } .product-reviews .rating { background: #002c5f; border-radius: 4px; padding: 5px; color: #fff; margin-right: 10px; } .product-info .product-reviews .review { margin-right: 10px; } .product-info .product-name { /* font-size: calc(2.865vw + 2.865vh + 2.865vmin) ; */ font-size: 2.565vw; line-height: 2.865vw; font-weight: 700; } .product-info .price { font-size: 2.083vw; line-height: 2.083vw; } .product-info .price > span { color: #808080; font-size: 14px; } .product-info .location { font-size: 1.5rem; line-height: 1.5rem; margin-bottom: 0.5rem; } .product-info .location > span { color: #808080; font-size: 16px; } .btn:hover { box-shadow: -1px 6px 10px 0 rgba(120, 60, 20, 0.2); transform: scale(1.05); /* background-color: transparent; */ transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); } .btn-row { padding: 2rem 0; } .image-container.btn-gift { width: 0.938vw; display: inline-block; vertical-align: text-bottom; margin-left: 0.5rem; } .btn-secondary { background: #f0f0f0; border: 1px solid #afafaf; color: #000; } .btn-secondary:hover { background: #e0dede; border: 1px solid #afafaf; color: #000; } .image-gallery-thumbnail { width: 25%; } .image-gallery-content .image-gallery-slide .image-gallery-image { max-height: 100%; } .breadcrumb-item + .breadcrumb-item::before { content: ""; background: url(/images/icons/arrow-right-grey.svg) no-repeat; width: 24px; height: 24px; margin: 0 5px; } .breadcrumb .breadcrumb-item a { color: #808080; } .btn { font-size: 0.833vw; } .btn-check:focus + .btn, .btn:focus, button:focus:not(:focus-visible) { box-shadow: none; } .availability-wrappper { display: flex; align-items: center; flex-wrap: wrap; margin-top: 2rem; } .availability-wrappper li { width: 32%; display: flex; align-items: center; margin: 0.5rem; } .availability-wrappper li > span { width: 30px; display: block; margin-right: 10px; } .availability-wrappper li .info { width: 12px; height: 12px; right: -4px; top: -9px; display: block; cursor: pointer; } .availability-wrappper li .info-div { position: relative; } .availability-wrappper li .info-text { position: absolute; top: 100%; left: 0; background-color: #ffffff; padding: 10px; box-shadow: 0px 3.2603139877319336px 15.81252384185791px 0px #0000001a; width: 250px; border-radius: 10px; font-size: 14px; /* Add any other styles you need for your info div */ } .view-all-reviews-btn { color: #000; } .guest-reviews-detail .head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem; } .guest-reviews-detail .head .name { font-size: 24px; line-height: 24px; } .guest-reviews-detail .head .month { color: #808080; } .guest-reviews-detail .star { display: flex; align-items: center; margin-bottom: 1rem; } .guest-reviews-detail .star a { width: 19px; display: inline-block; } .review-content a { color: #808080 !important; text-decoration: underline !important; margin-left: 0.5rem; cursor: pointer; } .guest-reviews-detail.modal .head { margin-bottom: 0; } .guest-reviews-detail { margin-right: 3rem; } .guest-reviews-session .head-btn { margin-right: 3rem; } .guest-reviews-detail { margin-bottom: 2rem; } .guest-reviews-session > .container { border-top: 1px solid #c9c9c9; padding-top: 3rem; } .guest-reviews-session { padding: 0 0 2rem 0; } .browse-experiences-item .explore-now .btn { font-size: 13px; padding-left: 1rem; padding-right: 1rem; } .accordion-01 { /* border: 1px solid #707070; border-radius: 17px; padding: 5px; */ } .accordion-01 .accordion-button::after { background-image: url(https://d3dfzqkbc19l96.cloudfront.net/public/assets/images/icons/plus.svg); width: 15px; height: 15px; background-size: 90%; position: absolute; right: 5px; top: 40%; } .accordion-01 .accordion-button:not(.collapsed)::after { background-image: url(https://d3dfzqkbc19l96.cloudfront.net/public/assets/images/icons/minus.svg); width: 15px; height: 3px; background-size: 90%; } .accordion-01 .title-accord { display: flex; align-items: center; justify-content: space-between; width: 96%; } .logout-bk { display: none; } .accordion-01 .accordion-button { font-size: 20px; line-height: 28px; color: #000000; position: relative; padding-top: 30px !important; padding-bottom: 30px !important; /* font-weight: 700; */ padding-right: 35px; } .accordion-01 .accordion-body { padding-top: 0; padding-bottom: 35px; font-size: 18px; line-height: 25px; padding-right: 50px; } .accordion-01 .accordion-button:not(.collapsed) { background-color: transparent; box-shadow: none; font-weight: 600; } .accordion-01 .accordion-item { border: 0; border-bottom: 1px solid #dddddd !important; } .accordion-01 .accordion-item:last-child { border-bottom: 0; } .accordion-button:focus { box-shadow: none; } .accordion-01.accordion { /* margin-top: 35px; */ border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .faqs-session { padding: 5rem 0; } .subscribe label .btn { font-size: 16px; padding-left: 1rem; padding-right: 1rem; } .mySwiper01 .swiper-button-prev:after, .mySwiper01 .swiper-button-next:after { font-size: 0; width: 14px; height: 22px; background-size: 100%; display: block; } .multi-select { width: 100%; border: 1px solid #000; border-radius: 10px; } .testimonial-session .rating { margin-bottom: 0.5rem; } .testimonial-session .rating .star-ratings svg { width: 33px !important; height: 33px !important; } .sub-categories { display: flex; align-items: center; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; } .active>.page-link, .page-link.active{ background-color: #0070bd; border-color: #0070bd; } .sub-categories a { cursor: pointer; display: flex; align-items: center; justify-content: space-between; margin-left: 1rem; border: 1px solid #000; border-radius: 2rem; height: 2.5rem; padding-left: 1.5rem; padding-right: 1.5rem; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.15s; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .sub-categories a .image-container { width: 20px; display: inline-block; margin-left: 0.5rem; margin-right: -0.8rem; } .graph { padding-top: 3rem; } .graph .graph-price { display: flex; align-items: center; justify-content: space-between; color: #808080; } :where(.css-dev-only-do-not-override-1kuana8).ant-tooltip .ant-tooltip-inner { padding: 5px 8px; color: #808080; background-color: transparent; } :where(.css-dev-only-do-not-override-1kuana8).ant-tooltip .ant-tooltip-arrow:before, :where(.css-dev-only-do-not-override-1kuana8).ant-tooltip .ant-tooltip-content { background: #fff; } :where(.css-dev-only-do-not-override-1kuana8).ant-tooltip .ant-tooltip-arrow::after { box-shadow: 1px 1px 6px #c1c1c1; } .graph :where(.css-dev-only-do-not-override-1kuana8).ant-slider:hover .ant-slider-track { background-color: #0070bd; } .graph :where(.css-dev-only-do-not-override-1kuana8).ant-slider .ant-slider-handle::after { background-color: #0070bd; box-shadow: 0 0 0 2px #0070bd; } .graph :where(.css-dev-only-do-not-override-1kuana8).ant-slider .ant-slider-rail { background-color: #a1a1a1; } .graph :where(.css-dev-only-do-not-override-1kuana8).ant-slider .ant-slider-track { background-color: #0070bd; } .box-01 .inner .price .sub-text { color: #d1d1d1; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); /* Semi-transparent black background */ z-index: 999; /* Ensure the overlay appears above other content */ } .let-discover-session.let-discover-listing-session .swiper-nav, .home_nav { width: 106%; } .mySwiper01 .swiper-button-prev:after { background: url(/images/icons/arrow-left.svg) no-repeat center; } .mySwiper01 .swiper-button-next:after { background: url(/images/icons/arrow-right.svg) no-repeat center; } .swiper.mySwiper02 { /* width: 92%; */ } .mySwiper01 .swiper-button-prev:after, .mySwiper01 .swiper-button-next:after { margin-top: -4rem; } .swiper-nav, .home_nav { position: absolute; left: 0; width: 107%; margin-left: -45px; } .swiper-nav { top: 50%; } .swiper-nav button { position: relative; z-index: 10; border: 0; background: transparent; } .swiper-nav button .image-container > span { width: 14px !important; } .projectnav button:first-child { margin-left: -80px; } .swiper-nav button.swiper-button-disabled { opacity: 0.2; } .let-discover-listing-session .swiper.mySwiper02 { width: 100%; } .let-discover-listing-session { padding: 5rem 0 1rem; } .page-title-area { background-size: cover; background-position: 50%; background-repeat: no-repeat; height: 570px; text-align: center; position: relative; margin-top: -20px; margin-bottom: 5rem; } .page-title-area .banner-bg .image-container { height: 100%; display: block; } .page-title-area .banner-bg .image-container > span { height: 100% !important; } .page-title-area .banner-bg .image { object-fit: cover; } .page-title-one { background: url(/images/banner/about-us.png); } .page-title-contact-us { background: url(/images/banner/contact-us.png); } .page-title-blogs { /* background: url(/images/banner/blogs.png); */ } .page-title-item { text-align: left; font-size: 55px; line-height: 55px; color: #fff; text-transform: uppercase; } .mission-vision-session { background: url(/images/bg/mission-vision-bg.svg) bottom center; background-size: cover; background-repeat: no-repeat; padding: 0rem 0 12rem; } .our-mission .inner .title { font-size: 24px; line-height: 24px; margin-bottom: 0.5rem; } .our-mission .inner { height: 100%; display: flex; flex-direction: column; justify-content: center; } .offers-session { position: relative; z-index: 1; margin-top: -135px; padding-bottom: 5rem; } .offers-session-item .head { display: flex; align-items: center; margin-bottom: 1rem; } .offers-session-item .head .img { margin-right: 1rem; width: 45px; } .offers-session-item .head .title { font-size: 24px; line-height: 24px; } .offers-session-item { position: relative; padding: 2rem; } .offers-session-item.last { padding-right: 0; } .offers-session-item.last::after { content: none; } .offers-session-item::after { position: absolute; content: ""; right: 0; top: 0; background: #e4e4e4; width: 5px; border-radius: 5px; height: 100%; } .offers-wrapper { box-shadow: 0px 3px 30px -13px #00000040; padding: 2rem; border-radius: 20px; background: #fff; } .offers-session .head-btn { justify-content: center; } .founder-session .founder-inner { background: #f7f5f1; border-radius: 27px; margin-top: 5rem; padding: 0 2rem; } .founder-session .f-img { margin: -4rem 4rem 0 4rem; display: block; } .founder-detail { padding: 2rem 0; } .founder-detail .title { font-size: 24px; line-height: 30px; font-weight: 400; margin-bottom: 1rem; } .founder-detail p { margin-bottom: 1rem; } .founder-session { padding-bottom: 3rem; } .our-members-session { padding-bottom: 3rem; } .our-member-item .details { box-shadow: 0px 5.587435722351074px 32.407127380371094px 0px #00000026; padding: 1rem; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 0 0 47px 47px; margin-bottom: 2rem; } .our-member-item .details .name { font-size: 22px; line-height: 25px; } .our-member-item .details .disc { font-size: 16px; line-height: 20px; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: -5px !important; } .swiper-pagination-bullet-active { background: #000 !important; } .navbar-expand-lg .navbar-nav .nav-link.gift-card .image-container { width: 21px; margin-left: 10px; display: inline-block; } .get-in-touch-session { background: url(/images/bg/contact-us-bg.png) no-repeat center bottom / cover; } .form-01 .form-control { border-radius: 5px; border: 2px solid #d1d1d1; font-size: 14px; line-height: 20px; padding: 0.875rem 0.75rem; } .form-01 .form-control:focus { box-shadow: none; } .get-in-touch-session .rt-banner { padding-left: 2rem; } .form-01 .react-tel-input.form-control { padding: 0; } .form-01 .react-tel-input .form-control { height: 52px; padding-top: 0.875rem; padding-bottom: 0.875rem; border: 2px solid #d1d1d1; width: 100%; /* border: 0; */ } .form-01 .react-tel-input .flag-dropdown { background: transparent !important; border: 0; border-right: 1px solid #cacaca; } .form-01 .react-tel-input .selected-flag:hover, .form-01 .react-tel-input .selected-flag:focus { background-color: transparent; } .form-01 .react-tel-input .flag-dropdown.open .selected-flag { background: transparent; } .form-01 { margin-bottom: 3rem; } .blogs-filter { text-align: right; position: relative; } .blogs-filter a { display: block; cursor: pointer; } .blogs-filter a .image-container { width: 30px; display: inline-block; } .blogs-filter .inner-content { background: #fff; box-shadow: 0px 4px 15.899999618530273px 0px rgba(0, 0, 0, 0.25); width: 300px; position: absolute; right: 0; top: 40px; z-index: 1; padding: 1.5rem; display: none; border-radius: 9px; } .blogs-filter .inner-content.open { display: block; } .blog-item { border-radius: 1.6875rem; background: #fff; box-shadow: 0px 3.26px 15.813px 0px rgba(0, 0, 0, 0.1); margin: 1.5rem 0; } .blog-item .img-wrapper { height: 220px; position: relative; } .blog-item .img-wrapper .image-container { height: 100%; display: block; } .blog-item .img-wrapper .image-container > span { height: 100% !important; } .blog-item .img-wrapper .image-container > span > .image { object-fit: cover; border-radius: 25px 25px 0 0; } .blog-item .top-rated { position: absolute; bottom: 10px; left: 10px; background: #fff; border-radius: 6px; padding: 0.3rem 0.5rem; font-size: 13px; font-weight: 700; } .blog-item .info { padding: 1rem; } .blog-item .info .read-row { display: flex; align-items: center; color: #7f7f7f; font-size: 11px; margin-bottom: 1rem; } .blog-item .info .read-row .image-container { margin-right: 0.5rem; width: 12px; margin-top: -3px; } .blog-item .info .title { font-size: 20px; line-height: 24px; margin-bottom: 1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .blog-item .info .discription { font-size: 16px; line-height: 20px; margin-bottom: 1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .blog-item .info .read-more .btn { font-size: 13px; line-height: 15px; padding-top: 0.675rem; padding-bottom: 0.675rem; } .blogs-filter .inner-content.open { text-align: left; } .blogs-filter .inner-content .top-head .close-btn { width: 20px; display: inline-block; cursor: pointer; } .blogs-filter .box-01 { border: 0; } .blogs-filter .box-01 .inner { padding: 0; border-top: 0; } .blogs-filter .btn.btn-primary { padding-top: 0.475rem; padding-bottom: 0.475rem; } .blog-detail-inner-session .profile { display: flex; align-items: center; } .blog-detail-inner-session .profile .image-container { width: 56px; display: inline-block; margin-right: 0.5rem; } .blog-detail-inner-session .date { display: flex; align-items: center; justify-content: flex-end; } .blog-detail-inner-session .date .image-container { width: 29px; display: inline-block; margin-right: 0.5rem; } .blog-detail-inner-session .flag-list { padding: 2rem 0; } .blog-detail-inner-session .flag-list li { display: inline-block; margin-right: 1rem; } .blog-detail-inner-session .flag-list li a { background: #f7f5f1; border-radius: 5px; color: #000; padding: 0.5rem 1rem; display: block; } .blog-detail-inner-session h2 { font-size: 32px; line-height: 38px; font-weight: 400; margin-bottom: 2rem; } .blog-detail-inner-session p { margin-bottom: 1.5rem; } .blog-detail-inner-session { padding-bottom: 3rem; } .s-page-session { margin: 5rem 0; } .s-page-session h2 { font-size: 32px; line-height: 40px; font-weight: 400; margin-bottom: 1rem; } .s-page-session p { margin-bottom: 1.5rem; } .s-page-session ul { list-style-type: disc; list-style-position: inside; margin-left: 2rem; margin-bottom: 2rem; } .gift-card-session { padding: 5rem 0; } .gift-card-lt { text-align: center; width: 354px; height: 228px; } .gift-card-lt .gift-box { height: 100%; background: #f7f5f1; display: flex; align-items: center; justify-content: center; border-radius: 13px; margin-bottom: 1rem; } .gift-card-rt { border-left: 2px solid #e9e9e9; padding-left: 3rem; } .gift-card-session .back-btn .image-container { width: 15px; display: inline-block; } .gift-card-amt ul li { display: inline-block; vertical-align: top; } .gift-card-amt ul li input[type="radio"] { display: none; } .gift-card-amt ul li a, .gift-card-amt ul li label { cursor: pointer; padding: 0.5rem 1rem; display: inline-block; /* border: 1px solid #000; */ border-radius: 12px; font-size: 22px; line-height: 22px; margin: 0.5rem; min-width: 155px; text-align: center; background: #f7f5f1; display: flex; flex-direction: column; line-height: 13px; height: 90px; align-items: center; justify-content: center; } .gift-card-amt ul li a, .gift-card-amt ul li label > span { font-size: 14px; } .gift-card-amt ul li input[type="radio"]:checked + label { background: #0070bd; color: #fff; } .gift-card-amt ul li a, .gift-card-amt ul li label { padding: 1.5rem 2rem; } .tooltip-wrapper { position: relative; } .tooltips { display: block; position: absolute; background: #fff; box-shadow: 0px 3.2603139877319336px 15.81252384185791px 0px #0000001a; color: #808080; padding: 5px; border-radius: 5px; left: 15px; padding: 0.5rem; top: 0; font-size: 14px; } .tooltip-btn { position: relative; } .tooltip-btn .image-container { width: 12px; display: inline-block; } .tooltip-btn:hover + .tooltips { display: block; } .tooltip-btn:hover { cursor: pointer; } .cl-gry { color: #808080 !important; } .gift-card-rt .back-btn { margin-bottom: 1rem; } .gift-card-rt .title { font-size: 32px; margin-bottom: 0.5rem; } .gift-card-amt { margin: 1rem 0; } .gift-card-rt .form-01 .form-control { border: 1px solid #000; border-radius: 9px; } .gift-card-rt .form-01 .link-a { } .gift-card-session .result-box { text-align: center; min-height: 390px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .gift-card-session .result-box p { font-size: 32px; line-height: 40px; margin-bottom: 2rem; } input:disabled { cursor: not-allowed; background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3)) !important; color: -internal-light-dark(rgb(84, 84, 84), rgb(170, 170, 170)) !important; border-color: rgba(118, 118, 118, 0.3) !important; } img { transition: all 0.6s ease-out; } img:hover { transform: scale(1.02); transition: all 0.6s ease-out; } .navbar-expand-lg .navbar-nav .nav-link.gift-card .image { display: block; animation: scale1 4s infinite; transition: all 0.6s ease-out; overflow: hidden; padding: 0.1rem !important; } @keyframes scale1 { 0% { transform: scale(0.9); } 50% { transform: scale(1.1); } 100% { transform: scale(0.9); } } @keyframes scale2 { 0% { transform: scale(1); } 50% { transform: scale(1.07); } 100% { transform: scale(1); } } .get-in-touch-session .rt-banner .image { display: block; animation: scale2 4s infinite; transition: all 0.6s ease-out; overflow: hidden; padding: 1.5rem !important; } .founder-session .f-img .image { display: block; animation: scale2 4s infinite; transition: all 0.6s ease-out; overflow: hidden; } .heading03 { font-size: 32px; line-height: 40px; font-weight: 400; } /* .form-container .upload-files{ display: inline-block; width: 102px; height: 102px; margin-block: 0 8px; margin-inline: 0 8px; vertical-align: top; padding: 8px; border: 1px solid #d9d9d9; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; }*/ .form-container .upload-file-input { /* height: 100%; width: 100%; border: 0; padding: 0; padding-top: 2rem; */ height: inherit; } /* ::-webkit-file-upload-button { display: none; } ::file-selector-button { display: none; } */ .form-container .upload-file .anticon.anticon-plus { position: absolute; } .search-icon.btn:hover { color: inherit; background-color: inherit; border-color: inherit; box-shadow: none; } .form-control:focus { box-shadow: none; border-color: #ced4da; } :where(.css-dev-only-do-not-override-1kuana8).ant-tooltip { z-index: 10; } .swiper-nav button { margin: 0 !important; padding: 0 !important; } /* .let-discover-carousal{ background: orange; } */ .page-link { box-shadow: 0px 2.57px 8.85px 0px #00000026; } .load-more { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 4rem; } .load-more .pagination .page-item { } .page-item:not(:first-child) .page-link { margin-left: 10px; } .page-link { display: block; font-size: 16px; border-radius: 5px; } @media (min-width: 992px) { .navbar-expand-lg .navbar-nav .nav-link { margin: 0 2rem; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; align-items: center; justify-content: flex-end; } .navbar-expand-lg .navbar-nav .nav-link.gift-card { display: flex; align-items: center; position: relative; } .navbar-expand-lg .navbar-nav .nav-link.gift-card::after { content: ""; background: #000; height: 2px; width: 100%; bottom: 0; left: 0; position: absolute; } .navbar-expand-lg .navbar-nav .nav-link.gift-card .image-container { width: 21px; margin-left: 10px; } } @media (min-width: 992px) { .navbar-expand-lg .navbar-nav .nav-link { margin: 0 2rem; font-size: 0.833vw; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; align-items: center; justify-content: flex-end; } .navbar-expand-lg .navbar-nav .nav-link.gift-card { display: flex; align-items: center; position: relative; } .navbar-expand-lg .navbar-nav .nav-link.gift-card::after { content: ""; background: #000; height: 2px; width: 100%; bottom: 0; left: 0; position: absolute; } .navbar-expand-lg .navbar-nav .nav-link.gift-card .image-container { width: 1.094vw; margin-left: 10px; } } @media (min-width: 768px) { .hide-on-desktop { display: none !important; } } @media only screen and (max-width: 1440px) and (min-width: 1279px) { .availability-wrappper li { width: 31%; } .let-discover-session.let-discover-listing-session .swiper-nav, .home_nav { width: 108%; } } @media (max-width: 1023px) { .product-info .product-name { font-size: 20px; line-height: 30px; } .product-info .top-row .most-booked { color: #808080; font-size: 16px; } .product-info .product-name { font-size: 20px; line-height: 30px; font-weight: 700; } .availability-wrappper li { width: 100%; margin: 1rem 0.5rem; } .guest-reviews-session .head-btn { margin-right: 0; } .guest-reviews-detail { margin-right: 0; } } @media (max-width: 767px) { .gift-card-amt ul li a, .gift-card-amt ul li label > span { font-size: 12px; } .gift-card-amt ul li a, .gift-card-amt ul li label { font-size: 16px; height: 70px; } .s-page-session { margin: 3rem 0; } .accordion-01 .accordion-button { font-size: 16px; line-height: 20px; padding-top: 10px !important; padding-bottom: 10px !important; } .faqs-session { padding: 1rem 0 3rem; } .availability-wrappper li { margin: 0.5rem 0.5rem; font-size: 14px; } .availability-wrappper { margin-top: 0rem; } .image-container.btn-gift { width: 3vw; } .box-01 .head { font-size: 16px; line-height: 18px; padding: 1rem; } .sub-categories a{ font-size: 12px; padding: 1rem; height: 2rem; margin-left: 0.5rem; } .navbar-toggler { border: 0; } .navbar-toggler .navbar-toggler-icon { background: url(/images/icons/close_icon.svg) no-repeat !important; background-size: 100% !important; } .navbar-toggler.collapsed .navbar-toggler-icon { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.95' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; } .top-rated { font-size: 12px; display: flex; min-width: 19vw; align-items: center; justify-content: center; line-height: 15px; } .discover-swiper-button-prev arrow { left: 0; } .navbar-collapse form { margin-right: 0 !important; } .header-search { width: 100%; } .navbar-expand-lg .navbar-nav { padding-bottom: 1rem; } .navbar-expand-lg .navbar-nav .nav-link.gift-card .image-container { width: 18px; margin-left: 5px; } .header_wrap .navbar-expand-lg .navbar-nav .nav-link { display: flex; align-items: center; } .navbar-collapse { margin-top: 1rem; } .copyright { font-size: 14px; } .let-discover-session.let-discover-listing-session .swiper-nav, .home_nav { width: 100%; } .swiper-nav, .home_nav { left: 0; width: 100%; margin-left: 0; } .home-banner .swiper-button-prev, .home-banner .swiper-button-next { display: none; } .product-info .price { font-size: 3.883vw; line-height: 3.883vw; margin-bottom: 1rem; } .top-btn { margin-bottom: 1rem; margin-top: 1rem; display: flex; align-items: center; justify-content: space-between; } .top-btn button { width: 100%; } .header-search .search-icon .image-container { width: 3.585vw; } .header-search > .form-control { font-size: 3vw; margin-bottom: 1rem; } .btn { font-size: 3vw; } .navbar-brand { width: 22.927vw; } .info .top-name .title { font-size: 4vw; } .home-banner .banner-txt .disc { font-size: 3vw; line-height: 4vw; } .home-banner-bg > span > span .image { border-radius: 0 0 20px 20px; } .gift-card-rt .title, .gift-card-rt .cl-gry { padding-left: 1rem; } .gift-card-rt .back-btn { display: none; } .gift-card-amt ul { text-align: center; } .gift-card-rt { border-left: 0; padding-left: 0; padding-top: 2rem; border-top: 2px solid #e9e9e9; margin-top: 4rem; } .gift-card-lt { margin: 0 auto; } .d-table-cell { padding-top: 2rem; } .filter-dd { justify-content: space-between; padding: 0 0 2rem; } .filter-view.box-inner { display: block; } .grid-view.box-inner { display: none; } .get-in-touch-session .rt-banner { padding-left: 0; } .founder-session .f-img { margin: 0rem 0rem 0 0rem; } .founder-session .founder-inner { margin-top: 0rem; } .first-o { order: 1; } .second-o { order: 2; } .offers-session-item { padding: 2rem 1rem 2rem 1rem; } .offers-session-item::after { right: inherit; top: inherit; width: 100%; height: 5px; bottom: 0; left: 0; } .mission-vision-session .img-banner { padding: 2rem 2rem 0rem 2rem; } .mission-vision-session { padding: 0 0 12rem; } .page-title-item { font-size: 20px; line-height: 25px; } .page-title-area { height: 250px; margin-bottom: 2rem; } .our-mission .inner .title { font-size: 20px; line-height: 20px; } .page-title-one { background: url(/images/banner/about-us-m.png) no-repeat; } .let-discover-listing-session .swiper.mySwiper02 { width: 88%; } .browse-experiences-session .swiper-nav { /* display: none; */ } .swiper-nav { top: 40%; } .swiper-nav button .image-container > span { width: 10px !important; } .swiper.mySwiper02 { width: 88%; } .hide-on-mobile { display: none !important; } } @media (max-width: 767px) { .container-fluid { max-width: 100vw; } .home-banner-bg::before { border-radius: 0 0 1rem 1rem; } .let-discover-carousal a .title { padding: 1rem; font-size: 14px; line-height: 16px; } footer .subscribe input { width: 67%; } .footer-link h3 { font-size: 20px; line-height: 20px; } footer .footer-link.mtp-0 { padding-top: 0; } footer .footer-link { padding-top: 2rem; } .signUp-to-experience-our-platform .title { font-size: 32px; line-height: 33px; margin-bottom: 0.5rem; } .signUp-to-experience-our-platform-session { background: url(../public/images/sign-up-exp-bg-m.webp) no-repeat; background-size: 100%; object-fit: cover; padding: 1rem; color: #fff; } .testimonial-item .name { font-size: 20px; line-height: 22px; } .testimonial-item { padding: 0 0rem; } .gift-an-experience-inner .img { padding-top: 3rem; } .gift-an-experience-inner .content .title { font-size: 32px; line-height: 35px; } .gift-an-experience-inner { padding: 1rem; border-radius: 27px; background: #f6f6f6 url(/images/gift-experience-bg-m.webp) no-repeat center bottom; } .carousal-c .owl-custom01.owl-carousel .owl-nav button.owl-next { right: calc(-9% + 1px); } .carousal-c .owl-custom01.owl-carousel .owl-nav button.owl-prev { left: calc(-9% + 1px); } /* .slider-item.slider-item-01 { background: url(/images/home-banner/01-m.jpg) no-repeat; } */ .slider-item { height: 200vw; border-radius: 0 0 25px 25px; background-position: 100% !important; padding-top: 2rem; } .slider-item .d-table { display: inherit !important; } .home-banner .banner-txt h1 { font-size: 20px; line-height: 22px; } .home-banner .banner-txt .title { font-size: 32px; line-height: 35px; } .searchbar-h input { font-size: 13px; } .searchbar-h { height: 55px; padding: 0.8rem; } .searchbar-h .rbt-menu.dropdown-menu.show { top: 0.8rem !important; } .rbt-menu > .dropdown-item { font-size: 13px; } .searchbar-h .search-icon { right: 8px; top: 12px; } .searchbar-session { margin-top: -33px; } .let-discover-session { padding: 2rem 0 0.5rem; } .head01 .title { font-size: 16px; line-height: 18px; } .head01 h2 { font-size: 32px; line-height: 33px; } .carousal-c { padding: 0 1rem; } }