@font-face {
    font-family: "ITC Avant Garde Gothic";
    src: url("../fonts/AvantGarde-Book.woff2") format("woff2"), url("../fonts/AvantGarde-Book.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "ITC Avant Garde Pro Bold";
    src: url("../fonts/ITCAvantGardePro-Bold.woff2") format("woff2"), url("../fonts/ITCAvantGardePro-Bold.woff2") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "ITC Avant Garde Pro Md";
    src: url("../fonts/ITCAvantGardePro-Md.woff2") format("woff2"), url("../fonts/ITCAvantGardePro-Md.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/*font-family: 'ITC Avant Garde Gothic';*/
@font-face {
    font-family: "Spectral";
    src: url("../fonts/Spectral-Regular.woff2") format("woff2"), url("../fonts/Spectral-Regular.woff") format("woff");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: "Spectral-SemiBold";
    src: url("../fonts/Spectral-SemiBold.woff2") format("woff2"), url("../fonts/Spectral-SemiBold.woff") format("woff");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: "Spectral";
    src: url("../fonts/Spectral-Bold.woff2") format("woff2"), url("../fonts/Spectral-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
:root {
    --heading-color: #69499e;
    --subheading-color: #2fb7d6;
    --backTopColor: #2fb7d6;
    --backTopBorderColor: #2fb7d6;
    --backTopBgColor: #2fb7d6;
    --backTopHoverColor: white;
    --backTopIconScale: 0;
    --menupopupWidth: 100%;
    --menupopupLeft: -50px;
    --AcHeaderHeight: 55px;
    --containerPadding: 6rem;
    --sectionPaddingtop: 100px;
    --sectionBg: #f9f9f9;
    --linewidth: 50px;
    --marginBt: 1.8rem;
    --heading1: 2.8125vw;
    --lineheighth1: 3.125vw;
    --headingh1mb: 2.8rem;
    --heading2: 2.291vw;
    --lineheighth2: 2.604vw;
    --headingh2mb: 1.8rem;
    --heading3: 1.875vw;
    --lineheighth3: 2.1875vw;
    --headingh3mb: 0.8333rem;
    --heading4: 1.25vw;
    --lineheighth4: 1.666vw;
    --headingh4mb: 0.833vw;
    --heading5: 1.041vw;
    --lineheighth5: 1.5625vw;
    --headingh5mb: 0.8333rem;
    --subheading1: 16px;
    --lineheightsubh1: 30px;
    --subheadingmb: 0.8rem;
    --paragraph: 15px;
    --lineheightp: 34px;
    --parapadding: 1.5rem;
    --outlinedfilled-text: 150px;
    --outlinedfilled-lineh: 150px;
    --labelfs: calc(16px - 2px);
    --lineheightlabel: 20px;
    --labelPaddingB: 0.5rem;
    --cstbtnWidth: 76px;
    --cstbtnFontsize: 14px;
    --cstbtnPaddingleft: calc(var(--cstbtnWidth) - 20px);
    --cstbtnPaddingleftHover: calc(var(--cstbtnWidth) + 10px);
    --cstbtnBorder: 1px;
    --cstbtnFill: 90%;
    --cstbtniconWidth: 36px;
    --cstbtniconHeight: 12px;
    --cstbtniconLeft: 25px;
    --cstbtnletterSpace: 3.6px;
    --cstbtnWidth2: 76px;
    --cstbtnFontsize2: 14px;
    --cstbtnBorder2: 1px;
    --cstbtnFill2: 30%;
    --cstbtnletterSpace2: 3.6px;
    --listlineheight: 30px;
    --sliderArrowWidth: 61px;
    --sliderArrowHeight: 61px;
    --sliderArrowIconWidth: 18px;
    --sliderArrowIconHeight: 13px;
    --btnFontSize: 16px;
    --btnPadding: 0.65vw 1.15vw;
    --btnLetterSpacing: 0.8px;
    --fieldHeight: 45px;
}
/* Added by Waleed */
d-flex #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon::before {
    display: flex;
}
list-style,
footer .custom-footer .footer-top .footer-quicklinks ul,
#ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div ul,
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children,
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul,
#ui-area .public-layout .floating-div ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* Added by MI */
d-flex #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon::before {
    display: flex;
}
list-style,
footer .custom-footer .footer-top .footer-quicklinks ul,
#ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div ul,
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children,
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul,
#ui-area .public-layout .floating-div ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#ui-area .badge {
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    font-weight: normal;
}
#ui-area .badge.badge-primary {
    background: var(--backTopBgColor);
}
#ui-area h1 {
    color: var(--heading-color);
    font-family: "Spectral", serif;
    font-size: var(--heading1);
    line-height: var(--lineheighth1);
    font-weight: 400;
    font-style: normal;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    margin: 0px 0 1rem;
    padding: 0px;
    letter-spacing: 0px;
}
#ui-area h1 small {
    color: var(--subheading-color);
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    display: block;
    max-width: 31rem;
}
#ui-area .golf-landing-layout h1 small {
    max-width: 31rem !important;
}
#ui-area h2,
.heading-black {
    color: var(--subheading-color);
    font-family: "Spectral", serif;
    font-size: var(--heading2);
    line-height: var(--lineheighth2);
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    margin: 0 0 var(--headingh2mb);
    padding: 0px;
    letter-spacing: 0px;
}
h2.head2-small small {
    color: var(--subheading-color);
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    font-size: 18px;
    display: block;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 5px;
}
#ui-area h3 {
    color: var(--subheading-color);
    font-family: "Spectral", serif;
    font-size: var(--heading3);
    line-height: var(--lineheighth3);
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    margin: 0px 0 var(--headingh3mb);
    padding: 0px;
    letter-spacing: 0px;
}
#ui-area h4 {
    color: #1b1c1c;
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    font-size: var(--heading4);
    line-height: var(--lineheighth4);
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    margin: 0 0 var(--headingh4mb);
    padding: 0px;
    letter-spacing: 0px;
}
#ui-area h5 {
    color: var(--heading-color);
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    font-size: var(--heading5);
    line-height: var(--lineheighth5);
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    margin: 0 0 var(--headingh5mb);
    padding: 0px;
    letter-spacing: 1.8px;
}
#ui-area h6 {
    color: var(--subheading-color);
    font-family: "ITC Avant Garde Gothic", sans-serif;
    font-size: var(--subheading1);
    line-height: var(--lineheightsubh1);
    font-weight: normal;
    font-style: normal;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    margin: 0 0 var(--subheadingmb);
    padding: 0px;
    letter-spacing: 2.4px;
}
#ui-area li {
    font-size: var(--paragraph);
    font-family: "ITC Avant Garde Gothic";
}
#ui-area p {
    color: #444;
    font-size: var(--paragraph);
    font-family: "ITC Avant Garde Gothic";
    font-weight: 400 !important;
    font-style: normal;
    letter-spacing: 0px;
    line-height: var(--lineheightp);
    text-transform: none;
    margin: 0;
    padding: 0 0 var(--parapadding);
    hyphens: manual;
}
#ui-area span {
    font-size: var(--paragraph);
    font-family: "ITC Avant Garde Gothic";
    font-weight: 400 !important;
    font-style: normal;
    letter-spacing: 0px;
}
#ui-area label {
    color: #444;
    font-size: var(--paragraph);
    font-family: "ITC Avant Garde Pro Bold", sans-serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0px;
    line-height: var(--lineheightp);
    text-transform: none;
    margin: 0;
    hyphens: manual;
}
#ui-area input {
    height: 45px;
    border-color: #cecece;
    font-family: "ITC Avant Garde Gothic", sans-serif;
    font-size: var(--paragraph);
}
/* range slider */
#ui-area .price-range-container {
    position: relative;
    margin: 20px 0;
}
#ui-area .price-slider {
    position: relative;
    width: 100%;
    height: 6px;
    background: #e9ecef;
    border-radius: 3px;
    outline: none;
}
#ui-area .price-slider::-webkit-slider-thumb {
    appearance: none;
    width: 20px;
    height: 20px;
    background: var(--backTopBgColor);
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
#ui-area .price-slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: var(--backTopBgColor);
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
#ui-area .dual-range-slider {
    position: relative;
    width: 100%;
    margin: 15px 0 0;
    height: 22px;
}
#ui-area .dual-range-slider input {
    position: absolute;
    width: 100%;
    height: 6px;
    background: transparent;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
}
#ui-area .dual-range-slider input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: var(--backTopBgColor);
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    pointer-events: all;
    position: relative;
    z-index: 1;
}
#ui-area .dual-range-slider input::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: var(--backTopBgColor);
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    pointer-events: all;
}
#ui-area .slider-track {
    position: absolute;
    width: 100%;
    height: 6px;
    background: #e9ecef;
    border-radius: 3px;
    top: 50%;
    transform: translateY(-50%);
}
#ui-area .slider-range {
    position: absolute;
    height: 6px;
    background: var(--backTopBgColor);
    border-radius: 3px;
    top: 50%;
    transform: translateY(-50%);
}
#ui-area .price-values {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    font-size: 14px;
    color: #6c757d;
}
#ui-area .price-range-display {
    text-align: center;
    margin-top: 10px;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 5px;
    font-weight: 500;
    color: #495057;
    display: none;
}
#ui-area .public-layout input[type="range"] {
    border: none !important;
    height: auto !important;
}
/* range slider */
html,
body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    width: 100%;
}
#mm-0 {
    min-height: 100%;
    padding-bottom: 0px;
}
.custom-main-body {
    position: relative;
    box-sizing: border-box;
}
.container-padding {
    padding: 0px 9.7% 0px;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}
/* --------Body Container ----------- */
/* locomotive scroll css */
#ui-area .portlet-layout .portlet-header {
    margin-bottom: 0 !important;
}
html.has-scroll-smooth {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
html.has-scroll-dragging {
    -webkit-user-select: none;
    user-select: none;
}
.has-scroll-smooth body {
    overflow: hidden;
}
.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh;
}
.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100vh;
    transform-origin: center right;
    transition: transform 0.3s, opacity 0.3s;
    opacity: 0;
}
.c-scrollbar:hover {
    -webkit-transform: scaleX(1.45);
    transform: scaleX(1.45);
}
.c-scrollbar:hover {
    opacity: 1;
}
.has-scroll-scrolling .c-scrollbar {
    opacity: 1;
}
.has-scroll-dragging .c-scrollbar {
    opacity: 1;
}
.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--heading-color);
    opacity: 0.5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab;
}
/* locomotive scroll css */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}
.multi-banner-hg .banner-cp-o-images img,
.multi-banner-hg .banner-cp-o-images-2 img {
    width: 100%;
}
html body.site {
    width: 100%;
    font-weight: 400;
    padding: 0 !important;
    font-size: 16px;
    line-height: 34px;
    font-family: "ITC Avant Garde Gothic";
}
html body.site ::-moz-selection {
    color: white;
    background: var(--subheading-color) !important;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.3);
}
html body.site ::selection {
    color: white;
    background: var(--subheading-color) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px white inset !important;
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    font-family: "ITC Avant Garde Gothic", sans-serif;
    font-size: 14px !important;
}
#ui-area .alert {
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 4px;
    display: none;
    font-family: "ITC Avant Garde Gothic", sans-serif;
}
#ui-area .alert-success {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}
#ui-area .alert-danger {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}
#ui-area .error-message {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: none;
    font-family: "ITC Avant Garde Gothic", sans-serif;
}
#ui-area .form-control.error {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
#ui-area .form-control.valid {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
#ui-area .required {
    color: #dc3545;
}
#ui-area .required.steric {
    font-size: calc(var(--paragraph) + 5px);
}
#ui-area a {
    text-decoration: none !important;
    outline: none !important;
    line-height: 26px;
}
#ui-area a:hover,
#ui-area a:focus {
    text-decoration: none !important;
    outline: none !important;
}
#ui-area .public-layout {
    padding: 0 0 var(--sectionPaddingtop);
}
#ui-area .cst-section {
    padding: var(--sectionPaddingtop) 0 0;
}
#ui-area .journal-content-article a {
    text-decoration: none !important;
}
#ui-area .journal-content-article p a {
    text-decoration: none !important;
    border: none !important;
}
footer .custom-footer .footer-form iframe {
    height: 340px;
}
#hrefFm {
    margin-bottom: 0;
}
#push {
    position: relative;
}
/* @media (max-width: 2200.98px) {
    #push {
        min-height: 338px !important;
    }
}
@media (max-width: 1299.98px) {
    #push {
        min-height: 358px !important;
    }
}
@media (max-width: 1199.98px) {
    #push {
        min-height: 319px !important;
    }
}
@media (max-width: 991.98px) {
    #push {
        min-height: 335px !important;
    }
}
@media (max-width: 767.98px) {
    #push {
        min-height: 404px !important;
    }
}
@media (max-width: 424.98px) {
    #push {
        min-height: 602px !important;
    }
}
@media (max-width: 375.98px) {
    #push {
        min-height: 624px !important;
    }
} */
#wrap {
    min-height: 100%;
    position: relative;
    padding-top: 0 !important;
    overflow: hidden;
}
.cst-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 var(--containerPadding) !important;
}
/* cookies consent bar */
.cc-banner {
    font-family: "lexia", serif !important;
    font-size: 12px !important;
    color: #fff !important;
}
.cc-banner .cc-message {
    letter-spacing: 0.8px;
}
.cc-banner .cc-message .cc-link {
    position: relative;
    color: #fff !important;
    display: none !important;
}
.cc-banner .cc-message .cc-link::before {
    content: "";
    height: 0.5px;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    transition: 0.3s all ease;
}
.cc-banner .cc-message .cc-link:hover {
    color: #1b1c1c !important;
}
.cc-banner .cc-message .cc-link:hover::before {
    width: 100%;
    background: #1b1c1c;
}
.cc-banner .cc-compliance {
    margin-left: auto;
}
.cc-banner .cc-compliance .cc-btn {
    background: #1b1c1c;
    padding: 8px;
    border-radius: 50px;
    letter-spacing: 0.8px;
    font-family: "ITC Avant Garde Gothic", sans-serif;
    font-size: 12px;
    line-height: normal;
    transition: 0.3s all ease;
}
.cc-banner .cc-compliance .cc-btn:hover,
.cc-banner .cc-compliance .cc-btn:focus {
    background: var(--subheading-color);
    color: #fff;
}
/* club based css for webcontent */
#back-top {
    bottom: 100px !important;
    position: fixed;
    right: 100px !important;
    z-index: 120 !important;
    opacity: 0;
    overflow: hidden;
}
#back-top .back-top-link {
    display: block;
    width: 50px;
    height: 50px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
}
#back-top .back-top-link::after {
    font-family: "Font Awesome 5 Free";
    content: "\f077";
    font-weight: 900;
    background-color: #f3efe9;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--heading-color);
    position: absolute;
    bottom: 0;
    font-size: 20px;
    border-radius: 150px;
    transition: 0.1s color;
    will-change: color;
}
#back-top .back-top-link::before {
    content: "";
    background: var(--heading-color);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: 0.2s transform;
    border-radius: 150px;
}
#back-top .back-top-link:hover::after {
    background-color: transparent;
    color: #fff;
}
#back-top .back-top-link:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
#ui-area .public-layout {
    overflow: hidden;
}
/* home slider */
#ui-area .public-layout .banner-slider-container {
  width: 100%;
  height: 100%;
  position: relative;
}
#ui-area .public-layout .banner-owl-carousel {
  width: 100%;
  height: 100vh;
}
#ui-area .public-layout .banner-owl-carousel .owl-stage-outer,
#ui-area .public-layout .banner-owl-carousel .owl-stage,
#ui-area .public-layout .banner-owl-carousel .owl-item {
  height: 100%;
}
#ui-area .public-layout .banner-slide {
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#ui-area .public-layout .banner-slide .heading-area-01 {
  position: relative;
  z-index: 20;
}
#ui-area .public-layout .banner-slide .banner-slide-img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#ui-area .public-layout .banner-slide .banner-slide-overlay {
    position: absolute;
    left: 0;
    height: 100vh;
    width: 100%;
    background: rgba(0, 9, 56, 0.5);
}
#ui-area .public-layout .banner-navigation {
  position: absolute;
  bottom: 10%;
  right: var(--containerPadding);
  z-index: 30;
  display: flex;
  align-items: center;
  gap: 15px;
}
#ui-area .public-layout .banner-prev-btn,
#ui-area .public-layout .banner-next-btn {
  cursor: pointer;
  position: relative;
  border: 1px solid white;
  border-radius: 100px;
  transition: 0.2s border-color, 0.3s transform;
  overflow: hidden;
  width: var(--sliderArrowWidth);
  height: var(--sliderArrowHeight);
  will-change: border-color, transform;
}
#ui-area .public-layout .banner-prev-btn::before,
#ui-area .public-layout .banner-next-btn::before {
  content: "";
  background: white;
  width: var(--sliderArrowWidth);
  height: var(--sliderArrowHeight);
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  transition: 0.1s transform;
  border-radius: 150px;
}
#ui-area .public-layout .banner-prev-btn::after,
#ui-area .public-layout .banner-next-btn::after {
  content: "";
  background: url(../img/slider-arrow-icon.svg) no-repeat;
  width: var(--sliderArrowIconWidth);
  height: var(--sliderArrowIconHeight);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  transition: 0.5s all;
  filter: invert(1) brightness(2);
}
#ui-area .public-layout .banner-prev-btn:hover,
#ui-area .public-layout .banner-next-btn:hover {
  border-color: transparent;
  transform: scale(1.1);
}
#ui-area .public-layout .banner-prev-btn:hover::before,
#ui-area .public-layout .banner-next-btn:hover::before {
  transform: scale(1);
}
#ui-area .public-layout .banner-prev-btn:hover::after,
#ui-area .public-layout .banner-next-btn:hover::after {
  filter: none;
  transform: translateX(-6px) translateY(-50%) scale(1.15);
}
#ui-area .public-layout .banner-next-btn {
  transform: rotate(180deg);
}
#ui-area .public-layout .banner-next-btn:hover {
  transform: rotate(180deg) scale(1.1);
}
#ui-area .public-layout .banner-owl-carousel .owl-nav {
  display: none;
}
#ui-area .public-layout .banner-owl-carousel .owl-dots {
  display: none;
}
@media (max-width: 991.98px) {
  #ui-area .public-layout .banner-navigation {
    bottom: 150px;
    right: 30px;
  }
}
@media (max-width: 767.98px) {
  #ui-area .public-layout .banner-navigation {
    bottom: 180px;
    right: 24px;
    gap: 10px;
  }
  #ui-area .public-layout .banner-prev-btn,
  #ui-area .public-layout .banner-next-btn {
    width: 46px;
    height: 46px;
  }
}
@media (max-width: 575.98px) {
  #ui-area .public-layout .banner-navigation {
    bottom: 160px;
  }
}
#ui-area .public-layout.content-lay .floating-div {
    top: 80%;
    -webkit-transform: translateY(-80%);
    transform: translateY(-80%);
}
#ui-area .public-layout .floating-div {
    background: var(--heading-color);
    padding: 15px 8px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50px;
    right: 20px;
    list-style: none;
    z-index: 99;
}
#ui-area .public-layout .floating-div ul li {
    padding-bottom: 10px;
}
#ui-area .public-layout .floating-div ul li:last-child {
    padding-bottom: 0;
}
#ui-area .public-layout .floating-div ul li a {
    display: block;
    background: #fff;
    border-radius: 50px !important;
    text-align: center;
    font-size: 14px;
    padding: 6px !important;
    transition: 0.2s background ease;
    will-change: background;
    line-height: normal;
    display: flex;
    justify-content: center;
}
#ui-area .public-layout .floating-div ul li a .sicon {
    display: block;
    color: var(--heading-color);
    transition: color 0.2s ease-in-out;
    will-change: color;
}
#ui-area .public-layout .floating-div ul li a:hover.ss-facebook,
#ui-area .public-layout .floating-div ul li a:focus.ss-facebook {
    background: #4267b2;
}
#ui-area .public-layout .floating-div ul li a:hover.ss-facebook i,
#ui-area .public-layout .floating-div ul li a:focus.ss-facebook i {
    color: #fff;
}
#ui-area .public-layout .floating-div ul li a:hover.ss-insta,
#ui-area .public-layout .floating-div ul li a:focus.ss-insta {
    background: #3f729b;
}
#ui-area .public-layout .floating-div ul li a:hover.ss-insta i,
#ui-area .public-layout .floating-div ul li a:focus.ss-insta i {
    color: #fff;
}
#ui-area .public-layout .floating-div ul li a:hover.ss-youtube,
#ui-area .public-layout .floating-div ul li a:focus.ss-youtube {
    background: #ff0000;
}
#ui-area .public-layout .floating-div ul li a:hover.ss-youtube i,
#ui-area .public-layout .floating-div ul li a:focus.ss-youtube i {
    color: #fff;
}
#ui-area .public-layout .floating-div ul li a:hover.ss-twitter,
#ui-area .public-layout .floating-div ul li a:focus.ss-twitter {
    background: #1da1f2;
}
#ui-area .public-layout .floating-div ul li a:hover.ss-twitter i,
#ui-area .public-layout .floating-div ul li a:focus.ss-twitter i {
    color: #fff;
}
#ui-area .public-layout .floating-div ul li a:hover.ss-linkedin,
#ui-area .public-layout .floating-div ul li a:focus.ss-linkedin {
    background: #0077b5;
}
#ui-area .public-layout .floating-div ul li a:hover.ss-linkedin i,
#ui-area .public-layout .floating-div ul li a:focus.ss-linkedin i {
    color: #fff;
}
#ui-area .public-layout .floating-div ul li a:hover.ss-whatsapp,
#ui-area .public-layout .floating-div ul li a:focus.ss-whatsapp {
    background: #25d366;
}
#ui-area .public-layout .floating-div ul li a:hover.ss-whatsapp i,
#ui-area .public-layout .floating-div ul li a:focus.ss-whatsapp i {
    color: #fff;
}
#ui-area .public-layout table {
    width: 100%;
    border-color: #dedede;
}
#ui-area .public-layout table.ann-action-buttons {
    background: transparent;
    border: none;
    width: auto;
}
#ui-area .public-layout table .grid {
    background: transparent;
    border: none;
    width: auto;
}
#ui-area .public-layout table thead tr th {
    background: var(--heading-color);
    color: #fff !important;
    font-family: "ITC Avant Garde Gothic", sans-serif;
    letter-spacing: 1.6px;
    font-size: 14px;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
}
#ui-area .public-layout table tbody tr th {
    background: transparent;
    color: #1b1c1c;
    font-family: "ITC Avant Garde Gothic", sans-serif;
    letter-spacing: 1.6px;
    font-size: 14px;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    border-color: #dedede;
}
#ui-area .public-layout table tbody tr td {
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    font-size: 14px;
    text-align: left;
    border-color: #dedede;
    border-top: none !important;
}
#ui-area .public-layout .rc-icon {
    color: #000 !important;
}
@keyframes slide-text-right {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes seqAnim {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes seqfadeAnim {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes hide-scroll {
    from,
    to {
        overflow: hidden;
    }
}
@keyframes textfill {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes scrollmousey {
    0% {
        opacity: 0;
    }
    10% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(9px);
        transform: translateY(9px);
        opacity: 0;
    }
}
@keyframes ca3_fade_move_down {
    0% {
        -webkit-transform: translate(0, -5px);
        transform: translate(0, -5px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0, 25px);
        transform: translate(0, 25px);
        opacity: 0;
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
        opacity: 0.6;
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
    }
}
@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
@keyframes circleScale {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes circleScale1 {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
}
@keyframes circleScale3 {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}
@keyframes circleScale4 {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
@keyframes circleScale5 {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
}
@keyframes IconStroke {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes glowing {
    0% {
        box-shadow: 0 0 -10px #fbfaf8;
    }
    40% {
        box-shadow: 0 0 30px #fbfaf8;
    }
    60% {
        box-shadow: 0 0 30px #fbfaf8;
    }
    100% {
        box-shadow: 0 0 -10px #fbfaf8;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes widthInfinite {
    0% {
        width: 0;
    }
    100% {
        width: 9999px;
    }
}
@keyframes widthTransform {
    0% {
        width: 0;
    }
    100% {
        width: var(--linewidth);
    }
}
@keyframes imageScale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, calc(100% + 1.8rem));
        transform: translate(0, calc(100% + 1.8rem));
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes fadeInTop2 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, calc(100% + var(--headingh3mb)));
        transform: translate(0, calc(100% + var(--headingh3mb)));
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes fadeInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translate(0, calc(-100% - var(--headingh3mb)));
        transform: translate(0, calc(-100% - var(--headingh3mb)));
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes fadeInScale {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.cookie-consent-wrapper {
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 1.8s ease;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    width: 100%;
}
.cookie-consent-wrapper.open {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.cookie-consent-wrapper.open .cookie-medium {
    opacity: 0;
    width: 0px;
    height: 0px;
}
.cookie-consent-wrapper.open .cookie-medium.show {
    height: auto;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    opacity: 1;
    background: var(--heading-color);
    transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
    color: #fff;
    padding: 1rem 2rem;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}
.cookie-consent-wrapper.open .cookie-medium.show p.cookie-text {
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: calc(var(--paragraph) - 2px);
    line-height: 1.4;
    font-family: "ITC Avant Garde Gothic", sans-serif;
}
.cookie-consent-wrapper.open .cookie-medium.show .btn-footer {
    justify-content: space-between;
    display: flex;
}
.cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie {
    border: 0;
    background: transparent;
    color: #fff;
    padding: 0;
    position: relative;
    transition: 0.5s all;
    will-change: background, color, border-color;
    font-family: "ITC Avant Garde Gothic", sans-serif !important;
    font-size: calc(var(--paragraph) - 2px) !important;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
}
.cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.4);
    transition: 0.3s all ease-in;
}
.cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie:hover,
.cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie:focus {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie:hover::after,
.cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie:focus::after {
    width: 0;
}
/* Header Css */
.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh !important;
}
#ui-area .custom-header {
    width: 100%;
    z-index: 100;
    position: absolute !important;
    top: 0;
    font-family: "ITC Avant Garde Pro Md", sans-serif;
}
#ui-area .custom-header .cst-container {
    height: 100%;
}
#ui-area .custom-header .header-area {
    position: relative;
    height: 100%;
}
#ui-area .custom-header .header-area .header-top {
    height: 152px;
    display: flex;
}
#ui-area .custom-header .header-area .header-top .brand-wrapper {
    align-items: center;
    justify-content: center;
    max-width: 163px;
    -webkit-transform: scale(1);
    transform: scale(1);
    display: flex;
}
#ui-area .custom-header .header-area .header-top .brand-wrapper .cnbar-brand .brand-img {
    -webkit-filter: brightness(100);
    filter: brightness(100);
}
#ui-area .custom-header .header-area .header-top .member-options {
    display: flex;
    align-items: center;
    margin-left: auto;
}
#ui-area .custom-header .header-area .header-top .member-options .mo-link {
    font-size: 18px;
}
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1,
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 {
    color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 15px;
}
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1:hover,
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1:focus,
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3:hover,
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3:focus {
    color: #cab89d;
}
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1.mol-user:hover,
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1.mol-user:focus,
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3.mol-user:hover,
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3.mol-user:focus {
    color: #fff;
}
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1 {
    border-right: 1px solid #fff;
    padding-right: 20px;
    transition: 0.3s color cubic-bezier(0.6, 0.4, 0.25, 0.75);
    align-items: center;
    will-change: color;
}
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1 img {
    margin-right: 8px;
    -webkit-filter: invert(1) brightness(1);
    filter: invert(1) brightness(1);
    transition: 0.25s filter cubic-bezier(0.6, 0.4, 0.25, 0.75);
    will-change: filter;
}
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 {
    padding-left: 20px;
    padding-right: 20px;
    transition: 0.3s color cubic-bezier(0.6, 0.4, 0.25, 0.75);
    will-change: color;
}
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 {
    background: #d3e3e9;
    color: var(--heading-color);
    padding: 0;
    border-radius: 70px;
    margin-left: 1rem;
    display: flex;
    font-size: 15px;
    transition: background 0.4s ease, color 0.3s ease;
    will-change: background, color;
    position: relative;
    overflow: hidden;
}
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    padding: 10.5px 30px;
}
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text-alt {
    position: absolute;
    top: 100%;
    padding: 10.5px 30px;
    left: 0;
    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2.mol-logout span.btn__text,
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2.mol-logout span.btn__text-alt {
    padding: 10.5px 40px;
}
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2:hover,
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2:focus {
    background-color: var(--heading-color);
    color: #fff;
}
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2:hover span.btn__text,
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2:focus span.btn__text {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2:hover span.btn__text-alt,
#ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2:focus span.btn__text-alt {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
#ui-area .custom-header .header-area .header-nav {
    height: 100%;
}
#ui-area .custom-header .header-area .header-nav .drop-down-navigation-portlet {
    height: 100%;
}
#ui-area .custom-header .header-area .header-nav .drop-down-navigation-portlet .portlet-borderless-container {
    height: 100%;
}
#ui-area .custom-header .header-area .header-nav .drop-down-navigation-portlet .portlet-borderless-container .portlet-body {
    height: 100%;
}
#ui-area .custom-header .header-area .header-nav .textured-nav {
    height: 100%;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div {
    height: 100%;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul {
    height: 100%;
    display: flex;
    justify-content: space-between;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent {
    position: relative;
    padding: 0;
    text-align: center;
    display: flex;
    align-items: flex-end;
    height: 60px;
    justify-content: flex-start;
    width: calc(100% - 40px);
    border-top: 1px solid transparent;
    margin: 0 40px 0 0;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent::before {
    content: "";
    background: #fff;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent::after {
    content: "";
    background: var(--subheading-color);
    width: 0;
    position: absolute;
    top: 0;
    left: initial;
    right: 0;
    height: 1px;
    transition: 0.4s all;
    will-change: left, right, width;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.left::after {
    left: 0;
    right: initial;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.left:hover::after,
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.left:focus::after {
    width: 100%;
    right: 0;
    left: initial;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a {
    color: #fff;
    font-size: 16px;
    height: 100%;
    width: 100%;
    align-items: center;
    line-height: normal;
    will-change: border-color;
    display: flex;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a[aria-haspopup="true"] span {
    width: calc(100% - 17px);
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a[aria-haspopup="true"]::after {
    content: "\f0d7";
    font-family: "FontAwesome";
    font-size: 14px;
    margin-left: auto;
    transition: 0.3s all ease;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a span {
    pointer-events: none;
    width: 100%;
    text-align: left;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent:hover::after,
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent:focus::after,
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.active::after {
    width: 100%;
    right: initial;
    left: 0;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent:last-child {
    padding-right: 0;
    margin-right: 0;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children {
    background: var(--heading-color);
    padding: 0;
    height: 0;
    width: max-content;
    min-width: 250px;
    position: absolute;
    overflow: hidden;
    text-align: center;
    top: 100%;
    left: 0;
    transition: padding-bottom 0.55s cubic-bezier(0.6, 0.4, 0.25, 0.75), background-color 2s, overflow 2s;
    will-change: padding-bottom, background-color, overflow;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li {
    position: relative;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li:first-child a {
    border-top: none;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li:last-child a {
    border-bottom: none;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li a {
    padding: 1rem 0.8rem;
    line-height: normal;
    -webkit-text-transform: none;
    text-transform: none;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid #407f9e;
    text-align: left;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li:hover a {
    background: var(--subheading-color);
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li:hover a[aria-haspopup="true"]::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li:hover .textured-nav-children-level2 {
    left: 100%;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children-level2 {
    left: 100%;
    top: 0;
    height: 0;
    position: absolute;
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style: none;
    min-width: 250px;
    background-color: var(--heading-color) !important;
    transition: padding-bottom 0.35s cubic-bezier(0.6, 0.4, 0.25, 0.75), background-color 1s;
    will-change: padding-bottom, background-color;
    border: none !important;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children-level2 li a {
    padding: 1rem 0.8rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid #407f9e;
    background-color: transparent !important;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children-level2 li:last-child a {
    border-bottom: none;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children-level2 li:hover a {
    background-color: var(--subheading-color) !important;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children {
    -webkit-animation: hide-scroll 0.5s backwards;
    animation: hide-scroll 0.5s backwards;
    left: 0;
    box-shadow: 0px 0px 20px -7px #01161c, inset 0px 0px 40px -5px rgba(1, 22, 28, 0.3);
    -webkit-box-shadow: 0px 0px 20px -7px #01161c, inset 0px 0px 40px -5px rgba(1, 22, 28, 0.3);
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children.overflow-show {
    overflow: visible;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-1 .textured-nav-children-level2 {
    padding-bottom: 55px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-2 .textured-nav-children-level2 {
    padding-bottom: 112px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-3 .textured-nav-children-level2 {
    padding-bottom: 169px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-4 .textured-nav-children-level2 {
    padding-bottom: 226px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-5 .textured-nav-children-level2 {
    padding-bottom: 283px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-6 .textured-nav-children-level2 {
    padding-bottom: 340px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-7 .textured-nav-children-level2 {
    padding-bottom: 397px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-8 .textured-nav-children-level2 {
    padding-bottom: 454px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-9 .textured-nav-children-level2 {
    padding-bottom: 511px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-10 .textured-nav-children-level2 {
    padding-bottom: 568px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-11 .textured-nav-children-level2 {
    padding-bottom: 625px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-12 .textured-nav-children-level2 {
    padding-bottom: 682px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-13 .textured-nav-children-level2 {
    padding-bottom: 739px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-14 .textured-nav-children-level2 {
    padding-bottom: 796px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-15 .textured-nav-children-level2 {
    padding-bottom: 853px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-16 .textured-nav-children-level2 {
    padding-bottom: 910px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-17 .textured-nav-children-level2 {
    padding-bottom: 967px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-18 .textured-nav-children-level2 {
    padding-bottom: 1024px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-19 .textured-nav-children-level2 {
    padding-bottom: 1081px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-20 .textured-nav-children-level2 {
    padding-bottom: 1138px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-21 .textured-nav-children-level2 {
    padding-bottom: 1195px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-22 .textured-nav-children-level2 {
    padding-bottom: 1252px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-23 .textured-nav-children-level2 {
    padding-bottom: 1309px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-24 .textured-nav-children-level2 {
    padding-bottom: 1366px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-25 .textured-nav-children-level2 {
    padding-bottom: 1423px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-26 .textured-nav-children-level2 {
    padding-bottom: 1480px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-27 .textured-nav-children-level2 {
    padding-bottom: 1537px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-28 .textured-nav-children-level2 {
    padding-bottom: 1594px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-29 .textured-nav-children-level2 {
    padding-bottom: 1651px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-30 .textured-nav-children-level2 {
    padding-bottom: 1708px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-31 .textured-nav-children-level2 {
    padding-bottom: 1765px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-32 .textured-nav-children-level2 {
    padding-bottom: 1822px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-33 .textured-nav-children-level2 {
    padding-bottom: 1879px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-34 .textured-nav-children-level2 {
    padding-bottom: 1936px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-35 .textured-nav-children-level2 {
    padding-bottom: 1993px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-36 .textured-nav-children-level2 {
    padding-bottom: 2050px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-37 .textured-nav-children-level2 {
    padding-bottom: 2107px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-38 .textured-nav-children-level2 {
    padding-bottom: 2164px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-39 .textured-nav-children-level2 {
    padding-bottom: 2221px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-40 .textured-nav-children-level2 {
    padding-bottom: 2278px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-41 .textured-nav-children-level2 {
    padding-bottom: 2335px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-42 .textured-nav-children-level2 {
    padding-bottom: 2392px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-43 .textured-nav-children-level2 {
    padding-bottom: 2449px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-44 .textured-nav-children-level2 {
    padding-bottom: 2506px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-45 .textured-nav-children-level2 {
    padding-bottom: 2563px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-46 .textured-nav-children-level2 {
    padding-bottom: 2620px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-47 .textured-nav-children-level2 {
    padding-bottom: 2677px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-48 .textured-nav-children-level2 {
    padding-bottom: 2734px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-49 .textured-nav-children-level2 {
    padding-bottom: 2791px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-50 .textured-nav-children-level2 {
    padding-bottom: 2848px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children-level2 {
    -webkit-animation: hide-scroll 0.35s backwards;
    animation: hide-scroll 0.35s backwards;
    left: 100%;
    box-shadow: 0px 0px 20px -7px #01161c, inset 0px 0px 40px -5px rgba(1, 22, 28, 0.3);
    -webkit-box-shadow: 0px 0px 20px -7px #01161c, inset 0px 0px 40px -5px rgba(1, 22, 28, 0.3);
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-1 .textured-nav-children {
    padding-bottom: 55px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-2 .textured-nav-children {
    padding-bottom: 112px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-3 .textured-nav-children {
    padding-bottom: 169px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-4 .textured-nav-children {
    padding-bottom: 226px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-5 .textured-nav-children {
    padding-bottom: 283px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-6 .textured-nav-children {
    padding-bottom: 340px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-7 .textured-nav-children {
    padding-bottom: 397px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-8 .textured-nav-children {
    padding-bottom: 454px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-9 .textured-nav-children {
    padding-bottom: 511px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-10 .textured-nav-children {
    padding-bottom: 568px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-11 .textured-nav-children {
    padding-bottom: 625px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-12 .textured-nav-children {
    padding-bottom: 682px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-13 .textured-nav-children {
    padding-bottom: 739px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-14 .textured-nav-children {
    padding-bottom: 796px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-15 .textured-nav-children {
    padding-bottom: 853px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-16 .textured-nav-children {
    padding-bottom: 910px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-17 .textured-nav-children {
    padding-bottom: 967px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-18 .textured-nav-children {
    padding-bottom: 1024px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-19 .textured-nav-children {
    padding-bottom: 1081px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-20 .textured-nav-children {
    padding-bottom: 1138px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-21 .textured-nav-children {
    padding-bottom: 1195px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-22 .textured-nav-children {
    padding-bottom: 1252px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-23 .textured-nav-children {
    padding-bottom: 1309px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-24 .textured-nav-children {
    padding-bottom: 1366px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-25 .textured-nav-children {
    padding-bottom: 1423px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-26 .textured-nav-children {
    padding-bottom: 1480px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-27 .textured-nav-children {
    padding-bottom: 1537px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-28 .textured-nav-children {
    padding-bottom: 1594px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-29 .textured-nav-children {
    padding-bottom: 1651px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-30 .textured-nav-children {
    padding-bottom: 1708px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-31 .textured-nav-children {
    padding-bottom: 1765px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-32 .textured-nav-children {
    padding-bottom: 1822px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-33 .textured-nav-children {
    padding-bottom: 1879px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-34 .textured-nav-children {
    padding-bottom: 1936px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-35 .textured-nav-children {
    padding-bottom: 1993px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-36 .textured-nav-children {
    padding-bottom: 2050px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-37 .textured-nav-children {
    padding-bottom: 2107px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-38 .textured-nav-children {
    padding-bottom: 2164px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-39 .textured-nav-children {
    padding-bottom: 2221px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-40 .textured-nav-children {
    padding-bottom: 2278px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-41 .textured-nav-children {
    padding-bottom: 2335px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-42 .textured-nav-children {
    padding-bottom: 2392px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-43 .textured-nav-children {
    padding-bottom: 2449px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-44 .textured-nav-children {
    padding-bottom: 2506px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-45 .textured-nav-children {
    padding-bottom: 2563px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-46 .textured-nav-children {
    padding-bottom: 2620px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-47 .textured-nav-children {
    padding-bottom: 2677px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-48 .textured-nav-children {
    padding-bottom: 2734px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-49 .textured-nav-children {
    padding-bottom: 2791px;
}
#ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-50 .textured-nav-children {
    padding-bottom: 2848px;
}
#ui-area .custom-header .header-area .smartphone-nav-div {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    display: inline-flex;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
    display: none;
}
#ui-area .custom-header .header-area .smartphone-nav-div .ui-link {
    width: 100%;
    height: 100%;
    margin-left: auto;
}
#ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text {
    content: "";
    background: #d3e3e9;
    display: block;
    height: 3px;
    position: absolute;
    transition: background ease 0.3s, top ease 0.3s 0.3s, transform ease 0.3s, -webkit-transform ease 0.3s;
    will-change: background, transform;
    width: 32px;
    left: 0;
    right: 0;
    margin: 0 0 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-indent: -9999px;
    border-radius: 15px;
}
#ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before,
#ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after {
    content: "";
    background: #d3e3e9;
    display: block;
    height: 3px;
    position: absolute;
    transition: background ease 0.3s, top ease 0.3s 0.3s, transform ease 0.3s, -webkit-transform ease 0.3s;
    will-change: background, transform;
    width: 38px;
    right: 0;
    border-radius: 15px;
}
#ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before {
    top: -12px;
}
#ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after {
    top: 12px;
    width: 26px;
}
.touch #ui-area .custom-header .header-area .smartphone-nav-div {
    display: block;
    right: 0;
}
.touch #ui-area .custom-header .header-area .header-nav #navigation {
    display: none;
}
.touch #ui-area .custom-header .header-area .header-top .member-options {
    margin-right: 70px;
}
.mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text {
    background-color: transparent;
}
.mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before,
.mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after {
    top: 0;
    transition: top ease 0.3s, transform ease 0.3s 0.3s;
    will-change: top, transform;
}
.mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu oncanvas CSS
*/
/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-hidden {
    display: none !important;
}
.mm-wrapper {
    overflow-x: hidden;
    position: relative;
}
.mm-menu {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    box-sizing: border-box;
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0;
    background: #1b1c1c !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: rgba(0, 0, 0, 0.7);
    width: 80%;
    min-width: 140px;
    max-width: 440px;
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-size: 14px;
}
.mm-menu .mm-navbar > * {
    color: rgba(0, 0, 0, 0.3);
}
.mm-menu .mm-navbar a {
    color: rgba(0, 0, 0, 0.3);
    color: #fff !important;
}
.mm-menu .mm-navbar .mm-btn:before {
    border-color: rgba(255, 255, 255, 0.7) !important;
}
.mm-menu .mm-navbar .mm-btn:after {
    border-color: rgba(255, 255, 255, 0.7) !important;
}
.mm-menu .mm-listview {
    border-color: rgba(255, 255, 255, 0.2) !important;
}
.mm-menu .mm-listview > li .mm-next:after {
    border-color: #fff;
}
.mm-menu .mm-listview > li .mm-arrow:after {
    border-color: rgba(0, 0, 0, 0.3);
}
.mm-menu .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
    tap-highlight-color: rgba(255, 255, 255, 0.5);
}
.mm-menu .mm-listview > li a:hover,
.mm-menu .mm-listview > li a:focus {
    background: var(--subheading-color);
    color: #fff;
}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next) {
    background: rgba(255, 255, 255, 0.5);
}
.mm-menu .mm-listview > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.5);
}
.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next {
    background: rgba(0, 0, 0, 0.05);
}
.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
    background: rgba(0, 0, 0, 0.05);
}
.mm-menu .mm-divider {
    background: rgba(0, 0, 0, 0.05);
}
.mm-panels {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: inherit;
    border-color: inherit;
}
.mm-panels > .mm-panel {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: inherit;
    border-color: inherit;
    background: inherit;
    border-color: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 20px;
}
.mm-panels > .mm-panel:before {
    content: "";
    display: block;
    height: 20px;
}
.mm-panels > .mm-panel:after {
    content: "";
    display: block;
    height: 20px;
}
.mm-panels > .mm-panel > .mm-listview {
    margin: 20px -20px;
}
.mm-panels > .mm-panel > .mm-listview:first-child {
    margin-top: -20px;
}
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: -20px;
}
.mm-panels > .mm-panel.mm-hasnavbar {
    padding-top: 40px;
}
.mm-panel {
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.mm-panel .mm-navbar {
    display: none;
}
.mm-panel.mm-opened {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}
.mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
}
.mm-panel.mm-highest {
    z-index: 1;
}
.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    transform: none !important;
}
.mm-vertical .mm-listview .mm-panel {
    display: none;
    padding: 10px 0 10px 10px;
}
.mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
    border-color: transparent;
}
.mm-vertical .mm-listview > li > .mm-next {
    height: 40px;
    bottom: auto;
}
.mm-vertical .mm-listview > li > .mm-next:after {
    top: 16px;
    bottom: auto;
}
.mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mm-vertical li.mm-opened > .mm-panel {
    display: block;
}
.mm-listview {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    font: inherit;
    font-size: 12px;
    line-height: 20px;
}
.mm-listview .mm-vertical .mm-panel {
    display: none;
    padding: 10px 0 10px 10px;
}
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
    border-color: transparent;
}
.mm-listview > li.mm-vertical > .mm-next {
    height: 40px;
    bottom: auto;
}
.mm-listview > li.mm-vertical > .mm-next:after {
    top: 16px;
    bottom: auto;
}
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mm-listview > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    border-color: inherit;
}
.mm-listview > li:after {
    border-color: inherit;
}
.mm-listview > li .mm-next {
    border-color: inherit;
}
.mm-listview > li .mm-next:before {
    border-color: inherit;
}
.mm-listview > li > a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0;
    color: #fff;
}
.mm-listview > li > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0;
}
.mm-listview > li > a.mm-arrow {
    padding-right: 50px;
}
.mm-listview > li > span.mm-arrow {
    padding-right: 50px;
}
.mm-listview > li:not(.mm-divider):after {
    content: "";
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.mm-listview a {
    text-decoration: none;
}
.mm-listview a:hover {
    text-decoration: none;
}
.mm-listview .mm-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.mm-listview .mm-next:before {
    content: "";
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.mm-listview .mm-next + a {
    font-size: 14px;
    margin-right: 0;
    width: calc(100% - 50px) !important;
    display: block !important;
}
.mm-listview .mm-next + span {
    margin-right: 50px;
}
.mm-listview .mm-next.mm-fullsubopen {
    width: 100%;
}
.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none;
}
.mm-listview .mm-next.mm-fullsubopen + a {
    padding-right: 50px;
    margin-right: 0;
}
.mm-listview .mm-next.mm-fullsubopen + span {
    padding-right: 50px;
    margin-right: 0;
}
.mm-listview .mm-inset {
    list-style: inside disc;
    padding: 0 10px 15px 40px;
    margin: 0;
}
.mm-listview .mm-inset > li {
    padding: 5px 0;
}
.mm-listview .mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 8px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
}
.mm-listview .mm-spacer {
    padding-top: 40px;
}
.mm-listview .mm-spacer > .mm-next {
    top: 40px;
}
.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px;
}
li.mm-vertical.mm-opened > .mm-panel {
    display: block;
}
.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.mm-navbar > * {
    display: block;
    padding: 10px 0;
}
.mm-navbar a {
    text-decoration: none;
}
.mm-navbar a:hover {
    text-decoration: none;
}
.mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.mm-navbar .mm-btn {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 1;
}
.mm-navbar .mm-btn:first-child {
    padding-left: 20px;
    left: 0;
}
.mm-navbar .mm-btn:last-child {
    text-align: right;
    padding-right: 20px;
    right: 0;
}
.mm-panel.mm-hasnavbar .mm-navbar {
    display: block;
}
.mm-prev:before {
    content: "";
    border: 2px solid transparent;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: none;
    border-bottom: none;
    left: 23px;
}
.mm-next:after {
    content: "";
    border: 2px solid transparent;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-top: none;
    border-left: none;
    right: 23px;
}
.mm-arrow:after {
    content: "";
    border: 2px solid transparent;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-top: none;
    border-left: none;
    right: 23px;
}
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(0, 0, 0, 0.05);
}
.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel {
    background: rgba(0, 0, 0, 0.05);
}
.mm-page {
    box-sizing: border-box;
    position: relative;
}
.mm-slideout {
    transition: transform 0.4s ease;
}
html.mm-opened {
    overflow-x: hidden;
    position: relative;
}
html.mm-blocking {
    overflow: hidden;
}
html.mm-blocking body {
    overflow: hidden;
}
html.mm-blocking #mm-blocker {
    display: block;
}
html.mm-background .mm-page {
    background: inherit;
}
#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
}
.mm-menu.mm-offcanvas {
    display: none;
    position: fixed;
}
.mm-menu.mm-current {
    display: block;
}
html.mm-opening .mm-slideout {
    -webkit-transform: translate(80%, 0);
    transform: translate(80%, 0);
}
#ui-area .fullscreen-menu-icon {
    display: none !important;
}
#ui-area #menu-popup-nav {
    width: var(--menupopupWidth);
    left: var(--menupopupLeft);
    background-color: var(--heading-color) !important;
    box-shadow: 0px 0px 20px -7px rgba(1, 22, 28, 0.3), inset 0px 0px 40px -5px rgba(1, 22, 28, 0.3);
    -webkit-box-shadow: 0px 0px 20px -7px rgba(1, 22, 28, 0.3), inset 0px 0px 40px -5px rgba(1, 22, 28, 0.3);
}
#ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div {
    margin: 0;
    top: 0;
}
#ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul {
    display: flex;
    flex-direction: column;
}
#ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid #673baf;
}
#ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent:last-child {
    border-bottom: none;
}
#ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent .fullscreen-menu-popup-nav-parent-link {
    color: #fff;
    padding: 1rem 0.8rem;
    display: flex;
    justify-content: center;
}
#ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent i {
    color: #fff;
}
#ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent .fullscreen-menu-popup-nav-children li {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid #407f9e;
}
#ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent .fullscreen-menu-popup-nav-children li:last-child {
    border: none;
}
#ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent .fullscreen-menu-popup-nav-children li a {
    color: #fff;
    padding: 1rem 0.8rem;
    display: inline-flex;
}
#ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent .fullscreen-menu-popup-nav-children li ul li {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid #407f9e;
}
#ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent .fullscreen-menu-popup-nav-children li ul li:last-child {
    border: none;
}
/* Footer Css */
footer {
    width: 100%;
    bottom: 0;
}
footer .custom-footer {
    background-color: black;
    padding: 56px 0 0;
    width: 100%;
    color: #fff;
    font-size: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
footer .custom-footer a {
    color: #fff;
}
footer .custom-footer a:hover,
footer .custom-footer a:focus {
    text-decoration: none !important;
    color: var(--subheading-color);
}
footer .custom-footer .footer-top {
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    padding-bottom: 50px;
    width: 100%;
}
footer .custom-footer .footer-top .footer-quicklinks {
    width: 100%;
}
footer .custom-footer .footer-top .footer-quicklinks ul {
    flex-wrap: wrap;
    display: flex;
}
footer .custom-footer .footer-top .footer-quicklinks ul li {
    width: 33.334%;
    line-height: var(--listlineheight);
}
footer .custom-footer .footer-top .footer-quicklinks ul li a {
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    position: relative;
    line-height: 26px;
}
footer .custom-footer .footer-top .footer-quicklinks ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 1px;
    width: 0;
    background: rgba(255, 255, 255, 0.4);
    transition: 0.3s all ease-in;
}
footer .custom-footer .footer-top .footer-quicklinks ul li a:hover::before,
footer .custom-footer .footer-top .footer-quicklinks ul li a:focus::before {
    width: 100%;
}
footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(2),
footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(5) {
    width: 43.334%;
}
footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(3),
footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(6) {
    width: 23.334%;
}
footer .custom-footer .footer-top .footer-address .footer-brand {
    display: block;
    margin-bottom: 1rem;
}
footer .custom-footer .footer-top .footer-address .footer-brand img {
    -webkit-filter: brightness(100);
    filter: brightness(100);
}
footer .custom-footer .footer-top .footer-address p {
    color: #8c8c8c;
    line-height: 26px;
    letter-spacing: 0.8px;
    font-size: var(--paragraph);
}
footer .custom-footer .footer-top .footer-address .footer-phone .club-contact {
    letter-spacing: 0.8px;
    line-height: 22px;
    color: #d3e3e9;
}
footer .custom-footer .footer-top .footer-address .footer-phone .club-contact.club-email {
    position: relative;
}
footer .custom-footer .footer-top .footer-address .footer-phone .club-contact.club-email::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 1px;
    width: 0;
    background: rgba(255, 255, 255, 0.4);
    transition: 0.3s all ease-in;
}
footer .custom-footer .footer-top .footer-address .footer-phone .club-contact.club-email:hover::before,
footer .custom-footer .footer-top .footer-address .footer-phone .club-contact.club-email:focus::before {
    width: 100%;
}
footer .custom-footer .footer-top .footer-address .footer-phone .vhr {
    background: #d3e3e9;
    margin: 0 10px;
    width: 1px;
    height: auto;
}
footer .custom-footer .footer-bottom {
    width: 100%;
    padding: 28px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    letter-spacing: 1.6px;
    font-family: "lexia", serif;
}
footer .custom-footer .footer-bottom .copyright-public {
    line-height: normal;
    padding: 4px 10px 2px 0;
    color: #8c8c8c;
}
footer .custom-footer .footer-bottom .footer-blinks {
    display: flex;
    margin-left: auto;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
footer .custom-footer .footer-bottom .footer-blinks li {
    padding: 0 0.75rem;
    font-size: calc(var(--paragraph) - 2px);
}
footer .custom-footer .footer-bottom .powered-by {
    text-align: left;
    line-height: normal;
    padding: 4px 0 2px;
}
footer .custom-footer .footer-bottom .footer-social {
    width: 100%;
    justify-content: flex-end;
}
footer .custom-footer .footer-bottom .footer-social a {
    margin-left: 10px;
}
footer .custom-footer .footer-bottom .footer-social a i {
    display: block;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50px;
    color: var(--heading-color);
    margin: 0 auto;
    text-align: center;
    padding: 7px 8px;
    min-width: 28px;
    max-width: 28px;
    min-height: 28px;
    max-height: 28px;
    transition: 0.2s background ease;
}
footer .custom-footer .footer-bottom .footer-social a:hover.ss-facebook i,
footer .custom-footer .footer-bottom .footer-social a:focus.ss-facebook i {
    background: #4267b2;
    color: #fff;
}
footer .custom-footer .footer-bottom .footer-social a:hover.ss-insta i,
footer .custom-footer .footer-bottom .footer-social a:focus.ss-insta i {
    background: #3f729b;
    color: #fff;
}
footer .custom-footer .footer-bottom .footer-social a:hover.ss-youtube i,
footer .custom-footer .footer-bottom .footer-social a:focus.ss-youtube i {
    background: #ff0000;
    color: #fff;
}
footer .custom-footer .footer-bottom .footer-social a:hover.ss-twitter i,
footer .custom-footer .footer-bottom .footer-social a:focus.ss-twitter i {
    background: #1da1f2;
    color: #fff;
}
footer .custom-footer .footer-bottom .footer-social a:hover.ss-linkedin i,
footer .custom-footer .footer-bottom .footer-social a:focus.ss-linkedin i {
    background: #0077b5;
    color: #fff;
}
footer .custom-footer .footer-bottom .footer-social a:hover.ss-webcam i,
footer .custom-footer .footer-bottom .footer-social a:focus.ss-webcam i {
    background: var(--subheading-color);
    color: #fff;
}
/* Public Landing Css */
.webp #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::before {
    background-repeat: no-repeat;
    z-index: 10;
    background: linear-gradient(88deg, rgba(0, 0, 0, 0) 40%, hsl(0deg 0% 0% / 85%) 100%);
}
.webp #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::after {
    background: linear-gradient(88deg, rgba(0, 0, 0, 0) 40%, hsl(0deg 0% 0% / 85%) 100%);
    background-repeat: no-repeat;
    z-index: 11;
}
#ui-area .public-layout.public-home-layout {
    padding: 0;
}
#ui-area .public-layout .main-banner-img {
    position: absolute;
    bottom: 0;
    z-index: 21;
}
#ui-area .public-layout .main-banner-img img {
    display: block;
    width: 28vw;
    height: 100%;
    border-radius: inherit;
    object-position: center;
    object-fit: fill;
    image-rendering: auto;
}
#ui-area .public-layout .shadow-01 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 50%;
    bottom: -41vw;
    flex: none;
    height: 60vw;
    left: calc(50.00000000000002% - 60vw / 2);
    overflow: hidden;
    position: absolute;
    width: 60vw;
    will-change: var(--framer-will-change-override, transform);
    z-index: 1;
}
#ui-area .public-layout .shadow-02 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 50%;
    bottom: -27vw;
    flex: none;
    height: 40vw;
    left: calc(50.00000000000002% - 40vw / 2);
    overflow: hidden;
    position: absolute;
    width: 40vw;
    will-change: var(--framer-will-change-override, transform);
    z-index: 1;
}
#ui-area .public-layout .banner-wrapper-home {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    justify-content: center;
    background: linear-gradient(180deg, #000000 0%, hsl(230, 100%, 11%) 100%);
}
#ui-area .public-layout .banner-wrapper-home .heading-area-01 {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: -9rem;
    background-image: linear-gradient(0deg, rgb(47 183 214) 0%, rgb(239 246 255) 57%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 20;
}
#ui-area .public-layout .banner-wrapper-home .heading-area-01 .bb-heading {
    font-family: "ITC Avant Garde Gothic", sans-serif;
    font-weight: 900;
    font-size: calc(var(--heading1) + 2vw);
    line-height: calc(var(--lineheighth1) + 1.5vw);
    max-width: 630px;
}
#ui-area .public-layout .banner-wrapper-home .scroll-downs {
    position: absolute;
    bottom: 220px;
    width: auto;
    height: auto;
    z-index: 23;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: flex;
    align-items: center;
    left: -40px;
}
#ui-area .public-layout .banner-wrapper-home .scroll-downs p {
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    font-size: 12px;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #fff;
    line-height: normal;
    padding: 0;
    order: 2;
}
#ui-area .public-layout .banner-wrapper-home .scroll-downs #slider_scrollDown {
    position: relative !important;
    display: block;
    height: auto;
    text-align: center;
    padding-right: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    order: 1;
}
#ui-area .public-layout .banner-wrapper-home .scroll-downs #slider_scrollDown .scrollarrow {
    display: block;
    background-color: var(--subheading-color);
    pointer-events: none;
    width: 206px;
    height: 2px;
}
#ui-area .public-layout .banner-wrapper-home .tp-static-layer-shadow {
    position: absolute;
    height: 100%;
    z-index: 22;
    bottom: 0;
    width: 100%;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, hsl(0, 0%, 0%) 100%);
    height: 300px;
}
#ui-area .public-layout .banner-wrapper-home .mo-link {
    font-size: 18px;
}
#ui-area .public-layout .banner-wrapper-home .mo-link.mol-2 {
    background: #d3e3e9;
    color: var(--heading-color);
    padding: 0;
    border-radius: 70px;
    margin-left: 1rem;
    display: flex;
    font-size: 15px;
    transition: background 0.4s ease, color 0.3s ease;
    will-change: background, color;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: max-content;
}
#ui-area .public-layout .banner-wrapper-home .mo-link.mol-2 span.btn__text {
    position: relative;
    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
    padding: 10.5px 40px;
}
#ui-area .public-layout .banner-wrapper-home .mo-link.mol-2 span.btn__text-alt {
    position: absolute;
    top: 100%;
    padding: 10.5px 40px;
    left: 0;
    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}
#ui-area .public-layout .banner-wrapper-home .mo-link.mol-2.mol-logout span.btn__text,
#ui-area .public-layout .banner-wrapper-home .mo-link.mol-2.mol-logout span.btn__text-alt {
    padding: 10.5px 40px;
}
#ui-area .public-layout .banner-wrapper-home .mo-link.mol-2:hover,
#ui-area .public-layout .banner-wrapper-home .mo-link.mol-2:focus {
    background-color: var(--heading-color);
    color: #fff;
}
#ui-area .public-layout .banner-wrapper-home .mo-link.mol-2:hover span.btn__text,
#ui-area .public-layout .banner-wrapper-home .mo-link.mol-2:focus span.btn__text {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
#ui-area .public-layout .banner-wrapper-home .mo-link.mol-2:hover span.btn__text-alt,
#ui-area .public-layout .banner-wrapper-home .mo-link.mol-2:focus span.btn__text-alt {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
#ui-area .public-layout #content-wrapper-home .csec-1.is-inview .heading-wrap .heading-area-01 .bb-subhead {
    -webkit-animation: fadeIn ease-out 2s forwards;
    animation: fadeIn ease-out 2s forwards;
}
#ui-area .public-layout #content-wrapper-home .csec-1.is-inview .heading-wrap .heading-area-01 .bb-subhead::after {
    --linewidth: 9999px;
    -webkit-animation: widthTransform ease-out 11s forwards 0.5s;
    animation: widthTransform ease-out 11s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-home .csec-1.is-inview .heading-wrap .heading-area-01 .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-home .csec-1.is-inview .heading-wrap .heading-area-01 .bb-paragraph {
    -webkit-animation: fadeInLeft ease-out 1.5s forwards 0.5s;
    animation: fadeInLeft ease-out 1.5s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-home .csec-1.is-inview .multi-banner-hg .banner-cp-images {
    -webkit-animation: fadeInRight ease-out 1.5s forwards 0.5s;
    animation: fadeInRight ease-out 1.5s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-home .csec-1.is-inview .multi-banner-hg .banner-cp-o-images::after {
    height: 105%;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 {
    width: calc(100% - 30px);
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .outer-bbhead {
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .bb-heading {
    font-size: var(--heading1) !important;
    line-height: var(--lineheighth1) !important;
    margin-bottom: 0;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    margin-bottom: var(--headingh1mb);
    -webkit-transform: translate(0px, calc(100% + var(--headingh1mb)));
    transform: translate(0px, calc(100% + var(--headingh1mb)));
    opacity: 0;
    background-image: linear-gradient(0deg, rgb(47 183 214) 0%, rgb(239 246 255) 57%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .bb-subhead {
    width: max-content;
    position: relative;
    font-size: var(--subheading1) !important;
    line-height: var(--lineheightsubh1) !important;
    margin-bottom: var(--subheadingmb);
    opacity: 0;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .bb-subhead::after {
    background: var(--subheading-color);
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 2px;
    left: 100%;
    margin-left: 10px;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .inner-container {
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .bb-paragraph {
    padding-bottom: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 0;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .inner-container {
    width: calc(100% - 5.7291vw);
}
#ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg {
    position: relative;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-outer {
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-images {
    position: relative;
    top: 0;
    left: 0;
    height: 0;
    padding-bottom: 52.5%;
    z-index: 3;
    width: 81.55%;
    margin-left: auto;
    opacity: 0;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
}
#ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-images img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top bottom;
    border: 3px solid #fff;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-images::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);
    mix-blend-mode: multiply;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images {
    position: relative;
    top: 0;
    left: -15%;
    height: 0;
    padding-bottom: 31.35%;
    margin-top: -12%;
    z-index: 2;
    width: 41.8%;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images img {
    position: absolute;
    top: 0;
    left: 0;
    border: 3px solid #fff;
    object-fit: cover;
    object-position: center bottom;
    height: 100%;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);
    mix-blend-mode: multiply;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images::after {
    content: "";
    width: 2px;
    background: var(--subheading-color);
    height: 0;
    position: absolute;
    left: -3%;
    bottom: -17%;
    transition: 0.5s ease-out height 0.5s;
    will-change: height;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images-2 {
    position: relative;
    top: 0;
    left: 23%;
    height: 0;
    padding-bottom: 18.29%;
    margin-top: -8.5%;
    z-index: 1;
    width: 18.29%;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images-2 img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border: 3px solid #fff;
    object-fit: cover;
    object-position: center bottom;
}
#ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images-2::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);
    mix-blend-mode: multiply;
}
#ui-area .public-layout #content-wrapper-home .csec-2 {
    position: relative;
    padding: 0 0 var(--sectionPaddingtop);
}
#ui-area .public-layout #content-wrapper-home .csec-2 .cst-section {
    padding: 25px 0 0;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead {
    display: block;
    position: relative;
    padding-left: 100px;
    font-size: var(--subheading1) !important;
    line-height: var(--lineheightsubh1) !important;
    margin-bottom: var(--subheadingmb);
    opacity: 0;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead::before {
    content: "";
    background: var(--subheading-color);
    top: 50%;
    width: 0;
    height: 2px;
    left: 0;
    position: absolute;
    transition: 0.6s ease-out width 0.5s;
    will-change: width;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .outer-bbhead {
    overflow: hidden;
    margin-bottom: var(--headingh2mb);
}
#ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container {
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .bb-heading {
    text-indent: -13.5%;
    padding-left: 11.75%;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    color: var(--heading-color);
    font-size: var(--heading1) !important;
    line-height: var(--lineheighth1) !important;
    margin-bottom: 0;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    opacity: 0;
    background-image: linear-gradient(0deg, rgb(47 183 214) 0%, rgb(239 246 255) 57%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .bb-heading small,
#ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .bb-heading p {
    display: block;
    padding-left: 11%;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    color: var(--heading-color);
    font-size: var(--heading1);
    line-height: var(--lineheighth1);
}
#ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .inner-para {
    width: 60%;
    margin-left: auto;
    flex-direction: column;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    opacity: 0;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .inner-para p {
    width: 100%;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-carousel {
    width: calc(100% - var(--containerPadding));
    margin-left: auto;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper {
    position: relative;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::before,
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    max-width: 20.375vw;
    min-width: 20.375vw;
    height: 100%;
    /* mix-blend-mode: screen; */
    background-size: cover !important;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::before {
    z-index: 10;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::after {
    z-index: 11;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel {
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
    will-change: opacity, transform;
    opacity: 0;
    margin-bottom: 3rem;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-nav {
    display: none;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view {
    display: flex;
    width: 84.5%;
    position: relative;
    margin-top: 4.5rem;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-image {
    width: 71%;
    position: relative;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden;
    margin-left: 3.5%;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    position: absolute;
    top: 0;
    left: 0;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count {
    position: absolute;
    top: -9%;
    left: 0;
    width: 200px;
    height: 120px;
    stroke: var(--heading-color);
    z-index: 1;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count .slide-count-g {
    -webkit-transform: translate(0, 90%);
    transform: translate(0, 90%);
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count .slide-count-g text {
    font-family: "Spectral-SemiBold", serif;
    font-weight: normal;
    font-style: normal;
    font-size: 150px;
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    -webkit-user-select: none;
    user-select: none;
    -webkit-animation: dash 18s linear forwards;
    animation: dash 18s linear forwards;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card {
    position: absolute;
    width: 460px;
    height: 460px;
    background: #fbfaf8;
    padding: 4rem 2.5rem 2.5rem;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12);
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content h4 {
    font-size: 35px;
    font-family: "ITC Avant Garde Gothic", sans-serif;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    line-height: 35px;
    margin-bottom: 0.5rem;
    color: hsl(230, 100%, 11%);
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content h5 {
    color: var(--subheading-color);
    font-family: "Spectral", serif;
    font-size: 30px;
    -webkit-text-transform: none;
    text-transform: none;
    margin-bottom: 1.5rem;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content p {
    color: #1b1c1c;
    line-height: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    padding: 0;
    margin-bottom: 1.5rem;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: var(--cstbtnWidth);
    background: transparent;
    border: none;
    box-shadow: none;
    color: var(--heading-color);
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    font-size: var(--cstbtnFontsize) !important;
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    letter-spacing: var(--cstbtnletterSpace);
    padding-left: var(--cstbtnPaddingleft) !important;
    text-align: left;
    line-height: 14px;
    transition: padding-left 0.35s, color 0.1s;
    will-change: padding-left, color;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-decoration: none !important;
    outline: none !important;
    width: var(--cstbtnWidth);
    height: var(--cstbtnWidth);
    display: inline-block;
    border-radius: 160px;
    background: var(--heading-color);
    background: radial-gradient(circle, #fff, #fff, #fff);
    background-repeat: no-repeat;
    background-size: 0% 0%;
    background-position: center;
    border: 1px solid var(--subheading-color) !important;
    border-right-color: transparent !important;
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: 0.2s background ease-in, 0.2s border-color ease-in;
    will-change: background, border-color;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom::after {
    content: "";
    left: var(--cstbtniconLeft);
    background: url(../img/slider-arrowN.svg) no-repeat;
    width: var(--cstbtniconWidth) !important;
    height: var(--cstbtniconHeight) !important;
    top: 50%;
    z-index: 2;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: 0.35s left, 0.2s filter;
    will-change: left, filter;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom:hover {
    color: var(--subheading-color);
    padding-left: var(--cstbtnPaddingleftHover) !important;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom:hover::before {
    background-size: 2000% 2000%;
    border-color: var(--heading-color) !important;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom:hover::after {
    left: calc(var(--cstbtniconLeft) + 8px);
    -webkit-filter: invert(1) brightness(2);
    filter: invert(1) brightness(2);
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item.active ~ .owl-item .amenities-card-view .slide-count {
    opacity: 0.5;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation {
    position: relative;
    z-index: 12;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none;
    display: flex;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .owl-line {
    width: 0;
    background: var(--subheading-color);
    height: 2px;
    margin-right: 4rem;
    transition: 0.5s width ease-out 1s;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn,
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn {
    cursor: pointer;
    position: relative;
    border: 1px solid white;
    border-radius: 100px;
    transition: 0.2s border-color, 0.5s ease-out width 0.5s, 0.5s ease-out height 0.5s, 0.5s ease-out opacity 0.5s;
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    will-change: border-color, width, height, opacity;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn::before,
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn::before {
    content: "";
    background: white;
    width: var(--sliderArrowWidth);
    height: var(--sliderArrowHeight);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: 0.1s transform;
    border-radius: 150px;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn::after,
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn::after {
    content: "";
    background: url(../img/slider-arrow-icon.svg) no-repeat;
    width: var(--sliderArrowIconWidth);
    height: var(--sliderArrowIconHeight);
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: 0.5s all;
    filter: invert(1) brightness(2);
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn:hover,
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn:hover {
    border-color: transparent;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn:hover::before,
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn:hover::after,
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn:hover::after {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: translateX(-6px) translateY(-50%) scale(1.15);
    transform: translateX(-6px) translateY(-50%) scale(1.15);
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 10px;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation.is-inview .owl-line {
    width: 33.333%;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation.is-inview .customPrevBtn,
#ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation.is-inview .customNextBtn {
    width: var(--sliderArrowWidth);
    height: var(--sliderArrowHeight);
    opacity: 1;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg {
    position: absolute;
    width: 100%;
    height: 128%;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    top: -30vw;
    left: -40vw;
    height: 96.27vw;
    width: 100vw;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg .abstractcircles {
    position: absolute;
    left: 0;
    right: initial;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    transform-origin: center;
    background-image: url(../images/club-images/bgbonitanew.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
#ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg .abstractcircles {
    background-size: 108vw;
}
#ui-area .public-layout #content-wrapper-home .csec-2.is-inview .heading-area-02 .bb-subhead {
    -webkit-animation: fadeIn ease-out 2s forwards;
    animation: fadeIn ease-out 2s forwards;
}
#ui-area .public-layout #content-wrapper-home .csec-2.is-inview .heading-area-02 .bb-subhead::before {
    --linewidth: 90px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-home .csec-2.is-inview .heading-area-02 .inner-container .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-home .csec-2.is-inview .heading-area-02 .inner-container .inner-para {
    -webkit-animation: fadeInRight ease-out 1.5s forwards 0.5s;
    animation: fadeInRight ease-out 1.5s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-home .csec-2.is-inview .amenities-wrapper .amenities-carl {
    -webkit-animation: fadeInRight ease-out 1.5s forwards 0.5s;
    animation: fadeInRight ease-out 1.5s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-home .csec-2.is-inview .cstm-bg {
    -webkit-animation: circleScale1 5s forwards;
    animation: circleScale1 5s forwards;
}
#ui-area .public-layout #content-wrapper-home .csec-3 {
    position: relative;
    z-index: 1;
    padding: 0 0 var(--sectionPaddingtop);
}
#ui-area .public-layout #content-wrapper-home .csec-3 .cst-section {
    padding: 145px 0 0;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .membership-home-cont {
    margin-top: 3rem;
}
#ui-area .public-layout #content-wrapper-home .csec-3.is-inview .heading-area-01 .bb-subhead {
    -webkit-animation: fadeIn ease-out 2s forwards 0.5s;
    animation: fadeIn ease-out 2s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-home .csec-3.is-inview .heading-area-01 .bb-subhead::before,
#ui-area .public-layout #content-wrapper-home .csec-3.is-inview .heading-area-01 .bb-subhead::after {
    --linewidth: 50px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-home .csec-3.is-inview .heading-area-01 .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-home .csec-3.is-inview .featured-cta-text-block-container .featured-cta-text-block {
    -webkit-animation: fadeInRight ease-out 2s forwards 0.5s;
    animation: fadeInRight ease-out 2s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 {
    text-align: center;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 .bb-subhead {
    display: inline-block;
    position: relative;
    margin-bottom: var(--subheadingmb);
    font-size: var(--subheading1) !important;
    line-height: var(--lineheightsubh1) !important;
    opacity: 0;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 .bb-subhead::before,
#ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 .bb-subhead::after {
    content: "";
    width: 0;
    background: var(--subheading-color);
    height: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 .bb-subhead::before {
    left: -60px;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 .bb-subhead::after {
    right: -60px;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 .outer-bbhead {
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 .bb-heading {
    --marginBt: var(--headingh1mb);
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    color: var(--heading-color);
    font-size: var(--heading1) !important;
    line-height: var(--lineheighth1) !important;
    margin-bottom: var(--marginBt);
    opacity: 0;
    -webkit-transform: translate(0, calc(100% + var(--marginBt)));
    transform: translate(0, calc(100% + var(--marginBt)));
    background-image: linear-gradient(0deg, rgb(47 183 214) 0%, rgb(239 246 255) 57%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg .banner-cp-images {
    position: absolute;
    padding-bottom: 37%;
    height: 0;
    width: 30.7%;
    left: -4%;
    margin-top: -5%;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg .banner-cp-images::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);
    mix-blend-mode: multiply;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg .banner-cp-images img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    border: 4px solid #fff;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg .banner-cp-o-images {
    margin-left: auto;
    position: relative;
    padding-bottom: 49.5%;
    height: 0;
    width: 70%;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg .banner-cp-o-images::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12);
    mix-blend-mode: multiply;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg .banner-cp-o-images img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    object-fit: cover;
    object-position: center bottom;
    border: 4px solid #fff;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block {
    background: transparent !important;
    padding: 0;
    margin-bottom: 0;
    opacity: 0;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
}
#ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .left {
    width: 100%;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right {
    width: auto;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: var(--cstbtnWidth);
    background: transparent;
    border: none;
    box-shadow: none;
    color: white;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    font-size: var(--cstbtnFontsize) !important;
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    letter-spacing: var(--cstbtnletterSpace);
    padding-left: var(--cstbtnPaddingleft) !important;
    text-align: left;
    line-height: 14px;
    transition: padding-left 0.35s, color 0.1s;
    will-change: padding-left, color;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-decoration: none !important;
    outline: none !important;
    width: var(--cstbtnWidth);
    height: var(--cstbtnWidth);
    display: inline-block;
    border-radius: 160px;
    background: var(--heading-color);
    background: radial-gradient(circle, #fff, #fff, #fff);
    background-repeat: no-repeat;
    background-size: 0% 0%;
    background-position: center;
    border: 1px solid var(--subheading-color) !important;
    border-right-color: transparent !important;
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: 0.2s background ease-in, 0.2s border-color ease-in;
    will-change: background, border-color;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn::after {
    content: "";
    left: var(--cstbtniconLeft);
    background: url(../img/slider-arrowN.svg) no-repeat;
    width: var(--cstbtniconWidth) !important;
    height: var(--cstbtniconHeight) !important;
    top: 50%;
    z-index: 2;
    position: absolute;
    filter: brightness(2);
    -webkit-filter: brightness(2);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: 0.35s left, 0.2s filter;
    will-change: left, filter;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn:hover {
    color: var(--subheading-color);
    padding-left: var(--cstbtnPaddingleftHover) !important;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn:hover::before {
    background-size: 2000% 2000%;
    border-color: var(--heading-color) !important;
}
#ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn:hover::after {
    left: calc(var(--cstbtniconLeft) + 8px);
    /* -webkit-filter: invert(1) brightness(2);
  filter: invert(1) brightness(2); */
}
#ui-area .public-layout.public-amenities-layout {
    padding: 0;
}
#ui-area .content-layout h1,
#ui-area .content-layout h2,
#ui-area .content-layout h3,
#ui-area .content-layout h4,
#ui-area .content-layout h5,
#ui-area .content-layout h6 {
    opacity: 0;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
}
#ui-area .content-layout p,
#ui-area .content-layout li,
#ui-area .content-layout a {
    opacity: 0;
}
#ui-area .content-layout .tabs-menu {
    opacity: 0;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
}
#ui-area .content-layout .is-inview h1,
#ui-area .content-layout .is-inview h2,
#ui-area .content-layout .is-inview h3,
#ui-area .content-layout .is-inview h4,
#ui-area .content-layout .is-inview h5,
#ui-area .content-layout .is-inview h6 {
    -webkit-animation: fadeInRight ease-out 0.5s forwards 0.5s;
    animation: fadeInRight ease-out 0.5s forwards 0.5s;
}
#ui-area .content-layout .is-inview p,
#ui-area .content-layout .is-inview li,
#ui-area .content-layout .is-inview a {
    -webkit-animation: fadeIn ease-out 0.7s forwards 0.5s;
    animation: fadeIn ease-out 0.7s forwards 0.5s;
}
#ui-area .content-layout .is-inview .tabs-menu {
    -webkit-animation: fadeInRight ease-out 0.6s forwards 1s;
    animation: fadeInRight ease-out 0.6s forwards 1s;
}
#ui-area .content-layout .cc-area-custom {
    position: relative;
}
#ui-area .content-layout .btn {
    background: var(--heading-color);
    color: #fff;
    border-radius: 50px;
    font-size: 16px;
    padding: 1.1rem 2rem;
    -webkit-text-transform: none;
    text-transform: none;
    letter-spacing: 0.8px;
    border: 1px solid transparent !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    transition: 0.2s background ease, 0.2s color ease, 0.2s border-color ease;
    will-change: background, color;
}
#ui-area .content-layout .btn:hover,
#ui-area .content-layout .btn:focus {
    background: transparent;
    border-color: var(--heading-color) !important;
    color: var(--heading-color);
}
#ui-area .content-layout .btn.secondary {
    background: #d3e3e9;
    color: var(--heading-color);
    border: none !important;
}
#ui-area .content-layout .btn.secondary:hover,
#ui-area .content-layout .btn.secondary:focus {
    background: var(--heading-color);
    color: #fff;
}
#ui-area .content-layout .btn.primary {
    background: var(--heading-color) !important;
    border: 1px solid transparent !important;
    color: #fff !important;
}
#ui-area .content-layout .btn.primary:hover,
#ui-area .content-layout .btn.primary:focus {
    background: transparent !important;
    color: var(--heading-color) !important;
    border-color: var(--heading-color) !important;
}
#ui-area .content-layout .heading-area-02 .outer-bbhead {
    overflow: hidden;
}
#ui-area .content-layout .heading-area-02 .bb-subhead {
    display: block;
    position: relative;
    padding-left: 100px;
    font-size: var(--subheading1) !important;
    line-height: var(--lineheightsubh1) !important;
    margin-bottom: var(--subheadingmb);
}
#ui-area .content-layout .heading-area-02 .bb-subhead::before {
    content: "";
    background: var(--subheading-color);
    top: 50%;
    width: 90px;
    height: 2px;
    left: 0;
    position: absolute;
}
#ui-area .content-layout .heading-area-02 .bb-heading {
    --marginBt: 1.8rem;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    color: var(--heading-color);
    font-size: var(--heading1) !important;
    line-height: var(--lineheighth1) !important;
    margin-bottom: var(--marginBt);
}
#ui-area .content-layout .cstm-bg {
    position: absolute;
    width: 100%;
    height: 128%;
    right: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    right: -37vw;
    top: initial;
    bottom: -13vw;
    height: 66.27vw;
    width: 60vw;
    z-index: -1;
}
#ui-area .content-layout .cstm-bg .abstractcircles {
    position: absolute;
    left: 0;
    right: initial;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    transform-origin: center;
    background-image: url(../images/club-images/bgbonitanew.svg);
    background-repeat: no-repeat;
    background-position: center center;
}
#ui-area .content-layout .cstm-bg .abstractcircles {
    left: initial;
    right: 0;
    margin: 0;
    background-size: 68vw;
}
#ui-area .content-layout .is-inview .cstm-bg {
    -webkit-animation: circleScale 5s forwards;
    animation: circleScale 5s forwards;
}
/* course detail page */
#ui-area .public-layout .inner-banner-wrapper {
    position: relative;
    height: 175px;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    justify-content: center;
    background: hsl(230, 100%, 11%);
}
#ui-area .public-layout.content-lay .inner-banner-wrapper {
    height: 480px;
}
#ui-area .public-layout .shadow-01 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0%, rgba(255, 255, 255, 0) 100%);
    height: 47vw;
}
#ui-area .public-layout .shadow-02 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.025) 0%, rgba(255, 255, 255, 0) 100%);
    height: 29vw;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .heading-wrap .heading-area-02 .outer-bbhead {
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .heading-wrap .heading-area-02 .bb-heading {
    --marginBt: 1.8rem;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    font-size: var(--heading1) !important;
    line-height: var(--lineheighth1) !important;
    margin-bottom: var(--marginBt);
    -webkit-transform: translate(0, calc(100% + var(--marginBt)));
    transform: translate(0, calc(100% + var(--marginBt)));
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1.is-inview .heading-wrap .heading-area-02 .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .heading-wrap .heading-area-02 .bb-subhead {
    display: block;
    position: relative;
    padding-left: 100px;
    font-size: var(--subheading1) !important;
    line-height: var(--lineheightsubh1) !important;
    margin-bottom: var(--subheadingmb);
    opacity: 0;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead {
    -webkit-animation: fadeIn ease-out 2s forwards 0.5s;
    animation: fadeIn ease-out 2s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .heading-wrap .heading-area-02 .bb-subhead::before {
    content: "";
    background: var(--subheading-color);
    top: 50%;
    width: 0;
    height: 2px;
    left: 0;
    position: absolute;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead::before {
    --linewidth: 90px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container {
    margin-bottom: 0;
    position: relative;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-menu {
    position: absolute;
    top: -82px;
    right: var(--containerPadding);
    -webkit-user-select: none;
    user-select: none;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    opacity: 0;
    border: none;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-menu li {
    width: auto;
    padding: 0 0.8rem;
    border-right: 1px solid #d3e3e9;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-menu li:first-child {
    padding-left: 0;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-menu li:last-child {
    padding-right: 0;
    border-right: none;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-menu li::before {
    display: none;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-menu li h3 {
    background: #fff !important;
    color: #1b1c1c !important;
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    cursor: pointer;
    padding: 0.3rem 1rem !important;
    line-height: normal !important;
    margin-bottom: 0 !important;
    border-radius: 50px;
    transition: 0.4s background ease;
    will-change: background;
    font-size: var(--subheading1) !important;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-menu li:hover h3,
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-menu li:focus h3 {
    background: #d3e3e9 !important;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-menu li.active h3 {
    background: var(--subheading-color) !important;
    color: #fff !important;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-content {
    background: transparent;
    padding: 0;
    border: none;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6:nth-child(1) {
    -webkit-user-select: none;
    user-select: none;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    opacity: 0;
    transition: 0.6s ease-out transform 0.6s, 1s ease-out opacity 0.7s;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6:nth-child(2) {
    -webkit-user-select: none;
    user-select: none;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    opacity: 0;
    transition: 0.6s ease-out transform 0.6s, 1s ease-out opacity 0.7s;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead {
    -webkit-animation: fadeIn ease-out 2s forwards 0.5s;
    animation: fadeIn ease-out 2s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead::before {
    --linewidth: 90px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1.is-inview .heading-wrap .heading-area-02 .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1.is-inview .tabs-container .tabs-menu {
    -webkit-animation: fadeInRight ease-out 1s forwards 0.5s;
    animation: fadeInRight ease-out 1s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-courseDetail .csec-1.is-inview .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6 {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
#ui-area .public-layout #content-wrapper-aboutus .tabs-container .tabs-menu .tab-link a {
    padding: 0.8rem 1rem;
}
#ui-area .public-layout .cc-area-custom .tabs-container .batch-card {
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    border: none;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    /* margin-bottom: 30px; */
    /* height: 100%; */
}
#ui-area .public-layout .cc-area-custom .tabs-container .batch-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
#ui-area .public-layout .cc-area-custom .tabs-container .card-header {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    padding: 1.25rem;
}
#ui-area .public-layout .cc-area-custom .tabs-container .batch-id {
    font-size: 18px;
    color: var(--heading-color);
    font-weight: 700;
    margin-bottom: 10px;
}
#ui-area .public-layout .cc-area-custom .tabs-container .training-center {
    display: flex;
    align-items: center;
    color: #444;
    font-weight: 500;
}
#ui-area .public-layout .cc-area-custom .tabs-container .training-center svg {
    color: var(--heading-color);
    margin-right: 8px;
}
#ui-area .public-layout .cc-area-custom .tabs-container .card-body {
    padding: 1.25rem;
}
#ui-area .public-layout .cc-area-custom .tabs-container .info-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    color: #444;
}
#ui-area .public-layout .cc-area-custom .tabs-container .info-item svg {
    margin-right: 10px;
    width: 16px;
    color: #444;
    margin-top: 4px;
}
#ui-area .public-layout .cc-area-custom .tabs-container .btn-enroll {
    background-color: var(--heading-color);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 500;
    transition: background-color 0.3s;
    font-size: var(--paragraph);
}
#ui-area .public-layout .cc-area-custom .tabs-container .btn-enroll:hover {
    background-color: #442676;
    color: #fff;
}
#ui-area .public-layout .cc-area-custom .tabs-container .cst-section {
    padding: 40px var(--containerPadding) 20px var(--containerPadding);
    background-color: #f9f9f9;
}
#ui-area .public-layout .cc-area-custom .csec-1 .heading-area-02 {
    padding: 0 var(--containerPadding) 0 var(--containerPadding);
    width: 60%;
}
/* payment section */
#ui-area .public-layout #content-wrapper-payment .csec-2 .heading-area-02 .bb-subhead::before {
    content: "";
    background: var(--subheading-color);
    top: 50%;
    width: 0;
    height: 2px;
    left: 0;
    position: absolute;
}
#ui-area .public-layout #content-wrapper-payment .csec-2.is-inview .heading-area-02 .bb-subhead::before {
    --linewidth: 90px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-payment .csec-2 .heading-area-02 .outer-bbhead {
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-payment .csec-2 .heading-area-02 .bb-heading {
    --marginBt: 1.8rem;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    font-size: var(--heading1) !important;
    line-height: var(--lineheighth1) !important;
    margin-bottom: var(--marginBt);
    -webkit-transform: translate(0, calc(100% + var(--marginBt)));
    transform: translate(0, calc(100% + var(--marginBt)));
    color: var(--heading-color);
}
#ui-area .public-layout #content-wrapper-payment .csec-2.is-inview .heading-area-02 .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-payment .csec-2 .heading-area-02 .bb-subhead {
    display: block;
    position: relative;
    padding-left: 100px;
    font-size: var(--subheading1) !important;
    line-height: var(--lineheightsubh1) !important;
    margin-bottom: var(--subheadingmb);
    opacity: 0;
}
#ui-area .public-layout #content-wrapper-payment .csec-2.is-inview .heading-area-02 .bb-subhead {
    -webkit-animation: fadeIn ease-out 2s forwards 0.5s;
    animation: fadeIn ease-out 2s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-payment .csec-2 .heading-area-02 .bb-subhead::before {
    content: "";
    background: var(--subheading-color);
    top: 50%;
    width: 0;
    height: 2px;
    left: 0;
    position: absolute;
}
#ui-area .public-layout #content-wrapper-payment .csec-2.is-inview .heading-area-02 .bb-subhead::before {
    --linewidth: 90px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-payment .csec-2.is-inview .heading-area-02 .bb-subhead {
    -webkit-animation: fadeIn ease-out 2s forwards 0.5s;
    animation: fadeIn ease-out 2s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-payment .csec-2.is-inview .heading-area-02 .bb-subhead::before {
    --linewidth: 90px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-payment .csec-2.is-inview .heading-area-02 .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-payment .cst-section {
    padding: var(--sectionPaddingtop) 0;
}
#ui-area .public-layout #content-wrapper-payment .payment-card {
    background: var(--sectionBg);
}
#ui-area .public-layout #content-wrapper-payment .payment-card button {
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    background-color: var(--heading-color);
    border-color: var(--heading-color);
    padding-block: 0.75rem;
    font-size: var(--paragraph);
}
#ui-area .public-layout #content-wrapper-payment .payment-card button:hover {
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    background-color: var(--heading-color);
    border-color: var(--heading-color);
}
#ui-area .invalid-feedback {
    font-family: "ITC Avant Garde Pro Md", sans-serif;
}
#ui-area .public-layout #content-wrapper-payment .payment-card .card-type-selector {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
    width: 50%;
}
#ui-area .public-layout #content-wrapper-payment .payment-card .card-option {
    border: 2px solid #e9ecef;
    border-radius: 12px;
    padding: 1rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: white;
    position: relative;
}
#ui-area .public-layout #content-wrapper-payment .payment-card .card-option:hover {
    border-color: var(--backTopColor);
    background: #f8f9fa;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.15);
}
#ui-area .public-layout #content-wrapper-payment .payment-card .card-option.selected {
    border-color: var(--backTopColor);
    background: #e3f2fd;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.2);
}
#ui-area .public-layout #content-wrapper-payment .payment-card .card-option.selected::after {
    content: "✓";
    position: absolute;
    top: 10px;
    right: 15px;
    background: var(--backTopColor);
    color: white;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
}
#ui-area .public-layout #content-wrapper-payment .payment-card .card-icon {
    font-size: 2rem;
    margin: 0 auto 8px;
    display: block;
    color: var(--backTopBgColor);
}
#ui-area .public-layout #content-wrapper-payment .payment-card .card-option h6 {
    margin-bottom: 0;
    font-weight: 600;
    color: #333;
}
#ui-area .public-layout #content-wrapper-payment .payment-card .card-option small {
    color: #666;
    font-size: 0.85rem;
}
#ui-area .public-layout #content-wrapper-payment .payment-card .payment-form-section {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 25px;
    margin-top: 30px;
    display: none;
}
#ui-area .public-layout #content-wrapper-payment .payment-card .payment-form-section.active {
    display: block;
    animation: fadeInUp 0.4s ease;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
#ui-area .public-layout #content-wrapper-payment .payment-card .selected-card-display {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#ui-area .public-layout #content-wrapper-payment .payment-card .selected-card-info {
    display: flex;
    align-items: center;
    gap: 10px;
}
#ui-area .public-layout #content-wrapper-payment .payment-card .order-summary {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
}
#ui-area .public-layout #content-wrapper-payment .payment-card .summary-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 8px 0;
}
#ui-area .public-layout #content-wrapper-payment .payment-card .summary-row.total {
    border-top: 2px solid #dee2e6;
    margin-top: 15px;
    padding-top: 15px;
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 0;
    padding-bottom: 0;
}
#ui-area .public-layout #content-wrapper-payment .payment-card .summary-row.total-payment {
    color: var(--heading-color);
    margin-bottom: 0;
}
#ui-area .public-layout #content-wrapper-payment .payment-card .security-notice {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    padding: 15px;
    margin: 20px 0;
    color: #155724;
}
@media (max-width: 768px) {
    #ui-area .public-layout #content-wrapper-payment .payment-card .card-type-selector {
        grid-template-columns: 1fr;
    }
    #ui-area .public-layout #content-wrapper-payment .payment-card .payment-form-section .row {
        flex-direction: column;
    }
}
/* confirmation page */
  #ui-area .public-layout #content-wrapper-confirmation .confirmation-container {
    max-width: 800px;
    margin: 0 auto;
  }
  #ui-area .public-layout #content-wrapper-confirmation .success-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #28a745, #20c997);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    animation: successPulse 2s ease-in-out infinite;
  }
  #ui-area .public-layout #content-wrapper-confirmation .success-icon i {
    font-size: 40px;
    color: white;
  }
  @keyframes successPulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7); }
    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(40, 167, 69, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(40, 167, 69, 0); }
  }
  #ui-area .public-layout #content-wrapper-confirmation .confirmation-header {
    text-align: center;
    margin-bottom: 40px;
  }
  #ui-area .public-layout #content-wrapper-confirmation .confirmation-header h2 {
    color: #28a745;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #ui-area .public-layout #content-wrapper-confirmation .confirmation-header p {
    color: #6c757d;
    font-size: 1.1rem;
  }
  #ui-area .public-layout #content-wrapper-confirmation .confirmation-details {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  }
  #ui-area .public-layout #content-wrapper-confirmation .detail-section {
    padding: 25px;
    border-bottom: 1px solid #f1f3f4;
  }
  #ui-area .public-layout #content-wrapper-confirmation .detail-section:last-child {
    border-bottom: none;
  }
  #ui-area .public-layout #content-wrapper-confirmation .detail-section h5 {
    color: #495057;
    margin-bottom: 20px;
    font-size: 1.2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  #ui-area .public-layout #content-wrapper-confirmation .detail-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f8f9fa;
  }
  #ui-area .public-layout #content-wrapper-confirmation .detail-row:last-child {
    border-bottom: none;
  }
  #ui-area .public-layout #content-wrapper-confirmation .detail-label {
    font-weight: 500;
    color: #6c757d;
  }
  #ui-area .public-layout #content-wrapper-confirmation .detail-value {
    font-weight: 600;
    color: #495057;
  }
  #ui-area .public-layout #content-wrapper-confirmation .amount-highlight {
    color: #28a745 !important;
    font-size: 1.2rem;
  }
  #ui-area .public-layout #content-wrapper-confirmation .payment-method-info {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  #ui-area .public-layout #content-wrapper-confirmation .card-icon-small {
    font-size: 1.2rem;
  }
  #ui-area .public-layout #content-wrapper-confirmation .next-steps {
    background: #e3f2fd;
    border: 1px solid #bbdefb;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 30px;
  }
  .next-steps h5 {
    color: #1976d2;
    margin-bottom: 15px;
    font-weight: 600;
  }
  #ui-area .public-layout #content-wrapper-confirmation .next-steps ul {
    margin: 0;
    padding-left: 20px;
  }
  #ui-area .public-layout #content-wrapper-confirmation .next-steps li {
    margin-bottom: 10px;
    color: #0d47a1;
  }
  #ui-area .public-layout #content-wrapper-confirmation .action-buttons {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
  }
  #ui-area .public-layout #content-wrapper-confirmation .transaction-id {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 20px;
    text-align: center;
  }
  #ui-area .public-layout #content-wrapper-confirmation .transaction-id strong {
    font-family: monospace;
    font-size: 1.1rem;
    color: #495057;
  }
  @media (max-width: 768px) {
    #ui-area .public-layout #content-wrapper-confirmation .detail-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 5px;
    }
    #ui-area .public-layout #content-wrapper-confirmation .action-buttons {
      flex-direction: column;
    }
    #ui-area .public-layout #content-wrapper-confirmation .action-buttons .btn {
      width: 100%;
    }
  }
  @media print {
    #ui-area .public-layout #content-wrapper-confirmation .action-buttons, .next-steps {
      display: none;
    }
    #ui-area .public-layout #content-wrapper-confirmation .confirmation-details {
      box-shadow: none;
      border: 2px solid #dee2e6;
    }
  }
/* about us page */
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .heading-wrap .heading-area-02 .outer-bbhead {
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .heading-wrap .heading-area-02 .bb-heading {
    --marginBt: 1.8rem;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    font-size: var(--heading1) !important;
    line-height: var(--lineheighth1) !important;
    margin-bottom: var(--marginBt);
    -webkit-transform: translate(0, calc(100% + var(--marginBt)));
    transform: translate(0, calc(100% + var(--marginBt)));
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1.is-inview .heading-wrap .heading-area-02 .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .heading-wrap .heading-area-02 .bb-subhead {
    display: block;
    position: relative;
    padding-left: 100px;
    font-size: var(--subheading1) !important;
    line-height: var(--lineheightsubh1) !important;
    margin-bottom: var(--subheadingmb);
    opacity: 0;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead {
    -webkit-animation: fadeIn ease-out 2s forwards 0.5s;
    animation: fadeIn ease-out 2s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .heading-wrap .heading-area-02 .bb-subhead::before {
    content: "";
    background: var(--subheading-color);
    top: 50%;
    width: 0;
    height: 2px;
    left: 0;
    position: absolute;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead::before {
    --linewidth: 90px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container {
    margin-bottom: 0;
    position: relative;
    display: flex;
    align-items: flex-start;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-menu {
    -webkit-user-select: none;
    user-select: none;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    opacity: 0;
    border: none;
    min-width: 300px;
    background: rgba(105, 73, 158, 0.1);
    padding: 1rem;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(105, 73, 158, 0.2);
}
#ui-area .public-layout #content-wrapper-aboutus .tabs-container .cst-section {
    padding: 40px;
    border-radius: 15px;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-menu li {
    padding: 0;
    width: 100%;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 blockquote {
    font-family: "lexia", serif;
    font-style: italic;
    font-weight: 600;
    color: var(--heading-color);
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 p {
    line-height: 1.6;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 strong {
    display: flex;
    font-family: "lexia", serif;
    font-size: calc(var(--heading1) + 30px);
    margin-top: 1rem;
    margin-bottom: -1rem;
    color: var(--primary);
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 strong.strong2 {
    margin-top: 2rem;
    margin-bottom: 0;
    justify-content: flex-end;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .img-bg {
    background-color: #bfd0ff;
    align-self: flex-start;
    border-radius: 135px;
    overflow: hidden;
    width: 230px;
    min-width: 230px;
    margin-right: 2rem;
    height: 400px;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .ceo-sec .title {
    margin-top: 1.5rem;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .ceo-sec .text {
    line-height: 1.4;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .ceo-sec footer {
    font-family: "Lexia", serif;
    padding-right: 2rem;
    line-height: 1.4;
}
.ceoimg-size {
    object-fit: contain;
    object-position: bottom;
    height: 100%;
    filter: grayscale(1);
}
.tilt {
    transform: scaleX(-1) translateX(20px);
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-menu li:first-child {
    padding-left: 0;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-menu li:last-child {
    padding-right: 0;
    border-right: none;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-menu li::before {
    display: none;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-menu li h3 {
    background: #fff !important;
    color: #1b1c1c !important;
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    cursor: pointer;
    padding: 0.3rem 1rem !important;
    line-height: normal !important;
    margin-bottom: 0 !important;
    border-radius: 50px;
    transition: 0.4s background ease;
    will-change: background;
    font-size: var(--subheading1) !important;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-menu li:hover h3,
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-menu li:focus h3 {
    background: #d3e3e9 !important;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-menu li.active h3 {
    background: var(--subheading-color) !important;
    color: #fff !important;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-content {
    background: transparent;
    padding: 0 0 0 1rem;
    border: none;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6:nth-child(1) {
    -webkit-user-select: none;
    user-select: none;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    opacity: 0;
    transition: 0.6s ease-out transform 0.6s, 1s ease-out opacity 0.7s;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6:nth-child(2) {
    -webkit-user-select: none;
    user-select: none;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    opacity: 0;
    transition: 0.6s ease-out transform 0.6s, 1s ease-out opacity 0.7s;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead {
    -webkit-animation: fadeIn ease-out 2s forwards 0.5s;
    animation: fadeIn ease-out 2s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead::before {
    --linewidth: 90px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1.is-inview .heading-wrap .heading-area-02 .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1.is-inview .tabs-container .tabs-menu {
    -webkit-animation: fadeInLeft ease-out 1s forwards 0.5s;
    animation: fadeInLeft ease-out 1s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-aboutus .csec-1.is-inview .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6 {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
#ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link a {
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    margin-bottom: 0 !important;
    padding: 0.3rem 1rem;
    background-color: transparent !important;
    color: #1b1c1c !important;
    line-height: normal !important;
    margin-bottom: 0 !important;
    border-radius: 50px;
    transition: 0.4s background ease;
    will-change: background;
    text-transform: uppercase;
}
#ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link a.active {
    text-decoration: none;
    background: var(--subheading-color) !important;
    color: #fff !important;
}
#ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:hover a {
    text-decoration: none;
    background: var(--subheading-color) !important;
    color: #fff !important;
}
#ui-area .public-layout .cc-area-custom .tabs-container .batch-card {
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    border: none;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    /* margin-bottom: 30px; */
    /* height: 100%; */
}
#ui-area .public-layout .cc-area-custom .tabs-container .batch-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
#ui-area .public-layout .cc-area-custom .tabs-container .card-header {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    padding: 1.25rem;
}
#ui-area .public-layout .cc-area-custom .tabs-container .batch-id {
    font-size: 18px;
    color: var(--heading-color);
    font-weight: 700;
    margin-bottom: 10px;
}
#ui-area .public-layout .cc-area-custom .tabs-container .training-center {
    display: flex;
    align-items: center;
    color: #444;
    font-weight: 500;
}
#ui-area .public-layout .cc-area-custom .tabs-container .training-center svg {
    color: var(--heading-color);
    margin-right: 8px;
}
#ui-area .public-layout .cc-area-custom .tabs-container .card-body {
    padding: 1.25rem;
}
#ui-area .public-layout .cc-area-custom .tabs-container .info-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    color: #444;
}
#ui-area .public-layout .cc-area-custom .tabs-container .info-item svg {
    margin-right: 10px;
    width: 16px;
    color: #444;
    margin-top: 4px;
}
#ui-area .public-layout .cc-area-custom .tabs-container .btn-enroll {
    background-color: var(--heading-color);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 500;
    transition: background-color 0.3s;
    font-size: var(--paragraph);
}
#ui-area .public-layout .cc-area-custom .tabs-container .btn-enroll:hover {
    background-color: #442676;
    color: #fff;
}
#ui-area .public-layout .cc-area-custom .tabs-container .cst-section {
    padding: 40px var(--containerPadding) 20px var(--containerPadding);
    background-color: #f9f9f9;
}
#ui-area .public-layout .cc-area-custom .csec-1 .heading-area-02 {
    padding: 0 var(--containerPadding) 0 var(--containerPadding);
    width: 60%;
}
/* contact us */
#ui-area .public-layout .banner-content-lay .heading-area-01 {
    overflow: hidden;
    text-align: center;
    margin-top: 10rem;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead {
    display: inline-block;
    position: relative;
    margin-bottom: var(--subheadingmb);
    font-size: var(--subheading1) !important;
    line-height: var(--lineheightsubh1) !important;
    opacity: 0;
    color: white;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::before,
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::after {
    content: "";
    width: 0;
    background: var(--backTopBgColor);
    height: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::before {
    left: -60px;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::after {
    right: -60px;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .outer-bbhead {
    overflow: hidden;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-heading {
    --marginBt: var(--headingh1mb);
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    color: white;
    font-size: var(--heading1) !important;
    line-height: var(--lineheighth1) !important;
    margin-bottom: var(--marginBt);
    opacity: 0;
    -webkit-transform: translate(0, calc(100% + var(--marginBt)));
    transform: translate(0, calc(100% + var(--marginBt)));
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .inner-container {
    opacity: 0;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
}
#ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-subhead {
    -webkit-animation: fadeIn ease-out 2s forwards 0.5s;
    animation: fadeIn ease-out 2s forwards 0.5s;
}
#ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-subhead::before,
#ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-subhead::after {
    --linewidth: 50px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .inner-container {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .cst-section {
    padding-top: 0;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-1 {
    margin-top: -4rem;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .card {
    border: none;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(105, 73, 158, 0.2);
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-1 .card {
    min-height: 232px;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-1 .card .card-body {
    padding-block: 2rem;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-1 .card .card-body p {
    padding-bottom: 0;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .card .card-body svg {
    width: var(--heading2);
    height: var(--heading2);
    color: var(--heading-color);
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .card .card-body .card-title {
    color: var(--heading-color);
    letter-spacing: -2px;
    font-size: calc(var(--heading3) - 6px);
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .card .card-body p,
#ui-area .public-layout #content-wrapper-contact .csec-2 .card .card-body a {
    color: #444;
    font-size: var(--paragraph);
    line-height: 1.4;
    font-family: "Poppins", serif;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .card .card-body .card-link:hover {
    color: var(--backTopBgColor);
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-2 {
    padding-bottom: var(--sectionPaddingtop);
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-2 .card-title {
    text-transform: capitalize;
}
#ui-area .public-layout input,
#ui-area .public-layout select {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    height: var(--fieldHeight) !important;
    border-radius: 8px;
}
#ui-area .public-layout textarea {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px;
    font-family: "ITC Avant Garde Gothic", sans-serif;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-2 .card .btn-custom {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: var(--cstbtnWidth);
    background: transparent;
    border: none;
    box-shadow: none;
    color: var(--heading-color);
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    font-size: var(--cstbtnFontsize) !important;
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    letter-spacing: var(--cstbtnletterSpace);
    padding-left: var(--cstbtnPaddingleft) !important;
    text-align: left;
    line-height: 14px;
    transition: padding-left 0.35s, color 0.1s;
    will-change: padding-left, color;
    border-radius: 50px !important;
    white-space: nowrap;
    /* padding: var(--btnPadding) !important; */
    line-height: normal !important;
    max-width: 100%;
    margin-top: 2rem;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-2 .card .card-body svg {
    width: var(--heading5);
    height: var(--heading5);
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-2 .card .card-body h6 {
    line-height: 1.4;
    letter-spacing: 0;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-2 .card .card-body h1 {
    font-size: var(--heading1);
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-2 .card .btn-custom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-decoration: none !important;
    outline: none !important;
    width: var(--cstbtnWidth);
    height: var(--cstbtnWidth);
    display: inline-block;
    border-radius: 160px;
    background: var(--heading-color);
    background: radial-gradient(circle, var(--heading-color), #fff, #fff);
    background-repeat: no-repeat;
    background-size: 0% 0%;
    background-position: center;
    border: 1px solid var(--backTopBgColor) !important;
    border-right-color: transparent !important;
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: 0.2s background ease-in, 0.2s border-color ease-in;
    will-change: background, border-color;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-2 .card .btn-custom::after {
    content: "";
    left: var(--cstbtniconLeft);
    background: url(../img/slider-arrowN.svg) no-repeat;
    width: var(--cstbtniconWidth) !important;
    height: var(--cstbtniconHeight) !important;
    top: 50%;
    z-index: 2;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: 0.35s left, 0.2s filter;
    -webkit-filter: hue-rotate(45deg);
    filter: hue-rotate(45deg);
    will-change: left, filter;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-2 .card .btn-custom:hover {
    color: var(--backTopBgColor);
    padding-left: var(--cstbtnPaddingleftHover) !important;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-2 .card .btn-custom:hover::before {
    background-size: 2000% 2000%;
    border-color: var(--heading-color) !important;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-2 .card .btn-custom:hover::after {
    left: calc(var(--cstbtniconLeft) + 8px);
    -webkit-filter: invert(1) brightness(2);
    filter: invert(1) brightness(2);
}
#ui-area .public-layout #content-wrapper-contact .shadow-none {
    box-shadow: none !important;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-2 .card-addresses {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: rgba(105, 73, 158, 0.1);
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-2 .card-addresses .card-body .addresses-div:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-2 .card-addresses .card-body p {
    padding-bottom: 0;
}
#ui-area .public-layout #content-wrapper-contact .csec-2 .csec-section-2 .card-form .card-body {
    padding-block: 0;
}
#ui-area .public-layout #content-wrapper-contact .contact-map {
    width: 100%;
    border: none;
}
/* Activities */
#ui-area .public-layout #content-wrapper-activities .amenities-griding-odd,
#ui-area .public-layout #content-wrapper-activities .amenities-griding-even {
    display: flex;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 {
    position: relative;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 {
    width: 100%;
    padding: 0;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .outer-bbhead {
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .bb-subhead {
    display: block;
    position: relative;
    padding-left: 100px;
    font-size: var(--subheading1) !important;
    line-height: var(--lineheightsubh1) !important;
    margin-bottom: var(--subheadingmb);
    opacity: 0;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .bb-subhead::before {
    content: "";
    background: var(--backTopBgColor);
    top: 50%;
    width: 0;
    height: 2px;
    left: 0;
    position: absolute;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .bb-heading {
    --marginBt: 0;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    color: var(--heading-color);
    font-size: var(--heading1) !important;
    line-height: var(--lineheighth1) !important;
    margin-bottom: var(--marginBt);
    -webkit-transform: translate(0, calc(100% + var(--marginBt)));
    transform: translate(0, calc(100% + var(--marginBt)));
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .bb-subhead {
    padding-left: 137px;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container {
    padding-left: 139px;
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container .bb-paragraph {
    opacity: 0;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container .bb-para-01 {
    padding-bottom: 0.8rem !important;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: var(--cstbtnWidth);
    background: transparent;
    border: none;
    box-shadow: none;
    color: var(--heading-color);
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    font-size: var(--cstbtnFontsize) !important;
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    letter-spacing: var(--cstbtnletterSpace);
    padding-left: var(--cstbtnPaddingleft) !important;
    text-align: left;
    line-height: 14px;
    transition: padding-left 0.35s, color 0.1s;
    will-change: padding-left, color;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-decoration: none !important;
    outline: none !important;
    width: var(--cstbtnWidth);
    height: var(--cstbtnWidth);
    display: inline-block;
    border-radius: 160px;
    background: var(--heading-color);
    background: radial-gradient(circle, var(--heading-color), #fff, #fff);
    background-repeat: no-repeat;
    background-size: 0% 0%;
    background-position: center;
    border: 1px solid var(--backTopBgColor) !important;
    border-right-color: transparent !important;
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: 0.2s background ease-in, 0.2s border-color ease-in;
    will-change: background, border-color;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom::after {
    content: "";
    left: var(--cstbtniconLeft);
    background: url(../img/slider-arrowN.svg) no-repeat;
    width: var(--cstbtniconWidth) !important;
    height: var(--cstbtniconHeight) !important;
    top: 50%;
    z-index: 2;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: 0.35s left, 0.2s filter;
    will-change: left, filter;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom:hover {
    color: var(--backTopBgColor);
    padding-left: var(--cstbtnPaddingleftHover) !important;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom:hover::before {
    background-size: 2000% 2000%;
    border-color: var(--heading-color) !important;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom:hover::after {
    left: calc(var(--cstbtniconLeft) + 8px);
    -webkit-filter: invert(1) brightness(2);
    filter: invert(1) brightness(2);
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .scroll-downs {
    position: absolute;
    bottom: -4%;
    width: auto;
    height: auto;
    z-index: 23;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: flex;
    align-items: center;
    right: 17%;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .scroll-downs p {
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    font-size: 12px;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--heading-color);
    line-height: normal;
    padding: 0;
    order: 2;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .scroll-downs #slider_scrollDown {
    position: relative !important;
    display: block;
    height: auto;
    text-align: center;
    padding-right: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    order: 1;
}
#ui-area .public-layout #content-wrapper-activities .csec-1 .scroll-downs #slider_scrollDown .scrollarrow {
    display: block;
    background-color: var(--backTopBgColor);
    pointer-events: none;
    width: 99px;
    height: 2px;
}
#ui-area .public-layout #content-wrapper-activities .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead {
    -webkit-animation: fadeIn ease-out 2s forwards 0.5s;
    animation: fadeIn ease-out 2s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-activities .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead::before {
    --linewidth: 127px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-activities .csec-1.is-inview .heading-wrap .heading-area-02 .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-activities .csec-1.is-inview .heading-wrap .heading-area-02 .inner-container .bb-paragraph {
    -webkit-animation: fadeInLeft ease-out 2s forwards 0.5s;
    animation: fadeInLeft ease-out 2s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-activities .csec-5 {
    position: relative;
    z-index: 2;
}
#ui-area .public-layout #content-wrapper-activities .csec-6 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 0 0 var(--sectionPaddingtop);
}
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 {
    overflow: hidden;
    text-align: center;
}
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .bb-subhead {
    display: inline-block;
    position: relative;
    margin-bottom: var(--subheadingmb);
    font-size: var(--subheading1) !important;
    line-height: var(--lineheightsubh1) !important;
    opacity: 0;
}
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .bb-subhead::before,
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .bb-subhead::after {
    content: "";
    width: 0;
    background: var(--backTopBgColor);
    height: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .bb-subhead::before {
    left: -60px;
}
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .bb-subhead::after {
    right: -60px;
}
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .outer-bbhead {
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .bb-heading {
    --marginBt: var(--headingh1mb);
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    color: var(--heading-color);
    font-size: var(--heading1) !important;
    line-height: var(--lineheighth1) !important;
    margin-bottom: var(--marginBt);
    opacity: 0;
    -webkit-transform: translate(0, calc(100% + var(--marginBt)));
    transform: translate(0, calc(100% + var(--marginBt)));
}
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .btn-custom2 {
    position: relative;
    align-items: center;
    height: var(--cstbtnWidth2);
    background: transparent;
    border: none;
    box-shadow: none;
    color: var(--heading-color);
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    font-size: var(--cstbtnFontsize2) !important;
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    letter-spacing: var(--cstbtnletterSpace2);
    padding: 0 !important;
    display: inline-flex;
    flex-direction: column;
    width: auto;
    transition: 0.3s color linear;
    will-change: color;
}
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .btn-custom2 .border1,
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .btn-custom2 .border2 {
    position: relative;
    width: var(--cstbtnWidth2);
    height: calc(var(--cstbtnWidth2) / 2);
    overflow: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .btn-custom2 .border1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-decoration: none !important;
    outline: none !important;
    width: var(--cstbtnWidth2);
    height: var(--cstbtnWidth2);
    display: inline-block;
    border-radius: 160px;
    text-shadow: none !important;
    box-shadow: none !important;
    border: var(--cstbtnBorder2) solid var(--backTopBgColor);
    transition: border-left-color 0.2s cubic-bezier(0.4, 0, 1, 1), border-top-color 0.2s cubic-bezier(0.4, 0, 1, 1) 0.2s, border-right-color 0.2s cubic-bezier(0.4, 0, 1, 1) 0.4s;
    will-change: border-color;
}
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .btn-custom2 .border2::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-decoration: none !important;
    outline: none !important;
    width: var(--cstbtnWidth2);
    height: var(--cstbtnWidth2);
    display: inline-block;
    border-radius: 160px;
    text-shadow: none !important;
    box-shadow: none !important;
    border: var(--cstbtnBorder2) solid var(--backTopBgColor);
    transition: border-right-color 0.25s linear, border-bottom-color 0.25s linear 0.2s, border-left-color 0.25s linear 0.3s;
    will-change: border-color;
}
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .btn-custom2:hover,
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .btn-custom2:focus {
    color: var(--backTopBgColor);
}
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .btn-custom2:hover .border1::before,
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .btn-custom2:focus .border1::before {
    border-top-color: var(--heading-color);
    border-right-color: var(--heading-color);
    border-left-color: var(--heading-color);
}
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .btn-custom2:hover .border2::before,
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .btn-custom2:focus .border2::before {
    border-bottom-color: var(--heading-color);
    border-right-color: var(--heading-color);
    border-left-color: var(--heading-color);
}
#ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .inner-container {
    opacity: 0;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
}
#ui-area .public-layout #content-wrapper-activities .csec-6.is-inview .heading-area-01 .bb-subhead {
    -o-animation: fadeIn ease-out 2s forwards 0.5s;
    -moz-animation: fadeIn ease-out 2s forwards 0.5s;
    -webkit-animation: fadeIn ease-out 2s forwards 0.5s;
    animation: fadeIn ease-out 2s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-activities .csec-6.is-inview .heading-area-01 .bb-subhead::before,
#ui-area .public-layout #content-wrapper-activities .csec-6.is-inview .heading-area-01 .bb-subhead::after {
    --linewidth: 50px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-activities .csec-6.is-inview .heading-area-01 .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-activities .csec-6.is-inview .heading-area-01 .inner-container {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 {
    min-width: 280px;
}
#ui-area .public-layout #content-wrapper-activities .activity-card-main .cst-section {
    padding: 0 0 calc(var(--sectionPaddingtop) - 20px);
}
#ui-area .public-layout #content-wrapper-activities .activity-card {
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px;
    border: none;
    border-radius: 12px;
}
#ui-area .public-layout #content-wrapper-activities .activity-card .card-img-top {
    -webkit-animation: imageScale 5s ease infinite alternate;
    animation: imageScale 5s ease infinite alternate;
    height: 200px;
    object-fit: cover;
    max-width: 100%;
}
#ui-area .public-layout #content-wrapper-activities .activity-card .inner-container .activity-time p {
    padding-bottom: 1rem;
}
#ui-area .public-layout #content-wrapper-activities .activity-card .inner-container .activity-cat {
    margin-bottom: 1rem;
    width: 100%;
    overflow-x: auto;
}
#ui-area .public-layout #content-wrapper-activities .activity-card .inner-container .activity-cat .badge {
    font-family: "ITC Avant Garde Pro Md";
    background: var(--backTopBgColor);
    font-size: calc(var(--paragraph) - 2px);
    margin-right: 0.5rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-weight: 400;
}
#ui-area .public-layout #content-wrapper-activities .activity-card .inner-container .activity-location svg {
    color: var(--heading-color);
    font-size: var(--heading5);
    margin-right: 1rem;
}
#ui-area .public-layout #content-wrapper-activities .activity-card .inner-container .btn-enroll {
    background-color: var(--heading-color);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 500;
    transition: background-color 0.3s;
    font-family: "ITC Avant Garde Pro Md";
    font-size: var(--paragraph);
}
#ui-area .public-layout #content-wrapper-activities .activity-card .inner-container .btn-enroll:hover {
    background-color: #442676;
    color: #fff;
}
/* activities detail */
#ui-area .public-layout .banner-content-lay .heading-area-01 {
    overflow: hidden;
    text-align: center;
    margin-top: 10rem;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead {
    display: inline-block;
    position: relative;
    margin-bottom: var(--subheadingmb);
    font-size: var(--subheading1) !important;
    line-height: var(--lineheightsubh1) !important;
    opacity: 0;
    color: white;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::before,
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::after {
    content: "";
    width: 0;
    background: var(--backTopBgColor);
    height: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::before {
    left: -60px;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::after {
    right: -60px;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .outer-bbhead {
    overflow: hidden;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-heading {
    --marginBt: var(--headingh1mb);
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    color: white;
    font-size: var(--heading1) !important;
    line-height: var(--lineheighth1) !important;
    margin-bottom: var(--marginBt);
    opacity: 0;
    -webkit-transform: translate(0, calc(100% + var(--marginBt)));
    transform: translate(0, calc(100% + var(--marginBt)));
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .inner-container {
    opacity: 0;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
}
#ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-subhead {
    -webkit-animation: fadeIn ease-out 2s forwards 0.5s;
    animation: fadeIn ease-out 2s forwards 0.5s;
}
#ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-subhead::before,
#ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-subhead::after {
    --linewidth: 50px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .inner-container {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .cst-section {
    padding-top: 0;
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .csec-section-1 {
    margin-top: -4rem;
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .card {
    border: none;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(105, 73, 158, 0.2);
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .csec-section-1 .card {
    min-height: 232px;
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .csec-section-1 .card .card-body {
    padding-block: 2rem;
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .card .card-body {
    padding: 0;
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .card .card-body svg {
    width: var(--heading2);
    height: var(--heading2);
    color: var(--heading-color);
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .card .card-body .card-title {
    color: var(--heading-color);
    letter-spacing: -2px;
    font-size: calc(var(--heading3) - 6px);
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .card .card-body a {
    color: #444;
    font-size: var(--paragraph);
    line-height: 1.4;
    font-family: "Poppins", serif;
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .card .card-body .card-link:hover {
    color: var(--backTopBgColor);
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .csec-section-2 {
    padding-bottom: var(--sectionPaddingtop);
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .csec-section-2 .card-title {
    text-transform: capitalize;
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .csec-section-2 .card .btn-custom {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: var(--cstbtnWidth);
    background: transparent;
    border: none;
    box-shadow: none;
    color: var(--heading-color);
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    font-size: var(--cstbtnFontsize) !important;
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    letter-spacing: var(--cstbtnletterSpace);
    padding-left: var(--cstbtnPaddingleft) !important;
    text-align: left;
    line-height: 14px;
    transition: padding-left 0.35s, color 0.1s;
    will-change: padding-left, color;
    border-radius: 50px !important;
    white-space: nowrap;
    /* padding: var(--btnPadding) !important; */
    line-height: normal !important;
    max-width: 100%;
    margin-top: 2rem;
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .csec-section-2 .card .card-body svg {
    width: var(--heading5);
    height: var(--heading5);
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .csec-section-2 .card .card-body h6 {
    line-height: 1.4;
    letter-spacing: 0;
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .csec-section-2 .card .card-body h1 {
    font-size: var(--heading1);
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .csec-section-2 .card .btn-custom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-decoration: none !important;
    outline: none !important;
    width: var(--cstbtnWidth);
    height: var(--cstbtnWidth);
    display: inline-block;
    border-radius: 160px;
    background: var(--heading-color);
    background: radial-gradient(circle, var(--heading-color), #fff, #fff);
    background-repeat: no-repeat;
    background-size: 0% 0%;
    background-position: center;
    border: 1px solid var(--backTopBgColor) !important;
    border-right-color: transparent !important;
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: 0.2s background ease-in, 0.2s border-color ease-in;
    will-change: background, border-color;
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .csec-section-2 .card .btn-custom::after {
    content: "";
    left: var(--cstbtniconLeft);
    background: url(../img/slider-arrowN.svg) no-repeat;
    width: var(--cstbtniconWidth) !important;
    height: var(--cstbtniconHeight) !important;
    top: 50%;
    z-index: 2;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: 0.35s left, 0.2s filter;
    -webkit-filter: hue-rotate(45deg);
    filter: hue-rotate(45deg);
    will-change: left, filter;
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .csec-section-2 .card .btn-custom:hover {
    color: var(--backTopBgColor);
    padding-left: var(--cstbtnPaddingleftHover) !important;
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .csec-section-2 .card .btn-custom:hover::before {
    background-size: 2000% 2000%;
    border-color: var(--heading-color) !important;
}
#ui-area .public-layout #content-wrapper-activitiesD .csec-2 .csec-section-2 .card .btn-custom:hover::after {
    left: calc(var(--cstbtniconLeft) + 8px);
    -webkit-filter: invert(1) brightness(2);
    filter: invert(1) brightness(2);
}
#ui-area .public-layout #content-wrapper-activitiesD .shadow-none {
    box-shadow: none !important;
}
/* swiper slider */
#ui-area .public-layout #content-wrapper-activitiesD .slider {
    color: #fff;
}
#ui-area .public-layout #content-wrapper-activitiesD .slider .swiper-container {
    width: 100%;
    height: 100%;
}
#ui-area .public-layout #content-wrapper-activitiesD .slider__flex {
    display: flex;
    align-items: flex-start;
}
#ui-area .public-layout #content-wrapper-activitiesD .slider__col {
    display: flex;
    flex-direction: column;
    width: 8vw;
    margin-right: 1.75vw;
}
#ui-area .public-layout #content-wrapper-activitiesD .slider__prev,
#ui-area .public-layout #content-wrapper-activitiesD .slider__next {
    cursor: pointer;
    text-align: center;
    font-size: var(--heading3);
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none;
}
#ui-area .public-layout #content-wrapper-activitiesD .slider__next {
    color: #444;
}
#ui-area .public-layout #content-wrapper-activitiesD .slider__prev:focus,
#ui-area .public-layout #content-wrapper-activitiesD .slider__next:focus {
    outline: none;
}
#ui-area .public-layout #content-wrapper-activitiesD .slider__thumbs {
    height: calc(400px - 96px);
}
#ui-area .public-layout #content-wrapper-activitiesD .slider__thumbs .slider__image {
    transition: 0.25s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}
#ui-area .public-layout #content-wrapper-activitiesD .slider__thumbs .slider__image:hover {
    opacity: 1;
}
#ui-area .public-layout #content-wrapper-activitiesD .slider__thumbs .swiper-slide-thumb-active .slider__image {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}
#ui-area .public-layout #content-wrapper-activitiesD .slider__images {
    height: 400px;
    /* flex-grow: 1; */
    width: 92vw;
}
#ui-area .public-layout #content-wrapper-activitiesD .slider__images .slider__image img {
    transition: 3s;
}
#ui-area .public-layout #content-wrapper-activitiesD .slider__images .slider__image:hover img {
    transform: scale(1.1);
}
#ui-area .public-layout #content-wrapper-activitiesD .slider__image {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-activitiesD .slider__image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
/* filter sidebar */
#ui-area .public-layout .filter-sidebar {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
#ui-area .public-layout .filter-sidebar a {
    font-family: "ITC Avant Garde Pro Md";
    color: var(--backTopBgColor);
    font-size: calc(var(--paragraph) - 2px);
    position: relative;
}
#ui-area .public-layout .filter-sidebar a:hover {
    color: var(--backTopBgColor);
}
#ui-area .public-layout .filter-sidebar a::before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    background: var(--backTopBgColor);
    bottom: 0px;
    height: 1px;
}
#ui-area .public-layout .filter-sidebar a:hover::before {
    --linewidth: 100%;
    -webkit-animation: widthTransform ease-out 0.4s forwards 0.3s;
    animation: widthTransform ease-out 0.4s forwards 0.3s;
}
#ui-area .public-layout .filter-sidebar .apply-filters {
    background-color: var(--heading-color);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 500;
    transition: background-color 0.3s;
    font-family: "ITC Avant Garde Pro Md";
}
#ui-area .public-layout .filter-sidebar .apply-filters:hover {
    background-color: #442676;
    color: #fff;
}
#ui-area .public-layout .filter-sidebar .filter-section {
    margin-bottom: 25px;
}
#ui-area .public-layout .filter-sidebar .filter-section .filter-title {
    font-size: var(--paragraph);
    font-weight: 600;
    color: #444;
    margin-bottom: 15px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 8px;
}
#ui-area .public-layout .filter-sidebar .filter-section .custom-checkbox {
    margin-bottom: 8px;
}
#ui-area .public-layout .filter-sidebar .filter-section .custom-checkbox .custom-control-label {
    font-size: calc(var(--paragraph) - 2px);
    color: #444;
    cursor: pointer;
    line-height: 1.8;
    font-family: "ITC Avant Garde Pro Md";
    font-weight: 400;
}
#ui-area .public-layout .filter-sidebar .filter-section .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--backTopBgColor);
    border-color: var(--backTopBgColor);
}
#ui-area .public-layout .filter-sidebar .filter-section .filter-count {
    color: #444;
    font-size: 12px;
    margin-left: 5px;
}
#ui-area .public-layout .filter-sidebar .filter-section .clear-filters {
    font-size: 13px;
    color: #dc3545;
    text-decoration: none;
    cursor: pointer;
}
#ui-area .public-layout .filter-sidebar .filter-section .clear-filters:hover {
    text-decoration: underline;
    color: #c82333;
}
#ui-area .public-layout .filter-sidebar .filter-section .apply-filters {
    background: linear-gradient(45deg, #007bff, #0056b3);
    border: none;
    padding: 10px 20px;
    border-radius: 25px;
    color: white;
    font-weight: 500;
    transition: all 0.3s ease;
}
#ui-area .public-layout .filter-sidebar .filter-section .apply-filters:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
}
#ui-area .public-layout .filter-sidebar .btn-outline-secondary {
    font-family: "ITC Avant Garde Pro Md";
    font-size: calc(var(--paragraph) - 2px);
}
/* Courses page */
#ui-area .public-layout #content-wrapper-courses .amenities-griding-odd,
#ui-area .public-layout #content-wrapper-courses .amenities-griding-even {
    display: flex;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 {
    position: relative;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 {
    width: 100%;
    padding: 0;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 .outer-bbhead {
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 .bb-subhead {
    display: block;
    position: relative;
    padding-left: 100px;
    font-size: var(--subheading1) !important;
    line-height: var(--lineheightsubh1) !important;
    margin-bottom: var(--subheadingmb);
    opacity: 0;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 .bb-subhead::before {
    content: "";
    background: var(--backTopBgColor);
    top: 50%;
    width: 0;
    height: 2px;
    left: 0;
    position: absolute;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 .bb-heading {
    --marginBt: 1.8rem;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    color: var(--heading-color);
    font-size: var(--heading1) !important;
    line-height: var(--lineheighth1) !important;
    margin-bottom: var(--marginBt);
    -webkit-transform: translate(0, calc(100% + var(--marginBt)));
    transform: translate(0, calc(100% + var(--marginBt)));
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 .bb-subhead {
    padding-left: 137px;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container {
    padding-left: 139px;
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container .bb-paragraph {
    opacity: 0;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container .bb-para-01 {
    padding-bottom: 0.8rem !important;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container .btn-custom {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: var(--cstbtnWidth);
    background: transparent;
    border: none;
    box-shadow: none;
    color: var(--heading-color);
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    font-size: var(--cstbtnFontsize) !important;
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    letter-spacing: var(--cstbtnletterSpace);
    padding-left: var(--cstbtnPaddingleft) !important;
    text-align: left;
    line-height: 14px;
    transition: padding-left 0.35s, color 0.1s;
    will-change: padding-left, color;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container .btn-custom::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-decoration: none !important;
    outline: none !important;
    width: var(--cstbtnWidth);
    height: var(--cstbtnWidth);
    display: inline-block;
    border-radius: 160px;
    background: var(--heading-color);
    background: radial-gradient(circle, var(--heading-color), #fff, #fff);
    background-repeat: no-repeat;
    background-size: 0% 0%;
    background-position: center;
    border: 1px solid var(--backTopBgColor) !important;
    border-right-color: transparent !important;
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    transition: 0.2s background ease-in, 0.2s border-color ease-in;
    will-change: background, border-color;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container .btn-custom::after {
    content: "";
    left: var(--cstbtniconLeft);
    background: url(../img/slider-arrowN.svg) no-repeat;
    width: var(--cstbtniconWidth) !important;
    height: var(--cstbtniconHeight) !important;
    top: 50%;
    z-index: 2;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: 0.35s left, 0.2s filter;
    will-change: left, filter;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container .btn-custom:hover {
    color: var(--backTopBgColor);
    padding-left: var(--cstbtnPaddingleftHover) !important;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container .btn-custom:hover::before {
    background-size: 2000% 2000%;
    border-color: var(--heading-color) !important;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container .btn-custom:hover::after {
    left: calc(var(--cstbtniconLeft) + 8px);
    -webkit-filter: invert(1) brightness(2);
    filter: invert(1) brightness(2);
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .scroll-downs {
    position: absolute;
    bottom: -4%;
    width: auto;
    height: auto;
    z-index: 23;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: flex;
    align-items: center;
    right: 17%;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .scroll-downs p {
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    font-size: 12px;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--heading-color);
    line-height: normal;
    padding: 0;
    order: 2;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .scroll-downs #slider_scrollDown {
    position: relative !important;
    display: block;
    height: auto;
    text-align: center;
    padding-right: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    order: 1;
}
#ui-area .public-layout #content-wrapper-courses .csec-1 .scroll-downs #slider_scrollDown .scrollarrow {
    display: block;
    background-color: var(--backTopBgColor);
    pointer-events: none;
    width: 99px;
    height: 2px;
}
#ui-area .public-layout #content-wrapper-courses .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead {
    -webkit-animation: fadeIn ease-out 2s forwards 0.5s;
    animation: fadeIn ease-out 2s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-courses .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead::before {
    --linewidth: 127px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-courses .csec-1.is-inview .heading-wrap .heading-area-02 .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-courses .csec-1.is-inview .heading-wrap .heading-area-02 #course-container .bb-paragraph {
    -webkit-animation: fadeInLeft ease-out 2s forwards 0.5s;
    animation: fadeInLeft ease-out 2s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-courses .csec-5 {
    position: relative;
    z-index: 2;
}
#ui-area .public-layout #content-wrapper-courses .csec-6 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 0 0 var(--sectionPaddingtop);
}
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 {
    overflow: hidden;
    text-align: center;
}
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .bb-subhead {
    display: inline-block;
    position: relative;
    margin-bottom: var(--subheadingmb);
    font-size: var(--subheading1) !important;
    line-height: var(--lineheightsubh1) !important;
    opacity: 0;
}
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .bb-subhead::before,
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .bb-subhead::after {
    content: "";
    width: 0;
    background: var(--backTopBgColor);
    height: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .bb-subhead::before {
    left: -60px;
}
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .bb-subhead::after {
    right: -60px;
}
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .outer-bbhead {
    overflow: hidden;
}
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .bb-heading {
    --marginBt: var(--headingh1mb);
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    color: var(--heading-color);
    font-size: var(--heading1) !important;
    line-height: var(--lineheighth1) !important;
    margin-bottom: var(--marginBt);
    opacity: 0;
    -webkit-transform: translate(0, calc(100% + var(--marginBt)));
    transform: translate(0, calc(100% + var(--marginBt)));
}
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .btn-custom2 {
    position: relative;
    align-items: center;
    height: var(--cstbtnWidth2);
    background: transparent;
    border: none;
    box-shadow: none;
    color: var(--heading-color);
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    font-size: var(--cstbtnFontsize2) !important;
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    letter-spacing: var(--cstbtnletterSpace2);
    padding: 0 !important;
    display: inline-flex;
    flex-direction: column;
    width: auto;
    transition: 0.3s color linear;
    will-change: color;
}
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .btn-custom2 .border1,
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .btn-custom2 .border2 {
    position: relative;
    width: var(--cstbtnWidth2);
    height: calc(var(--cstbtnWidth2) / 2);
    overflow: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .btn-custom2 .border1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-decoration: none !important;
    outline: none !important;
    width: var(--cstbtnWidth2);
    height: var(--cstbtnWidth2);
    display: inline-block;
    border-radius: 160px;
    text-shadow: none !important;
    box-shadow: none !important;
    border: var(--cstbtnBorder2) solid var(--backTopBgColor);
    transition: border-left-color 0.2s cubic-bezier(0.4, 0, 1, 1), border-top-color 0.2s cubic-bezier(0.4, 0, 1, 1) 0.2s, border-right-color 0.2s cubic-bezier(0.4, 0, 1, 1) 0.4s;
    will-change: border-color;
}
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .btn-custom2 .border2::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-decoration: none !important;
    outline: none !important;
    width: var(--cstbtnWidth2);
    height: var(--cstbtnWidth2);
    display: inline-block;
    border-radius: 160px;
    text-shadow: none !important;
    box-shadow: none !important;
    border: var(--cstbtnBorder2) solid var(--backTopBgColor);
    transition: border-right-color 0.25s linear, border-bottom-color 0.25s linear 0.2s, border-left-color 0.25s linear 0.3s;
    will-change: border-color;
}
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .btn-custom2:hover,
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .btn-custom2:focus {
    color: var(--backTopBgColor);
}
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .btn-custom2:hover .border1::before,
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .btn-custom2:focus .border1::before {
    border-top-color: var(--heading-color);
    border-right-color: var(--heading-color);
    border-left-color: var(--heading-color);
}
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .btn-custom2:hover .border2::before,
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .btn-custom2:focus .border2::before {
    border-bottom-color: var(--heading-color);
    border-right-color: var(--heading-color);
    border-left-color: var(--heading-color);
}
#ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 #course-container {
    opacity: 0;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
}
#ui-area .public-layout #content-wrapper-courses .csec-6.is-inview .heading-area-01 .bb-subhead {
    -o-animation: fadeIn ease-out 2s forwards 0.5s;
    -moz-animation: fadeIn ease-out 2s forwards 0.5s;
    -webkit-animation: fadeIn ease-out 2s forwards 0.5s;
    animation: fadeIn ease-out 2s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-courses .csec-6.is-inview .heading-area-01 .bb-subhead::before,
#ui-area .public-layout #content-wrapper-courses .csec-6.is-inview .heading-area-01 .bb-subhead::after {
    --linewidth: 50px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-courses .csec-6.is-inview .heading-area-01 .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout #content-wrapper-courses .csec-6.is-inview .heading-area-01 #course-container {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 {
    min-width: 280px;
}
#ui-area .public-layout .cst-section {
    padding: calc(var(--sectionPaddingtop) - 30px) 0 calc(var(--sectionPaddingtop) - 20px);
}
#ui-area .public-layout #content-wrapper-courses .course-card {
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px;
    border: none;
    border-radius: 12px;
}
#ui-area .public-layout #content-wrapper-courses .course-card-main .cst-section {
    padding-top: 0;
}
#ui-area .public-layout #content-wrapper-courses .course-card .course-price {
    background: var(--backTopBgColor);
    font-family: "ITC Avant Garde Pro Md";
    letter-spacing: 1px;
    font-size: calc(var(--paragraph) - 2px);
}
#ui-area .public-layout #content-wrapper-courses .course-card .card-img-top {
    -webkit-animation: imageScale 5s ease infinite alternate;
    animation: imageScale 5s ease infinite alternate;
    height: 200px;
    object-fit: cover;
    max-width: 100%;
}
#ui-area .public-layout #content-wrapper-courses .course-card #course-container .course-time p {
    padding-bottom: 1rem;
}
#ui-area .public-layout #content-wrapper-courses .course-card #course-container .course-cat {
    margin-bottom: 1rem;
}
#ui-area .public-layout #content-wrapper-courses .course-card #course-container .course-cat .badge {
    font-family: "ITC Avant Garde Pro Md";
    background: var(--backTopBgColor);
    font-size: calc(var(--paragraph) - 2px);
    margin-right: 0.5rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-weight: 400;
}
#ui-area .public-layout #content-wrapper-courses .course-card #course-container .course-location svg {
    color: var(--heading-color);
    font-size: var(--heading5);
    margin-right: 1rem;
}
#ui-area .public-layout .btn-enroll {
    background-color: var(--heading-color);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 500;
    transition: background-color 0.3s;
    font-family: "ITC Avant Garde Pro Md";
}
#ui-area .public-layout .btn-enroll:hover {
    background-color: #442676;
    color: #fff;
}
/* activities detail */
#ui-area .public-layout .banner-content-lay .heading-area-01 {
    overflow: hidden;
    text-align: center;
    margin-top: 10rem;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead {
    display: inline-block;
    position: relative;
    margin-bottom: var(--subheadingmb);
    font-size: var(--subheading1) !important;
    line-height: var(--lineheightsubh1) !important;
    opacity: 0;
    color: white;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::before,
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::after {
    content: "";
    width: 0;
    background: var(--backTopBgColor);
    height: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::before {
    left: -60px;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::after {
    right: -60px;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .outer-bbhead {
    overflow: hidden;
}
#ui-area .public-layout .banner-content-lay .heading-area-01 .bb-heading {
    --marginBt: var(--headingh1mb);
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    color: white;
    font-size: var(--heading1) !important;
    line-height: var(--lineheighth1) !important;
    margin-bottom: var(--marginBt);
    opacity: 0;
    -webkit-transform: translate(0, calc(100% + var(--marginBt)));
    transform: translate(0, calc(100% + var(--marginBt)));
}
#ui-area .public-layout .banner-content-lay .heading-area-01 #course-container {
    opacity: 0;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
}
#ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-subhead {
    -webkit-animation: fadeIn ease-out 2s forwards 0.5s;
    animation: fadeIn ease-out 2s forwards 0.5s;
}
#ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-subhead::before,
#ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-subhead::after {
    --linewidth: 50px;
    -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
    animation: widthTransform ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-heading {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
#ui-area .public-layout .banner-content-lay .heading-area-01.is-inview #course-container {
    -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s;
    animation: fadeInTop ease-out 0.6s forwards 0.5s;
}
/* content pages */
#ui-area .content-lay #content-wrapper-static #navbar {
    position: sticky;
    padding: 1rem;
    top: 0;
    z-index: 20;
    background-color: #f3f3f3;
    font-family: "ITC Avant Garde Pro Md", sans-serif;
    max-width: 340px;
    width: 340px;
}
#ui-area .content-lay #content-wrapper-static .csec-2 .cst-section {
    padding: var(--sectionPaddingtop) 0;
}
#ui-area .content-lay #content-wrapper-static .csec-2 #navbar.is-sticky {
    position: fixed;
    top: 0;
    z-index: 1000;
}
#ui-area .content-lay #content-wrapper-static .csec-2.is-inview #navbar.remove-fixed {
    position: sticky;
}
#ui-area .content-lay #content-wrapper-static #navbar:hover {
    padding-bottom: 1rem;
}
#ui-area .content-lay #content-wrapper-static #navbar > ul {
    max-height: 70vh;
    transition: max-height 1s ease-out;
    overflow-y: auto;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
}
#ui-area .content-lay #content-wrapper-static #navbar ul ul {
    list-style-type: inherit;
    padding-inline-start: 1.5rem;
}
/* #ui-area .content-lay #content-wrapper-static #navbar:hover > ul {
  max-height: 250px;
  transition: max-height 1s ease-in;
} */
#ui-area .content-lay #content-wrapper-static #navbar ul > li {
    margin-top: 1rem;
}
#ui-area .content-lay #content-wrapper-static #navbar ul > li > a.active {
    color: var(--backTopBgColor);
    font-weight: 600;
}
#ui-area .content-lay #content-wrapper-static #navbar ul > li > a {
    padding: 0;
    color: #444;
    font-family: "Poppins", serif;
    font-size: calc(var(--paragraph) - 2);
    line-height: 1.4;
}
#ui-area .content-lay #content-wrapper-static #navbar ul > li li {
    margin-top: 0.5rem;
    line-height: 2;
}
#ui-area .content-lay #content-wrapper-static .cst-section > header #navbar h4 {
    text-transform: uppercase;
    font-family: "ITC Avant Garde Pro Bold";
}
#ui-area .content-lay #content-wrapper-static #main-doc ol li {
    line-height: 1.8;
}
#ui-area .content-lay #content-wrapper-static #main-doc p {
    padding: 0 0 calc(var(--parapadding) - 10px);
}
#ui-area .content-lay #content-wrapper-static #main-doc section:not(.main-section) {
    padding-left: 1.5rem;
}
/* faq page */
#ui-area .content-lay #content-wrapper-faq {
    background: #f7fbff;
}
#ui-area .content-lay #content-wrapper-faq .csec-2 .cst-section {
    padding: var(--sectionPaddingtop) 0;
}
#ui-area .content-lay #content-wrapper-faq .section-title {
    margin-bottom: 54px;
}
#ui-area .content-lay #content-wrapper-faq .section-title h2 {
    margin-bottom: 22px;
}
#ui-area .content-lay #content-wrapper-faq .accordion .card {
    border: none;
    margin-bottom: 30px;
}
#ui-area .content-lay #content-wrapper-faq .accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 10px;
}
#ui-area .content-lay #content-wrapper-faq .accordion .card .card-header {
    border: none;
    border-radius: 10px;
    padding: 0;
}
#ui-area .content-lay #content-wrapper-faq .accordion .card .card-header h5 {
    padding: 0;
}
#ui-area .content-lay #content-wrapper-faq .accordion .card .card-header h5 button {
    color: var(--heading-color);
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    padding: 0 30px 0 70px;
    height: 80px;
    display: block;
    width: 100%;
    color: #444;
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 0px -50px 140px 0px rgba(69, 81, 100, 0.1);
    box-shadow: 0px -50px 140px 0px rgba(69, 81, 100, 0.1);
    border-radius: 10px 10px 0 0;
    position: relative;
}
#ui-area .content-lay #content-wrapper-faq .accordion .card .card-header h5 button:after {
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    color: var(--heading-color);
    text-align: center;
    border: 1px solid var(--heading-color);
    border-radius: 50%;
    line-height: 100%;
    content: "\f067";
    font-size: 10px;
    line-height: 18px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
#ui-area .content-lay #content-wrapper-faq .accordion .card .card-header h5 button.collapsed {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(105, 73, 158, 0.2);
}
#ui-area .content-lay #content-wrapper-faq .accordion .card .card-header h5 button[aria-expanded="true"]:after {
    content: "\f068";
    color: #fff;
    background: var(--heading-color);
}
#ui-area .content-lay #content-wrapper-faq .accordion .card .card-body {
    font-family: "ITC Avant Garde Gothic";
    -webkit-box-shadow: 0px 15px 140px 0px rgba(69, 81, 100, 0.1);
    box-shadow: 0px 15px 140px 0px rgba(69, 81, 100, 0.1);
    border-radius: 0 0 10px 10px;
    padding-top: 0;
    margin-top: -6px;
    padding-left: 72px;
    padding-right: 70px;
    padding-bottom: 23px;
    color: #444;
    line-height: 30px;
}
@media screen and (min-width: 100px) and (max-width: 979px) {
    .container-padding {
        padding: 0px 20px 0px;
    }
}
@media screen and (min-width: 200px) and (max-width: 767px) {
    #ui-area .custom-header .header-area .header-top .brand-wrapper .cnbar-brand .brand-img {
        max-width: 103px;
        height: auto;
    }
}
@media (min-width: 320px) {
    main {
        max-width: 100%;
    }
}
@media (min-height: 550px) and (max-height: 650px) {
    #ui-area .public-layout .banner-wrapper-home .heading-area-01 {
        margin-top: 5rem;
    }
    #ui-area .public-layout .banner-wrapper-home .heading-area-01 .bb-heading {
        font-size: calc(var(--heading1) + 1vw);
        line-height: calc(var(--lineheighth1) + 0.75vw);
    }
    #ui-area .public-layout .main-banner-img img {
        width: 14vw;
    }
}
@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(440px, 0);
        transform: translate(440px, 0);
    }
}
@media (min-width: 576px) {
    #ui-area .content-lay #content-wrapper-static .cst-section > header #navbar h4 {
        font-size: 16px;
        line-height: 1.5;
    }
}
@media (min-height: 650px) and (max-height: 750px) {
    #ui-area .public-layout .banner-wrapper-home .heading-area-01 {
        margin-top: 4rem;
    }
    #ui-area .public-layout .banner-wrapper-home .heading-area-01 .bb-heading {
        font-size: calc(var(--heading1) + 0.5vw);
        line-height: calc(var(--lineheighth1) + 0.5vw);
    }
    #ui-area .public-layout .main-banner-img img {
        width: 18vw;
    }
}
@media (min-width: 768px) {
    #ui-area .content-lay #content-wrapper-static .cst-section > header #navbar h4 {
        font-size: calc(var(--heading5) - 8px);
        line-height: var(--lineheighth5);
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
    .container-padding {
        padding: 0px 30px 0px;
    }
}
@media screen and (min-width: 768px) and (max-width: 979px) {
    :root {
        --containerPadding: 30px;
    }
    .container {
        padding: 0 30px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}
@media screen and (min-width: 980px) and (max-width: 1199px) {
    :root {
        --containerPadding: 50px;
    }
    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 50px !important;
    }
}
@media only screen and (min-width: 992px) {
    #ui-area .content-lay #content-wrapper-static .cst-section > header #navbar h4 {
        font-size: var(--heading5);
        line-height: var(--lineheighth5);
    }
}
@media only screen and (min-width: 1200px) {
    main {
        max-width: calc(100% - 340px);
        padding-left: 60px;
        margin-left: auto;
    }
    #ui-area .content-lay #content-wrapper-static .cst-section > header {
        position: sticky;
        top: 0;
        background-color: #f3f4f3;
        height: 100%;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1365px) {
    .container-padding {
        padding: 0px 30px 0px;
    }
    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 100px !important;
    }
}
@media only screen and (min-width: 1366px) {
    html .container,
    html .navbar-static-top .container,
    html .navbar-fixed-top .container,
    html .navbar-fixed-bottom .container {
        width: 1200px !important;
        padding: 0 !important;
    }
}
@media screen and (min-width: 1366px) and (max-width: 1599px) {
    .container-padding {
        padding: 0px 30px 0px;
    }
}
@media screen and (min-width: 1600px) and (max-width: 1899px) {
    .container-padding {
        padding: 0px 6% 0px;
    }
}
@media (min-width: 2201px) and (max-width: 4000px) {
    :root {
        --AcHeaderHeight: 2.498vw;
        --sectionPaddingtop: 4.543vw;
        --containerPadding: 4.943vw;
        --heading1: 2.4534vw;
        --lineheighth1: 2.726vw;
        --headingh1mb: 2.035vw;
        --heading2: 1.999vw;
        --lineheighth2: 2.2716vw;
        --headingh2mb: 1.308vw;
        --heading3: 1.6356vw;
        --lineheighth3: 1.908vw;
        --headingh3mb: 0.6057vw;
        --heading4: 1.09vw;
        --lineheighth4: 1.453vw;
        --headingh4mb: 0.7269vw;
        --heading5: 0.9086vw;
        --lineheighth5: 1.09vw;
        --headingh5mb: 0.454vw;
        --subheading1: 0.7269vw;
        --lineheightsubh1: 1.363vw;
        --subheadingmb: 0.581vw;
        --paragraph: 0.7269vw;
        --lineheightp: 1.3447vw;
        --parapadding: 0.868vw;
        --outlinedfilled-text: 6.815vw;
        --outlinedfilled-lineh: 6.815vw;
        --labelfs: 0.636vw;
        --lineheightlabel: 0.908vw;
        --labelPaddingB: 0.363vw;
        --listlineheight: 1.363vw;
        --cstbtnWidth: 3.4529vw;
        --cstbtnFontsize: 0.636vw;
        --cstbtniconWidth: 1.6356vw;
        --cstbtniconHeight: 0.545vw;
        --cstbtniconLeft: 1.1358vw;
        --cstbtnletterSpace: 0.1635vw;
        --cstbtnWidth2: 3.4529vw;
        --cstbtnFontsize2: 0.636vw;
        --cstbtnletterSpace2: 0.1635vw;
        --sliderArrowWidth: 2.771vw;
        --sliderArrowHeight: 2.771vw;
        --sliderArrowIconWidth: 0.8178vw;
        --sliderArrowIconHeight: 0.5906vw;
        --btnFontSize: 0.7269vw;
        --btnPadding: 0.65vw 1.817vw;
        --btnLetterSpacing: 0.07269vw;
        --fieldHeight: 2.044vw;
    }
    #ui-area h1 small {
        font-size: 30px !important;
    }
    h2.head2-small small {
        font-size: 27px !important;
    }
    html body.site {
        font-size: var(--paragraph);
        line-height: var(--lineheightp);
    }
    #ui-area .ui-inputfield {
        height: 2.044vw;
    }
    #ui-area .journal-content-article a {
        line-height: 1.881vw;
    }
    #back-top {
        bottom: 4.543vw !important;
        right: 4.543vw !important;
    }
    #back-top .back-top-link {
        width: 2.498vw;
        height: 2.498vw;
    }
    #back-top .back-top-link::after {
        font-size: 1.363vw;
    }
    #ui-area .public-layout table thead tr th {
        font-size: 0.636vw;
        letter-spacing: 0.07269vw;
    }
    #ui-area .public-layout table tbody tr th {
        font-size: 0.636vw;
        letter-spacing: 0.07269vw;
    }
    #ui-area .public-layout table tbody tr td {
        font-size: 0.636vw;
    }
    /* bootstrap classes 4k */
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 0.7269vw !important;
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 2.18vw !important;
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 0.7269vw !important;
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 2.18vw !important;
    }
    #ui-area .cst-section {
        padding: 4.543vw 0 0;
    }
    #ui-area .public-layout .floating-div {
        padding: 0.6815vw 0.363vw;
        right: 0.9086vw;
    }
    #ui-area .public-layout .floating-div ul li {
        padding-bottom: 0.454vw;
    }
    #ui-area .public-layout .floating-div ul li a {
        font-size: 0.636vw;
        padding: 0.2726vw;
    }
    .cookie-consent-wrapper.open .cookie-medium.show {
        padding: 0.726942299vw 1.4538845979vw;
    }
    .cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie {
        font-size: 0.6360745116vw !important;
    }
    .cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie::after {
        bottom: -0.1363016811vw;
        height: 0.0454338937vw;
    }
    #ui-area .custom-header .header-area .header-top {
        height: 6.9059vw;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1,
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 {
        font-size: 0.6815vw;
        padding-top: 0.1817vw;
        padding-bottom: 0.1817vw;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1 {
        padding-right: 0.9086vw;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1 img {
        margin-right: 0.363vw;
        width: 0.8178vw;
        height: 0.8178vw;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 {
        padding-left: 0.9086vw;
        padding-right: 0.9086vw;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 {
        font-size: 0.6815vw;
        margin-left: 0.7269vw;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text,
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text-alt {
        padding: 0.6133vw 1.363vw;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2.mol-logout {
        line-height: 1.181vw !important;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2.mol-logout span.btn__text,
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2.mol-logout span.btn__text-alt {
        padding: 0.477vw 1.817vw;
    }
    #ui-area .custom-header .header-area .header-top .brand-wrapper {
        max-width: 7.405vw;
    }
    #ui-area .custom-header .header-area .header-top .brand-wrapper .cnbar-brand .brand-img {
        width: 7.405vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent {
        height: 2.726vw;
        margin: 0 1.363vw 0 0;
        width: calc(100% - 1.363vw);
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a {
        font-size: 0.7269vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a[aria-haspopup="true"]::after {
        font-size: 0.8178vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children {
        min-width: 11.35vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li .textured-nav-children-level2 {
        min-width: 11.35vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li a {
        padding: 0.726vw 0.581vw;
        line-height: 1.181vw !important;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-1 .textured-nav-children-level2 {
        padding-bottom: 2.5860972285vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-2 .textured-nav-children-level2 {
        padding-bottom: 5.2630622444vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-3 .textured-nav-children-level2 {
        padding-bottom: 7.9400272603vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-4 .textured-nav-children-level2 {
        padding-bottom: 10.6169922762vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-5 .textured-nav-children-level2 {
        padding-bottom: 13.2939572921vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-6 .textured-nav-children-level2 {
        padding-bottom: 15.970922308vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-7 .textured-nav-children-level2 {
        padding-bottom: 18.6478873239vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-8 .textured-nav-children-level2 {
        padding-bottom: 21.3248523398vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-9 .textured-nav-children-level2 {
        padding-bottom: 24.0018173557vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-10 .textured-nav-children-level2 {
        padding-bottom: 26.6787823716vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-11 .textured-nav-children-level2 {
        padding-bottom: 29.3557473876vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-12 .textured-nav-children-level2 {
        padding-bottom: 32.0327124035vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-13 .textured-nav-children-level2 {
        padding-bottom: 34.7096774194vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-14 .textured-nav-children-level2 {
        padding-bottom: 37.3866424353vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-15 .textured-nav-children-level2 {
        padding-bottom: 40.0636074512vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-16 .textured-nav-children-level2 {
        padding-bottom: 42.7405724671vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-17 .textured-nav-children-level2 {
        padding-bottom: 45.417537483vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-18 .textured-nav-children-level2 {
        padding-bottom: 48.0945024989vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-19 .textured-nav-children-level2 {
        padding-bottom: 50.7714675148vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-20 .textured-nav-children-level2 {
        padding-bottom: 53.4484325307vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-21 .textured-nav-children-level2 {
        padding-bottom: 56.1253975466vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-22 .textured-nav-children-level2 {
        padding-bottom: 58.8023625625vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-23 .textured-nav-children-level2 {
        padding-bottom: 61.4793275784vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-24 .textured-nav-children-level2 {
        padding-bottom: 64.1562925943vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-25 .textured-nav-children-level2 {
        padding-bottom: 66.8332576102vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-26 .textured-nav-children-level2 {
        padding-bottom: 69.5102226261vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-27 .textured-nav-children-level2 {
        padding-bottom: 72.187187642vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-28 .textured-nav-children-level2 {
        padding-bottom: 74.8641526579vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-29 .textured-nav-children-level2 {
        padding-bottom: 77.5411176738vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-30 .textured-nav-children-level2 {
        padding-bottom: 80.2180826897vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-31 .textured-nav-children-level2 {
        padding-bottom: 82.8950477056vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-32 .textured-nav-children-level2 {
        padding-bottom: 85.5720127215vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-33 .textured-nav-children-level2 {
        padding-bottom: 88.2489777374vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-34 .textured-nav-children-level2 {
        padding-bottom: 90.9259427533vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-35 .textured-nav-children-level2 {
        padding-bottom: 93.6029077692vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-36 .textured-nav-children-level2 {
        padding-bottom: 96.2798727851vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-37 .textured-nav-children-level2 {
        padding-bottom: 98.956837801vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-38 .textured-nav-children-level2 {
        padding-bottom: 101.6338028169vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-39 .textured-nav-children-level2 {
        padding-bottom: 104.3107678328vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-40 .textured-nav-children-level2 {
        padding-bottom: 106.9877328487vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-41 .textured-nav-children-level2 {
        padding-bottom: 109.6646978646vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-42 .textured-nav-children-level2 {
        padding-bottom: 112.3416628805vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-43 .textured-nav-children-level2 {
        padding-bottom: 115.0186278964vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-44 .textured-nav-children-level2 {
        padding-bottom: 117.6955929123vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-45 .textured-nav-children-level2 {
        padding-bottom: 120.3725579282vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-46 .textured-nav-children-level2 {
        padding-bottom: 123.0495229441vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-47 .textured-nav-children-level2 {
        padding-bottom: 125.72648796vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-48 .textured-nav-children-level2 {
        padding-bottom: 128.4034529759vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-49 .textured-nav-children-level2 {
        padding-bottom: 131.0804179918vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-50 .textured-nav-children-level2 {
        padding-bottom: 133.7573830077vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-1 .textured-nav-children {
        padding-bottom: 2.5860972285vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-2 .textured-nav-children {
        padding-bottom: 5.2630622444vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-3 .textured-nav-children {
        padding-bottom: 7.9400272603vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-4 .textured-nav-children {
        padding-bottom: 10.6169922762vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-5 .textured-nav-children {
        padding-bottom: 13.2939572921vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-6 .textured-nav-children {
        padding-bottom: 15.970922308vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-7 .textured-nav-children {
        padding-bottom: 18.6478873239vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-8 .textured-nav-children {
        padding-bottom: 21.3248523398vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-9 .textured-nav-children {
        padding-bottom: 24.0018173557vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-10 .textured-nav-children {
        padding-bottom: 26.6787823716vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-11 .textured-nav-children {
        padding-bottom: 29.3557473876vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-12 .textured-nav-children {
        padding-bottom: 32.0327124035vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-13 .textured-nav-children {
        padding-bottom: 34.7096774194vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-14 .textured-nav-children {
        padding-bottom: 37.3866424353vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-15 .textured-nav-children {
        padding-bottom: 40.0636074512vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-16 .textured-nav-children {
        padding-bottom: 42.7405724671vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-17 .textured-nav-children {
        padding-bottom: 45.417537483vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-18 .textured-nav-children {
        padding-bottom: 48.0945024989vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-19 .textured-nav-children {
        padding-bottom: 50.7714675148vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-20 .textured-nav-children {
        padding-bottom: 53.4484325307vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-21 .textured-nav-children {
        padding-bottom: 56.1253975466vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-22 .textured-nav-children {
        padding-bottom: 58.8023625625vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-23 .textured-nav-children {
        padding-bottom: 61.4793275784vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-24 .textured-nav-children {
        padding-bottom: 64.1562925943vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-25 .textured-nav-children {
        padding-bottom: 66.8332576102vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-26 .textured-nav-children {
        padding-bottom: 69.5102226261vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-27 .textured-nav-children {
        padding-bottom: 72.187187642vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-28 .textured-nav-children {
        padding-bottom: 74.8641526579vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-29 .textured-nav-children {
        padding-bottom: 77.5411176738vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-30 .textured-nav-children {
        padding-bottom: 80.2180826897vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-31 .textured-nav-children {
        padding-bottom: 82.8950477056vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-32 .textured-nav-children {
        padding-bottom: 85.5720127215vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-33 .textured-nav-children {
        padding-bottom: 88.2489777374vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-34 .textured-nav-children {
        padding-bottom: 90.9259427533vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-35 .textured-nav-children {
        padding-bottom: 93.6029077692vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-36 .textured-nav-children {
        padding-bottom: 96.2798727851vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-37 .textured-nav-children {
        padding-bottom: 98.956837801vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-38 .textured-nav-children {
        padding-bottom: 101.6338028169vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-39 .textured-nav-children {
        padding-bottom: 104.3107678328vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-40 .textured-nav-children {
        padding-bottom: 106.9877328487vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-41 .textured-nav-children {
        padding-bottom: 109.6646978646vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-42 .textured-nav-children {
        padding-bottom: 112.3416628805vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-43 .textured-nav-children {
        padding-bottom: 115.0186278964vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-44 .textured-nav-children {
        padding-bottom: 117.6955929123vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-45 .textured-nav-children {
        padding-bottom: 120.3725579282vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-46 .textured-nav-children {
        padding-bottom: 123.0495229441vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-47 .textured-nav-children {
        padding-bottom: 125.72648796vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-48 .textured-nav-children {
        padding-bottom: 128.4034529759vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-49 .textured-nav-children {
        padding-bottom: 131.0804179918vw;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-50 .textured-nav-children {
        padding-bottom: 133.7573830077vw;
    }
    footer .custom-footer {
        font-size: 0.636vw;
        padding: 2.544vw 0 0;
    }
    footer .custom-footer a {
        font-size: 0.636vw;
    }
    footer .custom-footer .footer-top {
        padding-bottom: 2.271vw;
    }
    footer .custom-footer .footer-top .footer-address .footer-phone .club-contact {
        letter-spacing: 0.0363vw;
        line-height: 0.999vw;
    }
    footer .custom-footer .footer-top .footer-address .footer-phone .vhr {
        margin: 0 0.454vw;
    }
    footer .custom-footer .footer-top .footer-address p {
        line-height: 1.181vw;
        letter-spacing: 0.0363vw;
    }
    footer .custom-footer .footer-top .footer-address .footer-brand img {
        width: 7.405vw;
    }
    footer .custom-footer .footer-top .footer-quicklinks ul li a {
        line-height: 1.181vw;
    }
    footer .custom-footer .footer-top .footer-logos img {
        max-height: 2.044vw;
        margin: 0 0.227vw;
        width: 2.271vw;
    }
    footer .custom-footer .footer-top .footer-logos img:last-child {
        width: 5.54vw;
    }
    footer .custom-footer .footer-bottom {
        padding: 1.272vw 0;
        letter-spacing: 0.0726vw;
    }
    footer .custom-footer .footer-bottom .copyright-public {
        margin-right: 0.454vw;
        padding: 0.181vw 0.454vw 0.09vw 0;
    }
    footer .custom-footer .footer-bottom .footer-social a {
        margin-left: 0.454vw;
    }
    footer .custom-footer .footer-bottom .footer-social a i {
        font-size: 0.636vw;
        padding: 0.318vw 0.363vw;
        min-width: 1.272vw;
        max-width: 1.272vw;
        min-height: 1.272vw;
        max-height: 1.272vw;
    }
    #ui-area .public-layout .banner-wrapper-home .scroll-downs {
        bottom: 6.995vw;
        left: 1.8173vw;
    }
    #ui-area .public-layout .banner-wrapper-home .scroll-downs p {
        font-size: 0.545vw;
        letter-spacing: 0.0363vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .cst-section {
        padding: 1.1358vw 0 0;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view {
        width: 65.47vw;
        margin-top: 3.271vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-image {
        width: 50.478vw;
        padding-bottom: 36.71vw;
        margin-left: 1.8vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card {
        width: 23.355vw;
        height: 19.899vw;
        padding: 2.9077vw 1.817vw 1.817vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content h4 {
        font-size: 1.5901vw !important;
        line-height: 1.5901vw !important;
        margin-bottom: 0.363vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content h5 {
        font-size: 1.363vw !important;
        line-height: 1.363vw !important;
        margin-bottom: 1.09vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content p {
        line-height: 1.4538vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count {
        width: 9.086vw;
        height: 5.452vw;
        top: -2.8vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count .slide-count-g text {
        font-size: 6.815vw;
    }
    #ui-area .content-layout iframe.cstflipbook {
        height: 21.17vw;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container .bb-para-01 {
        padding-bottom: 0.581vw;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-1 .scroll-downs p {
        font-size: 0.545vw;
        letter-spacing: 0.036vw;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-1 .scroll-downs #slider_scrollDown {
        padding-right: 0.6815vw;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-1 .scroll-downs #slider_scrollDown .scrollarrow {
        width: 4.497vw;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container .bb-para-01 {
        padding-bottom: 0.581vw;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-1 .scroll-downs p {
        font-size: 0.545vw;
        letter-spacing: 0.036vw;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-1 .scroll-downs #slider_scrollDown {
        padding-right: 0.6815vw;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-1 .scroll-downs #slider_scrollDown .scrollarrow {
        width: 4.497vw;
    }
}
@media (max-width: 1600.98px) {
    :root {
        --heading1: 2.9125vw;
        --lineheighth1: 3.225vw;
        --heading2: 2.391vw;
        --lineheighth2: 2.704vw;
        --heading3: 1.975vw;
        --lineheighth3: 2.2875vw;
        --heading5: 1.141vw;
        --lineheighth5: 1.6625vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .inner-container {
        width: calc(100% - 3.5291vw);
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg {
        top: -25vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card {
        width: 420px;
        height: 420px;
        padding: 2.5rem 1rem 1rem;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-6 .cstm-bg {
        top: -17vw;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-6 .cstm-bg {
        top: -17vw;
    }
}
@media (max-width: 1440.98px) {
    :root {
        --AcHeaderHeight: 43px;
        --heading1: 2.9525vw;
        --lineheighth1: 3.275vw;
        --heading2: 2.441vw;
        --lineheighth2: 2.754vw;
        --heading3: 2.015vw;
        --lineheighth3: 2.3175vw;
        --heading4: 1.39vw;
        --lineheighth4: 1.796vw;
        --heading5: 1.181vw;
        --lineheighth5: 1.7025vw;
        --outlinedfilled-text: 125px;
        --outlinedfilled-lineh: 125px;
        --cstbtnWidth: 62px;
        --cstbtnFontsize: 12px;
        --cstbtnPaddingleft: calc(var(--cstbtnWidth) - 12px);
        --cstbtniconWidth: 32px;
        --cstbtniconHeight: 10px;
        --cstbtniconLeft: 22px;
        --cstbtnWidth2: 62px;
        --cstbtnFontsize2: 12px;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2,
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1,
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 {
        font-size: 14px;
        line-height: 24px !important;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent {
        width: calc(100% - 20px);
        margin: 0 20px 0 0;
        height: 50px;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a {
        font-size: 14px;
    }
    footer .custom-footer .footer-top .footer-address p {
        font-size: 13px;
        line-height: 24px;
    }
    footer .custom-footer .footer-top .footer-address .footer-phone .club-contact {
        font-size: 13px;
        line-height: 20px;
    }
    footer .custom-footer .footer-top .footer-quicklinks ul li {
        font-size: 13px;
        line-height: 24px;
    }
    footer .custom-footer .footer-top .footer-logos {
        margin: 0 3px;
    }
    footer .custom-footer .footer-bottom .powered-by,
    footer .custom-footer .footer-bottom .copyright-public {
        font-size: 12px;
    }
    #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .inner-container {
        width: calc(100% - 2.3291vw);
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg {
        top: -20vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::before,
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::after {
        max-width: 24.375vw;
        min-width: 24.375vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card {
        padding: 2rem 1rem 1rem;
        width: 400px;
        height: 375px;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content h4 {
        font-size: 30px !important;
        line-height: 30px !important;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content h5 {
        font-size: 26px !important;
        line-height: 26px !important;
        margin-bottom: 1rem;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content p {
        line-height: 28px;
        font-size: 15px;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count {
        top: -14%;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count .slide-count-g text {
        font-size: 120px;
    }
    #ui-area .content-layout .cstm-bg {
        height: 68.27vw;
        width: 72vw;
    }
    #ui-area .content-layout .cstm-bg .abstractcircles {
        background-size: 80vw;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container {
        padding-left: 7vw;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container {
        padding-left: 7vw;
    }
}
@media (max-width: 1299.98px) {
    footer .custom-footer .footer-top .footer-address p {
        width: 200px;
    }
    #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 {
        width: calc(100% - 10px);
    }
    #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .inner-container {
        width: 100%;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view {
        width: 89.5%;
    }
    #ui-area .public-layout .banner-wrapper-home .heading-area-01 .bb-heading {
        max-width: 430px;
    }
}
@media (max-width: 1199.98px) {
    :root {
        --heading1: 3.3025vw;
        --lineheighth1: 3.625vw;
        --heading2: 2.841vw;
        --lineheighth2: 3.154vw;
        --heading3: 2.415vw;
        --lineheighth3: 2.7175vw;
        --heading4: 1.79vw;
        --lineheighth4: 2.196vw;
        --heading5: 1.531vw;
        --lineheighth5: 2.0525vw;
        --subheading1: 14px;
        --lineheightsubh1: 26px;
        --paragraph: 14px;
        --lineheightp: 28px;
        --btnFontSize: 14px;
        --btnPadding: 1.05vw 1.25vw;
    }
    #ui-area h1 small {
        font-size: 54px;
    }
    #back-top {
        right: 50px !important;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2,
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1,
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 {
        font-size: 13px;
        line-height: 22px !important;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a {
        font-size: 13px;
    }
    footer .custom-footer .footer-top {
        padding-bottom: 35px;
    }
    footer .custom-footer .footer-top .footer-address p {
        width: 100%;
    }
    footer .custom-footer .footer-top .footer-quicklinks ul {
        justify-content: flex-end;
    }
    footer .custom-footer .footer-top .footer-quicklinks ul li {
        text-align: right;
    }
    footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(2),
    footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(5) {
        width: 33.333%;
    }
    footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(1),
    footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(3),
    footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(4),
    footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(6) {
        width: 23.333%;
    }
    footer .custom-footer .footer-top .footer-logos {
        justify-content: flex-end;
    }
    #ui-area .public-layout .banner-wrapper-home .scroll-downs {
        left: -86px;
    }
    #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 {
        width: calc(100% - 20px);
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg {
        top: -15vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-carousel {
        width: 100%;
        margin: 0;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::before,
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::after {
        display: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view {
        width: calc(100% - var(--containerPadding) * 2);
        margin-left: auto;
        margin-right: auto;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count {
        top: -17%;
        left: 0.8%;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count .slide-count-g text {
        font-size: 100px;
    }
    #ui-area .content-lay #content-wrapper-static #navbar {
        display: none;
    }
    #ui-area .content-lay #content-wrapper-static .cst-section #main-doc {
        max-width: 100%
    }
}
@media (max-width: 991.98px) {
    :root {
        --sectionPaddingtop: 75px;
        --heading1: 4.6025vw;
        --lineheighth1: 4.925vw;
        --heading2: 4.141vw;
        --lineheighth2: 4.254vw;
        --heading3: 3.715vw;
        --lineheighth3: 4.0175vw;
        --heading4: 3.09vw;
        --lineheighth4: 3.496vw;
        --heading5: 2.831vw;
        --lineheighth5: 3.3525vw;
        --outlinedfilled-text: 100px;
        --outlinedfilled-lineh: 100px;
        --sliderArrowWidth: 51px;
        --sliderArrowHeight: 51px;
        --sliderArrowIconWidth: 16px;
        --sliderArrowIconHeight: 11px;
    }
    #back-top {
        bottom: 30px !important;
        right: 30px !important;
    }
    #back-top .back-top-link {
        width: 45px;
        height: 45px;
    }
    #back-top .back-top-link::after {
        font-size: 26px;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav {
        display: none;
    }
    #ui-area .custom-header .header-area .header-top {
        height: 102px;
    }
    #ui-area .custom-header .header-area .header-top .member-options {
        margin-right: 70px;
    }
    #ui-area .custom-header .header-area .smartphone-nav-div {
        display: block;
        right: 0;
    }
    .mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after {
        width: 38px;
    }
    footer .custom-footer .footer-top .footer-address p {
        letter-spacing: 0;
    }
    footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(2),
    footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(5) {
        width: 43.333%;
    }
    footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(1),
    footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(3),
    footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(4),
    footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(6) {
        width: 28.333%;
    }
    footer .custom-footer .footer-bottom .copyright-public {
        border-right: none;
        padding-bottom: 10px;
    }
    #ui-area .public-layout .banner-wrapper-home .scroll-downs {
        left: -106px;
    }
    #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 {
        width: 100%;
    }
    #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-images {
        width: 100%;
    }
    #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images {
        display: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images-2 {
        display: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg {
        top: -10vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 {
        text-align: center;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead {
        padding-left: 0;
        text-align: center;
        display: inline-block;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead::before,
    #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead::after {
        content: "";
        background: var(--subheading-color);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 50px;
        height: 2px;
        position: absolute;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead::before {
        left: -60px;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead::after {
        right: -60px;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .bb-heading {
        text-align: center;
        text-indent: 0;
        padding-left: 0;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .inner-para {
        width: 100%;
        text-align: center;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-image {
        width: 76%;
        padding-bottom: 60%;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content p {
        line-height: var(--lineheightp);
        font-size: var(--paragraph);
    }
    #ui-area .public-layout #content-wrapper-home .csec-2.is-inview .heading-area-02 .bb-subhead::before,
    #ui-area .public-layout #content-wrapper-home .csec-2.is-inview .heading-area-02 .bb-subhead::after {
        --linewidth: 50px;
        -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
        animation: widthTransform ease-out 0.6s forwards 0.5s;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg {
        top: -25vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .cst-section {
        padding: 75px 0 0;
    }
    #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed {
        display: flex;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2px;
    }
    #ui-area .content-layout .cstm-bg {
        height: 96.27vw;
        width: 100vw;
        right: -50vw;
    }
    #ui-area .content-layout .cstm-bg .abstractcircles {
        background-size: 100vw;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container {
        flex-direction: column;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-content {
        padding: 0;
        margin-top: 2rem;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-menu li {
        width: auto;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container {
        padding-left: 7vw;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-1 .scroll-downs {
        right: -10%;
        bottom: 10px;
    }
    #ui-area .public-layout #content-wrapper-activitiesD .slider__images {
        width: 10vw;
    }
    #ui-area .public-layout #content-wrapper-activitiesD .slider__images {
        width: 77vw;
    }
    #ui-area .public-layout .filter-sidebar {
        margin-bottom: 30px;
    }
    #ui-area .public-layout .filter-sidebar h5 {
        font-size: 2.031vw;
        line-height: 2.4525vw;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container {
        padding-left: 7vw;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-1 .scroll-downs {
        right: -10%;
        bottom: 10px;
    }
}
@media (max-width: 767.98px) {
    :root {
        --sectionPaddingtop: 50px;
        --containerPadding: 25px;
        --heading1: 35px;
        --lineheighth1: 41px;
        --heading2: 30px;
        --lineheighth2: 36px;
        --heading3: 26px;
        --lineheighth3: 32px;
        --heading4: 22px;
        --lineheighth4: 28px;
        --heading5: 20px;
        --lineheighth5: 26px;
        --outlinedfilled-text: 75px;
        --outlinedfilled-lineh: 75px;
        --sliderArrowWidth: 46px;
        --sliderArrowHeight: 46px;
        --sliderArrowIconWidth: 14px;
        --sliderArrowIconHeight: 9px;
        --btnFontSize: 12px;
        --btnPadding: 0.8rem 1rem;
    }
    #ui-area h1 small {
        font-size: 20px;
        margin-bottom: 0.75rem;
        line-height: 1.4;
        max-width: 100%;
    }
    #back-top {
        bottom: 15px !important;
        right: 24px !important;
    }
    #back-top .back-top-link {
        width: 40px;
        height: 40px;
    }
    #back-top .back-top-link::after {
        font-size: 24px;
    }
    #ui-area .custom-header .header-area .header-top .member-options {
        margin-right: 60px;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1,
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2,
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 {
        font-size: 12px;
        line-height: 20px !important;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1,
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 {
        display: none;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 {
        margin-left: 0.5rem;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text,
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text-alt {
        padding: 10.5px 20px;
    }
    footer .custom-footer {
        padding-top: 3rem;
    }
    footer .custom-footer .footer-top {
        padding-bottom: 1.5rem;
    }
    footer .custom-footer .footer-top .footer-address {
        text-align: center;
        margin-bottom: 1.5rem;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #d3e3e9;
    }
    footer .custom-footer .footer-top .footer-phone {
        justify-content: center;
    }
    footer .custom-footer .footer-top .footer-quicklinks ul li {
        width: 33.333% !important;
        text-align: center;
    }
    footer .custom-footer .footer-top .footer-logos {
        justify-content: center;
        padding-top: 1.5rem;
        margin-top: 1.5rem;
        border-top: 1px solid #d3e3e9;
    }
    footer .custom-footer .footer-bottom {
        padding: 0 0 1.5rem;
        border-top: none;
    }
    footer .custom-footer .footer-bottom .copyright-public {
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
        margin-right: 0;
    }
    footer .custom-footer .footer-bottom .powered-by {
        width: 100%;
        text-align: center;
    }
    footer .custom-footer .footer-bottom .footer-social {
        justify-content: center;
        padding-top: 1.5rem;
    }
    #ui-area .public-layout .banner-wrapper-home .scroll-downs {
        left: -73px;
        bottom: 130px;
    }
    #ui-area .public-layout .banner-wrapper-home .scroll-downs #slider_scrollDown .scrollarrow {
        width: 130px;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .cst-section {
        padding: 50px 0 0;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg {
        top: -51vw;
        left: -88vw;
        height: 196.27vw;
        width: 200vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg .abstractcircles {
        background-size: 200vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-carousel {
        width: 100%;
        margin: 0;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel {
        margin-bottom: 0;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view {
        margin-bottom: 300px;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-image {
        width: 96.5%;
        padding-bottom: 70%;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card {
        bottom: -20%;
        -webkit-transform: translateY(20%);
        transform: translateY(20%);
        left: 3.5%;
        right: 0;
        margin: 0 auto;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count {
        top: -15%;
        left: -0.4%;
    }
    #ui-area .content-layout .cstm-bg {
        height: 126.27vw;
        width: 130vw;
        right: -60vw;
    }
    #ui-area .content-layout .cstm-bg .abstractcircles {
        background-size: 140vw;
    }
    #ui-area .public-layout .cc-area-custom .csec-1 .heading-area-02 {
        width: 100%;
    }
    #ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-menu {
        position: relative;
        top: 0;
        width: 100%;
        justify-content: flex-end;
    }
    #ui-area .public-layout .cc-area-custom .tabs-container .batch-card {
        height: auto;
        margin-bottom: 0;
    }
    #ui-area .public-layout #content-wrapper-courseDetail .csec-1.is-inview .tabs-container .tabs-menu {
        margin-block: 1rem;
    }
    #ui-area .public-layout .cc-area-custom .csec-1 .heading-area-02 {
        width: 100%;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-menu {
        position: relative;
        top: 0;
        width: 100%;
        justify-content: flex-end;
    }
    #ui-area .public-layout .cc-area-custom .tabs-container .batch-card {
        height: auto;
        margin-bottom: 0;
    }
    #ui-area .public-layout #content-wrapper-activitiesD .slider__flex {
        flex-direction: column-reverse;
    }
    #ui-area .public-layout #content-wrapper-activitiesD .slider__col {
        flex-direction: row;
        align-items: center;
        margin-right: 0;
        margin-top: 24px;
        width: 100%;
    }
    #ui-area .public-layout #content-wrapper-activitiesD .slider__images {
        width: 100%;
    }
    #ui-area .public-layout #content-wrapper-activitiesD .slider__thumbs {
        height: 100px;
        width: calc(100% - 96px);
        margin: 0 16px;
    }
    #ui-area .public-layout #content-wrapper-activitiesD .slider__prev,
    #ui-area .public-layout #content-wrapper-activitiesD .slider__next {
        height: auto;
        width: 32px;
    }
    #ui-area .public-layout #content-wrapper-activitiesD .slider__next {
        transform: rotate(-90deg);
    }
    #ui-area .public-layout #content-wrapper-activitiesD .slider__prev {
        transform: rotate(90deg);
    }
}
@media (max-width: 767px) {
    #ui-area .public-layout .banner-slide .banner-slide-img {
        object-position: right;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-1 .scroll-downs {
        right: -15%;
        bottom: 40px;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-1 .scroll-downs {
        right: -15%;
        bottom: 40px;
    }
}
@media screen and (max-width: 767px) {
    .container {
        padding: 0px 25px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    #ui-area .content-lay #content-wrapper-static .cst-section > header {
        display: none;
    }
}
@media (max-width: 640.98px) {
    .cookie-consent-wrapper.open .cookie-medium.show {
        padding: 1.5rem;
        flex-direction: column;
    }
    .cookie-consent-wrapper.open .cookie-medium.show p.cookie-text {
        text-align: center;
        margin-bottom: 0.8rem;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom {
        white-space: normal;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container .btn-custom {
        white-space: normal;
    }
}
@media (max-width: 575.98px) {
    :root {
        --AcHeaderHeight: 36px;
        --lineheightsubh1: 22px;
        --cstbtnWidth: 56px;
        --cstbtnPaddingleft: calc(var(--cstbtnWidth) - 11px);
        --cstbtniconWidth: 22px;
        --cstbtniconHeight: 10px;
        --cstbtniconLeft: 20px;
        --cstbtnletterSpace: 1.6px;
        --outlinedfilled-text: 60px;
        --outlinedfilled-lineh: 60px;
    }
    #ui-area .custom-header .header-area .header-top .brand-wrapper {
        max-width: 133px;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2.mol-logout span.btn__text,
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2.mol-logout span.btn__text-alt {
        padding: 10.5px 25px;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg {
        top: -77vw;
        left: -138vw;
        height: 296.27vw;
        width: 300vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg .abstractcircles {
        background-size: 300vw;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .bb-heading br {
        display: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view {
        flex-direction: column;
        margin-bottom: 0;
        padding-bottom: 4rem;
        margin-top: 2rem;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card {
        width: 90%;
        position: relative;
        top: initial;
        height: auto;
        -webkit-transform: none;
        transform: none;
        margin-top: -10%;
        left: 1.75%;
        bottom: initial;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count {
        top: -12%;
        left: -1.2%;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count .slide-count-g text {
        font-size: 80px;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .owl-line {
        margin-right: 2rem;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 .ceo-sec {
        flex-direction: column;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 .img-bg {
        width: 290px;
        min-width: 290px;
        height: 290px;
        border-radius: 100%;
        margin-right: 0;
        align-self: center;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 .ceo-sec .flex-column {
        text-align: center;
    }
    #ui-area .public-layout #content-wrapper-aboutus .tabs-container .tabs-menu .tab-link a {
        padding: 0.5rem 0.75rem;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 .ceo-sec .flex-column:first-child {
        margin-bottom: 2rem;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-1 .scroll-downs {
        display: none;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-1 .scroll-downs {
        display: none;
    }
    #ui-area .public-layout .filter-sidebar h5 {
        font-size: var(--heading6);
        line-height: var(--lineheighth6);
    }
}
@media (max-height: 570px) {
    #ui-area .custom-header .header-area .header-top {
        height: 112px;
    }
    #ui-area .public-layout .banner-wrapper-home .scroll-downs {
        bottom: 160px;
    }
}
@media (max-height: 550px) {
    #ui-area .public-layout .main-banner-img img {
        display: none;
    }
    #ui-area .public-layout .banner-wrapper-home .heading-area-01 {
        margin-top: 12rem;
        z-index: 23;
    }
    #ui-area .public-layout .banner-wrapper-home .heading-area-01 .bb-heading {
        font-size: calc(var(--heading1) + 1vw);
        line-height: calc(var(--lineheighth1) + 0.5vw);
    }
}
@media (max-height: 530px) {
    #ui-area .custom-header .header-area .header-top {
        height: 92px;
    }
    #ui-area .public-layout .banner-wrapper-home .heading-area-01 .bb-heading {
        font-size: var(--heading1);
        line-height: var(--lineheighth1);
    }
    #ui-area .public-layout .banner-wrapper-home .scroll-downs {
        bottom: 120px;
        left: 0;
    }
    #ui-area .public-layout .banner-wrapper-home .scroll-downs #slider_scrollDown .scrollarrow {
        width: 126px;
    }
    #ui-area .custom-header .header-area .header-top .brand-wrapper .cnbar-brand .brand-img {
        max-width: 130px;
        height: auto;
    }
}
@media (max-width: 424.98px) {
    :root {
        --heading1: calc(30px - 2px);
        --lineheighth1: 34px;
        --heading2: 26px;
        --lineheighth2: 32px;
        --heading3: 22px;
        --lineheighth3: 28px;
        --heading4: 20px;
        --lineheighth4: 26px;
        --heading5: 18px;
        --lineheighth5: 24px;
        --outlinedfilled-text: 45px;
        --outlinedfilled-lineh: 45px;
    }
    #ui-area .custom-header .header-area .header-top {
        height: 90px;
    }
    #ui-area .custom-header .header-area .header-top .brand-wrapper {
        max-width: 103px;
    }
    #ui-area .custom-header .header-area .header-top .member-options {
        margin-right: 45px;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 {
        margin-left: 0;
        align-items: center;
        justify-content: center;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text,
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text-alt {
        padding: 10.5px 12px;
    }
    #ui-area .custom-header .header-area .smartphone-nav-div {
        width: 40px;
        height: 40px;
    }
    #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text {
        width: 26px;
        height: 2px;
    }
    #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before,
    #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after {
        height: 2px;
    }
    #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before {
        width: 32px;
        top: -10px;
    }
    #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after {
        width: 20px;
        top: 10px;
    }
    .mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after {
        width: 32px;
    }
    footer .custom-footer .footer-top .footer-address p {
        width: 200px;
        margin: 0 auto 10px;
    }
    footer .custom-footer .footer-top .footer-phone {
        flex-wrap: wrap;
    }
    footer .custom-footer .footer-top .footer-phone .vhr {
        display: none;
    }
    footer .custom-footer .footer-top .footer-phone .club-contact {
        width: 100%;
    }
    footer .custom-footer .footer-top .footer-phone .club-contact.club-email {
        padding-top: 0.5rem;
    }
    footer .custom-footer .footer-top .footer-quicklinks ul li {
        width: 100% !important;
    }
    footer .custom-footer .footer-top .footer-logos img {
        max-height: 40px;
    }
    footer .custom-footer .footer-bottom .copyright-public {
        line-height: 22px;
    }
    #ui-area .public-layout .banner-wrapper-home .heading-area-01 {
        width: 60%;
    }
    #ui-area .public-layout .banner-wrapper-home .scroll-downs #slider_scrollDown {
        padding-right: 14px;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg {
        top: -20vw;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-content .cst-section {
        padding-inline: 1rem;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 .img-bg {
        width: 240px;
        min-width: 240px;
        height: 240px;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-menu {
        min-width: 100%;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-menu li {
        width: 100%;
        text-align: center;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 strong {
        margin-bottom: -2rem;
    }
}
@media (max-width: 375.98px) {
    :root {
        --heading1: calc(30px - 4px);
        --lineheighth1: 32px;
        --heading2: calc(26px - 2px);
        --lineheighth2: 30px;
        --cstbtnWidth: 50px;
        --cstbtnFontsize: calc(16px - 5px);
        --cstbtnPaddingleft: calc(var(--cstbtnWidth) - 12px);
        --cstbtniconWidth: 22px;
        --cstbtniconHeight: 8px;
        --cstbtniconLeft: 18px;
        --cstbtnletterSpace: 1.6px;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg {
        top: 0vw;
    }
    #ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-subhead::before,
    #ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-subhead::after {
        --linewidth: 30px;
        -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
        animation: widthTransform ease-out 0.6s forwards 0.5s;
    }
    #ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::before {
        left: -40px;
    }
    #ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::after {
        right: -40px;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-1 .cstm-bg {
        top: -22vw;
        right: -131vw;
    }
    #ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-subhead::before,
    #ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-subhead::after {
        --linewidth: 30px;
        -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
        animation: widthTransform ease-out 0.6s forwards 0.5s;
    }
    #ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::before {
        left: -40px;
    }
    #ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::after {
        right: -40px;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-1 .cstm-bg {
        top: -22vw;
        right: -131vw;
    }
    #ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-subhead::before,
    #ui-area .public-layout .banner-content-lay .heading-area-01.is-inview .bb-subhead::after {
        --linewidth: 30px;
        -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s;
        animation: widthTransform ease-out 0.6s forwards 0.5s;
    }
    #ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::before {
        left: -40px;
    }
    #ui-area .public-layout .banner-content-lay .heading-area-01 .bb-subhead::after {
        right: -40px;
    }
}
@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(140px, 0);
        transform: translate(140px, 0);
    }
}
@media (prefers-reduced-motion: reduce) {
    .c-scrollbar {
        transition: none;
    }
    .cc-banner .cc-message .cc-link::before {
        transition: none;
    }
    .cc-banner .cc-compliance .cc-btn {
        transition: none;
    }
    #back-top .back-top-link::after {
        transition: none;
    }
    #back-top .back-top-link::before {
        transition: none;
    }
    #ui-area .public-layout .floating-div ul li a {
        transition: none;
    }
    #ui-area .public-layout .floating-div ul li a .sicon {
        transition: none;
    }
    .cookie-consent-wrapper {
        transition: none;
    }
    .cookie-consent-wrapper.open .cookie-medium.show {
        transition: none;
    }
    .cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie {
        transition: none;
    }
    .cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie::after {
        transition: none;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1 {
        transition: none;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1 img {
        transition: none;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 {
        transition: none;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 {
        transition: none;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text {
        transition: none;
    }
    #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text-alt {
        transition: none;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent::after {
        transition: none;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a[aria-haspopup="true"]::after {
        transition: none;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children {
        transition: none;
    }
    #ui-area .custom-header .header-area .header-nav .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children-level2 {
        transition: none;
    }
    #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text {
        transition: none;
    }
    #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before,
    #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after {
        transition: none;
    }
    .mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before,
    .mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after {
        transition: none;
    }
    .mm-panel {
        transition: none;
    }
    .mm-slideout {
        transition: none;
    }
    footer .custom-footer .footer-top .footer-quicklinks ul li a::before {
        transition: none;
    }
    footer .custom-footer .footer-top .footer-address .footer-phone .club-contact.club-email::before {
        transition: none;
    }
    footer .custom-footer .footer-bottom .footer-social a i {
        transition: none;
    }
    #ui-area .public-layout .banner-wrapper-home .mo-link.mol-2 {
        transition: none;
    }
    #ui-area .public-layout .banner-wrapper-home .mo-link.mol-2 span.btn__text {
        transition: none;
    }
    #ui-area .public-layout .banner-wrapper-home .mo-link.mol-2 span.btn__text-alt {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images::after {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead::before {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom::before {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom::after {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .owl-line {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn,
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn::before,
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn::before {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn::after,
    #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn::after {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn::before {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn::after {
        transition: none;
    }
    #ui-area .content-layout .btn {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-menu li h3 {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6:nth-child(1) {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-courseDetail .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6:nth-child(2) {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-menu li h3 {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6:nth-child(1) {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-aboutus .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6:nth-child(2) {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom::before {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom::after {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .btn-custom2 {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .btn-custom2 .border1::before {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-activities .csec-6 .heading-area-01 .btn-custom2 .border2::before {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container .btn-custom {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container .btn-custom::before {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-1 .heading-wrap .heading-area-02 #course-container .btn-custom::after {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .btn-custom2 {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .btn-custom2 .border1::before {
        transition: none;
    }
    #ui-area .public-layout #content-wrapper-courses .csec-6 .heading-area-01 .btn-custom2 .border2::before {
        transition: none;
    }
}