.min-w-100px { min-width: 100px !important } .min-w-125px { min-width: 125px !important } .min-w-150px { min-width: 150px !important } .min-w-175px { min-width: 175px !important } .min-w-200px { min-width: 200px !important } .min-w-225px { min-width: 225px !important } .min-w-250px { min-width: 250px !important } .min-w-275px { min-width: 275px !important } .min-w-300px { min-width: 300px !important } .min-w-325px { min-width: 325px !important } .min-w-350px { min-width: 350px !important } .min-w-375px { min-width: 375px !important } .min-w-400px { min-width: 400px !important } .min-w-425px { min-width: 425px !important } .min-w-450px { min-width: 450px !important } .min-w-475px { min-width: 475px !important } .min-w-500px { min-width: 500px !important } .min-w-550px { min-width: 550px !important } .min-w-600px { min-width: 600px !important } .min-w-650px { min-width: 650px !important } .min-w-700px { min-width: 700px !important } .min-w-750px { min-width: 750px !important } .min-w-800px { min-width: 800px !important } .min-w-850px { min-width: 850px !important } .min-w-900px { min-width: 900px !important } .min-w-950px { min-width: 950px !important } .min-w-1000px { min-width: 1000px !important } .min-w-1200px { min-width: 1200px !important } :root { --primary: #F5F4EF; --secondary: #7F7D71; --secondary-rgb: 49, 49, 49; --tertiary: #53524E; --bg-color: #F3EEE7; --text-color: #313131; --font-light: 'gothamlight'; --font-book: 'gothambook'; --font-medium: 'gothammedium'; --font-bold: 'gothambold'; } /*html { scrollbar-gutter: stable; scroll-behavior: smooth; }*/ /* width */::-webkit-scrollbar { width: 5px; height: 7px; } /* Track */ ::-webkit-scrollbar-track { background-color: #eeeeee; } /* Handle */ ::-webkit-scrollbar-thumb { background-color: var(--secondary); border-radius: 25px; } /*Scroll to Top Start*/ .scrollToTop { position: fixed; right: 3rem; bottom: 3rem; height: 75px; width: 75px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--primary); border: 8px solid var(--tertiary); filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25)); opacity: 0.75; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all;    /* animation button */ opacity: 0; animation: scroll-page both linear; animation-timeline: scroll(); animation-range: entry 0 exit 20dvh; z-index: 9; } .scrollToTop svg { fill: var(--secondary); transform: rotate(-45deg); } .scrollToTop:hover { opacity: 1; transform: translateY(-10px); box-shadow: rgba(0, 0, 0, 0.75) 0px 25px 20px -20px; } @keyframes scroll-page { to { opacity: 1; } } @media(max-width:1401px) { .scrollToTop { right: 1.5rem; bottom: 1.5rem; } } @media(max-width:1199px) { .scrollToTop { right: 1rem; bottom: 1rem; height: 60px; width: 60px; border: 5px solid var(--secondary); } .scrollToTop svg { max-width: 20px; } } /*Scroll to Top End*/ body { background-color: var(--primary); } hr { border-color: var(--tertiary); opacity: 0.5 } @media(max-width:1199px) { hr { margin: 10px 0; } } a { text-decoration: none; color: inherit; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; } a:hover { color: inherit; } b { font-family: var(--font-book); font-weight: 700; color: var(--tertiary); } @font-face { font-family: 'gothambold'; src: url('../fonts/gotham-bold-webfont.woff') format('woff2'), url('../fonts/gotham-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothambook'; src: url('../fonts/gotham-book-webfont.woff2') format('woff2'), url('../fonts/gotham-book-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothamlight'; src: url('../fonts/gotham-light-webfont.woff2') format('woff2'), url('../fonts/gotham-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothammedium'; src: url('../fonts/gotham-medium-webfont.woff2') format('woff2'), url('../fonts/gotham-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } * { font-family: 'gothamlight'; margin: 0; padding: 0; box-sizing: border-box; } /*Common CSS Start*/ body.modal-open { padding-right: 0 !important; } #loading-area { position: fixed; width: 100%; height: 100vh; left: 0; top: 0; z-index: 999999999; background: var(--primary); display: flex; justify-content: center; align-items: center; opacity: 1; transform: translateY(0); transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; } #loading-area.loaded { transform: translateY(-100%); opacity: 0;    /* slide up */ } .loader-wrapper { position: relative; width: 160px; height: 160px; display: flex; align-items: center; justify-content: center; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; } .loader-wrapper img { position: absolute; display: flex; align-items: center; justify-content: center; } .loader-wrapper .loader { position: absolute; width: 160px; height: 160px; border: 1px solid var(--secondary); border-radius: 3.40282e+38px; border-right-width: 0; border-top-color: rgb(0 0 0 / 1); border-color: #000000; animation: loading-indicator-spin .8s cubic-bezier(.5, 0, .5, 1) infinite; } @keyframes loading-indicator-spin { 0% { transform: rotate(0); } 100% { transform: rotate(1turn); } } .theme-shadow { box-shadow: 3px 3px 30px 0 rgba(0, 0, 0, 0.25); } /* .border-radius { border-radius: 0 100px 0 100px; } */ /* .border-radius { border-radius: 25px; } .box-border-radius { border-radius: 25px; } */ .page-section { padding: 100px 0; } .page-section.first-section { margin-top: 50px; } .page-title { font-size: 36px; font-family: var(--font-medium); text-transform: uppercase; margin-bottom: 25px; letter-spacing: -1px; color: var(--tertiary); line-height: 125%; } .medicalTeam-detail h1.page-title { font-size: 36px !important; font-family: var(--font-medium) !important; text-transform: uppercase; margin-bottom: 25px !important; letter-spacing: -1px !important; color: var(--tertiary) !important; font-weight: 500 !important; text-align: left !important; margin-top: 0 !important; } .line-title { position: relative; text-align: center; } .line-title:before { position: absolute; content: ""; height: 1px; background-color: var(--secondary); top: 50%; transform: translate(0, -50%); width: 100%; left: 0; z-index: -1; } .line-title .page-title { display: inline-block; background-color: var(--primary); padding: 0 25px; margin: 0; letter-spacing: 1px; } @media (min-width:992px) { .w-lg-100 { max-width: 100%; } } p { font-size: 16px; font-family: var(--font-book); color: var(--tertiary); line-height: 200%; } p a { font-family: var(--font-book); font-weight: 600; } p a:hover { opacity: 0.75; } button:focus { outline: none; } @media(max-width:1401px) { /* .border-radius { border-radius: 0 70px 0 70px } */ .page-title { font-size: 22px; margin-bottom: 15px; } p { font-size: 14px; line-height: 150%; font-weight: 500; font-family: var(--font-book); } } @media(max-width:1199px) { .page-title { font-size: 32px; } .page-section { padding: 40px 0; } .page-section.instagram_section { padding: 100px 0; } } @media(max-width:767px) { /* .border-radius { border-radius: 0 40px 0 40px } */ .page-section { padding: 30px 0; } .line-title .page-title { /* padding: 0 15px; font-size: 32px; */ font-size: 20px; display: inline-block; max-width: 70%; } /* .box-border-radius { border-radius: 15px; } */ } .pulse { width: 100px; height: 100px; background: #FF6D4A; border-radius: 50%; color: #FFF; font-size: 20px; text-align: center; line-height: 100px; font-family: sans-serif; text-transform: uppercase; animation: animate-pulse 5s linear infinite; cursor: pointer } @keyframes animate-pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7), 0 0 0 0 rgba(255, 255, 255, 0.7); } 40% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.0), 0 0 0 0 rgba(255, 255, 255, 0.7); } 80% { box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.0), 0 0 0 20px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.0), 0 0 0 20px rgba(255, 255, 255, 0); } } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { margin: 0 30px; font-weight: 600; } .owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent; color: var(--secondary); opacity: 1; } @media(max-width:1199px) { .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { font-size: 14px; } } .modal .modal-content { border-radius: 25px; box-shadow: 3px 3px 30px 0 rgba(0, 0, 0, 0.25); } .form-captcha img { max-width: 300px; width: 100%; } /*Common CSS End*/ /*Pagination Start*/ .pagination-section { margin: 25px 0; } ul.pagination { margin: 25px 0; display: flex; align-items: center; justify-content: center; } ul.pagination li .pagination-link { margin: 0px 10px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 20px; font-family: var(--font-medium); background-color: transparent; color: var(--secondary); transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; opacity: 0.75; } ul.pagination li .pagination-link.active, ul.pagination li .pagination-link:hover { background-color: var(--secondary); color: var(--primary); opacity: 1; } ul.pagination li .pagination-next, ul.pagination li .pagination-prev { margin: 0 20px; } @media(max-width:1199px) { ul.pagination { margin: 25px 0; } ul.pagination li .pagination-link { margin: 0px 10px; width: 35px; height: 35px; border-radius: 5px; font-size: 18px; } ul.pagination li svg { max-width: 20px; } } /*Pagination End*/ /*Buttons CSS Start*/ .themeBtn { display: inline-flex; align-items: center; justify-content: center; height: 45px; padding: 0 20px; line-height: 45px; font-size: 16px; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; text-transform: uppercase; border: 1px solid var(--secondary); font-style: var(--font-medium); font-weight: 600; letter-spacing: 1px; } .themeBtn[disabled], button[disabled], a[disabled] { pointer-events: none; opacity: 0.25; } .btn-light { background-color: var(--primary); color: var(--tertiary); border: 1px solid var(--primary);    /* border-radius: 6px; */ } .btn-light:hover { background-color: var(--secondary); color: var(--primary); } .btn-dark { background-color: var(--tertiary); color: var(--primary);    /* border-radius: 6px; */ } .btn-dark:hover { background-color: var(--primary); color: var(--secondary); } .button-arrow-hover { position: relative; overflow: hidden; font-size: 0; line-height: 0; display: block; margin-left: 9px; } .button-arrow-hover svg:first-child { transform: translatex(0) translatey(0) translatez(0); } .button-arrow-hover svg:first-child path { fill: #fff; } .button-arrow-hover svg { display: inline-block; transition: transform 0.3s ease-out; } .button-arrow-hover svg:last-child { position: absolute; top: 0; left: 0; transform: translatex(-200%) translatey(200%) translatez(0); } .themeBtn:hover .button-arrow-hover svg:first-child, .themeBtn:focus .button-arrow-hover svg:first-child, .themeBtn:active .button-arrow-hover svg:first-child { transform: translatex(200%) translatey(-200%) translatez(0); } .themeBtn:hover .button-arrow-hover svg:last-child, .themeBtn:focus .button-arrow-hover svg:last-child, .themeBtn:active .button-arrow-hover svg:last-child { transform: translatex(0) translatey(0) translatez(0); } .btn-dark:hover .button-arrow-hover svg, .btn-dark:focus .button-arrow-hover svg, .btn-dark:active .button-arrow-hover svg { color: var(--secondary); } .btn-dark:hover .button-arrow-hover svg:first-child path { fill: var(--secondary); } .btn-light .button-arrow-hover svg:first-child path { fill: var(--secondary); } .btn-light:hover .button-arrow-hover svg, .btn-light:focus .button-arrow-hover svg, .btn-light:active .button-arrow-hover svg { color: var(--primary); } .btn-light:hover .button-arrow-hover svg:first-child path { fill: var(--primary); } .textBtn-dark { display: inline-block; font-size: 16px; font-family: var(--font-medium); color: var(--secondary); padding: 5px 10px; text-transform: uppercase; position: relative; transition: 0.5s ease-in-out all; -webkit-transition: 0.5s ease-in-out all; -mos-transition: 0.5s ease-in-out all; -ms-transition: 0.5s ease-in-out all; } .textBtn-dark span { font-size: 16px; font-family: var(--font-medium); color: var(--tertiary); position: relative; transition: 0.5s ease-in-out all; -webkit-transition: 0.5s ease-in-out all; -mos-transition: 0.5s ease-in-out all; -ms-transition: 0.5s ease-in-out all; } .textBtn-dark:before { position: absolute; content: ""; height: 2px; width: 100%; background-color: var(--secondary); left: 0; bottom: 0; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; } .textBtn-dark:hover span { color: var(--primary); } .textBtn-dark:hover:before { height: 100%; } .textBtn-light { display: inline-block; padding: 5px 10px; text-transform: uppercase; position: relative; transition: 0.5s ease-in-out all; -webkit-transition: 0.5s ease-in-out all; -mos-transition: 0.5s ease-in-out all; -ms-transition: 0.5s ease-in-out all; } .textBtn-light span { font-size: 16px; font-family: var(--font-medium); color: var(--primary); position: relative; transition: 0.5s ease-in-out all; -webkit-transition: 0.5s ease-in-out all; -mos-transition: 0.5s ease-in-out all; -ms-transition: 0.5s ease-in-out all; } .textBtn-light:before { position: absolute; content: ""; height: 2px; width: 100%; background-color: var(--primary); left: 0; bottom: 0; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; } .textBtn-light:hover span { color: var(--secondary); } .textBtn-light:hover:before { height: 100%; } .submit-btn { background-color: var(--tertiary); color: var(--primary); font-weight: 600; font-size: 16px; border-radius: 10px; min-width: 150px; padding: 12px 25px; text-align: center; border: 1px solid var(--tertiary); } .submit-btn:hover { background-color: var(--primary); color: var(--secondary); } .resetBtn { padding: 5px 10px; font-size: 15px; background-color: var(--secondary); border: 1px solid var(--secondary); border-radius: 5px; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; color: #ffffff; } .resetBtn:hover { background-color: #ffffff; color: var(--secondary); text-transform: capitalize; } @media(max-width:1401px) { .themeBtn { font-size: 14px; } .submit-btn { min-width: 115px; padding: 8px 20px; font-size: 15px; } } @media(max-width:767px) { .submit-btn { font-size: 15px; min-width: 125px; padding: 8px 25px; } } /*Buttons CSS End*/ /*Login Popup Start*/ .loginPopup .modal-body { padding: 40px; } .loginPopup .logInHead { margin-bottom: 30px; text-align: center; position: relative; } .loginPopup .logInHead .btn-close { position: absolute; top: -20px; right: -20px; filter: brightness(0.1); } .loginPopup .logInHead h3 { font-family: var(--font-book); color: var(--secondary); font-size: 34px; letter-spacing: 3.4px; text-transform: uppercase; margin: 0; } .loginPopup .logInHead p { font-family: var(--font-book); color: var(--secondary); font-size: 16px; font-weight: 400; } .loginPopup .loginLink { padding: 10px 20px; border-radius: 10px; border: 1px solid rgba(49, 49, 49, 0.50); } .loginPopup .loginLink + .loginLink { margin-top: 15px; } .loginPopup .loginLink img { max-width: 50px; margin-right: 20px; } .loginPopup .loginLinkText { color: var(--secondary); font-family: var(--font-book); font-size: 16px; text-transform: uppercase; } @media(max-width:767px) { .loginPopup .modal-body { padding: 20px; } .loginPopup .logInHead .btn-close { position: absolute; top: -5px; right: -5px; } } /*Login Popup End*/ /*Form CSS Start*/ .form-label { font-size: 14px; margin: 0; font-weight: 600; color: var(--tertiary); } .form-control { border-radius: 0; border-color: #cccccc; background-color: rgb(143 143 129 / 15%) !important; padding: 0.275rem .75rem; } .form-control.form-select { padding: .375rem 2.15rem .375rem .75rem; border: 1px solid #cccccc; background-color: rgb(143 143 129 / 15%) !important; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .form-control:focus { background-color: var(--primary); border-color: var(--secondary); } .form-group { margin-bottom: 30px; } .form-group .form-control { border: 0; border-bottom: 1px solid rgba(var(--secondary-rgb), 0.7); border-radius: 0; padding: 5px 0; background-color: transparent !important; font-weight: 600; } .form-control::placeholder { font-style: italic; font-size: 16px; opacity: 0.75; color: var(--secondary); font-weight: 500; } .form-select:disabled { background-color: transparent !important; opacity: 0.35; } .form-control:focus, input:focus { outline: none; box-shadow: none; background-color: transparent; } .custom-file-input { position: relative; margin-bottom: 30px; } .custom-file-input .file-label { position: absolute; right: 0; border-radius: 8px; color: var(--tertiary); cursor: pointer; width: 100%; height: 100%; } .custom-file-input .file-label:before { position: absolute; content: "Choose File"; width: 115px; height: 36px; right: 0; font-size: 16px; padding: 5px 10px; border: 1px solid var(--tertiary); border-radius: 8px; color: #a1a1a1; cursor: pointer; top: -10px; font-style: italic; } .file-input { display: none;    /* Hide the default file input */ } .file-name { border: 0; border-bottom: 1px solid rgba(var(--secondary-rgb), 0.7); border-radius: 0; padding: 5px 0; width: 100%; background-color: var(--primary); } .file-name::placeholder { font-style: italic; } .file-name:disabled { background-color: #f5f5f5; } select.form-select.filterDropdown { background-color: transparent; box-shadow: none !important; border: 1px solid rgba(var(--secondary-rgb), 0.25); padding: 5px; font-size: 14px; } select.form-select.filterDropdown:focus { border-color: rgba(var(--secondary-rgb), 0.25); } select.form-select.filterDropdown { max-width: 250px; } select.form-select { border: 0; border-bottom: 1px solid rgba(var(--secondary-rgb), 0.7); border-radius: 0; padding: 5px 0; background-color: transparent; font-weight: 500; } select.form-select:focus { box-shadow: none; outline: none; border-color: rgba(var(--secondary-rgb), 0.5); } @media(max-width:1199px) { .form-group { margin-bottom: 30px; } .form-group .form-control, .form-control::placeholder, .form-select, .form-control { font-size: 14px; height: 35px; } .form-group textarea.form-control { height: auto; } } .custom-checkbox { display: block; position: relative; padding-left: 30px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 140%; font-size: 15px; font-family: var(--font-light); color: var(--secondary); font-weight: 600; } .custom-checkbox a b { transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; } .custom-checkbox a:hover b { color: var(--secondary); } .custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .custom-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #ffffff; border-radius: 5px; border: 1px solid #d7d7d7; } .custom-checkbox:hover input ~ .checkmark { background-color: #ccc; } .custom-checkbox input:checked ~ .checkmark { background-color: var(--primary); } .custom-checkbox .checkmark:after { content: ""; position: absolute; display: none; } .custom-checkbox input:checked ~ .checkmark:after { display: block; } .custom-checkbox .checkmark:after { left: 7px; top: 3px; width: 6px; height: 11px; border: solid var(--secondary); border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-radius: 50p; } .custom-radio-wrapper { display: flex; align-items: center; margin: 10px 0; } .custom-radio-wrapper .custom-radio + .custom-radio { margin-left: 20px; } .custom-radio { display: block; position: relative; padding-left: 30px; margin-bottom: 12px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 600; line-height: 22px; } .custom-radio input { position: absolute; opacity: 0; cursor: pointer; } .radio-selected { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: transparent; border-radius: 50%; border: 2px solid var(--secondary); } .custom-radio:hover input ~ .radio-selected { background-color: var(--primary); } .custom-radio input:checked ~ .radio-selected { background-color: transparent; } .radio-selected:after { content: ""; position: absolute; display: none; } .custom-radio input:checked ~ .radio-selected:after { display: block; } .custom-radio .radio-selected:after { top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: var(--secondary); border: 3px solid #ffffff; } @media(max-width:1199px) { .custom-radio { font-size: 14px; } } /*Form CSS End*/ /*Header Start*/ header { background: rgba(0, 0, 0, 0.75); position: fixed; width: 100%; top: 0; padding: 25px 0; transform: translateY(-100%); transition: 0.5s ease-in-out all; -webkit-transition: 0.5s ease-in-out all; -mos-transition: 0.5s ease-in-out all; -ms-transition: 0.5s ease-in-out all; z-index: 99; box-shadow: rgba(255, 255, 255, 0.1) 0px 10px 10px -10px; } header.innerHeader { transform: translateY(0); } header:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0;    /*background: linear-gradient(to top, #313131, #2b2b2b, #131313);*/ background: linear-gradient(to bottom, rgba(127, 125, 113, 1) 0%, rgba(166, 169, 152, 1) 180%) } header.headerMenu.headerSticky { transform: translateY(0%); } header .navbar { height: 100%; padding: 0; } header .navbar .navbar-nav .nav-item+.nav-item { margin-left: 0; } header .navbar .navbar-nav .nav-item.web-login svg { fill: #ffffff; } .navbar-brand span { font-family: serif; font-size: 1.6rem; letter-spacing: 2px; color: #fff; } .nav-link { color: #ffffff; font-family: var(--font-book); padding: 15px; } .nav-link:hover { color: #ffffff !important; } .dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover { background: none; } /* Desktop Hover Dropdown */ @media (min-width:1025px) { header .navbar .navbar-nav .nav-item .nav-link { transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; position: relative; } header .navbar .navbar-nav .nav-item .nav-link:before { position: absolute; content: ""; height: 1px; width: 0; background-color: #ffffff; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; } header .navbar .navbar-nav .nav-item .nav-link:hover:before, header .navbar .navbar-nav .nav-item .nav-link.active:before { width: 100%; } header .navbar .navbar-nav .nav-item .nav-link.active:after { position: absolute; content: ""; width: 30px; height: 5px; bottom: -2px; left: 0; right: 0; margin: 0 auto; border-radius: 25px; border: 0; background-color: #ffffff; } header .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:hover:before, header .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:hover:after { content: none; } .dropdown:hover .dropdown-menu { visibility: visible; opacity: 1; transform: translateY(0); background: linear-gradient(to bottom, rgba(127, 125, 113, 1) 0%, rgba(166, 169, 152, 1) 180%); border: 1px solid var(--primary); } .dropdown-menu { display: block; transition: 0.25s ease-in-out all; -webkit-transition: 0.25s ease-in-out all; -mos-transition: 0.25s ease-in-out all; -ms-transition: 0.25s ease-in-out all; opacity: 0; visibility: hidden; padding: 5px 20px 25px; /* border-radius: 12px; */ left: 50% !important; top: 45px !important; transform: translate(-50%, 10px) !important; } .dropdown-menu:before { position: absolute; content: ""; width: 25px; height: 15px; top: 0; border-style: solid; border-width: 0 14px 14px 14px; border-color: transparent transparent var(--primary); transform: rotate(0deg); left: 0; right: 0; margin: 0 auto; top: -15px; } .dropdown-menu:after { position: absolute; content: ""; bottom: 2px; height: 10px; width: calc(100% - 4px); background-color: var(--primary); left: 0; right: 0; /* border-radius: 0 0 10px 10px; */ margin: 0 auto; } .dropdown-menu li+li { margin-top: 5px; padding-top: 5px; border-top: 1px solid rgba(255, 255, 255, 0.5); } .dropdown-menu .dropdown-item { color: var(--primary); font-size: 16px; position: relative; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; text-transform: uppercase; } .dropdown-menu .dropdown-item:before { position: absolute; content: ""; width: 15px; height: 8px; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent var(--primary); transform: scale(0) rotate(90deg); left: -4px; margin: 0 auto; top: 10px; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; } .dropdown-menu .dropdown-item:hover:before { transform: scale(1) rotate(90deg); } .dropdown-toggle::after { display: inline-block; margin-left: 6px; content: "▾"; font-size: 0.7rem; } } /* Mobile accordion style inside offcanvas */ .offcanvas-end { width: 300px; background-color: #f1f1f1; } .mobile-menu-btn { width: 100%; background: transparent; border: 0; font-size: 1rem; padding: 1rem; display: flex; justify-content: space-between; align-items: center; } .submenu-link { display: block; padding: 0.5rem 1.5rem; font-size: 0.9rem; color: #555; } header .dropdown-toggle::after { content: none; } header .mobile-logo, header .mobile-login { display: none; } .navbar-toggler { border: 0; padding: 0; display: flex; flex-direction: column; justify-content: center; outline: none !important; box-shadow: none !important; } .navbar-toggler .navbar-toggler-icon { width: 35px; height: 30px; } .mobile-login { display: flex; flex-direction: column; margin-right: 15px; outline: none !important; box-shadow: none !important; } .offcanvas .btn-close { outline: none !important; box-shadow: none !important; background: none; padding: 0; margin: -5px 10px 0 0; width: 20px; height: 20px; } .mobile-login small, .navbar-toggler small { font-family: var(--font-light); font-size: 11px; color: #ffffff; letter-spacing: 0.75px; line-height: 20px; } .offcanvas.responsiveMenu { max-width: 95%; background-color: var(--primary); border: 0; } .offcanvas.responsiveMenu .nav-link { color: var(--secondary) !important; } @media(min-width:1200px) { header .web-logo { display: block; } .logo { max-width: 350px; } .logo img { max-width: 100%; } } @media(min-width:1401px) { .logo { max-width: 400px; } .logo img { max-width: 100%; } } @media(max-width:1199px) { header { padding: 12px 0; } header .web-logo { max-width: 275px; } header .mobile-logo { display: none; max-width: 100px; } header .offcanvas-header .mobile-logo { display: block; max-width: 250px; } header .mobile-login { display: flex; align-items: center; } header .navbar .navbar-nav .nav-item.web-login svg { fill: var(--secondary); } .headerMenu.innerHeader:before { height: 100%; background: linear-gradient(to bottom, rgba(127, 125, 113, 1) 0%, rgba(166, 169, 152, 1) 180%); } .headerMenu .dropdown-item{ text-transform: uppercase; padding: 8px 15px; } .headerMenu .dropdown-item.active { color: var(--secondary); font-family: var(--font-medium); } } @media(max-width:1024px) { header.headerMenu, header.headerMenu.headerSticky { transform: inherit; } header.headerMenu.headerSticky { background: rgba(0, 0, 0, 0.75); } header.headerMenu.headerSticky:before { height: 100%; background: linear-gradient(to top, #7f7d71, #53524e);        /*background: linear-gradient(to bottom, rgba(127, 125, 113, 1) 0%, rgba(166, 169, 152, 1) 180%);*/ } header { background: none; } header:before { height: 365px;        /*background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(51, 52, 48, 0) 69%);*/ background: linear-gradient(to bottom, rgb(60 59 52) 5%, rgba(51, 52, 48, 0) 50%); } header .navbar .navbar-nav .nav-item+.nav-item { margin: 10px 0 0 0; } header .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle { position: relative; } header .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle.show { position: relative; } header .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle.show:before { position: absolute; content: ""; left: -22px; right: auto; top: 20px; width: 0px; height: 0px; border-style: solid; border-width: 0 11px 11px 11px;        /* border-color: transparent transparent #313131 transparent; */ border-color: transparent transparent var(--tertiary) transparent; transform: rotate(90deg); background: transparent; } header .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle:before, header .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle:after { position: absolute; content: ""; right: 15px; top: 50%; width: 10px; height: 1px; background-color: var(--secondary); border: 0; } header .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle:after { transform: rotate(90deg); } header .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle.show:after { transform: rotate(0deg); } header .offcanvas.responsiveMenu .dropdown-menu { background: none; border: 0; padding: 0; margin: -5px 0 0 20px; font-size: 13px; } } /*Header Ends*/ /*Banner Section Starts*/ .mobile-bannerSection { display: none; } .bannerHeader { position: absolute; width: 100%; top: 0; z-index: 1; padding: 15px 0;    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(51, 52, 48, 0) 100%);*/ background: linear-gradient(to bottom, rgb(60 59 52) 0%, rgba(51, 52, 48, 0) 100%); } ul.banner-menu { padding: 0; margin: 0; display: flex; list-style: none; align-items: center; justify-content: end; } ul.banner-menu li+li { margin-left: 15px; } ul.banner-menu li a { color: #ffffff; font-family: var(--font-book); text-transform: uppercase; } .bannerSliderSection { position: relative; z-index: 0; } .bannerSliderSection .bannerSlider .banner-content { position: absolute; bottom: 175px; left: 0; right: 0; max-width: 1320px; margin: 0 auto; color: #ffffff; } .bannerSliderSection .bannerSlider .banner-content .bannerTitle { font-size: 52px; font-family: var(--font-bold); } .bannerSliderSection .bannerSlider .banner-content p { max-width: 850px; font-size: 18px; font-family: var(--font-light); color: #ffffff; line-height: 150%; margin-bottom: 30px; } .bannerSliderSection .bannerSlider .owl-carousel .item .item-inner { height: 100vh;    /* Full window height */ width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .bannerSliderSection .bannerSlider .owl-carousel .item .item-inner:before { position: absolute; content: ""; width: 100%; height: 100%;    /*background: linear-gradient(to top, rgba(49, 49, 49, 1) 0%, rgba(151, 154, 143, 0.34) 100%);*/ background: linear-gradient(to top, rgb(60 59 52) 0%, rgba(151, 154, 143, 0.34) 100%); top: 0; left: 0; } .bannerSliderSection .bannerSlider .owl-dots { max-width: 1320px; width: 100%; text-align: left; position: absolute; bottom: 75px; left: 0; right: 0; display: flex; margin: 0 auto; padding: 0 50px; } .bannerSliderSection .bannerSlider .owl-dots:before { position: absolute; content: ""; height: 1px; left: 0; width: 100%; background-color: #ffffff; } .bannerSliderSection .bannerSlider .owl-dots .owl-dot { text-align: left; } .bannerSliderSection .bannerSlider .owl-dots .owl-dot+.owl-dot { margin-left: 80px; } .bannerSliderSection .bannerSlider .pagi-btn::before { content: ''; width: 100% !important; height: 5px !important; background-color: transparent; display: table !important; margin: -2px 0px 5px 0px !important; left: 0; position: absolute; top: 0; transition: 0.3s ease-in-out all; } .bannerSliderSection .bannerSlider .owl-dot:hover .pagi-btn::before { background: #ffffff !important; } .bannerSliderSection .bannerSlider .pagi-btn { position: relative; width: auto; background: transparent !important; text-align: left; border: none !important; cursor: pointer; font-size: 16px; color: #ffffff; padding: 10px 20px; font-family: var(--font-light); display: block; text-transform: uppercase; } .bannerSliderSection .bannerSlider .pagi-btn br { display: none; } .bannerSliderSection .scroll_to_discover_section { max-width: 1320px; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; z-index: 1; } .bannerSliderSection .scroll_to_discover_section .scroll_to_discover { text-transform: uppercase; color: #ffffff; font-size: 12px; font-family: var(--font-light); letter-spacing: 2px; display: inline-block; padding-bottom: 10px; } .bannerSliderSection .scroll_to_discover_section .scroll_to_discover svg { max-width: 40px; margin-right: -10px; } .bannerSliderSection .owl-carousel .owl-item { opacity: 0; transition: opacity 0.3s ease-in-out; } .bannerSliderSection .owl-carousel .owl-item.active { opacity: 1; } .banner-content { opacity: 0; transform: translateY(20px); transition: all .3s ease-in-out; } .banner-content.text-animate { opacity: 1; transform: translateY(0); } @media(max-width:1401px) { .bannerSliderSection .bannerSlider .banner-content, .bannerSliderSection .bannerSlider .owl-dots, .bannerSliderSection .scroll_to_discover_section { max-width: 1140px; } .bannerSliderSection .bannerSlider .pagi-btn { padding: 10px; font-size: 14px; } .bannerSection .bannerHeader .banner-logo { max-width: 350px; } .bannerSection .bannerHeader .banner-logo img { max-width: 100%; } .bannerSliderSection .bannerSlider .banner-content .bannerTitle { font-size: 40px; } .bannerSliderSection .bannerSlider .banner-content p { font-size: 14px; max-width: 650px; } } @media(max-width:1199px) { .bannerHeader { display: none; } .bannerSliderSection .bannerSlider .owl-dots .owl-dot+.owl-dot { margin-left: 30px; } .bannerSliderSection .bannerSlider .banner-content, .bannerSliderSection .bannerSlider .owl-dots, .bannerSliderSection .scroll_to_discover_section { padding: 0 30px; } .bannerSliderSection .bannerSlider .pagi-btn { font-size: 13px; padding: 10px 5px; } .bannerSliderSection .bannerSlider .owl-carousel .item .item-inner { background-position: center center; } } @media(max-width:991px) { .bannerSliderSection .bannerSlider .banner-content .bannerTitle { font-size: 40px; } .bannerSliderSection .bannerSlider .banner-content { bottom: 250px; } .bannerSliderSection .bannerSlider .owl-carousel .item .item-inner.banner-1 { background-position: center right -250px; } } @media(max-width:767px) { .scroll_to_discover_section { display: none; } .bannerSliderSection .bannerSlider .owl-carousel .item .item-inner.banner-1 { background-position: center right -275px; } .bannerSliderSection .bannerSlider .banner-content { bottom: 275px; } .bannerSliderSection .bannerSlider .banner-content p { font-size: 16px; } .bannerSliderSection .bannerSlider .owl-carousel .item .item-inner:before { background: linear-gradient(to top, rgb(0 0 0) 30%, rgb(255 255 255 / 34%) 100%); } .bannerSliderSection .bannerSlider .banner-content .bannerTitle { font-size: 30px; } .bannerSliderSection .bannerSlider .pagi-btn br { display: block; } .bannerSliderSection .bannerSlider .pagi-btn::before { content: none; } .bannerSection { display: none; } .mobile-bannerSection { display: block; position: relative; height: calc(100dvh - 5px); } .mobile-bannerSection:before { position: absolute; content: ""; width: 100%; height: 100%;        /*background: linear-gradient(to top, rgb(0 0 0) 30%, rgb(255 255 255 / 0) 100%);*/ background: linear-gradient(to top, rgb(60 59 52) 15%, rgba(151, 154, 143, 0.34) 40%); top: 0; left: 0; } .mobile-bannerSection .mobile-bannerVideo { height: calc(100dvh - 5px); } .mobile-bannerSection .mobile-service-links-wrapper { position: relative;        /* bottom: 0; */ display: flex; flex-wrap: wrap; width: 100%; text-align: center; padding-bottom: 25px; } .mobile-bannerSection .mobile-service-links-wrapper .mobile-service-links { width: 50%; } .mobile-bannerSection .mobile-service-links-wrapper .mobile-service-links a.pagi-btn { text-align: center; font-size: 14px; padding: 25px 5px; display: inline-block; color: #ffffff; font-weight: 500; font-family: var(--font-book); text-transform: uppercase; } .mobile-bannerSection .mobile-service-links-wrapper:before { position: absolute; content: ""; height: 1px; background-color: #ffffff; left: 0; right: 0; margin: 0 auto; top: 40%; transform: translate(0, -40%); width: 90%; opacity: 0.25; } .mobile-bannerSection .mobile-service-links-wrapper .mobile-service-links:nth-child(even) { border-left: 1px solid rgba(255, 255, 255, 0.25); } .mobile-bannerSection .video { display: block; height: calc(100dvh - 5px); object-fit: cover; } } /*Banner Section Ends*/ /*Home service Section Starts*/ /* .service_section .service_img { border: 1px solid rgba(var(--secondary-rgb), 0.5); padding: 30px; } */ .service_section .service_img img, .service_section .service_img video { max-width: 100%; aspect-ratio: 1.20 / 1; } .section-dark { background-color: var(--secondary); } .section-dark .page-title, .section-dark p { color: var(--primary); } /* .section-dark .service_section .service_img { border: 1px solid var(--primary); } */ .video-wrapper { position: relative; width: 100%; height: 33.333vw; } .thumbnail { position: relative; width: 100%; height: 100%; /*cursor: pointer;*/ } .thumbnail img { width: 100%; height: 100%; object-fit: cover; } .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(var(--secondary-rgb), 0.75); width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .video { width: 100%; height: 100%; display: none; object-fit: cover; } .pause-btn { position: absolute; bottom: 3rem; right: 3rem; font-size: 28px; color: white; background: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; user-select: none; width: 50px; height: 50px; text-align: center; line-height: 45px; } @media(max-width:1199px) { /* .service_section .service_img { padding: 20px; } */ .play-btn { width: 70px; height: 70px; } .play-btn svg { width: 22px; } .pause-btn { bottom: 1.75rem; right: 1.75rem; } } @media(max-width:991px) { .section-light .row { flex-direction: column-reverse; } .service_section .service_img { max-width: 500px; margin: 25px auto 0; height: 100%; } .pause-btn { bottom: 1.5rem; right: 1.5rem; } .service_section p { margin-bottom: 50px; } } /*Home service Section Ends*/ /*Testimonials Starts*/ @media(max-width:767px) { .testimonial-section .line-title .page-title { max-width: 70%; line-height: 125%; } } /*Testimonials Ends*/ /*Instagram post Start*/ .instagram_section p { max-width: 50%; margin: 25px auto; } .instagram_section .instaSlider { margin-top: 50px; } .instagram_section .instaSlider.owl-carousel .owl-stage, .instagram_section .instaSlider.owl-carousel .owl-item { display: flex !important; align-items: stretch; } .instagram_section .instaSlider.owl-carousel .owl-item .instaSlide { height: 100%; } .instagram_section .instaSlider.owl-carousel .owl-item .instaSlide img { height: 100%; object-fit: cover; object-position: center; } @media(max-width:1199px) { .instagram_section p { max-width: 80% } } @media(max-width:767px) { .instagram_section p { max-width: 100% } } /*Instagram post Ends*/ /*Footer S*/ footer { background-color: var(--secondary); color: #ffffff; } footer hr { opacity: 0.15; border-color: var(--primary); } footer.page-section { padding: 50px 0 20px; } footer .footerCol .footerTitle { font-size: 22px; font-family: var(--font-book); margin-bottom: 10px; letter-spacing: 1px; } footer .footerCol ul { list-style: none; padding: 0; margin: 0; display: flex; } footer .footerCol ul li { line-height: 150%; } footer .footerCol ul li a { color: #ffffff; font-size: 12px; padding-bottom: 5px; text-transform: uppercase; font-family: var(--font-book); position: relative; letter-spacing: 1px; } footer .footerCol ul li a:before { position: absolute; content: ""; height: 1px; width: 0; bottom: 0; left: 0; background-color: #ffffff; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; } footer .footerCol ul li a.active:before, footer .footerCol ul li a:hover:before { width: 100%; } footer .footerCol ul li+li { margin-left: 20px; padding-left: 20px; border-left: 1px solid #cccccc; } footer .footerCol ul.footer_socialMedia { margin: 15px 0 5px; padding: 0; list-style: none; display: flex; align-items: center; } footer .footerCol.moreLinks ul{ flex-direction: column; } footer .footerCol.moreLinks ul li+li{ margin: 5px 0 0; padding: 0; border: 0; } footer .footerCol.moreLinks ul li a.licensed-link{ text-transform: inherit; display: inline-block; line-height: 150%; letter-spacing: 0.25px; font-size: 14px; padding-bottom: 5px; margin-top: 5px; } footer .footer_socialMedia li+li { margin-left: 20px; } footer .footer_policies { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; } footer .footer_policies li+li { margin-left: 40px; } footer .footer_policies li { position: relative; } footer .footer_policies li:before { position: absolute; content: ""; height: 5px; width: 5px; display: inline-block; border-radius: 50%; background-color: #ffffff; right: -20px; top: 12px; } footer .footer_policies li:last-child:before { content: none; } footer .footer_policies li a { font-size: 12px; } footer .footer_policies li a:before { position: absolute; content: ""; height: 2px; width: 0; bottom: 0; left: 0; background-color: #ffffff; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; } footer .footer_policies li a:hover:before { width: 100%; } footer .footer_policies li a:hover { opacity: 1; color: #ffffff; } @media(max-width:1366px) { footer .footerCol.moreLinks ul li a.licensed-link{ font-size: 13px; } } @media(max-width:1199px) { footer.page-section { padding: 50px 0 20px; } footer .footerCol ul li { line-height: 125%; } footer .footerCol ul li+li { margin-left: 10px; padding-left: 10px; } footer .footer_policies li+li{ margin-left: 25px; } footer .footerCol ul li a { font-size: 11px; } footer .footer_policies li a{ font-size: 11px; } footer .footer_policies li:before{ right: -15px; } footer .footerCol.moreLinks ul li a.licensed-link { font-size: 11px; } } @media(max-width:991px) { footer .footerCol .footerTitle { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 0.5px solid rgb(179 179 176 / 50%); font-family: var(--font-medium); } footer .footerCol { margin-bottom: 20px; } footer .footer_socialMedia { margin: 0; } footer .footerCol ul { flex-direction: column; } footer .footerCol ul li+li { margin: 15px 0 0; padding: 0; border: 0; } footer .footer_policies { flex-wrap: wrap; justify-content: center; } footer .footer_policies li { margin: 0 20px 05px; } footer .footer_policies li a{ font-size: 12px; } footer .footer_policies li+li { margin-left: 20px; text-align: center; } footer .footer_policies li:before{ right: -20px; } footer .footerCol.moreLinks ul li a.licensed-link { font-size: 12px; } footer .footerCol ul.footer_socialMedia{ flex-direction: row; } footer .footerCol ul.footer_socialMedia li+li{ margin-left: 10px; padding-left: 10px; margin-top: 0; border-left: 1px solid #cccccc; } } @media(max-width:767px) { .footer-more { display: flex; justify-content: end; } footer.page-section { padding: 50px 20px 20px; } footer .footerCol.moreLinks ul li a.licensed-link{ font-size: 15px; } footer .footer_policies li a { font-size: 14px; } footer .footerCol ul li a { font-size: 14px; } footer .footer_policies li:before{ content: none; } } /*Footer E*/ /*Services page Start*/ .services-page .nav-tabs { justify-content: space-around; border: 0; } .services-page .nav-tabs .nav-item .nav-link { color: var(--secondary); font-family: var(--font-medium); outline: none; font-size: 18px; border: 0; border-radius: 10px; } .services-page .nav-tabs .nav-item .nav-link br { display: none; } .services-page .nav-tabs .nav-item .nav-link:hover { color: var(--primary) !important; background-color: var(--tertiary); } .services-page .nav-tabs .nav-item .nav-link.active { background-color: var(--tertiary); color: var(--primary); position: relative; border: 0; } .services-page .nav-tabs .nav-item .nav-link.active:hover { color: var(--primary) !important; } /* .services-page .nav-tabs .nav-item .nav-link.active:before { position: absolute; content: ""; height: 50px; width: 1px; background-color: var(--tertiary); bottom: -45px; left: 0; right: 0; margin: 0 auto; } */ .services-page .tab-content .tab-pane { margin-top: 30px; } .services-page .tab-content .tab-pane .tab-title { font-size: 30px; font-family: var(--font-medium); margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(var(--secondary-rgb), 0.3); text-transform: uppercase; display: none; } .services-page .service-page-section { display: flex; justify-content: center;    /* margin-top: 50px; */ } /* .services-page .service-page-section .img-section img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; object-position: bottom; } */ /* .services-page .service-page-section+.service-page-section { margin-top: 50px; } */ .service-page-section .content-section p.cstmPara { font-size: 20px; text-align: left; margin-bottom: 65px; } @media(max-width:1401px) { .services-page .tab-content .tab-pane .tab-title { font-size: 26px; } } @media(max-width:1199px) { .page-section.first-section { margin-top: 50px; } .services-page .nav-tabs .nav-item .nav-link.active, .services-page .nav-tabs .nav-item .nav-link.active:hover, .services-page .nav-tabs .nav-item .nav-link:hover { background-color: transparent; color: var(--secondary) !important; } /* .services-page .nav-tabs .nav-item .nav-link.active:before { content: none; } */ .services-page .nav-tabs .nav-item .nav-link.active { font-family: var(--font-medium); } .services-page .nav-tabs { flex-wrap: wrap; } .services-page .nav-tabs .nav-item { width: 50%; display: flex; text-align: center; justify-content: center; } .services-page .nav-tabs .nav-item .nav-link { font-size: 16px; font-family: var(--font-light); line-height: 125%; } .services-page .nav-tabs .nav-item .nav-link br { display: block; } .services-page .nav-tabs { position: relative; } .services-page .nav-tabs:before { position: absolute; content: ""; height: 1px; width: 100%; background-color: rgb(161 161 161 / 70%); top: 50%; } .services-page .nav-tabs .nav-item:nth-child(even) { border-left: 1px solid rgb(161 161 161 / 70%); } } @media(max-width:991px) { .services-page .service-page-section.odd-section .row { flex-direction: column-reverse; } /* .services-page .service-page-section .img-section img { max-width: 500px; margin: 0 auto; } */ .services-page .service-page-section .img-section { text-align: center; margin: 25px 0; } /* .services-page .service-page-section+.service-page-section { margin-top: 50px; } */ } /* @media(max-width: 767px) { .services-page .tab-content .tab-pane { padding: 20px 25px; } } */ /*Services page Ends*/ /*Package Page Starts*/ .package-section { background-color: #ffffff; padding: 5px 25px 25px; margin-top: 35px; } .package-page .page-title { font-size: 24px; letter-spacing: 0; } .packageSlide { margin: 50px 0 25px; } .packageSlide .price-detail { background: #ffffff none repeat scroll 0 0; border: 1px solid #eeeeee; color: #000000; font-size: 20px; font-weight: 600; margin: -50px 15px 0; padding: 15px; } .packageSlide .price-detail .ride { font-size: 16px; display: inline-block; margin-bottom: 20px; padding-bottom: 7px; position: relative; line-height: 125%; height: 65px; display: flex; align-items: center; justify-content: center; font-family: var(--font-book); font-weight: 500; } .packageSlide .price-detail .ride:before { background: #3c4a52 none repeat scroll 0 0; bottom: -2px; content: ""; height: 3px; left: 0; margin: auto; position: absolute; right: 0; width: 40px; } .packageSlide .price-desc { border: 1px solid #dddddd; color: #000000; font-size: 15px; margin: 8px 15px; padding: 10px; } .packageSlide .price-desc p { margin-bottom: 0; height: 95px; overflow: hidden; font-size: 13px; display: flex; align-items: center; justify-content: center; line-height: 130%; } .packageSlide .price-detail .price { line-height: 100%; display: block; padding: 5px 0px 10px; font-size: 18px; font-weight: 500; font-family: var(--font-book); } .packageSlide .price-detail .price .validity { font-size: 16px; font-weight: 300; font-family: var(--font-book); } .packageSlide .price-detail .price .new_guest_book_title { font-size: 12px !important; font-style: italic; line-height: 130%; margin: 0 20px; text-align: center; display: inline-block; background-color: #f2f2f2; padding: 5px 8px; border-radius: 5px; color: #5d5d5d; } .packageSlide .price-detail { border: 1px solid #ccc } .packageSlide .price-listing { border: 1px solid #eee; margin-top: 90px; text-align: center; position: relative; background: #fafafa url("../images/pattern-bg.png") repeat scroll 0 0; height: 100% !important; } .packageSlide .themeBtn { margin: 0 5px 5px; width: calc(100% - 12px); } .customtooltip { position: relative; display: inline-block; border-bottom: 1px dotted var(--secondary); } .customtooltip .customtooltiptext { visibility: hidden; width: calc(100% + 30px); background-color: var(--secondary); color: #fff; text-align: center; border-radius: 5px; padding: 5px 5px; font-size: 12px; position: absolute; z-index: 1; bottom: 55px; line-height: 125%; } .customtooltip:hover .customtooltiptext { visibility: visible; } @media(max-width:1440px) { .packageSlide .price-detail .ride { font-size: 16px; } } @media(max-width:1401px) { .packageSlide .price-detail .ride, .packageSlide .price-detail .price, .packageSlide .price-detail .price .validity { font-size: 13px; } .packageSlide .price-detail .price .new_guest_book_title { margin: 0; } .packageSlide .price-desc p { font-size: 12px; } } @media(max-width:767px) { .package-section { border-radius: 15px; padding: 5px 15px 25px; } .package-page .page-title { font-size: 20px; display: inline-block; max-width: 70%; } .packageSlide .price-desc p { font-size: 14px; } .packageSlide .price-detail .price .new_guest_book_title { margin: 0 20px; } } /*Package Page Ends*/ /*About Us Start*/ .our-story img { max-width: 80%;    /* margin: 50px auto 0; */ } .our-name { margin: 100px 0; } .our-name .page-title span { font-family: var(--font-medium); text-transform: uppercase; margin-bottom: 25px; letter-spacing: -1px; color: var(--secondary); } .meet-our-team .meet-our-team-image { position: relative; } .meet-our-team .meet-our-team-image:before { position: absolute; content: ""; right: 0; height: 450px; width: 450px; background-image: url(../images/logo-stamp.png); background-repeat: no-repeat; background-size: cover; top: 50%; transform: translate(0, -50%); z-index: -1; opacity: 0.5; } .meet-our-team-content { display: flex; justify-content: end; margin-top: -170px; position: relative; } .meet-our-team-content .page-title { font-size: 30px; margin-bottom: 10px; } .meet-our-team-content .themeBtn { font-size: 14px; } @media(max-width:1401px) { .meet-our-team .meet-our-team-image:before { width: 390px; height: 390px; } .meet-our-team-content { margin-top: -145px; } .meet-our-team-content .page-title { font-size: 24px; } .meet-our-team-content .themeBtn { font-size: 12px; } } @media(max-width:1199px) { .our-name { margin: 75px 0 50px; } .meet-our-team .meet-our-team-image:before { width: 325px; height: 325px; } .meet-our-team-content { margin-top: -125px; } } @media(max-width:991px) { .our-name { margin: 50px auto; } .our-story .line-title { text-align: left; } .our-story .line-title .page-title { padding: 0; } .our-story .line-title:before { top: auto; transform: translate(0); bottom: -10px; } .our-story img { max-width: 100%; } .our-name .page-title { margin-bottom: 15px; } .our-name hr { opacity: 1; } .btn-list .themeBtn { width: calc(50% - 10px); margin-bottom: 10px; } .meet-our-team { margin-top: 125px; } .meet-our-team-image img { max-width: 350px; display: flex; } .meet-our-team-content { margin-top: -30px; } .meet-our-team .meet-our-team-image:before { width: 250px; height: 250px; bottom: 0; left: 0; right: -30%; margin: 0 auto; } } @media(max-width:767px) { .btn-list .themeBtn { font-size: 14px; width: calc(50% - 15px); margin-bottom: 5px; } .meet-our-team-image img { max-width: 250px; } .meet-our-team .meet-our-team-image:before { width: 200px; height: 200px; top: 0; bottom: auto; right: 0; margin: 0 auto; left: auto; } .btn-list { flex-wrap: wrap; } } @media(max-width:420px) { .btn-list .themeBtn { font-size: 10px; height: 35px; } } /*About Us Ends*/ /*Our Team Start*/ .our-team-page .team-category { border-top: 1px solid var(--secondary); border-bottom: 1px solid var(--secondary); display: flex; align-items: center; justify-content: space-around; list-style: none; padding: 15px 0; } .our-team-page .team-category a { font-size: 22px; font-family: var(--font-light); text-transform: uppercase; padding: 15px 0; color:var(--tertiary); position: relative; } .our-team-page .team-category a:before { position: absolute; content: ""; left: 0; right: 0; margin: 0 auto; bottom: -6px; height: 5px; width: 0%; background-color: var(--secondary); transition: 0.2s ease-in all; -webkit-transition: 0.2s ease-in all; -mos-transition: 0.2s ease-in all; -ms-transition: 0.2s ease-in all; } .our-team-page .team-category a.active:before, .our-team-page .team-category a:hover:before { width: 80%; } .our-team-page .team-category a.active { font-family: var(--font-medium); } .team-card { position: relative; margin-bottom: 30px; } .team-card .team-card-content { position: absolute; width: 100%; bottom: 0; color: var(--primary); z-index: 1; padding: 0 25px 25px; min-height: 125px; } .team-card .team-cardImg img { /* border-radius: 25px; */ } .team-card .team-card-content:before { position: absolute; content: ""; width: 100%; height: 300px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 58%, rgba(0, 0, 0, 1) 100%);    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ left: 0; bottom: 0; z-index: -1; /* border-radius: 0 0 25px 25px; */ } .team-card .team-card-content .practitionerTitle { font-size: 26px; margin: 0; text-transform: uppercase; font-family: var(--font-book); } .team-card .team-card-content .speciality { font-size: 18px; font-weight: 600; } .team-card .team-card-content .deg { font-size: 14px; line-height: 135%; margin-top: 5px; } @media(max-width:1401px) { .our-team-page .team-category a { font-size: 18px; } .team-card .team-card-content { padding: 0 15px 15px; min-height: 110px; } .team-card .team-card-content .practitionerTitle { font-size: 22px; } .team-card .team-card-content .speciality { font-size: 16px; } } @media(max-width:1199px) { .our-team-page .team-category { padding: 10px 0; } .our-team-page .team-category a { font-size: 16px; padding: 10px 0; } .our-team-page .team-category a:before { bottom: -5px; } } @media(max-width:991px) { .our-team-page .team-category a { font-size: 14px; } } @media(max-width:767px) { .our-team-page .team-category { flex-wrap: wrap; border: 0; position: relative; } .our-team-page .team-category li:nth-child(even) { border-left: 1px solid var(--tertiary); } .our-team-page .team-category li:nth-child(1), .our-team-page .team-category li:nth-child(2) { border-top: 0; } .our-team-page .team-category li { width: 50%; text-align: center; padding: 20px 0; border-top: 1px solid var(--tertiary); height: 65px; } .our-team-page .team-category a:before { content: none; } } /*Our Team End*/ /*Our Team Details Start*/ .our-team-detail-page .teamDeatilContent .teamDeatilTitle { font-family: var(--font-medium); text-transform: uppercase; font-size: 32px; margin: 0; } .our-team-detail-page .teamDeatilContent .teamDeatilSpe { font-weight: 600; font-size: 20px; line-height: 100%; margin: 5px 0; } .our-team-detail-page .teamDeatilContent .teamDeatilDeg { font-size: 16px; font-family: var(--font-light); font-weight: 500; } .our-team-detail-page .teamImg img { /* border-radius: 25px; */ } @media(max-width:1199px) { .our-team-detail-page .teamDeatilContent .teamDeatilTitle { font-size: 26px; } .our-team-detail-page .teamDeatilContent .teamDeatilSpe { font-size: 18px; } .our-team-detail-page .teamDeatilContent .teamDeatilDeg { font-size: 14px; } } @media(max-width:991px) { .teamImg, .team-detail-mob { max-width: 400px; margin: 25px auto 0; } .teamDeatilContent { margin: 25px auto 0; } } @media(max-width:767px) { .teamImg, .team-detail-mob { max-width: 500px; margin: 25px auto 0; } .teamDeatilContent { margin: 25px auto 0; max-width: 500px; } } /*Our Team Details End*/ /*Career Page Start*/ .career-form { background-color: var(--primary); } .wave-bg { position: relative; } .wave-bg:before { position: absolute; content: ""; height: 100%; width: 100%; background-image: url(../images/bg-wave.png); background-size: center; background-position: center center; background-repeat: no-repeat; z-index: -1; } .career-page .career-form-text { margin: 0 auto; } .career-page .career-form-text p { font-size: 18px; line-height: 150%; margin-bottom: 50px; } .career-page .form-submit { align-items: start; margin-top: 15px; line-height: 125%; text-align: left; } .form-submit { display: flex; align-items: end; flex-direction: column; } @media(max-width:1401px) { .form-submit p { font-size: 14px; } } @media(max-width:1199px) { .career-page .career-form-text p { font-size: 18px; } } @media(max-width:991px) { .career-page .career-form-text p { font-size: 16px; } .form-submit { align-items: center; margin-top: 25px; text-align: center; } .career-page .form-captcha { justify-content: start; flex-direction: column; } } @media(max-width:767px) { .career-page .career-form-text { max-width: 100%; } .career-page .career-form-text p { font-size: 16px; } } /*Career Page End*/ /*FAQs Start*/ .faq-page .cms h1 { border: 0; font-family: var(--font-book); color: var(--tertiary); text-align: start; font-size: 22px; margin-bottom: 20px; } .faq-accordion .accordion-item { border: 0; background: transparent; } .faq-accordion .accordion-item+.accordion-item { border-top: 1px solid #bfb3a6; } /* Button styling to look like the screenshot */ .faq-accordion .accordion-button { background: transparent; padding: 25px 0; font-size: 16px; color: var(--secondary); box-shadow: none; font-family: var(--font-medium); text-transform: uppercase; } .faq-accordion .accordion-button::after { -webkit-transform: none; transform: none; background-image: none !important; content: "+"; font-size: 26px; color: var(--secondary); margin-left: auto; font-family: var(--font-book); margin-top: -10px; } .faq-accordion .accordion-button:not(.collapsed)::after { content: "–"; } .faq-accordion .accordion-body { padding: 0 0 22px 0; color: var(--secondary); font-size: 15px; line-height: 1.6; font-family: var(--font-book); } .faq-accordion::before, .faq-accordion::after { content: ""; display: block; height: 1px; background: #bbb; font-family: var(--font-book); } .faq-accordion::before { margin-top: 0; } /*FAQs End*/ /*Contact Us Page S*/ .contact-us-page p, .contact-us-page a { line-height: 150%; font-family: var(--font-book); margin: 0; } .contact-us-page .addr-wrapper { margin-top: 80px; } .contact-us-page .addr-wrapper .addr-sec { margin-bottom: 35px; } .contact-us-page .addr-wrapper .addr-sec .addr-head { font-size: 20px; font-family: var(--font-medium); } .contact-us-page .contact-form { padding: 50px; background-color: rgb(145 145 131 / 5%); margin-top: 50px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; } .contact-us-page .contact-form hr { opacity: 0.15; } .contact-us-page .contact-form .form-submit p, .contact-us-page .contact-form .form-submit a, .contact-us-page .contact-form .form-submit button { text-align: right; margin-bottom: 10px; } .contact-us-page .contact-form button.submit-btn { font-size: 16px; min-width: 125px; padding: 8px 0; font-family: var(--font-light); text-align: center; margin: 0; } .contact-us-page .form-submit { align-items: start; margin-top: 15px; } @media(max-width:1401px) { .contact-us-page .addr-wrapper .addr-sec .addr-head { font-size: 18px; } .contact-us-page .contact-form { padding: 30px; } } @media(max-width:1199px) { .contact-us-page p, .contact-us-page a { line-height: 130%; font-size: 16px; } .contact-us-page .form-submit { align-items: start; margin-top: 25px; } .contact-us-page .contact-form p { text-align: left; margin-bottom: 10px; } .contact-us-page .contact-form { padding: 20px; } .contact-us-page .addr-wrapper .addr-sec { padding-right: 25px; } #frmcontactus .form-submit p { font-size: 13px; text-align: left; } } @media(max-width:991px) { /* .contact-us-page .form-submit { align-items: center; } */ .map { margin-bottom: 50px; } } @media(max-width:767px) { .map { margin-bottom: 30px; } .contact-us-page .addr-wrapper { margin-top: 50px; } .contact-us-page .addr-wrapper .addr-sec { padding-right: 0; } } /*Contact Us Page E*/ /*Medical Team Page S*/ .medicalTeam-page .page-title { font-size: 26px; margin: 0; } .iframeSec { border: 1px solid #e0e0e0; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; padding: 20px; } @media(max-width:1366px) { .medicalTeam-page .page-title { font-size: 22px; } } @media(max-width:1199px) { .medicalTeam-page .page-title { font-size: 18px; } } /*Medical Team Page E*/ /*Privacy Policy Page S*/ .cms { line-height: 1.6; color: var(--secondary); } .cms h1, .cms h2, .cms h3, .cms h4 { font-weight: 600; margin-top: 35px; color: var(--secondary); text-transform: uppercase; } .cms h1 { text-align: center; margin-bottom: 40px; font-size: 32px; letter-spacing: 1px; } .cms h2 { font-size: 22px; margin-top: 45px; border-bottom: 2px solid #eee; padding-bottom: 8px; } .cms h3 { font-size: 18px; margin-top: 25px; } .cms p, .cms li { margin: 10px 0; } .cms ol { margin-left: 22px; } .cms .cms-section { margin-bottom: 35px; } .cms .cms-title { font-size: 24px; margin-top: 60px; border-top: 3px solid #ddd; padding-top: 25px; } .privacy-policy-page .policy-update { margin: 20px 0; } .privacy-policy-page .policy-update span em { display: inline-block; padding: 10px 20px; background-color: white; font-family: var(--font-medium); font-size: 16px; border-left: 5px solid var(--secondary); } /*Privacy Policy Page E*/ /*Login-Password Page S*/ .login-box { max-width: 650px; margin: 0 auto; color: var(--secondary); } .login-box .login-title { font-size: 50px; font-family: var(--font-book); text-transform: uppercase; line-height: 1; } .login-box p { font-size: 14px; line-height: 150%; } .login-box .forgot-pw { font-size: 15px; font-family: var(--font-light); color: var(--secondary); font-weight: 600; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; border-bottom: 1px solid transparent; } .login-box .forgot-pw:hover { color: var(--tertiary); border-color: var(--tertiary); } .login-box .form-submit { margin-top: 25px; } @media(max-width:1401px) { .login-box .login-title { font-size: 42px; } } @media(max-width:1199px) { .login-box { max-width: 550px; } .login-box .login-title { font-size: 36px; } } @media(max-width:767px) { .login-box .login-title { font-size: 28px; } .custom-checkbox, .login-box .forgot-pw { font-size: 13px; } } /*Login-Password Page E*/ /*2fa Page S*/ .twofa-page .login-title { font-size: 36px; } .twofa-page .twofa-inputs { display: flex; align-items: center; justify-content: space-between; } .twofa-page .twofa-inputs .form-control { margin: 0 10px; font-size: 30px; text-align: center; } .twofa-page .form-submit { margin-top: 50px; } .twofa-page .resend_code_box { text-align: center; margin-top: 25px; letter-spacing: -0.25px; } .resend_code_box a { font-family: var(--font-medium); text-decoration: underline; } .resend_code_box a:hover { opacity: 0.75; } @media(max-width:1199px) { .twofa-page .login-title { font-size: 28px; } } @media(max-width:767px) { .twofa-page .login-title, .twofa-page .twofa-inputs .form-control { font-size: 24px; } } /*2fa Page E*/ /*Book Class Page Start*/ .book-class-page .cal-month { font-size: 26px; text-transform: uppercase; font-weight: 600; } .book-class-page .cal-filter { display: flex; justify-content: end; align-items: center; } .book-class-page .filterDropdown { width: 200px; display: inline-block; } /*Book Class Page End*/ /*Performance Assessments Start*/ .performance-assessment-page .img-section.video-wrapper { height: auto; aspect-ratio: 1 / 1; } .performance-assessment-page .img-section img { aspect-ratio: 1 / 1; object-fit: cover; width: 100%; } .performance-assessment-page .section-content { background-color: var(--primary); max-width: 700px; margin-top: -80%; display: inline-block; padding: 30px; } .performance-assessment-form { /* background-color: var(--primary); padding: 30px; */ padding: 50px; background-color: rgb(145 145 131 / 5%); /* margin-top: 50px; */ box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px; } .performance-assessment-form .page-title { text-transform: inherit; margin-bottom: 0; } .performance-assessment-form .form p, .performance-assessment-form .form p a { font-size: 14px; line-height: 150%; } .performance-assessment-form .form .submit-btn { margin-top: 10px; display: inline-block; } .performance-assessment-form .form .form-captcha { max-width: 100%; transform: scale(0.85); transform-origin: left top; } @media(max-width:1401px) { .performance-assessment-page .section-content { max-width: 500px; margin-top: -20%; padding: 20px; } .performance-assessment-form .form .form-captcha { transform: scale(0.7); } .performance-assessment-page p { font-size: 16px; } } @media(max-width:991px) { .performance-assessment-page .img-section { max-width: 500px; margin: 0 auto; } .performance-assessment-page .img-section { margin-top: 25px; } .performance-assessment-section { text-align: center; } .performance-assessment-section .img-section { /* border-radius: 25px; */ max-width: 450px; position: relative; margin: 0; box-shadow: none; } .performance-assessment-page .section-content { max-width: 500px; margin-top: -30px; padding-top: 50px; text-align: left; } .performance-assessment-form { max-width: 500px; margin: 25px auto 0; } } /*Performance Assessments End*/ /*Create Account Start*/ .create-account-box { max-width: 1000px; } .create-account-box .nav-tabs { justify-content: space-between; margin-bottom: 25px; } .create-account-box .nav-tabs .nav-link { font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; color: var(--secondary); font-family: var(--font-book); font-weight: 600; position: relative; padding: 7px 10px; border: 0; } .create-account-box .nav-tabs .nav-link:hover { color: inherit !important; } .create-account-box .nav-tabs .nav-link.active { border: 0; } .create-account-box .nav-tabs .nav-link:after { position: absolute; content: ""; height: 3px; width: 100%; left: 0; bottom: -3px; background-color: transparent; } .create-account-box .nav-tabs .nav-link.active { opacity: 1; } .create-account-box .nav-tabs .nav-link.active:after { background-color: var(--secondary); } .create-account-box .themeBtn { text-transform: inherit; font-weight: 600; letter-spacing: 1px; min-width: 135px; } @media(max-width:1199px) { .create-account-box .themeBtn { min-width: 100px; height: 40px; line-height: 40px; } } @media(max-width:991px) { .create-account-box .nav-tabs { flex-wrap: nowrap; } .create-account-box .nav-tabs .nav-link { font-size: 12px; } .create-account-box .form-captcha { justify-content: start; } } @media(max-width:767px) { .create-account-box .nav-tabs { flex-wrap: wrap; } .create-account-box .nav-tabs .nav-item, .create-account-box .nav-tabs .nav-link { width: 100%; text-align: center; } .create-account-box .nav-tabs .nav-item .nav-link { display: none; font-size: 20px; } .create-account-box .nav-tabs .nav-item .nav-link.active { display: block; } .create-account-box .nav-tabs .nav-link:after { height: 1px; opacity: 0.25; } } /*Create Account End*/ /*Purchase Package Start*/ .purchase-package-page .package_name { font-size: 20px; font-family: var(--font-medium); text-transform: uppercase; } .purchase-package-page .package_details { list-style: none; padding: 0; margin: 30px 0 0; } .purchase-package-page .package_details li { font-size: 18px; display: flex; align-items: center; } .purchase-package-page .package_details li + li { margin-top: 15px; padding-top: 15px; border-top: 1px solid #cccccc; } .purchase-package-page .package_details li b { min-width: 175px; display: inline-block; font-weight: 500; font-family: var(--font-medium); color: var(--secondary); } .purchase-package-page .credits_sections { padding: 25px; background-color: var(--secondary); border-radius: 25px 25px 0 0; } .purchase-package-page .credit_name { color: var(--primary); font-size: 20px; font-weight: 600; margin-bottom: 15px; padding-left: 15px; } .purchase-package-page .package_credits { list-style: none; margin: 0 0 -50px; padding: 20px; background-color: #ffffff; } .package_credits.box-border-radius li { font-size: 20px; font-weight: 600; } .package_credits.box-border-radius li + li { margin-top: 10px; padding-top: 10px; border-top: 1px solid #cccccc; } .purchase-package-page .credits_details { padding: 25px 30px; margin-top: 25px; } .purchase-package-page .credits_details .package_amount { font-size: 32px; font-family: var(--font-bold); letter-spacing: -2px; color: var(--secondary); } .purchase-package-page .credits_details p a { text-decoration: underline; } .purchase-package-page .payment-info .package-amount .amount-due-label { font-family: var(--font-book); font-size: 26px; line-height: 100%; margin: 0; } .purchase-package-page .payment-info .package-amount .amount-due { font-family: var(--font-bold); letter-spacing: -2px; color: var(--secondary); font-size: 46px; } .purchase-package-page .card { margin: 25px auto; position: relative; padding: 12px; width: 85%; display: flex; flex-direction: column; justify-content: space-between; border-radius: 16px; background-image: linear-gradient(to top, lightgrey 0%, lightgrey 1%, #e0e0e0 26%, #efefef 48%, #d9d9d9 75%, #bcbcbc 100%); box-shadow: none; border: 0; } .purchase-package-page .card .selected-card { position: absolute; top: -28px; right: 20px; font-size: 14px; color: #ffffff; background-color: var(--secondary); padding: 3px 10px; border-radius: 8px 8px 0 0; } .purchase-package-page .card .card-holder-name { margin-top: 10px; font-family: var(--font-book); font-size: 22px; } .purchase-package-page .card .top, .purchase-package-page .card .bottom { width: 100%; display: flex; justify-content: space-between; align-items: center; } .purchase-package-page .card .top img { width: 35px; margin-right: 25px; opacity: 0.5; filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5)); } .purchase-package-page .card .brand { height: 30px; } .purchase-package-page .card .card-info { display: flex; flex-direction: column; gap: 10px; } .purchase-package-page .card .card-number-label { margin: 15px 0 0; font-weight: 500; } .purchase-package-page .card .card-info-bottom { display: flex; gap: 20px; } .purchase-package-page .card .card-number { display: flex; flex-direction: column; font-size: 30px; font-weight: 600; letter-spacing: 1px; margin: 0; } .purchase-package-page .card .card-info-bottom p { margin: 0; } .purchase-package-page .card .card-info-bottom h3 { font-size: 22px; font-weight: 600; letter-spacing: 1px; } .payment-info .payment-method { margin-top: 50px; } .payment-info .payment-method .payment-method-label { font-size: 20px; font-family: var(--font-medium); text-transform: uppercase; } .payment_card_details th { background-color: rgba(var(--secondary-rgb), 0.05); padding: 10px 5px; } .payment_card_details td { padding: 10px 5px; border-bottom: 1px solid rgba(var(--secondary-rgb), 0.10); } .payment_card_details td div { font-size: 16px; font-family: var(--font-book); font-weight: 500; line-height: 30px; } .payment-info table .custom-radio-wrapper { margin: 7px 0 0; } .purchase-package-page .payment-method .themeBtn { height: 33px; padding: 0 10px; font-size: 13px; line-height: 32px; } .purchase-package-page .make-payment-section .custom-checkbox { font-size: 18px; } .purchase-package-page .make-payment-section .custom-checkbox a { font-family: var(--font-medium); text-decoration: underline; } .make-payment-section { display: flex; justify-content: space-between; } .make-payment-section .secure_ptm { text-align: right; } .make-payment-section .secure_ptm p b i { margin-right: 10px; font-size: 24px; vertical-align: -3px; } @media(max-width:1401px) { .purchase-package-page .package_details li + li { margin-top: 10px; padding-top: 10px; } .package_credits.box-border-radius li { font-size: 18px; font-weight: 600; } .purchase-package-page .card { width: 90%; max-width: 370px; } .purchase-package-page .payment-info .package-amount .amount-due-label { font-size: 20px; } .purchase-package-page .payment-info .package-amount .amount-due { font-size: 36px; } .purchase-package-page .card .card-holder-name { font-size: 20px; } .purchase-package-page .card .card-number { font-size: 26px; } .purchase-package-page .card .card-info-bottom h3 { font-size: 16px; } .payment_card_details th { font-family: var(--font-medium); font-weight: 500; } .payment_card_details td div { font-size: 14px; } .purchase-package-page .make-payment-section .custom-checkbox { font-size: 16px; } } @media(max-width:1024px) { .purchase-package-page .package_name, .purchase-package-page .package_details li, .package_credits.box-border-radius li { font-size: 16px; } .purchase-package-page .credit_name { font-size: 18px; } .purchase-package-page .payment-info .package-amount .amount-due-label { font-size: 18px; } .purchase-package-page .payment-info .package-amount .amount-due { font-size: 32px; } .payment-info .payment-method .payment-method-label { font-size: 18px; } .purchase-package-page .card .card-number { font-size: 24px; } } @media(max-width:991px) { .payment-info { margin-top: 50px; } .package-summary, .payment-info { max-width: 500px; margin: 0 auto; } .payment-info { margin-top: 50px; } .make-payment-section { flex-direction: column; align-items: start; max-width: 500px; margin: 0 auto; } .make-payment-section .form-captcha { margin-bottom: 25px; justify-content: start; } .make-payment-section .themeBtn { margin-bottom: 25px; } .make-payment-section .secure_ptm { text-align: left; } .payment_card_details td div { line-height: 150%; } } /*Purchase Package End*/ /*Newsletter Page Starts*/ .newsletter-page .career-form { background-color: var(--primary); } .newsletter-text { margin-bottom: 40px } .newsletter-text p, .newsletter-text .custom-checkbox { font-size: 16px; font-family: var(--font-book); color: var(--tertiary); line-height: 150%; font-style: italic; font-weight: 500; } .newsletter-text p { padding-left: 30px; } .newsletter-text .custom-checkbox .checkmark { top: 2px; } .newsletter-page .newsl-form-text p b, .newsletter-text b { color: var(--tertiary); } .consent-text { font-size: 14px; font-family: var(--font-book); color: var(--tertiary); line-height: 150%; font-style: italic; margin: 30px 0 0; text-align: center; } .consent-text b { color: var(--tertiary); } /*Newsletter Page Ends*/ /*Newsletter Page Starts*/ .newsletter-page .career-form { background-color: var(--primary); } .newsletter-text { margin-bottom: 40px } .newsletter-text p, .newsletter-text .custom-checkbox { font-size: 16px; font-family: var(--font-book); color: var(--tertiary); line-height: 150%; font-style: italic; font-weight: 500; } .newsletter-text p { padding-left: 30px; } .newsletter-text .custom-checkbox .checkmark { top: 2px; } .newsletter-page .newsl-form-text p b, .newsletter-text b { color: var(--tertiary); } .consent-text { font-size: 14px; font-family: var(--font-book); color: var(--tertiary); line-height: 150%; font-style: italic; font-weight: 500; margin: 30px 0 0; text-align: center; } .consent-text b { color: var(--tertiary); } /*Newsletter Page Ends*/ /*Gift Card Page Starts*/ .custom-RadioBtnDiv { display: flex; } .custom-RadioBtnDiv .RadioBtnDiv { margin: 0; min-width: 100px; height: 40px; position: relative; border: 1px solid rgba(var(--secondary-rgb), 0.25); border-radius: 0; margin-left: -1px; } .custom-RadioBtnDiv .RadioBtnDiv input { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .custom-RadioBtnDiv .RadioBtnDiv input[type="radio"] { opacity: 0.011; z-index: 100; } .custom-RadioBtnDiv .RadioBtnDiv:first-child { border-radius: 25px 0 0 25px; } .custom-RadioBtnDiv .RadioBtnDiv:last-child { border-radius: 0 25px 25px 0; } .custom-RadioBtnDiv .RadioBtnDiv input[type="radio"]:checked + label { background: var(--tertiary); color: var(--primary); } .custom-RadioBtnDiv .RadioBtnDiv:first-child input[type="radio"]:checked + label { border-radius: 25px 0 0 25px; } .custom-RadioBtnDiv .RadioBtnDiv:last-child input[type="radio"]:checked + label { border-radius: 0 25px 25px 0; } .custom-RadioBtnDiv .RadioBtnDiv label { cursor: pointer; z-index: 90; font-family: var(--font-book); font-weight: 600; color: var(--secondary); padding: 0 20px; height: 100%; border-radius: 0; line-height: 35px; border: 1px solid transparent; } #paymentInfo .form-label { color: var(--tertiary); margin-bottom: -10px; display: block; font-family: var(--font-medium); font-weight: 500; text-transform: uppercase; font-size: 18px; } /*Gift Card Page Ends*/ /* Error red color start  */ .required, .error, label.error { color: #ff0000 !important; font-weight: normal; font-size: 13px; } /* Error red color end  */ /*FontAwesome Start*/ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.6.3"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571429em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa-ul>li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center } .fa-li.fa-lg { left: -1.85714286em } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #ffffff } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-heart:before { content: "\f004" } .fa-star:before { content: "\f005" } .fa-star-o:before { content: "\f006" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-gear:before, .fa-cog:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before, .fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before, .fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-camera-retro:before { content: "\f083" } .fa-key:before { content: "\f084" } .fa-gears:before, .fa-cogs:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-feed:before, .fa-rss:before { content: "\f09e" } .fa-hdd-o:before { content: "\f0a0" } .fa-bullhorn:before { content: "\f0a1" } .fa-bell:before { content: "\f0f3" } .fa-certificate:before { content: "\f0a3" } .fa-hand-o-right:before { content: "\f0a4" } .fa-hand-o-left:before { content: "\f0a5" } .fa-hand-o-up:before { content: "\f0a6" } .fa-hand-o-down:before { content: "\f0a7" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-globe:before { content: "\f0ac" } .fa-wrench:before { content: "\f0ad" } .fa-tasks:before { content: "\f0ae" } .fa-filter:before { content: "\f0b0" } .fa-briefcase:before { content: "\f0b1" } .fa-arrows-alt:before { content: "\f0b2" } .fa-group:before, .fa-users:before { content: "\f0c0" } .fa-chain:before, .fa-link:before { content: "\f0c1" } .fa-cloud:before { content: "\f0c2" } .fa-flask:before { content: "\f0c3" } .fa-cut:before, .fa-scissors:before { content: "\f0c4" } .fa-copy:before, .fa-files-o:before { content: "\f0c5" } .fa-paperclip:before { content: "\f0c6" } .fa-save:before, .fa-floppy-o:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-unsorted:before, .fa-sort:before { content: "\f0dc" } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd" } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2" } .fa-legal:before, .fa-gavel:before { content: "\f0e3" } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-flash:before, .fa-bolt:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-paste:before, .fa-clipboard:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before, .fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-unlink:before, .fa-chain-broken:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150" } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151" } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152" } .fa-euro:before, .fa-eur:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before, .fa-usd:before { content: "\f155" } .fa-rupee:before, .fa-inr:before { content: "\f156" } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157" } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158" } .fa-won:before, .fa-krw:before { content: "\f159" } .fa-bitcoin:before, .fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before, .fa-gratipay:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-turkish-lira:before, .fa-try:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c" } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before, .fa-car:before { content: "\f1b9" } .fa-cab:before, .fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5" } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6" } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0" } .fa-ge:before, .fa-empire:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before, .fa-weixin:before { content: "\f1d7" } .fa-send:before, .fa-paper-plane:before { content: "\f1d8" } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3" } .fa-tty:before { content: "\f1e4" } .fa-binoculars:before { content: "\f1e5" } .fa-plug:before { content: "\f1e6" } .fa-slideshare:before { content: "\f1e7" } .fa-twitch:before { content: "\f1e8" } .fa-yelp:before { content: "\f1e9" } .fa-newspaper-o:before { content: "\f1ea" } .fa-wifi:before { content: "\f1eb" } .fa-calculator:before { content: "\f1ec" } .fa-paypal:before { content: "\f1ed" } .fa-google-wallet:before { content: "\f1ee" } .fa-cc-visa:before { content: "\f1f0" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-intersex:before, .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-genderless:before { content: "\f22d" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-hotel:before, .fa-bed:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } .fa-yc:before, .fa-y-combinator:before { content: "\f23b" } .fa-optin-monster:before { content: "\f23c" } .fa-opencart:before { content: "\f23d" } .fa-expeditedssl:before { content: "\f23e" } .fa-battery-4:before, .fa-battery-full:before { content: "\f240" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241" } .fa-battery-2:before, .fa-battery-half:before { content: "\f242" } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243" } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244" } .fa-mouse-pointer:before { content: "\f245" } .fa-i-cursor:before { content: "\f246" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-sticky-note:before { content: "\f249" } .fa-sticky-note-o:before { content: "\f24a" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-diners-club:before { content: "\f24c" } .fa-clone:before { content: "\f24d" } .fa-balance-scale:before { content: "\f24e" } .fa-hourglass-o:before { content: "\f250" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253" } .fa-hourglass:before { content: "\f254" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256" } .fa-hand-scissors-o:before { content: "\f257" } .fa-hand-lizard-o:before { content: "\f258" } .fa-hand-spock-o:before { content: "\f259" } .fa-hand-pointer-o:before { content: "\f25a" } .fa-hand-peace-o:before { content: "\f25b" } .fa-trademark:before { content: "\f25c" } .fa-registered:before { content: "\f25d" } .fa-creative-commons:before { content: "\f25e" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-tripadvisor:before { content: "\f262" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-get-pocket:before { content: "\f265" } .fa-wikipedia-w:before { content: "\f266" } .fa-safari:before { content: "\f267" } .fa-chrome:before { content: "\f268" } .fa-firefox:before { content: "\f269" } .fa-opera:before { content: "\f26a" } .fa-internet-explorer:before { content: "\f26b" } .fa-tv:before, .fa-television:before { content: "\f26c" } .fa-contao:before { content: "\f26d" } .fa-500px:before { content: "\f26e" } .fa-amazon:before { content: "\f270" } .fa-calendar-plus-o:before { content: "\f271" } .fa-calendar-minus-o:before { content: "\f272" } .fa-calendar-times-o:before { content: "\f273" } .fa-calendar-check-o:before { content: "\f274" } .fa-industry:before { content: "\f275" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-map-o:before { content: "\f278" } .fa-map:before { content: "\f279" } .fa-commenting:before { content: "\f27a" } .fa-commenting-o:before { content: "\f27b" } .fa-houzz:before { content: "\f27c" } .fa-vimeo:before { content: "\f27d" } .fa-black-tie:before { content: "\f27e" } .fa-fonticons:before { content: "\f280" } .fa-reddit-alien:before { content: "\f281" } .fa-edge:before { content: "\f282" } .fa-credit-card-alt:before { content: "\f283" } .fa-codiepie:before { content: "\f284" } .fa-modx:before { content: "\f285" } .fa-fort-awesome:before { content: "\f286" } .fa-usb:before { content: "\f287" } .fa-product-hunt:before { content: "\f288" } .fa-mixcloud:before { content: "\f289" } .fa-scribd:before { content: "\f28a" } .fa-pause-circle:before { content: "\f28b" } .fa-pause-circle-o:before { content: "\f28c" } .fa-stop-circle:before { content: "\f28d" } .fa-stop-circle-o:before { content: "\f28e" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-hashtag:before { content: "\f292" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-percent:before { content: "\f295" } .fa-gitlab:before { content: "\f296" } .fa-wpbeginner:before { content: "\f297" } .fa-wpforms:before { content: "\f298" } .fa-envira:before { content: "\f299" } .fa-universal-access:before { content: "\f29a" } .fa-wheelchair-alt:before { content: "\f29b" } .fa-question-circle-o:before { content: "\f29c" } .fa-blind:before { content: "\f29d" } .fa-audio-description:before { content: "\f29e" } .fa-volume-control-phone:before { content: "\f2a0" } .fa-braille:before { content: "\f2a1" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3" } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-signing:before, .fa-sign-language:before { content: "\f2a7" } .fa-low-vision:before { content: "\f2a8" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-pied-piper:before { content: "\f2ae" } .fa-first-order:before { content: "\f2b0" } .fa-yoast:before { content: "\f2b1" } .fa-themeisle:before { content: "\f2b2" } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3" } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4" } /*FontAwesome End*/ /*Bike Seating Page Start*/ .bike_seating_wrapper { padding: 15px 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; border-radius: 15px; } .bike_seating_wrapper .bike_input { display: flex; } .bike_seating_wrapper .bike_input .form-group { min-width: 150px; } .bike_seating_wrapper .bike_input .form-group + .form-group { margin-left: 20px; } .num_bike_box { padding: 0 10px 15px; border-radius: 15px; background-color: #e9faff; border: 1px solid #dedede; display: inline-block; } .num_bike_box ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } .num_bike_box ul li { list-style: none; margin: 15px 8px 0; } .num_bike_box ul li span { height: 2.29vw; width: 2.29vw; border-radius: 50%; border: 1px solid #666666; display: flex; justify-content: center; align-items: center; font-size: 0.83vw; color: #2f2f2f; } .seating_area { padding: 20px; border: 1px solid #dedede; border-radius: 15px; margin-top: 20px;    /*width: calc(100% - 50px);*/ width: 100%; position: relative } /*.seating_area:before { position: absolute; content: ""; width: 55px; height: 65px; top: 25px; right: -55px; background-image: url('../images/door_new.png'); background-repeat: no-repeat; }*/ .seating_area .trainer_area { display: flex; justify-content: center; align-items: center; } .seating_area .trainer_area .trainer { margin: 0 50px; } .seating_area .trainer_area .extra_bikes.bike_area { width: 115px; margin-top: 0; } .seating_area .trainer_area .extra_bikes.bike_area ul.bike_list li { width: 50%; margin: 0.75vw 0; } .seating_area .trainer_area .speaker_sec { margin: 0 50px; width: 6vw; } .seating_area .trainer_area .speaker_sec { display: none; } .seating_area .trainer_area .speaker_sec img { width: 100%; } .seating_area .trainer_area .trainer .trainer_title { background-color: #bebebe; display: inline-block; width: 13vw; border-radius: 5px; color: #2f2f2f; text-align: center; padding: 10px 15px; margin: 0; font-size: 16px !important; } .seating_area .bike_area { margin-top: 30px; } .seating_area .bike_area ul.bike_list { margin: 0; display: flex; flex-wrap: wrap; justify-content: center; padding: 0; } .seating_area .bike_area ul.bike_list li { list-style: none; width: 50px; text-align: center; margin: 1.075vw 0; } @media(max-width:1440px) { .seating_area .trainer_area .extra_bikes.bike_area { width: 95px; } .seating_area .trainer_area .extra_bikes.bike_area ul.bike_list li { margin: 0.65vw 0; } } @media(max-width:1024px) { .num_bike_box ul li span { line-height: 130%; } .btn-group > .dropdown-menu:after { left: 5px; } .btn-group > .dropdown-menu:before { left: 4px; } .bike_seating_wrapper .bike_input .form-control { padding: 3px 8px; font-size: 12px; } .seating_area .trainer_area .trainer .trainer_title { font-size: 16px; } .seating_area .trainer_area .extra_bikes.bike_area { width: 85px; } .seating_area .bike_area { margin-top: 10px; } .seating_area { padding: 10px; } } /*Bike Seating Page End*/ /*Bike Seating popup Start*/ .popup_seating .trainer_area .trainer .trainer_title { background-color: rgba(190, 190, 190, 0.50) !important; } .popup_seating .trainer_area .speaker_sec { margin: 0 35px; width: auto; } .popup_seating .trainer_area .speaker_sec { display: none; } .popup_seating .trainer_area .extra_bikes.bike_area ul.bike_list li { display: flex; justify-content: center; margin: 0; } .popup_seating .extra_bikes.bike_area .c_radio label { width: 2.5vw !important; height: 2.5vw !important; } .popup_seating .bike_area ul.bike_list li { margin: 5px; } .popup_seating .bike_area ul.bike_list li .notSelected { width: 2.25vw !important; height: 2.25vw !important; display: flex; justify-content: center; align-items: center; } .popup_seating .bike_area ul.bike_list li .notSelected span { padding: 0; background-color: rgba(190, 190, 190, 0) !important; height: 0.8vw; width: 0.8vw; border-radius: 50%; outline: none !important; } .c_radio label.reserved-seat { position: relative; border-color: var(--tertiary); cursor: default; color: transparent; pointer-events: none; overflow: hidden; background: url(../images/logo-disable2.png) no-repeat center center; background-size: 58px 58px; } .c_radio { display: inline-block; } .c_radio_hidden { /* visibility: hidden;*/ } li.c_radio_hidden { display: none; visibility: hidden; } .c_radio input[type="radio"] { display: none; } .c_radio label { border: 2px solid #3c4a52; border-radius: 100%; width: 2vw !important; height: 2vw !important; font-size: 16px !important; text-align: center; color: #000; cursor: pointer; background-size: 100%; display: flex; justify-content: center; align-items: center; } .c_radio input[type="radio"]:checked + label { border-color: var(--tertiary); background-color: var(--tertiary); color: var(--primary); } .res-customer-detail { padding: 10px; color: #3a3a3a; display: none; } .res-customer-detail hr { margin: 5px 0; } .res-customer-detail:before { position: absolute; content: ""; top: -11px; left: 8px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #cccccc transparent; } .res-customer-detail:after { position: absolute; content: ""; top: -9.65px; left: 9px; width: 0; height: 0; border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent #ffffff transparent; } @media (max-width:767px) { .c_radio label { width: 15px !important; height: 15px !important; font-size: 8px !important; border: 1px solid #3c4a52 } .seating_area .bike_area ul.bike_list li { width: 1.6%; } .popup_seating .extra_bikes.bike_area .c_radio label { width: 15px !important; height: 15px !important; } .seating_area .trainer_area .extra_bikes.bike_area ul.bike_list li { width: 35%; } .seating_area .trainer_area .trainer .trainer_title { width: 22vw; font-size: 13px !important; } .seating_area .trainer_area .trainer { margin: 0 20px; } } /*Bike Seating popup End*/ /* Booking screen mirror css start  */ /* Hide #1803 mirror change */ .mirror { border-top: 20px solid #8f8f81; border-right: 25px solid transparent; border-left: 25px solid transparent; height: 0; width: 50%; text-align: center; margin: 0 auto 20px; color: #ffffff; } .mirror span { margin-top: -19px; display: flex; text-align: center; width: 100%; justify-content: center; font-size: 13px; font-weight: 700; } @media(max-width:991px) { .mirror { width: 75%; margin-bottom: 15px; } .mirror span { font-size: 12px; margin-top: -18px; } } /* Booking screen mirror css end  */ /* New changes CSS pranav Start */ .table { width: 100%; max-width: 100%; } table.table { margin-bottom: 0; } .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { border: 1px solid #ddd !important; } .table-hover>tbody>tr:hover { background-color: #ffffff !important; } .tab-min-width-1000px { min-width: 1000px; } .tab-min-width-1200px { min-width: 1200px; } .tab-min-width-1400px { min-width: 1400px; } .tab-min-width-1600px { min-width: 1600px; } table tr th { padding: 12px 10px !important; font-size: 16px; color: #2f2f2f; background-color: rgb(143 143 129 / 15%) !important; font-weight: 500; font-family: var(--font-medium); } table tr th div { font-family: var(--font-medium); } table tr td, table tr td p, table tr td div, table tr td span { font-size: 14px; } table tr th i { margin-right: 7px; } .tbl-outer-sec { margin-bottom: 30px; } .tbl-outer-sec .mini-stat { height: 140px; border: 1px solid rgb(143 143 129 / 50%); } .mini-stat h3 { font-size: 20px; margin: 0; line-height: 1; border-bottom: 0px solid #DDD !important; padding: 12px 24px; background-color: #8f8f81; text-align: center !important; color: #ffffff; } .mini-stat .content { font-size: 52px; font-weight: 700; color: #000000; padding: 20px 24px; line-height: 1; } .mini-stat .content .year { font-size: 18px; } .nxt-res { padding: 20px; } .nxt-res .nxt-resText { font-size: 17px; font-weight: 600; } .btn-secondary { height: 35px; line-height: 100%; padding: 0 15px; line-height: 35px; font-size: 14px; border-radius: 0; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; text-transform: uppercase; border: 1px solid var(--secondary) !important; font-style: var(--font-book); background-color: var(--tertiary); color: var(--primary); letter-spacing: 0.5px; border-radius: 6px; } .btn-secondary:hover { background-color: var(--primary); color: var(--secondary); } .btn-primary { height: 35px; padding: 0 15px; line-height: 35px; font-size: 13px; border-radius: 0; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; text-transform: uppercase; border: 1px solid var(--tertiary) !important; font-style: var(--font-medium); font-weight: 600; letter-spacing: 1px; background-color: var(--primary); color: var(--tertiary); border-radius: 6px; } .btn-primary:hover { color: var(--primary); background-color: var(--tertiary); } .user-acc-head h2 { margin-bottom: 0px; } .user-acc-head { margin-bottom: 15px; } table tr td a { color: var(--tertiary); font-family: var(--font-bold); } .userName + .dropdown-menu { position: absolute; left: -90px; } /* .userName + .dropdown-menu[data-bs-popper] { top: 100%; margin-top: var(--bs-dropdown-spacer); } */ /* Dhruv bhai s */ /*Header After Login S*/ .userName { display: flex; align-items: center; } .userName span.count { height: 22px; width: 22px; display: flex; align-items: center; justify-content: center; background-color: var(--tertiary); border-radius: 50%; font-size: 12px; font-weight: 600; margin-left: 5px; } .userName.dropdown-toggle:before, .userName.dropdown-toggle:after { background-color: transparent !important; } .userName.dropdown-toggle::after { content: none; } @media(max-width:1024px) { .userName { padding: 5px 0 5px 15px; } } /*Header After Login E*/ /*Modal Popup Common design Start*/ .modal-dialog { min-height: calc(100% - 3.5rem); display: flex; align-items: center; } .modal-dialog .modal-content { border: 0; } .modal-dialog .modal-header { background-color: var(--tertiary); border-radius: 20px 20px 0 0; } .modal-dialog .modal-header .modal-title { text-transform: uppercase; font-size: 16px; font-family: var(--font-medium); color: var(--primary); } .btn-close { background: transparent url("data:image/svg+xml,%3Csvg xmlns=!string!viewBox=!string!%3E%3Cg%3E%3Cpath d=!string!fill=!string!/%3E%3Cpath d=!string!fill=!string!/%3E%3C/g%3E%3C/svg%3E") center/1em auto no-repeat; } .modal table tr th, .modal table tr td, .modal table tr td p, .modal table tr td div, .modal table tr td span { font-size: 13px; } /*Modal Popup Common design End*/ p.scheduledesccls { background-color: #f2f2f2; margin-bottom: 10px; font-size: 13px; font-style: italic; } ul.scheduleulcls { padding: 5px 10px; font-size: 14px; } ul.scheduleulcls strong { width: 125px; } ul.scheduleulcls li + li { margin-top: 8px; padding-top: 8px; border-top: 1px solid #eeeeee; } .schedule-part .sch-pager { border: none; } div.tooltip.calendartt { width: auto; max-width: 220px; } p.scheduledesccls, ul.scheduleulcls { /* padding: 10px 20px; */ padding: 5px 10px; } /* Gray out Sauna cold class when any booking found start */ .bookedHotColdCls { opacity: 0.3; } /* Gray out Sauna cold class when any booking found end */ /* Gray out The Well Calendar Design Change CR */ .cl-topright-full-booked { border-color: red !important; border-width: 3px; border-radius: 5px; } /* Gray out The Well Calendar Design Change CR  end*/ .cl-topright-full-booked-black { border-color: black !important; border-width: 3px; border-radius: 5px; } .waitlist_full { color: #ff0000 !important; font-weight: normal; background-color: rgb(255 0 0 / 10%); padding: 5px 0; display: flex; align-items: center; justify-content: center; font-weight: 600; text-transform: capitalize; letter-spacing: 0.5px; margin-bottom: 10px; border-radius: 5px; } /* Header layout spacing */ .fc-header-toolbar { display: flex; align-items: center; flex-wrap: nowrap; gap: 12px; } /* Left / Center / Right stay in one row */ .fc-left, .fc-center, .fc-right { display: flex; align-items: center; white-space: nowrap; } /* Title spacing */ .fc-left h2 { margin: 0 10px 0 0; font-size: 24px; text-transform: uppercase; font-family: 'gothammedium'; letter-spacing: -1px; } /* Prev / Next spacing */ .fc-button-group { margin-left: 6px; } /* Center section */ .fc-center { flex: 1; justify-content: start; } /* Right section */ .fc-right { justify-content: flex-end; gap: 10px; } .fc-header-select { min-width: 180px; height: 32px; font-size: 13px; border: none; border-bottom: 1px solid #ccc; background: transparent; } /* Title style */ /* Buttons general */ .fc-button { background: #f8f9fa; border: 1px solid #ddd; color: #333; font-size: 12px; padding: 4px 10px; text-transform: capitalize; } /* Active view button */ .fc-button.fc-state-active { background: #007bff; color: #fff; } /* Custom filter buttons */ .fc-filterInstructor-button, .fc-filterClass-button { background: #f1f1f1; margin-left: 5px; } .fc-button-group > .fc-button { line-height: 100%; } .fc-button { height: 35px; padding: 0 15px; line-height: 100%; font-size: 13px; border-radius: 0; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; text-transform: uppercase; border: 1px solid var(--secondary) !important; background-color: transparent !important; border-radius: 5px; color: var(--tertiary) !important; font-weight: 600; } .fc-button:hover { background-color: var(--secondary) !important; color: var(--primary) !important; } .fc-button:focus { box-shadow: none; } /* Reset button */ .fc-button.fc-resetFilters-button { height: 35px; padding: 0 15px; line-height: 100%; font-size: 13px; border-radius: 0; transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; text-transform: uppercase; border: 1px solid var(--secondary) !important; font-style: var(--font-medium); font-weight: 600; letter-spacing: 1px; background-color: var(--tertiary) !important; color: var(--primary) !important; } .fc-button.fc-resetFilters-button:hover { background-color: var(--primary) !important; color: var(--secondary) !important; } .fc-classFilter-button.fc-button, .fc-instructorFilter-button.fc-button { border: 0 !important; } /* Replace space with dash */ /* .fc-left h2::after { content: 'http://www.w3.org/2000/svg'; } */ .filter-panel { position: absolute; top: 50px; right: 20px; background: #fff; border: 1px solid #ddd; padding: 6px; display: none; z-index: 9999; box-shadow: 0 2px 6px rgba(0, 0, 0, .15); } .filter-panel select { width: 160px; font-size: 12px; } /* Make header buttons relative */ .fc-toolbar .fc-button { position: relative; } /* Hidden dropdown inside button */ .fc-filter-dropdown { display: none; position: absolute; top: 100%; right: 0; background: #fff; border: 1px solid #ddd; padding: 6px; z-index: 9999; min-width: 180px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .fc-filter-dropdown select { width: 100%; font-size: 12px; } .fc-toolbar .fc-instructorFilter-button, .fc-toolbar .fc-classFilter-button { background: none; border: none; padding: 0; } .fc-toolbar .fc-instructorFilter-button:hover, .fc-toolbar .fc-instructorFilter-button:active, .fc-toolbar .fc-instructorFilter-button:focus, .fc-toolbar .fc-classFilter-button:hover, .fc-toolbar .fc-classFilter-button:active, .fc-toolbar .fc-classFilter-button:focus { background: none; box-shadow: none; } .schedule-part .lbl-filter { padding-left: 15px; text-align: left; } .filter-schdule { padding: 20px 0; position: relative; } .fc-time-grid .fc-slats td { height: 2.5em !important; } .fc-time-grid .fc-slats .fc-minor td { border: 0 !important; } .schedule-tbl-wrap { position: relative; } #loading { width: 100%; height: calc(100% - 60px); position: absolute; top: 60px; padding-top: 25%; display: flex; justify-content: center; background-color: rgba(0, 0, 0, 0.5); z-index: 2; font-weight: 600; color: #fff; text-transform: uppercase; letter-spacing: 5px; font-size: 20px; transition: 0.5s ease-in-out all; -webkit-transition: 0.5s ease-in-out all; -mos-transition: 0.5s ease-in-out all; -ms-transition: 0.5s ease-in-out all; border-radius: 25px; } #calendar_three_view { position: relative; z-index: 1; } .fc-scroller.fc-time-grid-container { height: 100% !important; } .fc-view-container { position: relative; background-color: #ffffff; padding: 20px; /* border-radius: 15px; */ } .fc-right .fc-button { margin-left: 0; } .fc-toolbar .fc-instructorFilter-button:hover, .fc-toolbar .fc-instructorFilter-button:active, .fc-toolbar .fc-instructorFilter-button:focus, .fc-toolbar .fc-classFilter-button:hover, .fc-toolbar .fc-classFilter-button:active, .fc-toolbar .fc-classFilter-button:focus { background: none !important; } .fc-button-primary:disabled, .fc-button-active { opacity: 0.25 !important; pointer-events: none; } .user-acc-head .page-title { font-size: 26px; } /* Dhruv bhai s */ .frontInvoice h3 { font-size: 24px; } .frontInvoice h4 { font-size: 18px; } .frontInvoice #frmInvoice { background-color: #f8f8f8; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; padding: 10px; } .tbl-outer .page-title { margin-bottom: 0; } .form-label { font-size: 14px; margin: 0; font-weight: 600; color: var(--secondary); } .title-form { color: var(--tertiary); margin-bottom: -10px; display: block; font-family: var(--font-medium); font-weight: 500; text-transform: uppercase; font-size: 18px; } @media(max-width:1401px) { .fc-left h2 { font-size: 20px; } .fc-button, .fc-button.fc-resetFilters-button { /* height: 25px; */ padding: 0 7px; line-height: 100%; font-size: 10px; } .fc-button.fc-resetFilters-button { /* height: 27px; */ /* margin-top: 2px; */ } select.form-select.filterDropdown { font-size: 11px; } #loading { height: calc(100% - 50px); top: 50px; } } @media(max-width:1399px) { .nxt-res { padding: 10px; } .nxt-res .nxt-resText { font-size: 15px; } .g-recaptcha iframe { transform: scale(0.7); transform-origin: left top; } .fc-toolbar h2 { font-size: 1.45em !important; } } @media (max-width:1199px) { .tbl-outer-sec .mini-stat { margin-bottom: 15px; } .tbl-outer-sec .dashboard-tbl-one table>thead>tr>th { min-width: 150px; } } @media(max-width:1024px) { #loading { border-radius: 20px; } header .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle.userName.show:before { transform: rotate(0deg); top: 45px; left: 40px; } .book-class-page .filterDropdown { width: 175px; } .fc-header-toolbar { display: inline-block !important; } .fc-left, .fc-center, .fc-right { float: left; margin-bottom: 10px; } .fc-center { margin: 0 10px 10px; } .fc-right { gap: 0; } } @media (max-width:991px) { .page-title { font-size: 28px; } .rec-class-btn .btn.btn-secondary { padding: 0 5px; } .rec-class-btn .btn-secondary { line-height: 25px; } .fc-right { justify-content: center; gap: 10px; width: 100%; } #loading { height: calc(100% - 85px); top: 85px; } th.fc-day-header, .fc th, .fc td { font-size: 12px; font-weight: 600; } .fc-view-container { padding: 15px; } .form-captcha { display: flex;        /* justify-content: center; */ } .g-recaptcha iframe { transform: scale(1); transform-origin: center top; } .fc-header-toolbar { display: flex !important; flex-direction: column; position: relative; } .fc-center { order: 3; width: 100%; justify-content: space-between; } .fc-toolbar .fc-left .fc-button-group { position: absolute; bottom: 0; left: 70px; } .fc-left, .fc-center, .fc-right { float: none; margin-bottom: 0; } .fc-instructorFilter-button .select2-selection.select2-selection--single, .fc-classFilter-button .select2-selection.select2-selection--single { width: 300px; } } @media (max-width:767px) { .title-form { font-size: 16px; margin-bottom: -5px; } .page-title { font-size: 32px; } header .web-logo { max-width: 250px; } .filter-schdule .form-control { margin-bottom: 7px; } .fc-instructorFilter-button .select2-selection.select2-selection--single, .fc-classFilter-button .select2-selection.select2-selection--single { width: 100%; } .fc-right { flex-direction: column; width: 100%; justify-content: start; } .fc-right .fc-button { width: 100%; height: 40px; } .fc-resetFilters-button { display: none; } .fc-right select.form-select.filterDropdown { max-width: 100%; width: 100%; height: 40px; font-size: 15px; } .fc-button, .fc-button.fc-resetFilters-button { /*height: 30px; padding: 0 10px; font-size: 12px;*/ display: none; } .fc-toolbar.fc-header-toolbar { margin-bottom: 0.5em; position: relative; } .fc-toolbar > * >:not(:first-child) { margin-left: 0 !important; } .fc-left h2 { font-size: 24px; margin: 0; } } @media (max-width:567px) { .user-acc-head a.btn { float: left; margin-top: 15px; margin-left: 0 !important; } .user-acc-head a.btn { font-size: 11px; } .user-acc-head a.btn + a.btn { margin-left: 10px !important; } } /* New changes CSS pranav End */ /*Alert CSS S*/ .alert { padding: 5px 35px; font-size: 14px; font-style: italic; margin-bottom: 25px; } .alert.alert-danger p { color: #842029; margin: 0; text-align: center; } .alert.alert-success { text-align: center; color: #0f5132; } .alert.alert-success p { color: #0f5132; margin: 0; } .alert-primary, .alert-info, .alert-warning, .alert-light, .alert-dark { background-color: rgb(127 125 113); border-color: rgb(127 125 113); color: var(--primary); text-align: center; } .alert-primary p, .alert-info p, .alert-warning p, .alert-light p, .alert-dark p { font-size: 14px !important; color: var(--primary); margin-bottom: 0; } .alert-primary .btn-close, .alert-info .btn-close, .alert-warning .btn-close, .alert-light .btn-close, .alert-dark .btn-close { filter: brightness(1); } .alert .btn-close { padding: 10px; filter: brightness(0.1); background-size: 12px; } @media(max-width:767px) { .alert.alert-success p { font-size: 15px; line-height: 125%; } } /*Alert CSS E*/ #hotcoldPasscodeModal .modal-body p { font-size: 14px; text-align: center; line-height: 150%; } #privacyPolicyModal p { font-size: 14px; margin-bottom: 8px; } #privacyPolicyModal p a:not(.btn-secondary) { text-decoration: underline; } #privacyPolicyModal .modal-header .modal-title { font-size: 18px; } #reservationBookingModal .modal-dialog { max-width: 800px; } .nxt-res .btn { padding: 0 10px; line-height: 25px; display: flex; align-items: center; justify-content: center; } .nxt-res .btn i { font-size: 18px; } .reserved-info { display: flex; text-align: center; margin-top: 20px; } .reserve-bike-section .info-available i { width: 20px; height: 20px; display: inline-block; border-radius: 100%; float: left; margin-right: 10px; border: 1px solid #3c4a52; } .reserve-bike-section .info-selected i { width: 20px; height: 20px; display: inline-block; border-radius: 100%; float: left; margin-right: 5px; background: var(--tertiary); color: var(--primary); } .reserve-bike-section .info-reserved, .reserve-bike-section .info-available, .reserve-bike-section .info-selected { display: inline-block; margin-right: 20px; } .reserve-bike-section .info-reserved i, .reserve-bike-section .info-available i, .reserve-bike-section .info-selected i { margin-top: 2px; } .reserve-bike-section .info-reserved i { width: 20px; height: 20px; display: inline-block; border-radius: 100%; float: left; margin-right: 10px; position: relative; cursor: default; color: transparent; pointer-events: none; overflow: hidden; background: url(../images/logo-disable2.png) no-repeat center center; background-size: 25px 25px; border: 1px solid #3d4a52; } @media(max-width:767px) { .reserve-bike-section .info-reserved, .reserve-bike-section .info-available, .reserve-bike-section .info-selected { margin-right: 10px; } .c_radio label { font-size: 9px; } header .mobile-login { margin-right: 10px; } .userName { padding: 5px 0 5px 5px; font-size: 12px; } .userName span.count { height: 18px; width: 18px; font-weight: normal; } } .welcome_box.w-b_single { max-width: 700px; display: flex; flex-direction: column; align-items: center; margin: 0 auto; padding: 20px 25px; } .welcome_box.w-b_single img { max-width: 300px; } .welcome_wrapper .welcome_box p { font-size: 14px; margin-bottom: 10px; } .thankyou { max-width: 700px; margin: 0 auto; padding: 35px; } .thankyou .iner-thankyou { display: flex; flex-direction: column; align-items: center; } .thankyou .iner-thankyou .thankyou_icon { height: 125px; width: 125px; display: flex; align-items: center; justify-content: center; background-color: var(--secondary); border-radius: 100%; } .thankyou .iner-thankyou .thankyou_icon i { font-size: 85px; color: #ffffff; } .thankyou_text { color: var(--secondary); font-size: 100px; font-weight: 600; line-height: 110px; text-shadow: 0 4px 1px rgba(0, 0, 0, 0.2); text-align: center; margin: 0 auto; margin-top: 10px; } .thank-you_msg { font-size: 18px; color: var(--tertiary); text-align: center; margin: 0 auto; margin-bottom: 25px; font-family: 'gothammedium'; } @media(max-width:767px) { .thankyou_text { font-size: 60px; } } @media(max-width:475px) { .thankyou_text { font-size: 50px; } } #customerAccountBalance { margin-bottom: 15px; border: solid 1px rgba(var(--secondary-rgb), 0.25); letter-spacing: 1px; font-size: 22px; font-weight: 600; padding: 10px; background-color: #f8f8f8; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; color: var(--secondary); } .redeemGiftCard .info p { font-size: 14px; font-style: italic; margin: 10px 0 0; line-height: 150%; } .giftCardBalance_part .info { display: flex; justify-content: space-between; margin: 20px 0; padding: 10px; background-color: #f8f8f8; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; -ms-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px; } .bal_history a { font-family: var(--font-medium); text-decoration: underline; color: var(--tertiary); } @media (max-width:767px) { .giftCardBalance_part .info { flex-direction: column; gap: 10px; } .btn-secondary { font-size: 12px; letter-spacing: 0; padding: 0 10px; } } @media (max-width:414px) { #wrapper { overflow-x: hidden; } } .fc .fc-axis { padding: 0 10px !important; } .ui-datepicker { z-index: 9999 !important; } .input-group { align-items: center; } .input-group .input-group-addon { margin-right: 10px; } /* Filter Sction start */ @media(max-width:1024px) { .filterSection { flex-wrap: wrap; } .filterSection .col { width: 33%; flex: 0 0 33%; } .offcanvas.responsiveMenu .nav-link.dropdown-toggle.userName { display: none; } } @media(max-width:991px) { .filterSection .col { width: 50%; flex: 0 0 50%; } .rec-class-btn .btn { margin-bottom: 7px; } } /* Filter Sction End */ .changeProfileSubmitSec .reg-btn { display: flex; justify-content: end; } @media(max-width:767px) { .changeProfileSubmitSec .reg-btn { justify-content: start; margin-top: 10px; } } @media (min-width:1025px) { .dropdown-menu .dropdown-item.active:before { transform: scale(1) rotate(90deg); } } section.inner-content.BookingConfirmPageSection { display: flex; justify-content: center; align-items: center; } .offcanvas.responsiveMenu .nav-link.active { font-family: var(--font-medium); color: var(--tertiary); } @media (max-width:475px) { .fc-toolbar h2 { font-size: 1.35em !important; } } ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-track:hover { cursor: pointer !important; } #frmcontactus .g-recaptcha iframe, .changeProfileSubmitSec .g-recaptcha iframe { transform: scale(1) !important; } .fc-button-primary:not(:disabled):active:focus, .fc-button-primary:not(:disabled).fc-button-active:focus,.fc-button-primary:focus { box-shadow: none !important; } .packageSlide .price-listing .price-detail .customTooltipTitle { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (max-width:1399px) { .customtooltip .customtooltiptext { padding: 3px 3px; font-size: 11px; } } @media (max-width:767px) { .packageSlide .price-detail .ride, .packageSlide .price-detail .price, .packageSlide .price-detail .price .validity { font-size: 16px; } } @media (min-width:1200px) { .headerMenu.notSticky:not(.headerSticky) .dropdown-menu { opacity: 0; visibility: hidden; } } .package-page .cms h2 { margin-top: 0; } /* Common Select2 CSS pranav 8-1-25 Start*/ .select2-selection.select2-selection--single { background-color: transparent; box-shadow: none !important; border: 1px solid rgba(var(--secondary-rgb), 0.25); padding: 5px 20px 5px 5px; font-size: 14px; border-radius: 0; } .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered { text-align: left; } .select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection { border-color: rgba(var(--secondary-rgb), 0.25) !important; } .select2-container--bootstrap-5 .select2-dropdown { border-color: rgba(var(--secondary-rgb), 0.25) !important; background-color: var(--primary); } .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field { border-color: var(--secondary) !important; font-size: 14px; padding: 6px; line-height: 1.2; } .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus { box-shadow: none; } .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option { font-size: 14px; } .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) { background-color: var(--tertiary) !important; } .select2-container--bootstrap-5 .select2-dropdown .select2-search { padding: 6px; } .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below { border-top: 1px solid rgba(var(--secondary-rgb), 0.25); border-radius: 0; z-index: 9; } .select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above { border-bottom: 1px solid rgba(var(--secondary-rgb), 0.25); border-radius: 0; } .package-page .select2-container--bootstrap-5 { max-width: 300px; } .form-control.hasDatepicker { background-color: transparent !important; font-size: 14px; padding: 5px; line-height: 165%; } .fc-instructorFilter-button .select2-selection.select2-selection--single, .fc-classFilter-button .select2-selection.select2-selection--single { min-width: 200px; } @media (max-width:767px) { .filter-schdule select.form-control+.select2-container--bootstrap-5 { margin-bottom: 7px; } .package-page .select2-container--bootstrap-5 { max-width: 200px; } } /* Common Select2 CSS pranav 8-1-25 End*/ /* Common form Select2 CSS pranav 8-1-25 Start*/ form .select2-selection.select2-selection--single { border: 0; border-bottom: 1px solid rgba(var(--secondary-rgb), 0.7) !important; } form .select2-container--bootstrap-5.select2-container--focus .select2-selection { border-color: rgba(var(--secondary-rgb), 0.7) !important; } form .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered { font-size: 1rem; color: #212529; font-weight: 600; } /* Common form Select2 CSS pranav 8-1-25 End*/ /*Datepicker CSS pranav 8-1-25 Start*/ #ui-datepicker-div { cursor: default; } .ui-datepicker-next, .ui-datepicker-prev { cursor: pointer; } .ui-datepicker .ui-datepicker-next-hover { right: 2px !important; } .ui-datepicker .ui-datepicker-prev-hover { left: 2px !important; } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover { top: 2px !important; } .ui-datepicker .ui-datepicker-header { background: linear-gradient(to bottom, rgba(127, 125, 113, 1) 0%, rgba(166, 169, 152, 1) 180%); } .ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon { filter: invert(1); } .ui-datepicker-title .ui-datepicker-month, .ui-datepicker-title .ui-datepicker-year { color: #ffffff; } .ui-state-active .ui-icon, .ui-state-error .ui-icon, .ui-state-error-text .ui-icon, .ui-state-focus .ui-icon, .ui-state-highlight .ui-icon, .ui-state-hover .ui-icon { filter: brightness(0.5); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none !important; background-color: #f3f3f3 !important; border: 0 !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background-color: #858477 !important; color: #ffffff !important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background-color: #a9a9a9 !important; } /*Datepicker CSS pranav 8-1-25 End*/ .cookies_bottom { position: fixed; bottom: 15px; left: 15px; padding: 20px; border-radius: 10px; z-index: 999; width: 475px; filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.25)); background: var(--tertiary); opacity: 0.95; } .cookies_bottom .cookie_close { position: absolute; top: 7px; right: 7px; height: 20px; width: 20px; display: flex; justify-content: center; align-items: center; border-radius: 100%; cursor: pointer; color: var(--primary); } /* .cookies_bottom .cookie_close:hover{ background-color: var(--tertiary); color: #ffffff; } */ .cookies_bottom p { color: var(--primary); margin: 0; font-size: 15px; line-height: 150%; font-family: var(--font-light); } .cookies_bottom p a { text-decoration: underline; letter-spacing: 0.75px; } .navbar-nav .nav-item .nav-link { padding: 12px 15px; text-transform: uppercase; } @media (max-width:1199px) { } @media (max-width:767px) { .cookies_bottom { width: 95%; left: 0; right: 0; margin: 0 auto; } .cookies_bottom { padding: 5px 10px 5px 5px; } .cookies_bottom p { font-size: 14px; line-height: 150%; padding: 7px 20px 7px 7px; } /* .forMobileLogInSection{ flex-direction: column-reverse; align-items: end !important; } */ .forMobileLogInSection .navbar-nav .nav-item .nav-link { padding: 10px 0; } .forMobileLogInSection .mobile-login { margin-right: 0; } body.afterLoginBody .page-section.first-section { padding-top: 80px; } .forMobileLogInSection .mobile-login ul.navbar-nav { position: absolute; right: 10px; bottom: -45px; } body.afterLoginBody header { padding: 12px 0 40px; } header .navbar .navbar-nav .nav-item.dropdown .dropdown-toggle.userName.show:before { top: 30px; } .meet-our-team { display: none; } .services-page .tab-content .tab-pane .tab-title { display: block; margin: 0 10px 20px; padding-bottom: 8px; } } .team-category.seqChangeForMobile { visibility: hidden; opacity: 0; display: none; } @media (max-width:767px) { .team-category.seqChangeForWideScreen { visibility: hidden; opacity: 0; display: none !important; } .team-category.seqChangeForMobile { visibility: visible; opacity: 1; display: flex; } .instagram_section .line-title .page-title { font-size: 20px; max-width: 90%; } .page-section.instagram_section { padding: 50px 0; } } @media(max-width:375px) { header .web-logo { max-width: 225px !important; } body.afterLoginBody header .web-logo { max-width: 275px !important; } } @media (min-width:1199px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 100%; padding: 0 8%; } .bannerSliderSection .bannerSlider .banner-content, .bannerSliderSection .scroll_to_discover_section { max-width: 100%; padding: 0 8%; } .bannerSliderSection .bannerSlider .owl-dots { max-width: 98%; padding: 0 8%; } } .our-story img, .our-name img, .meet-our-team-aboutUs img { max-width: 100%; aspect-ratio: 1 / 0.85; object-fit: cover; width: 100%; object-position: bottom; } .meet-our-team-aboutUs .themeBtn.btn-dark { min-width: 205px; } .homeBannerVideo { position: absolute; width: 100%; height: 100vh; object-fit: cover; } @media (max-width:991px) { .our-story img, .our-name img, .meet-our-team-aboutUs img { max-width: 75%; } .our-story .row, .meet-our-team-aboutUs .row { flex-direction: column-reverse; } } @media (max-width:767px) { .meet-our-team-aboutUs .themeBtn.btn-dark { min-width: auto; } } .service-page-section.boxBorders { position: relative; margin-top: 50px; } /* .service-page-section.boxBorders::before{ content: ''; position: absolute; height: 100%; width: 1px; background-color: var(--tertiary); opacity: 0.55; } */ .service-page-section.boxBorders .content-section-column { position: relative; padding-left: 75px; } .service-page-section.boxBorders .content-section-column + .content-section-column{ margin-top: 50px; } /* .service-page-section.boxBorders .content-section-column::before{ content: ''; position: absolute; width: 100%; height: 1px; background-color: var(--tertiary); opacity: 0.55; left: 0; bottom: -25px; } */ .service-page-section.boxBorders .content-section-column:last-child::before, .service-page-section.boxBorders .content-section-column:nth-last-child(2)::before { opacity: 0; visibility: hidden; } @media (max-width:1366px) { .service-page-section.boxBorders .content-section-column{ padding-left: 35px; } } @media (max-width:1024px){ .service-page-section.boxBorders .content-section-column{ padding: 0 15px; } } @media (max-width:991px) { .service-page-section.boxBorders::before { content: none; } .content-section-column .content-section p { min-height: auto; } .service-page-section.boxBorders .content-section-column:nth-last-child(2)::before { opacity: 0.55; visibility: visible; } .service-page-section.boxBorders .content-section-column:last-child { margin-bottom: 0; } .service-page-section.boxBorders .content-section-column:nth-last-child(2) { margin-bottom: 30px; } } @media (max-width:767px) { .service-page-section .content-section-column .content-section .page-title{ font-size: 24px; margin-bottom: 10px; padding-bottom: 5px; } } .bannerSliderSection .bannerSlider .homeBannerContent .homeBannnerContentInner { position: relative; height: 100vh; width: 100%; } .bannerSliderSection .bannerSlider .homeBannerContent .homeBannnerContentInner:before { position: absolute; /* content: '0 0 512 512'; */ content: ''; width: 100%; height: 100%;    /* background: linear-gradient(to top, rgba(49, 49, 49, 1) 0%, rgba(151, 154, 143, 0.34) 100%); */ background: linear-gradient(to top, rgb(60 59 52) -30%, rgba(151, 154, 143, 0.34) 100%); top: 0; left: 0; opacity: 0.4; } .bannerSliderSection .bannerSlider .homeBannerContent .homeBannnerContentInner .hbcItem { position: absolute; bottom: 175px; left: 0; right: 0; max-width: 100%; padding: 0 8%; margin: 0 auto; color: #ffffff; } .bannerSliderSection .bannerSlider .homeBannerContent .homeBannnerContentInner .hbcItem .bannerTitle { font-size: 52px; font-family: var(--font-bold); } .bannerSliderSection .bannerSlider .homeBannerContent .homeBannnerContentInner .hbcItem .bannerPara { max-width: 650px; font-size: 18px; font-family: var(--font-light); color: #ffffff; line-height: 150%; margin-bottom: 30px; } .mobile-bannerSection .mobileContent { position: absolute; width: 100%; bottom: 0; } .mobileContentItem { padding: 10px; } .mobileContentItem .bannerTitle { font-size: 18px; font-family: var(--font-medium); color: #ffffff; } .mobileContentItem .bannerPara { font-size: 13px; line-height: 125%; color: #ffffff; } /* New Service Page CSS 16-01-26 Start  */ .content-section-column .content-section { padding: 40px; background-color: #f9f8f4; /* border-radius: 20px; */ box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; transition: 0.5s ease-in-out all; } .content-section-column .content-section .page-title { font-size: 22px; margin-bottom: 15px; transition: 0.5s ease-in-out all; padding-bottom: 15px; border-bottom: 1px solid var(--secondary); text-transform: inherit; font-family: 'gothambook' !important; } .content-section-column .content-section p { margin: 0; font-size: 16px; line-height: 175%; transition: 0.5s ease-in-out all; } .content-section-column .content-section a.textBtn-dark { padding: 2px 0; color: var(--tertiary); font-size: 14px; font-weight: 600; margin-top: 20px; font-family: var(--font-book); } .content-section-column .content-section a.textBtn-dark:before{ background-color: var(--tertiary); height: 2px; } .content-section-column .content-section a.textBtn-dark:hover:before{ height: 2px; } .content-section-column .content-section .subpage-exp-content p{ padding: 20px 0 0; margin-bottom: 0; } .service-page-section.boxBorders .img-section, .service-page-section.boxBorders .img-section img { position: sticky; top: 120px; object-fit: cover; object-position: center; max-width: 100% !important; /*height: 100% !important;*/ height: 500px !important; } .content-section-column .content-section:hover { background-color: rgba(var(--secondary-rgb),0.08); } .content-section-column .content-section.active { background-color: var(--tertiary); } .content-section-column .content-section.active .page-title, .content-section-column .content-section.active p, .content-section-column .content-section.active a{ color: #ffffff; font-family: 'gothamlight'; } .content-section-column .content-section.active a.textBtn-dark:before{ background-color: #ffffff; } @media  (max-width:1600px) { .content-section-column .content-section p { line-height: 150%; } } @media  (max-width:1499px) { .content-section-column .content-section { padding: 15px !important; } .service-page-section .content-section-column .content-section{ padding: 25px !important; } } @media  (max-width:1401px) { .serviceImageBox .content-section p { font-size: 14px; line-height: 160%; } .serviceImageBox .content-section { min-height: 260px; } .content-section-column .content-section p { font-size: 13px; } .content-section-column .content-section .page-title { font-size: 20px; } .service-page-section .content-section p.cstmPara { margin-bottom: 50px; } .service-page-section .content-section p.cstmPara { font-size: 18px; } .service-page-section.boxBorders .img-section, .service-page-section.boxBorders .img-section img { height: 500px; } } @media (max-width:1399px) { .content-section-column .content-section .page-title { font-size: 18px; } } @media (max-width:1199px) { .content-section-column .content-section .page-title { font-size: 20px; } .service-page-section .content-section p.cstmPara { margin-bottom: 30px; } .services-page .service-page-section .img-section img { max-width: 100%; aspect-ratio: 3/2; object-fit: cover; object-position: bottom; height: auto; } .service-page-section.boxBorders .img-section { height: auto; } } @media (max-width:991px) { p, .service-page-section .content-section p.cstmPara, .performance-assessment-page p, .content-section-column .content-section p { font-size: 18px; line-height: 150%; } .services-page .service-page-section .img-section img { max-width: 100%; aspect-ratio: 3/2; object-fit: cover; object-position: bottom; } .services-page .service-page-section .img-section { text-align: center; margin: 0 0 40px; position: static; top: 0; } } @media (max-width:767px) { /* .service-page-section.boxBorders .content-section-column{ margin-bottom: 75px; } */ .content-section-column .content-section:hover{ background-color: inherit; } .service-page-section .content-section-column .content-section.active{ background-color: rgba(var(--secondary-rgb),0.08); } .service-page-section .content-section-column .content-section.active .page-title, .service-page-section .content-section-column .content-section.active p, .service-page-section .content-section-column .content-section.active a{ color: inherit; } .service-page-section .content-section-column .content-section.active a.textBtn-dark:before { background-color: var(--tertiary); } .our-story img, .our-name img, .meet-our-team-aboutUs img { max-width: 100%; } .performance-assessment-form { padding: 20px } .content-section-column .content-section .page-title { font-size: 32px; } .serviceImageBox { flex-direction: column; } .serviceImageBox .content-section { position: relative; padding: 0 !important; background-color: transparent; margin-top: 20px; } .serviceImageBox .content-section h3.page-title, .serviceImageBox .content-section p { color: var(--tertiary); } .serviceImageBox .content-section p { font-size: 18px; } } /* Career page CSS prnv 30-1-26 start */ .career-list-acc .accordion-item .accordion-button .position-title{ font-size: 22px; color: var(--tertiary); font-family: var(--font-medium); box-shadow: none; text-transform: uppercase; } .career-list-acc .accordion-item .accordion-button .position-vac{ margin-left: 10px; display: inline-block; } .career-list-acc .accordion-item .accordion-button .position-exp{ font-size: 14px; font-style: italic; color: var(--bs-gray); margin-top: 10px; display: inline-block; text-transform: capitalize; font-weight: 600; } .career-list-acc .accordion-item .accordion-header{ position: relative; } .career-list-acc .accordion-item .accordion-header .themeBtn{ height: 40px; padding: 0 15px; font-size: 14px; position: absolute; /* right: 50px; */ right: 30px; top: 50%; transform: translateY(-50%); z-index: 9; } .career-list-acc .accordion-item li{ color: var(--tertiary); font-size: 16px; font-family: var(--font-book); } @media (max-width: 991px){ .career-list-acc .accordion-item .accordion-button .position-title{ font-size: 16px; } } @media (max-width: 767px){ .career-list-acc .accordion-item .accordion-button .position-title{ font-size: 15px; } .career-list-acc .accordion-item .accordion-header .themeBtn{ top: auto; bottom: -10px; left: 0; right: auto; } .career-list-acc .accordion-item .accordion-button{ padding-bottom: 65px; } } /* Career page CSS prnv 30-1-26 end */ /* About Us Page Design Change prnv 05-02-26 Start */ .page-section.first-section{ position: relative; } .about-us-page .aboutUSPageSection .img-section, .about-us-page .aboutUSPageSection .img-section img{ position: sticky; top: 120px; /* height: 650px; */ } .about-us-page .aboutUSPageSection .img-section img{ object-fit: cover; object-position: center; max-width: 100%; } .about-us-page .aboutUSPageSection .content-section-column{ position: relative; padding-left: 75px; } .about-us-page .aboutUSPageSection .content-section-column + .content-section-column { margin-top: 50px; } .our-team-detail-page .teamImg{ position: sticky; top: 110px; } @media (max-width: 1699px){ .content-section-column .btn-list{ flex-wrap: wrap; justify-content: center !important; } .content-section-column .btn-list .themeBtn{ min-width: 250px; margin: 5px 0; } } @media (max-width: 1399px){ .about-us-page .aboutUSPageSection .content-section-column{ padding-left: 35px; } } @media (max-width: 1199px){ .about-us-page .aboutUSPageSection .img-section img { max-width: 100%; aspect-ratio: 3/2; object-fit: cover; object-position: center; height: auto; } .content-section-column .btn-list .themeBtn{ min-width: 250px; margin: 0 0 5px; } .about-us-page .aboutUSPageSection .content-section-column{ padding: 0 15px; } } @media (max-width:991px){ .btn-list .themeBtn{ min-width: auto; font-size: 12px; margin-bottom: 5px !important; } .about-us-page .aboutUSPageSection .img-section { text-align: center; margin: 0 0 40px; position: static; top: 0; } } @media (max-width:767px){ .about-us-page .aboutUSPageSection .content-section-column .content-section.active { background-color: rgba(var(--secondary-rgb),0.08); } .about-us-page .aboutUSPageSection .content-section-column .content-section.active .page-title, .about-us-page .aboutUSPageSection .content-section-column .content-section.active p, .about-us-page .aboutUSPageSection .content-section-column .content-section.active a{ color: inherit; } .our-team-detail-page .teamImg.text-center{ text-align: left !important; } .content-section-column .btn-list .themeBtn{ min-width: 160px; font-size: 11px; } } @media (max-width:370px){ .content-section-column .btn-list .themeBtn{ min-width: 140px; font-size: 10px; } } /* About Us Page Design Change prnv 05-02-26 End */ /* google review slider design prnav 10-2-26 start */ .testimonial-section .line-title{ text-align: left; display: flex; align-items: center; justify-content: space-between; } .testimonial-section .line-title .page-title{ padding: 0; } .testimonial-section .line-title:before{ top: auto; bottom: -10px; } .google-testimonials{ margin: 25px auto 0; position: relative; } .googleStarReview { position: relative; display: flex; align-items: center; } .googleStarReview .googleImage img { max-width: 150px; } .googleStarReview .googleRatingStar { margin-left: 15px; text-align: center; } .googleStarReview .googleRatingStar .ratingCount { font-size: 40px; font-family: var(--font-book); color: var(--tertiary); line-height: 100%; } /* half start start */ .googleStarReview .googleRatingStar .googleRating.filledStar, .testimonial-header .googleRating.filledStar { color: #fabb05 } .googleStarReview .googleRatingStar .googleRating.halfStar, .testimonial-header .googleRating.halfStar { color: #000; position: relative; } /* End */ .googleStarReview .googleRatingStar .googleRating.halfStar::before { content: "★"; position: absolute; left: 0; top: 0; width: 50%; overflow: hidden; color: #f5b301; } .testimonial-header .googleRating.halfStar::before{ content:"★"; position:absolute; left:0; top:0; width:50%; overflow:hidden; color:#f5b301; } /* .gReviewSlider{ max-width: 75%; margin: 25px auto 0; } */ .owl-theme .owl-dots .owl-dot span{ transition: 0.3s ease-in-out all; -webkit-transition: 0.3s ease-in-out all; -mos-transition: 0.3s ease-in-out all; -ms-transition: 0.3s ease-in-out all; } .owl-theme .owl-dots .owl-dot.active span{ width: 40px; } .gReviewSlider .owl-stage-outer{ margin-bottom: 20px; } .gReviewSlider .testimonial-card{ background-color: #ffffff; padding: 30px; } .gReviewSlider .testimonial-card .testimonial-header{ display: flex; align-items: center; margin-bottom: 15px; } .gReviewSlider .testimonial-card .testimonial-header .user-image img{ height: 65px !important; width: 65px !important; } .gReviewSlider .testimonial-card .testimonial-header .user-info{ margin-left: 15px; } .gReviewSlider .testimonial-card .testimonial-header .user-info h4{ font-family: var(--font-medium); font-style: italic; } .gReviewSlider .testimonial-card .testimonial-header .user-info .rating .star.filled{ color: #fabb05; } .gReviewSlider .testimonial-card .testimonial-header .user-info .rating .time{ font-size: 12px; color: #979797; font-family: var(--font-medium); margin-left: 5px; } .gReviewSlider .testimonial-card .testimonial-content p { min-height: 150px; overflow-y: auto; font-style: italic; font-family: var(--font-medium); line-height: 175%; margin-bottom: 0; padding-right: 10px; } .gReviewSlider{ margin-top: 40px !important; } .testi-quote{ position: absolute; top: -50px; right: 30px; z-index: 9; } .testi-quote svg{ fill: #313131; } .gReviewSlider .testimonial-card:nth-child(1) .testimonial-content p{ min-height: 250px; max-height: 250px; } .gReviewSlider .testimonial-card:nth-child(2) .testimonial-content p{ min-height: 200px; max-height: 200px; } .gReviewSlider .testimonial-card:nth-child(3) .testimonial-content p{ min-height: 150px; max-height: 150px; } .gReviewSlider .testimonial-card:nth-child(4) .testimonial-content p{ min-height: 250px; max-height: 250px; } .gReviewSlider .testimonial-card:nth-child(5) .testimonial-content p{ min-height: 75px; max-height: 75px; } .gReviewSlider .testimonial-card:nth-child(6) .testimonial-content p{ min-height: 75px; max-height: 75px; } .gReviewSlider .testimonial-card:nth-child(7) .testimonial-content p{ min-height: 160px; max-height: 160px; } @media (max-width: 1499px){ .google-testimonials{ max-width: 100%; } .gReviewSlider .testimonial-card .testimonial-header .user-info h4{ font-size: 20px; margin-bottom: 0; } } @media (max-width: 1199px){ .google-testimonials{ max-width: 100%; } .googleStarReview .googleRatingStar { margin-left: 10px; } } @media (max-width: 767px){ .testi-quote{ top: -30px; } .testi-quote svg{ height: 50px; width: 50px; } .gReviewSlider { margin-top: 95px !important; } .gReviewSlider .testimonial-card .testimonial-content p{ /* min-height: 350px; */ max-height: 350px; } .googleStarReview .googleImage img{ max-width: 100px; } .googleStarReview .googleRatingStar .ratingCount{ font-size: 20px; } .testimonial-section .line-title{ flex-direction: column; align-items: center; } .testimonial-section .line-title .page-title { padding: 0; margin-bottom: 25px; max-width: 100%; } .gReviewSlider .testimonial-card{ padding: 20px; } .gReviewSlider .testimonial-card .testimonial-content p { min-height: auto; } } /* google review slider design prnav 10-2-26 end */ .bannerSliderSection .bannerSlider .homeBannerContent .homeBannnerContentInner .hbcItem .bannerButton { margin-right: 10px; } /*Copyright popup css S*/ .copyrightPopup .modal-body{ padding: 40px; } .copyrightPopup .logInHead h3 { font-family: var(--font-book); color: var(--secondary); font-size: 30px; letter-spacing: 1; text-transform: uppercase; margin: 0 0 15px; } .copyrightPopup .modal-body p{ line-height:150%; margin-bottom:0; } .copyrightPopup .modal-body p + p{ margin-top:15px; } .copyrightPopup button.btn-close { position: absolute; top: 0; right: 15px; font-size: 30px; line-height: 1; } @media(max-width:767px){ .copyrightPopup .logInHead h3{ font-size:26px; } .copyrightPopup .modal-body p{ font-size:16px; } .copyrightPopup .modal-content{ margin:0 15px; } .copyrightPopup .modal-body{ padding:20px; } button.btn-close{ top:5px; bottom:10px; } } /*Copyright popup css E*/ /* Update Team Detail Page S */ .teamInstructorTitle { background-color: var(--tertiary); color: var(--primary); text-align: left; padding: 25px 15px; } .teamInstructorTitle .teamDeatilTitle{ text-transform: uppercase; font-size: 24px; margin: 0; } @media(max-width:1366px){ .our-team-detail-page .teamDeatilContent .teamDeatilTitle{ font-size: 28px; } .teamDeatilContent .themeBtn{ height: 40px; padding: 0 15px; font-size: 13px; } } @media(max-width:1024px){ .our-team-detail-page .teamDeatilContent .teamDeatilTitle{ font-size: 24px; } .teamDeatilContent .themeBtn{ height: 40px; padding: 0 10px; font-size: 13px; } .teamInstructorTitle .teamDeatilTitle{ font-size: 20px; } .teamInstructorTitle .teamDeatilSpe{ margin: 5px 0; letter-spacing: 1px; } } @media(max-width:991px){ .page-section.first-section.our-team-detail-page{ padding-top: 0; } .teamInstructorTitle .teamDeatilTitle{ font-size: 24px; } } @media(max-width:767px){ .teamDeatilContent .themeBtn{ padding: 0 15px; font-size: 16px; } } /* Update Team Detail Page S */ a:-webkit-any-link:focus-visible{ outline: none; outline-offset: none; box-shadow: none; } .responsiveMenu .nav-item.dropdown .dropdown-menu.show li + li{ margin-top: 10px; } strong.service-title { font-size: 17px; text-transform: uppercase; letter-spacing: 0.5px; font-family: 'gothambook'; margin-bottom: 0; } @media(max-width:1399px){ strong.service-title { font-size: 15px; } } @media(max-width:991px){ strong.service-title { font-size: 16px; } } /* About page Changes 10-04-2026 - Start*/ .content-section.content-img-section{ padding-top:5px; } .content-section.content-img-section .page-title { display: flex; align-items: center; justify-content: space-between; padding-bottom: 5px; } .content-section-column .content-section.content-img-section .page-title h3 { font-size: 22px; transition: 0.5s ease-in-out all; text-transform: inherit; font-family: 'gothambook' !important; margin-bottom: 0; padding: 0; } .content-section.content-img-section .title-logo{ max-width:200px; } .content-section.content-img-section .title-logo img{ width:100%; } @media(max-width:767px){ .content-section.content-img-section .page-title{ flex-direction: column; align-items: start; } .content-section.content-img-section .title-logo{ margin-top: 10px; } .content-section.content-img-section .title-logo{ max-width: 200px; } } /* About page Changes 10-04-2026 - End*/ .instagram_section {position: relative;z-index: 1} .instagram_section .thumbnail-container { padding-bottom: 100%; background-color: rgba(0, 0, 0, .02); overflow: hidden; position: relative; width: 100%; border-radius: 0; } .instagram_section .thumbnail { margin: 0; display: block; padding: 0; border: none; height: 100%; width: 100%; position: absolute; background: 0 0; } .instagram_section .thumbnail a, .instagram_section .thumbnail img { display: block; height: auto; max-height: 100%; max-width: 100%; width: auto; top: 0; left: 0; bottom: 0; right: 0; margin: auto; position: absolute; } .instagram_section .thumbnail a, .instagram_section .thumbnail img { display: block; height: auto; max-height: 100%; max-width: 100%; width: auto; top: 0; left: 0; bottom: 0; right: 0; margin: auto; position: absolute; } .instagram_section .grid-container{display:grid;gap:15px;grid-auto-flow:dense;grid-template-columns:auto auto auto auto auto auto auto auto} @media (max-width:1199px){ .instagram_section .grid-container{gap:10px;grid-template-columns:auto auto} } @media (max-width:767px){ .instagram_section .grid-container{grid-template-columns:100%;gap:5px} } .instagram_section .grid-item{position:relative;overflow:hidden} .instagram_section .grid-item:hover .overlay{top:0} .instagram_section .grid-item .overlay{height:100%;width:100%;justify-content:center; background-color:rgba(0,0,0,.7);position:absolute;top:100%;left:0;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out} .instagram_section .grid-item .overlay .like{font-size:16px;color:#fff;margin-bottom:20px} .instagram_section .grid-item .overlay .like svg{fill:#fff} .instagram_section .grid-item .overlay .like .comment svg{margin-bottom:6px} .instagram_section .grid-item .overlay p{color:#fff;font-size:14px;padding:0 20px;line-height:150%;max-width: 100%;} @media (max-width:1366px){ .instagram_section .grid-item .overlay p{font-size:12px;} } @media (max-width:1199px){ .instagram_section .grid-item .overlay p{font-size:20px;} } .instagram_section .grid-container .grid-item{text-align:center} .instagram_section .grid-container .grid-item.one{grid-column:span 2;grid-row:span 2} @media (max-width:1199px){ .instagram_section .grid-container .grid-item.one{grid-column:1;grid-row:1} } @media (max-width:767px){ .instagram_section .grid-container .grid-item.one{grid-row:1} } .instagram_section .grid-container .grid-item.two{grid-column:span 2;grid-row:span 4} @media (max-width:1199px){ .instagram_section .grid-container .grid-item.two{grid-column:2;grid-row:1} } @media (max-width:767px){ .instagram_section .grid-container .grid-item.two{grid-row:2;grid-column:1} } .instagram_section .grid-container .grid-item.three{grid-column:span 2;grid-row:span 2} @media (max-width:1199px){ .instagram_section .grid-container .grid-item.three{grid-column:1;grid-row:2} } @media (max-width:767px){ .instagram_section .grid-container .grid-item.three{grid-row:3} } .instagram_section .grid-container .grid-item.four{grid-column:span 2;grid-row:span 4} @media (max-width:1199px){ .instagram_section .grid-container .grid-item.four{grid-column:2;grid-row:2} } @media (max-width:767px){ .instagram_section .grid-container .grid-item.four{grid-row:4;grid-column:1} } .instagram_section .grid-container .grid-item.five{grid-column:1;grid-row:span 2} @media (max-width:1199px){ .instagram_section .grid-container .grid-item.five{grid-column:1;grid-row:3} } @media (max-width:767px){ .instagram_section .grid-container .grid-item.five{grid-row:5} } .instagram_section .grid-container .grid-item.five .overlay p{padding:0 5px} .instagram_section .grid-container .grid-item.six{grid-column:2;grid-row:span 2} @media (max-width:1199px){ .instagram_section .grid-container .grid-item.six{grid-column:2;grid-row:3} } @media (max-width:767px){ .instagram_section .grid-container .grid-item.six{grid-row:6;grid-column:1} } .instagram_section .grid-container .grid-item.six .overlay p{padding:0 5px} .instagram_section .grid-container .grid-item.seven{grid-column:span 2;grid-row:span 2} @media (max-width:1199px){ .instagram_section .grid-container .grid-item.seven{grid-column:1;grid-row:4} } @media (max-width:767px){ .instagram_section .grid-container .grid-item.seven{grid-row:7} } .instagram_section .grid-container .grid-item .image{height:100%;width:100%;position:relative;overflow:hidden} .instagram_section .grid-container .grid-item .image .thumbnail-container{padding-bottom:85%;height:100%} .instagram_section .grid-container .grid-item .image .thumbnail-container a img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover} @media (max-width:991px){ .instagram_section .grid-container .grid-item .image .thumbnail-container a img{border-radius:15px} } @media (max-width:767px){ .instagram_section .grid-container .grid-item .image .thumbnail-container{padding-bottom:100%;} } .instagram_section .grid-container .grid-item .image .instragram-icon{position:absolute;top:4%;left:5%;z-index:999999} .instagram_section .grid-container .grid-item .image .instragram-icon svg path{fill:#fff} .instagram_section .grid-container .child-gallery{display:none} /* New Instagram Design Start */ /* New Testimonial Start */ .gReviewSlider { columns: 3; column-gap: 16px; padding: 1rem 0; } .testimonial-card { display: inline-block; width: 100%; box-sizing: border-box; margin-bottom: 16px; break-inside: avoid; /* prevents card from splitting across columns */ border-radius: 12px; padding: 16px; /* your existing bg/border styles */ } /* Responsive */ @media (max-width: 1024px) { .gReviewSlider { columns: 2; } .gReviewSlider .testimonial-card .testimonial-content p { max-height: 200px !important; } } @media (max-width: 767px) { .gReviewSlider { columns: 1; margin-top: 20px !important; } .gReviewSlider .testimonial-card .testimonial-content p { font-size: 14px; } } /* New Testimonial End */ /* New Welcome popup Design Start */ .welcomepopup .modal-dialog{ max-width:36.458vw; } .welcomepopup .modal-dialog .modal-body .btn-close{ position: absolute; top:15px; right:25px; } .welcomepopup .modal-dialog .modal-body{ padding:2.604vw; display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:26.042vw; } .welcomepopup .modal-dialog .modal-body:before { position: absolute; content: ""; bottom: 10px; right: 10px; width: 7.813vw; height: 7.813vw; /* background-image: url(../images/logo-stamp.png); */ background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.2; } .welcomepopup .modal-dialog .logInHead img{ max-width:18.229vw; margin-bottom:50px; /* margin-top:-25px; */ } .welcomepopup .modal-dialog .welcomepopupContent{ text-align: center; } .welcomepopup .modal-dialog .welcomepopupContent .welcomepopupTitle{ font-size: 1.875vw; font-family: var(--font-bold); text-transform: uppercase; margin-bottom: 25px; letter-spacing: -1px; color: var(--tertiary); } .welcomepopup .modal-dialog .welcomepopupContent p { max-width: 75%; margin: 0 auto 5px; line-height: 150%; font-family: var(--font-book); font-weight: 500; font-size: 0.885vw; } .welcomepopup .modal-dialog .welcomepopupContent a{ font-size: 0.833vw; font-family: var(--font-medium); letter-spacing: -0.5px; color: var(--tertiary); text-decoration: underline; } .welcomepopup .modal-dialog .welcomepopupContent a:hover{ opacity:0.85; } @media(max-width:1199px){ .welcomepopup .modal-dialog{ max-width:500px; } .welcomepopup .modal-dialog .modal-body{ min-height:357px; } .welcomepopup .modal-dialog .modal-body:before { width: 100px; height: 100px; } .welcomepopup .modal-dialog .logInHead img{ max-width:250px; margin-bottom:40px; } .welcomepopup .modal-dialog .welcomepopupContent .welcomepopupTitle{ font-size: 26px; } .welcomepopup .modal-dialog .welcomepopupContent p, .welcomepopup .modal-dialog .welcomepopupContent a{ font-size: 14px; } } @media(max-width:1199px){ .welcomepopup .modal-dialog .modal-body:before { width: 80px; height: 80px; } .welcomepopup .modal-dialog .welcomepopupContent p{ max-width:100%; } } /* New Welcome popup Design Start */ .nav-item.dropdown:hover .nav-link.active::before, .nav-item.dropdown:hover .nav-link.active::after { content: none !important; } /* New pacakge Page Color design Start */ :root { --ldt_classes_color: #eea990; --ldt_classes_color_rgb: 238,169,144; --ldt_sauna_cold_color: #856968; --ldt_sauna_cold_color_rgb: 133,105,104; --ldt_studio_color: #826e99; --ldt_studio_color_rgb: 130,110,153; --ldt_gym_color: #0188c6; --ldt_gym_color_rgb: 1,136,198; --ldt_reformer_color: #095679; --ldt_reformer_color_rgb: 9,86,121; --ldt_karma_color: #000000; --ldt_karma_color_rgb: 0,0,0; --ldt_personal_color: #3e5410; --ldt_personal_color_rgb: 62,84,16; --ldt_workshop_color: #932d2d; --ldt_workshop_color_rgb: 147,45,45; } .packageSlide .price-detail .customtooltip .customtooltiptext{ background-color: var(--tertiary); } .package-page .line-title .unlimited_title{ font-size: 16px; font-weight: 600; } .package-page .line-title.unlimited_title:before{ z-index: 0; } .customtooltip .customtooltiptext /*Classes Packages S*/ .limited_unlimited_packges.ldt_allclass, .ldt_allclass .packageSlide .price-detail{ border-color: var(--ldt_classes_color) !important; } .ldt_allclass .packageSlide .price-listing { border: 1px solid var(--ldt_classes_color); background: url(../images/pattern-bg.png) rgba(var(--ldt_classes_color_rgb),0.1); } .ldt_allclass .packageSlide .price-detail .price-detail-desc{ background-color: rgba(var(--ldt_classes_color_rgb), 0.1); } .ldt_allclass .packageSlide .themeBtn { background: var(--ldt_classes_color) !important; border-color: var(--ldt_classes_color) !important; color: #ffffff; } .ldt_allclass .packageSlide .themeBtn:hover{ color: #000000 !important; background-color: rgba(var(--ldt_classes_color_rgb),0.5) !important; } .ldt_allclass .packageSlide .themeBtn:hover .button-arrow-hover svg:first-child path{ fill: #000000; } .ldt_allclass .price-list-two .price-detail .price-detail-desc { background-color: rgba(var(--ldt_classes_color_rgb),0.1); } .ldt_allclass .packages-title .title_text:after, .ldt_allclass .packageSlide .clasess-title h3:after, .ldt_allclass .price-detail .ride:before { background: var(--ldt_classes_color); } .ldt_allclass .packageSlide .price-detail .customtooltip .customtooltiptext{ background: var(--ldt_classes_color); } /*Classes Packages E*/ /*Sauna & Cold Plunge S*/ .limited_unlimited_packges.hot-cold-herapydivcls, .hot-cold-herapydivcls .packageSlide .price-detail{ border-color: var(--ldt_sauna_cold_color) !important; } .hot-cold-herapydivcls .packageSlide .price-listing { border: 1px solid var(--ldt_sauna_cold_color); background: url(../images/pattern-bg.png) rgba(var(--ldt_sauna_cold_color_rgb),0.1); } .hot-cold-herapydivcls .packageSlide .price-detail .price-detail-desc{ background-color: rgba(var(--ldt_sauna_cold_color_rgb), 0.1); } .hot-cold-herapydivcls .packageSlide .themeBtn { background: var(--ldt_sauna_cold_color) !important; border-color: var(--ldt_sauna_cold_color) !important; color: #ffffff; } .hot-cold-herapydivcls .packageSlide .themeBtn:hover{ color: #000000 !important; background-color: rgba(var(--ldt_sauna_cold_color_rgb),0.5) !important; } .hot-cold-herapydivcls .packageSlide .themeBtn:hover .button-arrow-hover svg:first-child path{ fill: #000000; } .hot-cold-herapydivcls .price-list-two .price-detail .price-detail-desc { background-color: rgba(var(--ldt_sauna_cold_color_rgb),0.1); } .hot-cold-herapydivcls .packages-title .title_text:after, .hot-cold-herapydivcls .packageSlide .clasess-title h3:after, .hot-cold-herapydivcls .price-detail .ride:before { background: var(--ldt_sauna_cold_color); } .hot-cold-herapydivcls .packageSlide .price-detail .customtooltip .customtooltiptext{ background: var(--ldt_sauna_cold_color); } /*Sauna & Cold Plunge E*/ /*Studio Class Packages S*/ .limited_unlimited_packges.ldt_studio, .ldt_studio .packageSlide .price-detail{ border-color: var(--ldt_studio_color) !important; } .ldt_studio .packageSlide .price-listing { border: 1px solid var(--ldt_studio_color); background: url(../images/pattern-bg.png) rgba(var(--ldt_studio_color_rgb),0.1); } .ldt_studio .packageSlide .price-detail .price-detail-desc{ background-color: rgba(var(--ldt_studio_color_rgb), 0.1); } .ldt_studio .packageSlide .themeBtn { background: var(--ldt_studio_color) !important; border-color: var(--ldt_studio_color) !important; color: #ffffff; } .ldt_studio .packageSlide .themeBtn:hover{ color: #000000 !important; background-color: rgba(var(--ldt_studio_color_rgb),0.5) !important; } .ldt_studio .packageSlide .themeBtn:hover .button-arrow-hover svg:first-child path{ fill: #000000; } .ldt_studio .price-list-two .price-detail .price-detail-desc { background-color: rgba(var(--ldt_studio_color_rgb),0.1); } .ldt_studio .packages-title .title_text:after, .ldt_studio .packageSlide .clasess-title h3:after, .ldt_studio .price-detail .ride:before { background: var(--ldt_studio_color); } .ldt_studio .packageSlide .price-detail .customtooltip .customtooltiptext{ background: var(--ldt_studio_color); } /*Studio Class Packages E*/ /*Personal Training S*/ .limited_unlimited_packges.ldt_personal, .ldt_personal .packageSlide .price-detail{ border-color: var(--ldt_personal_color) !important; } .ldt_personal .packageSlide .price-listing { border: 1px solid var(--ldt_personal_color); background: url(../images/pattern-bg.png) rgba(var(--ldt_personal_color_rgb),0.1); } .ldt_personal .packageSlide .price-detail .price-detail-desc{ background-color: rgba(var(--ldt_personal_color_rgb), 0.1); } .ldt_personal .packageSlide .themeBtn { background: var(--ldt_personal_color) !important; border-color: var(--ldt_personal_color) !important; color: #ffffff; } .ldt_personal .packageSlide .themeBtn:hover{ color: #000000 !important; background-color: rgba(var(--ldt_personal_color_rgb),0.5) !important; } .ldt_personal .packageSlide .themeBtn:hover .button-arrow-hover svg:first-child path{ fill: #000000; } .ldt_personal .price-list-two .price-detail .price-detail-desc { background-color: rgba(var(--ldt_personal_color_rgb),0.1); } .ldt_personal .packages-title .title_text:after, .ldt_personal .packageSlide .clasess-title h3:after, .ldt_personal .price-detail .ride:before { background: var(--ldt_personal_color); } .ldt_personal .packageSlide .price-detail .customtooltip .customtooltiptext{ background: var(--ldt_personal_color); } /*Personal Training E*/ /*GYM S*/ .limited_unlimited_packges.ldt_gym, .ldt_gym .packageSlide .price-detail{ border-color: var(--ldt_gym_color) !important; } .ldt_gym .packageSlide .price-listing { border: 1px solid var(--ldt_gym_color); background: url(../images/pattern-bg.png) rgba(var(--ldt_gym_color_rgb),0.1); } .ldt_gym .packageSlide .price-detail .price-detail-desc{ background-color: rgba(var(--ldt_gym_color_rgb), 0.1); } .ldt_gym .packageSlide .themeBtn { background: var(--ldt_gym_color) !important; border-color: var(--ldt_gym_color) !important; color: #ffffff; } .ldt_gym .packageSlide .themeBtn:hover{ color: #000000 !important; background-color: rgba(var(--ldt_gym_color_rgb),0.5) !important; } .ldt_gym .packageSlide .themeBtn:hover .button-arrow-hover svg:first-child path{ fill: #000000; } .ldt_gym .price-list-two .price-detail .price-detail-desc { background-color: rgba(var(--ldt_gym_color_rgb),0.1); } .ldt_gym .packages-title .title_text:after, .ldt_gym .packageSlide .clasess-title h3:after, .ldt_gym .price-detail .ride:before { background: var(--ldt_gym_color); } .ldt_gym .packageSlide .price-detail .customtooltip .customtooltiptext{ background: var(--ldt_gym_color); } /*GYM E*/ /*Reformer S*/ .limited_unlimited_packges.ldt_reformer, .ldt_reformer .packageSlide .price-detail{ border-color: var(--ldt_reformer_color) !important; } .ldt_reformer .packageSlide .price-listing { border: 1px solid var(--ldt_reformer_color); background: url(../images/pattern-bg.png) rgba(var(--ldt_reformer_color_rgb),0.1); } .ldt_reformer .packageSlide .price-detail .price-detail-desc{ background-color: rgba(var(--ldt_reformer_color_rgb), 0.1); } .ldt_reformer .packageSlide .themeBtn { background: var(--ldt_reformer_color) !important; border-color: var(--ldt_reformer_color) !important; color: #ffffff; } .ldt_reformer .packageSlide .themeBtn:hover{ color: #000000 !important; background-color: rgba(var(--ldt_reformer_color_rgb),0.5) !important; } .ldt_reformer .packageSlide .themeBtn:hover .button-arrow-hover svg:first-child path{ fill: #000000; } .ldt_reformer .price-list-two .price-detail .price-detail-desc { background-color: rgba(var(--ldt_reformer_color_rgb),0.1); } .ldt_reformer .packages-title .title_text:after, .ldt_reformer .packageSlide .clasess-title h3:after, .ldt_reformer .price-detail .ride:before { background: var(--ldt_reformer_color); } .ldt_reformer .packageSlide .price-detail .customtooltip .customtooltiptext{ background: var(--ldt_reformer_color); } /*Reformer E*/ /*Workshop S*/ .limited_unlimited_packges.ldt_workshop, .ldt_workshop .packageSlide .price-detail{ border-color: var(--ldt_workshop_color) !important; } .ldt_workshop .packageSlide .price-listing { border: 1px solid var(--ldt_workshop_color); background: url(../images/pattern-bg.png) rgba(var(--ldt_workshop_color_rgb),0.1); } .ldt_workshop .packageSlide .price-detail .price-detail-desc{ background-color: rgba(var(--ldt_workshop_color_rgb), 0.1); } .ldt_workshop .packageSlide .themeBtn { background: var(--ldt_workshop_color) !important; border-color: var(--ldt_workshop_color) !important; color: #ffffff; } .ldt_workshop .packageSlide .themeBtn:hover{ color: #000000 !important; background-color: rgba(var(--ldt_workshop_color_rgb),0.5) !important; } .ldt_workshop .packageSlide .themeBtn:hover .button-arrow-hover svg:first-child path{ fill: #000000; } .ldt_workshop .price-list-two .price-detail .price-detail-desc { background-color: rgba(var(--ldt_workshop_color_rgb),0.1); } .ldt_workshop .packages-title .title_text:after, .ldt_workshop .packageSlide .clasess-title h3:after, .ldt_workshop .price-detail .ride:before { background: var(--ldt_workshop_color); } .ldt_workshop .packageSlide .price-detail .customtooltip .customtooltiptext{ background: var(--ldt_workshop_color); } /*Workshop E*/ /* New pacakge Page Color design End */ .align-items-start.postitle{width: 85%} /* sitemap CSS prnv 28-4-26 Start*/ .sitemap ul{ padding: 0; margin: 0; } .sitemap ul li{ /* list-style: none; */ } .sitemap ul li + li{ margin-top: 10px; } .sitemap ul li a{ display: block; width: 70%; padding: 10px; border-bottom: 1px solid #dddddd; /* border-radius: 6px; */ /* text-align: center; */ line-height: 100%; } .sitemap ul li ul{ padding-left: 40px; margin-top: 10px; } .sitemap ul li ul li{ list-style: circle; } .sitemap ul li ul li + li{ margin-top: 5px; } .sitemap ul li ul li a{ border: 0; padding: 5px; line-height: 100%; } @media (max-width: 1599px){ .sitemap ul li a{ width: 80%; } } @media (max-width: 1399px){ .sitemap ul li a{ width: 100%; } } /* sitemap CSS prnv 28-4-26 End*/ /* For login h1 start  */ .login-title h1 { font-size: 50px; font-family: var(--font-book); text-transform: uppercase; line-height: 1; } h1.page-title{ padding-bottom:10px; border-bottom: 1px solid #dee2e6; } @media (max-width: 1401px) { h1.page-title{ font-size:24px; } } @media (max-width: 991px) { h1.page-title{ text-align:center; font-size:20px; } } @media (max-width: 767px) { h1.page-title{ margin-bottom: 0; border:0; } .fc-toolbar h2 { font-size: 1.15em !important; } .package-page .line-title .page-title { font-size: 18px; } } /* //// self check in start /// */ .passcode{ padding: 15px 20px; border-radius: 10px; background-color: #53524e; margin-bottom: 20px; color: #ffffff; display: inline-flex; align-items: center; } .passcode i{ color: #ffffff; font-size: 26px; margin-right: 10px; } .passcode b{ color: #ffffff; margin-right: 10px; padding-right: 10px; border-right: 1px solid; } @media(max-width:767px){ .passcode{flex-direction: column;width:100%} .passcode i{margin-right: 0;font-size:36px;} .passcode b{margin:0;padding:0;border:0} } /* //// self check in end /// */