html,body { margin: 0; padding: 0; background-color: var(--white);font-size: 62.5%;line-height: normal; }
body { overflow-x: hidden; background: var(--white);}
* { box-sizing: border-box;}
/*--global variables--*/
:root {
--primary-color: #182A53;
--secondary-color: #101820;
--primary-font: 'Urbanist';
--primary-font-bold: 'Urbanist-bold';
--secondary-font: 'EBGaramond';
--secondary-font-italic: 'EBGaramond-italic';
--white: #ffffff;
--black: #000000;
}
/*--global variables--*/
@font-face {
font-family: 'EBGaramond';
src: url('../fonts/EBGaramond-Regular.woff2') format('woff2'),
url('../fonts/EBGaramond-Regular.woff') format('woff');
font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
font-family: 'EBGaramond-italic';
src: url('../fonts/EBGaramond-Italic.woff2') format('woff2'),
url('../fonts/EBGaramond-Italic.woff') format('woff');
font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
font-family: 'Urbanist';
src: url('../fonts/Urbanist-Regular.woff2') format('woff2'),
url('../fonts/Urbanist-Regular.woff') format('woff');
font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
font-family: 'Urbanist-bold';
src: url('../fonts/Urbanist-Bold.woff2') format('woff2'),
url('../fonts/Urbanist-Bold.woff') format('woff');
font-weight: normal; font-style: normal; font-display: swap;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
p, form label{font-family: var(--secondary-font);}
input,
textarea {
user-select: text;
-webkit-user-select: text;
}
.img-fluid { max-width: 100%; height: auto;width: 100%;}
#siteheader img {
max-width: 200px;
filter: brightness(0) invert(1);
}
/* main-section css */
section#main .heading-section a:hover, section#about a:hover { background: var(--secondary-color); transition: .3s ease; color: var(--white);}
.heading-section h1 {font-size: 4rem; line-height: normal; font-family: var(--primary-font); color: var(--white); padding-right: 5rem;margin: 0;font-weight: 700;}
.cust-container {max-width: 85%;}
section#main .heading-section p { font-size: 2.7rem; color: var(--white); padding: 15px 0;}
section#main .heading-section a { margin: 0; font-size: 2.5rem; font-weight: 700; padding: 15px 20px; text-decoration: none; color: var(--primary-color); display: inline-block; background: var(--white); border-radius: 8px; font-family: var(--primary-font-bold);}
.main-section {position: relative;}
.main-section picture { position: relative; display: block; width: 100%;}
.main-section picture img { height: 100% !important; object-fit: cover;}
section#main .banner-content { position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); width: 100%; display: flex; align-content: center; align-items: center; justify-content: space-between; padding: 0rem 0px; }
section#main .heading-section {width: 100%;}
p.italic { font-size: 2.5rem; font-family: var(--secondary-font-italic); color: var(--primary-color);margin-bottom: 25px;}
section#main .form {width: 100%;max-width: 560px;background-color: var(--white);}
.becomeMember { width: 100%; padding: 0 25px; background: var(--white); max-width: 1000px; margin: 0 auto;}
.sec-heading { font-size: 4rem; text-align: center; color: var(--primary-color); font-family: var(--primary-font-bold); margin-bottom: 0px;line-height: 1; font-weight: 700;}
.form-group { margin-bottom: 20px; -webkit-appearance: none; appearance: none; border: none; outline: none; -webkit-box-shadow: none; border-radius: 0; padding-left: 0; width: 100%; color: var(--primary-color);}
.becomeMember.banner-form .form-group {position: relative;}
.form-group.submit input.add-member { border: 1px solid transparent; border-radius: 8px; font-size: 2.3rem; background: var(--primary-color); color: var(--secondary-color); width: 100%; margin-top: 20px; padding: 16px 0 14px; line-height: 1; font-family: var(--primary-font-bold);}
form.become-a-member-form input { font-size: 1.8rem; padding: 20px 20px; border: none; font-family: var(--secondary-font); box-shadow: none; border: 1px solid #51555A; border-radius: 0; color: var(--black); line-height: 1; border-radius: 10px;}
a:focus,.input:focus,button:focus { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important;}
.form-group.submit input:hover { background: var(--secondary-color); color: var(--white); transition: .3s ease; border: 1px solid var(--secondary-color); }
.form-group.custom-check label { font-size: 1.4rem; color: var(--black); }
.form-group.custom-check label a { font-size: 1.4rem; color: var(--secondary-color); }
.form-group.custom-check { display: flex; align-content: flex-start; align-items: flex-start; justify-content: flex-start; gap: 10px; }
.form-group.custom-check input[type="checkbox"] {margin-top: 3px;}
.form-group.custom-check label a:hover {text-decoration: none;}
.becomeMember.banner-form .form-group .iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown, .iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown, .iti.iti--input-container { width: 100%;}
.becomeMember.banner-form .form-group .iti__country-name, .becomeMember.banner-form .form-group span.iti__dial-code, .becomeMember.banner-form .form-group .iti__search-input-wrapper input.iti__search-input, .iti__no-results {font-size: 1.4rem;}
.becomeMember.banner-form .form-group .iti__search-input-wrapper input.iti__search-input {padding: 6px 35px 9px;}
.becomeMember.banner-form .form-group .iti__country-list {max-height: 170px;}
section#contact-us p:last-child { margin: 0 !important;}
/* .becomeMember.banner-form .form-group input.form-control.txt-contact-number.iti__tel-input {padding: 7px 0 7px;} */
.iti__selected-dial-code {font-size: 1.8rem;color: var(--black);font-family: var(--secondary-font);line-height: 1;}
.becomeMember.banner-form .form-group.iti__search-icon-svg {margin-top: -3px;}
.becomeMember.banner-form .form-group input.iti__search-input:focus-visible { outline: none; border: 0;}
.section-padding {padding: 6rem 0;}
.form-control:focus {border-color: 0; outline: none; box-shadow: none;}
label.error { position: absolute; left: 0; bottom: -17px; color: red; font-size: 1.2rem;}
.form-group.custom-check label#acceptTerms-error {color: red;font-size: 1.2rem;left: 30px;bottom: -5px;}
form.become-a-member-form input::placeholder {color: #767676;}
.row.captch-div { height: 80px;position: relative;}
.form-group.custom-check input { padding: 0; height: 20px; width: 20px; margin-bottom: 0; position: absolute; opacity: 0; left: 0; cursor: pointer; z-index:9;border-color: var(--secondary-color);}
.form-group.custom-check label:before { content: ''; -webkit-appearance: none; background-color: var(--white); border: 1px solid #515A61 !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); padding: 8px; display: inline-block; position: absolute; left: 0; top: 3px; vertical-align: middle; cursor: pointer; margin-right: 5px;}
.form-group.custom-check input:checked+label:after { content: ''; display: block; position: absolute; top: 5px; left: 7px; width: 5px; height: 12px; border: solid var(--white); border-width: 0 2px 2px 0; transform: rotate(45deg); font-size: 18px; font-weight: 600;}
.form-group.custom-check input:checked+label:before { background: var(--primary-color) !important; border: 1px solid #515A61 !important;}
.form-group.custom-check label { padding-left: 30px;}
.form-group.custom-check label#acceptTerms-error { padding: 0;}
.form-group.custom-check label#acceptTerms-error::before{display: none;}
.becomeMember.banner-form .form-group.custom-check { margin-bottom: 3rem;}
.banner-content.cust-container {padding: 0 15px;}
/* about css start */
.content {font-size: 2rem;line-height: normal;color: var(--black);font-family: var(--primary-font);}
.left {padding-right: 10rem;}
.right {padding-left: 10rem;}
section#about .right, section#go-digital .right { justify-content: center; display: flex; flex-direction: column;}
section#about {background: var(--white);position: relative; }
section#about .sec-heading {color: var(--primary-color);}
section#about .content {color: var(--secondary-color);}
.plan p { margin: 0; font-family: var(--primary-color);font-family: var(--primary-font);}
.plan { font-size: 2.0rem; color: var(--primary-color); font-family: var(--primary-font); padding: 20px; border: 1px solid var(--primary-color); border-radius: 8px; width: max-content; margin: 15px 0 0;}
.comman-button {border: 1px solid transparent; border-radius: 8px;font-size: 2.5rem;color: var(--secondary-color);display: inline-block;text-decoration: none;padding: 15px 20px; background: var(--white); margin-top: 40px;max-width: max-content; width: 100%; text-align: center;line-height: 1;font-family: var(--primary-font-bold);display: flex; align-items: center; align-content: center; justify-content: center;font-weight: 700;}
.comman-button:hover { background: var(--secondary-color); color: var(--white); border: 1px solid var(--secondary-color); transition: .3s ease;}
section#about:after { content: ""; position: absolute; bottom: 0; width: 100%; background-color: var(--white); left: 0; right: 0; padding-bottom: 6rem; z-index: 1; }
section#about .container { position: relative; z-index: 11;}
.aboutSwiper .swiper-pagination-bullet-active { background-color: var(--primary-color) !important; opacity: 1 !important;}
.aboutSwiper span.swiper-pagination-bullet { width: 13px; height: 13px; border: 1px solid var(--white); background: transparent; opacity: 0.7;}
.aboutSwiper .swiper-pagination-bullets { bottom: 20px;}
.right-mid ul li a {font-family: var(--primary-font);}
/* about css end */
/* Membership benifits css start */
.member-slider {padding-top: 4rem;position: relative;}
section#membership .comman-button {background: var(--primary-color); color: var(--secondary-color);}
section#membership .comman-button:hover {background: var(--white); color: var(--primary-color);border: 1px solid var(--primary-color);}
section#membership { background: var(--primary-color);}
section#membership p.slider-p { font-size: 2.5rem; color: var(--white); margin-top: 10px;text-align: center;}
section#membership p.small-heading { font-size: 2.5rem; color: var(--white); font-family: var(--primary-font); font-weight: 700;}
section#membership p.sec-heading.text-center { font-family: var(--secondary-font-italic); font-weight: 400; color: var(--white);}
section#membership .left-image img { border-bottom-right-radius: 50px; border-top-right-radius: 50px;width: 100%;}
section#membership .right-image img { border-bottom-left-radius: 50px; border-top-left-radius: 50px;width: 100%;}
section#membership .sec-heading, section#membership .sec-heading p { font-weight: 400; font-family: var(--secondary-font-italic);}
section#membership .content { width: 55%; margin: 0 auto; color: var(--white);}
section#membership .main-content a.comman-button { margin-top: 30px;background: var(--white);color: var(--primary-color);}
section#membership .main-content { display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center;}
section#membership .container-fluid:last-child { padding-top: 15rem;position: relative;}
section#membership .container-fluid:last-child::before { content: ''; width: 26%; height: 1px; background: var(--white); position: absolute; left: 0; right: 0; margin: 0 auto; top: 79px;}
section#membership .content ul, section#membership .content ol { margin: 20px 0; line-height: 32px;}
/* BecomeMember css start */
section#becomeMember .content { font-family: var(--secondary-font); margin: 20px 0;}
.becomeMember.banner-form .form-group {width: calc(50% - 20px);margin: 0;}
.member__form::after { display: block; box-sizing: border-box; content: ''; clear: both;}
.becomeMember.banner-form .form-group.submit, .becomeMember.banner-form .form-group.accept { width: 100%;text-align: center;}
.becomeMember.banner-form .form-group.accept a{color: var(--primary-color);}
.becomeMember.banner-form .form-group.accept p{color: var(--secondary-color);font-size: 1.6rem;}
.form-group.submit input.add-member { max-width: 30%; color: var(--white); font-weight: 700; margin-top: 0;}
section#becomeMember { padding-bottom: 0;}
.inner-inputs { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px;}
.form-group.accept p { font-size: 1.8rem; font-family: var(--primary-font);}
/* BecomeMember css start */
/* Digital css start */
section#go-digital {background: var(--primary-color);position: relative;}
section#go-digital .sec-heading, section#go-digital .content { color: var(--white);}
section#go-digital .left { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.mobile-icon { display: flex; align-items: flex-start; justify-content: center; margin-top: 30px; gap: 15px;}
.right-icons { display: flex; flex-direction: column; align-content: center; align-items: center; gap: 15px; height: 100%; justify-content: space-between;}
section#go-digital .content, section#go-digital .content p { font-family: var(--secondary-font) !important;}
section#go-digital::before { width: 100%; height: 20vh; content: ''; position: absolute; top: 0; display: block; background: var(--white);}
section#go-digital::after { width: 100%; height: 20vh; content: ''; position: absolute; bottom: 0; display: block; background: var(--white);}
section#go-digital .left img.img-fluid { z-index: 1;}
section#go-digital .sec-heading { margin-bottom: 10px;}
/* Digital css start */
/* about-hotel css start */
section#about-hotel .right { display: flex; flex-direction: column; justify-content: center; align-content: flex-start; align-items: flex-start; }
/* about-hotel css start */
/* Slider css start */
.custom-btn { position: absolute; z-index: 11; width: 102%; left: 50%; top: 55%; background: transparent; height: 46px; margin: 0 auto; transform: translate(-50%, -50%);}
.swiper-button-next svg g path,.swiper-button-prev svg g path { fill: var(--secondary-color) !important; transition: .3s ease;}
.swiper-button-next svg circle,.swiper-button-prev svg circle{stroke: var(--secondary-color);}
.swiper-button-next:hover svg circle,.swiper-button-prev:hover svg circle { fill: var(--secondary-color) !important; transition: .3s ease;}
.swiper-button-next:hover svg g path, .swiper-button-prev:hover svg g path{fill: var(--white) !important;}
.swiper {width: 100%;height: 100%;}
.swiper-button-next svg {transform: rotate(180deg);}
/* Slider css start */
/* Contant css start */
section#contact-us .content, section#contact-us .sec-heading{color: var(--white);}
section#contact-us { background: var(--primary-color); color: var(--white) !important;padding-top: 0;position: relative;}
section#contact-us p, section#contact-us p a { text-decoration: none; color: var(--white) !important; transition: all 0.3s ease; font-size: 2rem; text-align: left;}
section#contact-us .inner-fot { display: flex; justify-content: center; align-items: flex-start; align-content: flex-start; flex-direction: row; margin: 40px 0 0; text-align: center; width: 100%; gap: 15px; }
section#contact-us .inner-fot p a { color: #000; text-decoration: underline;}
section#contact-us .row:last-child { max-width: 100%; margin: 0 auto;}
.mid-foot { background: #2B2C28; padding: 50px; text-align: center; z-index: 1; position: relative;}
.mid-foot img { filter: brightness(0) invert(1); margin-bottom: 20px;}
.mid-foot h6.sec-heading { text-align: left; margin-bottom: 20px;}
.mid-foot p { margin-bottom: 20px; font-family: var(--primary-font);}
section#contact-us p a:hover { text-decoration: underline;}
.right-mid ul { display: flex; font-size: 2rem; list-style: none;}
.right-mid ul li { padding: 0 40px; border-right: 1px solid var(--white);}
.right-mid ul li:last-child {border-right: 0px solid var(--white);padding-right: 0;}
.right-mid { display: flex; justify-content: flex-end;}
.right-side { display: flex; align-items: flex-end; justify-content: flex-end;}
.right-mid ul li a { list-style: none; text-decoration: none; color: var(--white);}
.right-mid ul li a:hover {text-decoration: underline;}
section#contact-us::before { height: 60px; width: 100%; content: ''; position: absolute; top: 0; background: var(--white);}
/* Contant css end */
header#siteheader .comman-button { margin: 0; background: var(--white); color: var(--primary-color); font-size: 2rem; padding: 13px 20px; }
#siteheader { background-color: var(--primary-color); padding: 0; position: fixed; z-index: 3; width: 100%; top: 0; z-index: 999; padding: 2em 0; border-bottom: 1px solid var(--primary-color);}
.headerdv.row { display: flex; align-content: center; align-items: center;}
.home-pg.fixed-header {border-bottom: 1px solid #dedede;}
header#siteheader .comman-button:hover, section#membership .main-content a.comman-button:hover { background: var(--secondary-color); border: 1px solid var(--secondary-color); color: var(--white);}
/* Footer css Start */
#siteFooter { position: relative; background-color: var(--primary-color); text-align: center; margin-top: 0rem; padding: 10px 0;}
#siteFooter p { font-family: var(--primary-font); padding: 1rem; margin: 0; font-size: 1.8rem; color: var(--white) !important;}
#siteFooter p.addi-p + p { padding-top: 0 !important;}
footer#siteFooter p.addi-p { padding-bottom: 0;}
p.addi-p a { color: var(--white); text-decoration: underline; white-space: nowrap; font-size: 1.8rem;}
p.addi-p a:hover, a:hover, section#contact-us .inner-fot p a:hover { text-decoration: none;}
#siteFooter::before { height: 1px; width: 84%; background: var(--white); position: absolute; content: ''; left: 0; right: 0; margin: 0 auto; top: 0;}
/* Footer css end */
div#offcanvasRight .becomeMember { width: 100%; padding: 7.0rem 2.5rem;}
div#offcanvasRight {width: 500px;}
div#offcanvasRight .sec-heading { text-align: left;}
div#offcanvasRight button.btn.btn-secondary, div#offcanvasnav button.btn.btn-secondary { position: absolute; border: 0; right: 20px; z-index: 9; top: 20px; background: transparent;}
div#offcanvasRight button.btn.btn-secondary svg, div#offcanvasnav button.btn.btn-secondary svg { width: 36px; height: 36px;}
div#offcanvasRight button.btn.btn-secondary svg circle, div#offcanvasnav button.btn.btn-secondary svg circle { stroke: var(--primary-color); fill: var(--primary-color); }
div#offcanvasRight button.btn.btn-secondary svg path, div#offcanvasnav button.btn.btn-secondary path { fill: var(--white);}
div#offcanvasRight button.btn.btn-secondary:hover svg, #modaloverlay .modal-container .modal_content .close-modal:hover svg {transition: .3s ease;rotate: 180deg;}
div#offcanvasRight .offcanvas-body .becomeMember.banner-form .form-group { width: 100%; margin: 0 0 0px;text-align: left;}
div#offcanvasRight .offcanvas-body .becomeMember .content { display: none;}
div#offcanvasRight .offcanvas-body .form-group.submit input.add-member { width: 100% !important; max-width: 100%; margin: 0;}
div#offcanvasRight .sec-heading {margin-bottom: 20px;}
div#offcanvasnav { background: var(--primary-color);}
#offcanvasnav {width: 350px;}
section#main { width: 100%; position: relative; overflow: hidden;}
.iti__arrow {border-right: var(--iti-arrow-width) solid var(--black);
border-bottom: var(--iti-arrow-width) solid var(--black);
}
/* thnkyou page css start */
#thanky section#main .heading-section {width: 100%;text-align: center;}
#thanky .thnk-bttn .th-btn.comman-button:hover { background: var(--secondary-color); color: var(--white);}
#thanky .thnk-bttn .th-btn.comman-button { max-width: max-content; padding-left: 20px; padding-right: 20px; margin: 20px 0 0; background: var(--primary-color); color: var(--white);}
#thanky .thnk-bttn { display: flex; justify-content: center; align-items: center; gap: 20px;}
#thanky .heading-section h1{padding: 0;}
#thanky .main-section { min-height: 80vh;}
body#thanky .banner-content.cust-container {top: 50%;}
body#thanky footer#siteFooter { background-color: var(--white);}
body#thanky footer#siteFooter p {color: var(--secondary-color) !important;}
body#thanky footer#siteFooter p a{ color: var(--primary-color) !important;}
body#thanky h1 {
text-align: center;
}
body#thanky picture {
height: 100%;
}
/* thnkyou page css end */
.mobile-icon a:hover {transform: translate(0, -5px); transition: .3s ease;}
.content p { padding: 0;margin: 0;font-family: var(--primary-font);}
.content ul, .content ol { margin-top: 20px;}
label.errorCaptchMessage.errorcaptcha { color: red; font-size: 1.2rem; left: 8px; position: absolute; bottom: -15px;}
.swiper .swiper-slide img {user-select: none;}
/* .testimonialslider .swiper-slide {height: auto;display: flex;}
.testimonialslider .main-test {height: 100%; display: flex; flex-direction: column;} */
section#contact-us .inner-fot p {margin: 0;}
ul.head-link a { color: #fff; text-decoration: none;}
ul.head-link { color: var(--white); font-size: 1.8rem; list-style: none; display: flex; margin: 0;}
ul.head-link li { padding: 0 30px 0 0;}
#languageLP + .select2-container { width: 100% !important;}
.select2-container--default .select2-selection--single { height: 34px; border: 1px solid #fff; border-radius: 0 !important;background: transparent !important;}
ul.head-link { color: var(--white); font-size: 1.8rem; list-style: none; display: flex; margin: 0;}
.select2-selection__arrow { height: 34px !important;}
.languagedv { display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: center;}
.select2-selection__rendered { line-height: 32px !important; text-align: left; font-size: 1.8rem; color: var(--white) !important;}
form#langselectorform {text-align: left; margin-left: 15px; max-width: 190px; position: relative;}
form#langselectorform label, .select2-results__option, .select2-selection__rendered {font-size: 1.5rem;font-family: var(--primary-font);}
.select2-results__option, .select2-selection__rendered {font-size: 1.8rem;font-family: var(--primary-font);}
.select2-container--default .select2-results>.select2-results__options {border: 0px solid transparent;}
span.select2-search.select2-search--dropdown {display: none;}
.select2-results__option {color: var(--black);}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--primary-color); color: white;}
.select2-container--default .select2-results__option[aria-selected=true] { background-color: var(--primary-color); color: var(--white);}
.select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; border-width: 0; mask-image: url(../images/lp/language-dropdown-arrow.png); mask-repeat: no-repeat; width: 14px; height: 8px; margin-top: 0; left: -5px; mask-size: 100%; margin-left: 0; top: 50%; transform: translateY(-50%); mask-position: center center; background-color: var(--white);}
section#about a { color: var(--white); background: var(--primary-color);}
section#membership .col-12.text-center { display: flex; justify-content: center;}
form#langselectorform label {margin-bottom: 2px;color: var(--white);}
.becomeMember.banner-form .form-group .iti__country-name{color: var(--black);}
form.become-a-member-form .row.captch-div + .form-group.submit { margin-bottom: 0;}
.main-section picture::before, section#Testimonials::after { width: 100%; height: 100%; display: block; background: #00000060; position: absolute; content: ''; top: 0; left: 0; right: 0; margin: 0 auto;}
section#Testimonials { position: relative;}
section#Testimonials .head { position: relative; z-index: 11;}
.accordion-body p { padding-right: 30px;}
button.btn.mobile-on {display: none;}
.login-captcha.form-group > div { transform: scale(1) !important; transform-origin: 0 0 !important;}
div#offcanvasRight .becomeMember input.form-control { padding: 15px;}
div#offcanvasRight .becomeMember .inner-inputs { justify-content: flex-start;}
.member-slider .swiper-slide a { text-decoration: none;}
ul.head-link a:hover { text-decoration: underline;}
section#becomeMember, section#membership, section#about, section#about {
scroll-margin-top: 80px;
}
@media screen and (max-width:1537px) {
.heading-section h1 {font-size: 3.4rem;}
section#main .heading-section p { font-size: 2.2rem; padding: 5px 0;}
.sec-heading {font-size: 3rem;}
.content{font-size: 1.8rem;}
p.italic { font-size: 2rem;margin-bottom: 15px;}
.comman-button {margin-top: 30px;}
.plan { font-size: 1.6rem; padding: 15px;}
section#contact-us .inner-fot p span { font-size: 2.2rem;}
section#contact-us p, section#contact-us p a, .right-mid ul {font-size: 1.8rem;}
#siteFooter p, #siteFooter p a {font-size: 1.6rem;}
.comman-button, section#main .heading-section a { font-size: 2rem; padding: 15px 20px;}
/* header#siteheader img {max-width: 190px;} */
.form-group.submit input.add-member {font-size: 2rem;padding: 16px 0;}
form.become-a-member-form input, .iti__selected-dial-code {font-size: 1.6rem;}
.form-group.custom-check label, .form-group.custom-check label a {font-size: 1.2rem;}
.custom-btn {width: 103%;}
form#langselectorform label, .select2-results__option, .select2-selection__rendered { font-size: 1.6rem;}
.select2-selection__rendered { line-height: 30px !important;}
.right { padding-left: 7rem;}
.left { padding-right: 7rem;}
section#membership p.small-heading, section#membership p.slider-p {font-size: 2rem;}
.form-group.accept p, ul.head-link { font-size: 1.6rem;}
.mid-foot { padding: 30px;}
}
@media screen and (max-width:1441px) {
.heading-section h1 {font-size: 3rem;}
.sec-heading {font-size: 2.6rem;}
.content {font-size: 1.8rem;}
.right {padding-left: 3rem;}
.left { padding-right: 3rem;}
section#contact-us p, section#contact-us p a {font-size: 1.6rem;}
section#contact-us .inner-fot p span { font-size: 2rem;}
.mobile-icon img {max-width: 140px;}
/* .becomeMember { width: 40%;} */
section#main .heading-section {width: 100%;}
/* .becomeMember.banner-form .form-group input.form-control.txt-contact-number.iti__tel-input {padding: 6px 0 5px;} */
form.become-a-member-form input, .iti__selected-dial-code, form.become-a-member-form input::placeholder {font-size: 1.6rem;}
form#langselectorform label, .select2-results__option, .select2-selection__rendered {font-size: 1.6rem;}
.select2-selection__rendered { line-height: 27px !important;}
.select2-container--default .select2-selection--single { height: 30px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {width: 11px; height: 6px; left: 0; top: 40%;}
header#siteheader .comman-button, .form-group.submit input.add-member, .comman-button { padding: 15px 20px;}
section#membership .content ul, section#membership .content ol {
line-height: 28px;
}
.left-icon img { width: 100px;}
}
@media screen and (max-width:1367px) {
.heading-section h1 {font-size: 3.2rem;}
/* form.become-a-member-form input { padding: 5px 0 5px;} */
.content, section#contact-us p, section#contact-us p a {font-size: 1.6rem;}
header#siteheader .comman-button, .form-group.submit input.add-member, .comman-button, section#main .heading-section a {font-size: 1.8rem;}
.right-mid ul li { padding: 0 20px;}
}
@media screen and (max-width:1281px) {
.heading-section h1 { font-size: 3rem;}
section#about:after { padding-bottom: 0;}
section#about {padding-bottom: 4rem;}
.sec-heading {font-size: 2.4rem;}
section#contact-us .inner-fot i svg { width: 54px; height: 60px;}
#siteFooter p, #siteFooter p a {font-size: 1.4rem;}
section#contact-us .inner-fot p span {font-size: 2rem;}
.custom-btn {width: 103.5%;}
.section-padding { padding: 4rem 0;}
form.become-a-member-form input { padding: 15px; }
section#main .banner-content { padding: 4rem 8px;}
.right { padding-left: 2rem;}
.left { padding-right: 2rem;}
.member-slider {padding-top: 3rem;}
section#contact-us .inner-fot { margin: 3rem 0 0;}
.form-group.accept p, ul.head-link {
font-size: 1.4rem;
}
}
@media screen and (max-width:1025px) {
section#main .banner-content {flex-direction: column;}
section#main .heading-section, .becomeMember {width: 100%;}
.heading-section h1 { font-size: 2.6rem; padding: 0; text-align: left; padding-bottom: 0;}
.right { padding-left: 2rem;}
.left { padding-right: 2rem;}
.content, section#contact-us p, section#contact-us p a {font-size: 1.6rem;}
.cust-container { max-width: 90%;}
section#becomeMember .container.cust-container { display: flex; justify-content: center;}
.sec-heading { font-size: 2.6rem;}
.form-group.submit input.add-member, header#siteheader .comman-button, .comman-button, header#siteheader .comman-button, .form-group.submit input.add-member, .comman-button, section#main .heading-section a {font-size: 1.6rem;}
.plan { width: 100%;}
section#membership .content { width: 80%;}
section#go-digital::before, section#go-digital::after {height: 15vh;}
.mid-foot img {
width: 120px;
}
.form-group.accept p, ul.head-link {
font-size: 1.4rem;
}
section#contact-us p, section#contact-us p a, .right-mid ul {
font-size: 1.6rem;
}
header#siteheader .language-section {
width: 75%;
}
header#siteheader .logo {
width: 25%;
}
}
@media screen and (max-width:992px) {
section#contact-us .inner-fot p span { font-size: 1.8rem;}
section#contact-us .inner-fot { display: flex; justify-content: center; align-items: center; align-content: flex-start; flex-direction: column;}
section#contact-us p, section#contact-us p a { width: 100%;}
.right-mid ul li {padding: 0 10px;}
.mid-foot p {margin-bottom: 15px;}
section#contact-us .col-4 {width: 45%;}
section#contact-us .col-8 {width: 55%;}
section#contact-us .inner-fot { gap: 10px;}
.swiper .swiper-button-next, .swiper .swiper-button-prev { width: 36px; height: 36px;}
/* .comman-button { font-size: 1.8rem; padding: 10px 10px; } */
/* .form-group.submit input.add-member {font-size: 1.8rem; padding: 10px 0;} */
section#main .banner-content {padding: 5rem 8px;}
section#contact-us .row .col-md-4, section#contact-us .row .col-md-4 .inner-fot{ width: 100%;}
section#contact-us .inner-fot {gap: 5px;}
section#contact-us .inner-fot {margin: 20px 0 0;}
section#main picture::after { content: ''; width: 100%; height: 30%; display: block; position: absolute; top: 0; background: #000; background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#FFFFFF", GradientType=0); }
body#thanky section#main picture::after{height: 100%;content: '';display: block;}
.heading-section h1 { font-size: 2.6rem;}
header#siteheader a.become-btn.comman-button, header#siteheader ul.head-link {display: none;}
header#siteheader form#langselectorform { order: 1;}
.languagedv { gap: 20px;}
button.btn.mobile-on svg { width: 36px; height: auto; padding: 7px 0 7px 0;}
button.btn.mobile-on { display: block;}
div#offcanvasnav .offcanvas-body { display: flex; flex-direction: column; align-content: center; align-items: center; justify-content: center;}
div#offcanvasnav .offcanvas-body ul.head-link { display: flex; flex-direction: column; align-content: center; align-items: center; order: 0;padding: 0;}
div#offcanvasnav .offcanvas-body a.become-btn.comman-button {
order: 1;
margin: 15px 0 0;
}
div#offcanvasnav .offcanvas-body ul.head-link li {
padding: 0;
margin: 8px;
}
div#offcanvasnav .offcanvas-body button.btn.mobile-on {
display: none;
}
}
@media screen and (max-width:768px) {
.left {padding-right: 8px;}
.right { padding-left: 8px;}
section#about img, section#about-hotel img { padding-bottom: 3rem;}
.member-slider { padding-top: 3rem;}
header#siteheader img { max-width: 170px;}
.w-unset {padding-top: 3rem;}
.main-accodrian .col-lg-6 {width: 100%;}
body#thanky picture::after{display: none;}
.main-section picture::before {display: none;}
form.become-a-member-form input { padding: 10px 0 8px; }
section#main .heading-section, .becomeMember {width: 100%;}
header#siteheader .language-section { width: 60%;}
header#siteheader .logo { width: 40%;}
.heading-section h1 { font-size: 2.4rem;}
section#about-hotel img {padding-bottom: 0 !important;}
section#about-hotel .left-slider {margin-bottom: 3rem;}
section#about .right, section#about .sec-heading { text-align: center !important;}
section#about a { margin-left: auto; margin-right: auto;}
section#membership .content { width: 90%;}
section#membership .main-content { margin: 50px 0;}
section#membership .right-image { display: none;}
section#membership .container-fluid:last-child { padding-top: 7rem;}
section#membership .main-content a.comman-button { margin-top: 10px;}
section#membership .container-fluid:last-child::before { width: 85%; top: 10px;}
section#go-digital::after, section#contact-us::before, #siteFooter::before{display: none;}
section#contact-us .col-4 { width: 100%;}
section#contact-us .container.cust-container {
max-width: 100%;
padding: 0;
}
section#contact-us .col-4 {
padding: 0;
}
section#contact-us .col-8 {
width: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
padding: 50px 10px 0;
}
section#contact-us {
padding-bottom: 0;
}
section#contact-us::after {
height: 1px;
width: 84%;
background: var(--white);
position: absolute;
content: '';
left: 0;
right: 0;
margin: 0 auto;
bottom: 60px;
}
#siteFooter {
padding: 0 0 10px 0;
}
.right-mid ul {
margin-bottom: 20px;
}
form.become-a-member-form input {
padding: 12px;
}
.becomeMember.banner-form .form-group {
width: 100%;
margin: 0;
}
.form-group.submit input.add-member {
max-width: 100%;
}
.inner-inputs {
display: flex;
justify-content: center;
gap: 25px;
flex-direction: column;
}
.form-group.accept p {
font-size: 1.4rem;
}
section#main picture::after {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
bottom: 0;
background: #000;
background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(0deg, rgb(0 0 0 / 35%) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#FFFFFF", GradientType=0);
}
section#main .banner-content {
top: 80%;
}
section#main .banner-content {
padding: 1rem 8px;
}
section#membership .left-image {
text-align: center;
}
section#membership .left-image img {
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
width: 90%;
height: 40vh;
object-fit: cover;
margin: 0 auto;
object-position: bottom center;
border-top-right-radius: 0;
}
body#thanky picture {
height: 80vh;
}
section#membership {
padding-top: 0;
}
}
@media screen and (max-width:640px) {
#thanky .thnk-bttn {flex-direction: column;gap: 10px;}
#thanky .thnk-bttn a.th-btn.comman-button:last-child {margin-top: 0;}
#thanky .thnk-bttn .th-btn.comman-button {max-width: 100%; padding-left: 10px; padding-right: 10px;}
#thanky .heading-section h1 {margin: 0;}
#thanky .main-section { min-height: 50vh;}
}
@media screen and (max-width:576px) {
.cust-container { max-width: 95%;}
.right-mid ul {
font-size: 1.6rem;
padding: 0;
}
.sec-heading { font-size: 2.4rem;}
section#membership p.small-heading, section#membership p.slider-p {
font-size: 1.8rem;
}
section#membership .container-fluid.p-0 {
padding: 0 15px !important;
}
.accordion-body p {padding-right: 20px;}
header#siteheader img {max-width: 110px;}
/* .becomeMember.banner-form .form-group input.form-control.txt-contact-number.iti__tel-input {padding: 8px 0 5px;} */
.heading-section h1 { font-size: 2.2rem; padding-bottom: 0px;}
section#main .heading-section p { font-size: 2rem;}
.becomeMember { padding: 0;}
form.become-a-member-form input, .iti__selected-dial-code, form.become-a-member-form input::placeholder {font-size: 1.6rem;}
/* .content, section#contact-us p, section#contact-us p a { font-size: 1.4rem;} */
.custom-btn {width: 94%;}
.swiper .swiper-button-next, .swiper .swiper-button-prev {width: 32px; height: 32px;}
.becomeMember.banner-form .form-group.submit {margin-bottom: 0;}
.form-group.submit input.add-member {font-size: 1.6rem;}
.main-accodrian { padding-bottom: 0 !important;}
.section-padding { padding: 4rem 0;}
section#about { padding-bottom: 4rem;}
.mobile-icon img { max-width: 120px;}
section#contact-us .inner-fot p span {font-size: 1.5rem;}
#siteFooter p, #siteFooter p a { font-size: 1.2rem;}
label.errorCaptchMessage.errorcaptcha { bottom: -15px;}
.form-group.submit input.add-member { margin-top: 10px;}
.becomeMember.banner-form .form-group.custom-check { margin-bottom: 2rem;}
div#offcanvasRight button.btn.btn-secondary svg { width: 28px; height: 28px;}
div#offcanvasRight .becomeMember { padding: 6.0rem 1.5rem 0;}
div#offcanvasRight { max-width: 90%;}
/* header#siteheader .language-section, header#siteheader .logo { width: 100%;} */
header#siteheader .logo { text-align: left; margin-bottom: 0px;}
form#langselectorform { margin-left: 0; max-width: 120px;}
form#langselectorform label, .select2-results__option, .select2-selection__rendered {font-size: 1.4rem;}
.languagedv {
gap: 10px;
}
section#membership p.slider-p {
text-align: center;
}
section#membership .left-image img {
width: 98%;
height: 35vh;
}
.member-slider {
padding-left: 20px;
padding-right: 0px;
}
section#main .heading-section, .becomeMember {
padding: 5px;
}
html#delet header#siteheader .logo, html#delet header#siteheader .language-section { width: 50%;margin: 0;}
html#delet header#siteheader .logo { text-align: left;}
section#main .banner-content { top: 70%;}
section#main picture::after {
content: '';
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
background: #000;
background: -webkit-linear-gradient(0deg, rgb(0 0 0 / 50%) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(0deg, rgb(0 0 0 / 50%) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#FFFFFF", GradientType=0);
}
section#membership .sec-heading, section#membership .sec-heading p {
padding: 0 10px;
}
.becomeMember.banner-form .form-group.accept p {
font-size: 1.4rem;
}
}
@media screen and (max-width:375px) {
.login-captcha.form-group > div { transform: scale(0.75) !important; -webkit-transform: scale(0.75); transform-origin: left top; -webkit-transform-origin: left top;}
.form-group.custom-check label#acceptTerms-error {bottom: -16px;line-height: 12px;}
.row.captch-div {
height: 60px;
}
}
.iti__country-container {
padding: 0 !important;
}
.iti__selected-dial-code {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
line-height: 1;
}
#languageLP.form-control{width:188px; max-width:100%; height:32px; background-color: transparent; -webkit-appearance: none; appearance:none;border:1px solid #fff;}
.select2-container .select2-dropdown {
top: 100% !important;
bottom: auto !important;
left: 0 !important;
transform: none !important;
}