/* @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"); */
@font-face {
    font-family: 'GT Walsheim';
    src: url('/wp-content/themes/fw-community/fonts/source/GTWalsheim.eot');
    src: url('/wp-content/themes/fw-community/fonts/source/GTWalsheim.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheim.woff2') format('woff2'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheim.woff') format('woff'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheim.ttf') format('truetype'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheim.svg#GTWalsheim') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GT-Walsheim-Regular';
    src: url('/wp-content/themes/fw-community/fonts/source/GTWalsheimRegular.eot');
    src: url('/wp-content/themes/fw-community/fonts/source/GTWalsheimRegular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheimRegular.woff2') format('woff2'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheimRegular.woff') format('woff'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheimRegular.ttf') format('truetype'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheimRegular.svg#GTWalsheimRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GT Walsheim';
    src: url('/wp-content/themes/fw-community/fonts/source/GTWalsheim-Medium.eot');
    src: url('/wp-content/themes/fw-community/fonts/source/GTWalsheim-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheim-Medium.woff2') format('woff2'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheim-Medium.woff') format('woff'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheim-Medium.ttf') format('truetype'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheim-Medium.svg#GTWalsheim-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim';
    src: url('/wp-content/themes/fw-community/fonts/source/GTWalsheim-Bold.eot');
    src: url('/wp-content/themes/fw-community/fonts/source/GTWalsheim-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheim-Bold.woff2') format('woff2'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheim-Bold.woff') format('woff'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheim-Bold.ttf') format('truetype'),
        url('/wp-content/themes/fw-community/fonts/source/GTWalsheim-Bold.svg#GTWalsheim-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mermaid';
    src: url('/wp-content/themes/fw-community/fonts/source/Mermaid-Bold.eot');
    src: url('/wp-content/themes/fw-community/fonts/source/Mermaid-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/fw-community/fonts/source/Mermaid-Bold.woff2') format('woff2'),
        url('/wp-content/themes/fw-community/fonts/source/Mermaid-Bold.woff') format('woff'),
        url('/wp-content/themes/fw-community/fonts/source/Mermaid-Bold.ttf') format('truetype'),
        url('/wp-content/themes/fw-community/fonts/source/Mermaid-Bold.svg#Mermaid-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

:root {
    --body-font-size: 18px;
    --small-font-size: 16px;
    --extra-small-font-size: 12px;

    --primary-font-family: 'GT Walsheim';
    --primary-font-size: var(--body-font-size);
    --primary-font-lineheight: normal;
    --primary-font-weight: 400;
    --primary-font-letterspacing: 0;
    --primary-font-transform: normal;

    --primary-font-family-medium: 'GT Walsheim';
    --primary-font-weight-medium: 500;
    --primary-font-size-medium: var(--body-font-size);;
    --primary-font-lineheight-medium: normal;
    --primary-font-letterspacing-medium: 0;
    --primary-font-transform-medium: normal;

    --primary-font-family-bold: 'GT Walsheim';
    --primary-font-weight-bold: 700;
    --primary-font-size-bold: var(--body-font-size);;
    --primary-font-lineheight-bold: normal;
    --primary-font-letterspacing-bold: 0;
    --primary-font-transform-bold: normal;

    --title-font-family: 'GT Walsheim';
    --title-font-family-weight: 700;
    --title-font-size: 40px;
    --title-font-lineheight: normal;
    --title-font-letterspacing: 0;
    --title-font-transform: normal;

    --card-title-font-family: 'GT-Walsheim-Regular';
    --card-title-font-family-weight: 400;
    --card-title-font-size: 27px;
    --card-title-font-lineheight: normal;
    --card-font-letterspacing: 0;
    --card-font-transform: normal;

    --sub-title-font-family: 'GT-Walsheim-Regular';
    --sub-title-font-family-weight: 700;
    --sub-title-font-size: 18px;
    --sub-title-font-lineheight: normal;
    --sub-title-font-letterspacing: 0;
    --sub-title-font-transform: normal;

    --primary-color: #1D3654;
    --secondary-color: #A5B2AD;
    --branding-color: #9B8969;

    --primary-bg-color: #EFD6CD;
    --secondary-bg-color: #fefaf6;
    --card-bg-color: #F0E4D7;
    --btn-color: #00375A;
    --border-color: #E8E4E0;
}

*, ::after, ::before {
    box-sizing: border-box;
}

/************************************************** Start:: Common CSS **************************************************/
/* #wpadminbar {display: none;} */
html {
    margin-top: 0;
}
body {
    font-family: var(--primary-font-family) !important;
    font-size: var(--primary-font-size) !important;
    font-weight: var(--primary-font-weight) !important;
    line-height: var(--primary-font-lineheight) !important;
    letter-spacing: var(--primary-font-letterspacing) !important;
    text-transform: var(--primary-font-transform) !important;
    color: var(--primary-color) !important;
    background-color: var(--secondary-bg-color) !important;
    margin: 0;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mobile-header {
    display: none;
}
/* width */
.custom-scrollbar {
    scrollbar-width: thin;
}
.custom-scrollbar::-webkit-scrollbar {
  width: 5px;
}
/* Track */
.custom-scrollbar::-webkit-scrollbar-track {
    background-color: rgb(223, 223, 223);
}
/* Handle */
.custom-scrollbar::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px #5c5c5c;
}

.gold-dashboard {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
.fl-builder-content-primary {
    max-width: 1090px;
    margin: 0 auto;
}
.mt-auto {
    margin-top: auto;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.position-relative {
    position: relative !important;
}
.overflow-hidden{
    overflow: hidden !important;
}
.display-none {
    display: none !important;
}
p:last-child {
    margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    margin: 0 0 10px 0;
    padding: 0;
    word-wrap: break-word;
}
p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
a {
    text-decoration: none;
}
.gray-card-shadow {
    border-radius: 12px;
    border: 1px solid var(--card-bg-color);
    background: rgba(232, 228, 224, 0.79);
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.05);
}
.gray-secondary-card-shadow {
    border-radius: 12px;
    border: 1px solid var(--card-bg-color);
    background: transparent;
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.05);
}
.white-card-shadow {
    border-radius: 12px;
    border: 1px solid var(--border-color);
    background: #ffffff;
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.05);
}

/* Start:: stretched-link */
.position-relative .fl-col-content,
.white-card,
.add-courses-card,
.latest-card,
#white-card-slider .slick-slide, 
.large-white-card > .fl-col-content {
    position: relative;
}
.position-relative .fl-col-content a::after,
.white-card a::after,
.add-courses-card a::after,
.latest-card a::after,
#white-card-slider .slick-slide a::after,
.your-bookings-card a::after,
.large-white-card > .fl-col-content a::after  {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    /* background-color: rgba(0,0,0,0); */
    transition: all 0.3s ease-in-out;
}

#member-access>div::before, #white-card-slider #member-access::before{
    content: "Upgrade to access";
    position: absolute;
    right: 0;
    top: 45px;
    padding: 10px;
    border-radius: 14px 0 0 14px;
    background-color: var(--branding-color);
    font-size: 15px;
    color: #ffffff;
    font-family: var(--card-title-font-family);
    z-index: 2;
}
#member-access .fl-col-content a::after, #white-card-slider #member-access a::after{
    pointer-events: none;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 12px;
}
.fl-builder-content .fl-button:active {
    position: static !important;
}
.here-to-help > .fl-col-content {
    transition: all 0.3s ease-in-out;
}
.position-relative .fl-col-content a:hover::after,
.white-card a:hover::after,
.add-courses-card a:hover::after,
.latest-card a:hover::after,
.here-to-help > .fl-col-content:hover,
.your-bookings-card a:hover::after,
.large-white-card > .fl-col-content a:hover:after {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}
.here-to-help.position-relative .fl-col-content a:hover::after {
    box-shadow: none;
    border-radius: 0px;
}
/* End:: stretched-link */

/************************************************** End:: Common CSS **************************************************/

/************************************************** Start:: Sidebar CSS **************************************************/
.gold-dashboard .main-sidebar {
    position: fixed;
    /* top: 0; */
    left: 0;
    display: flex;
    flex-direction: column;
    background: var(--primary-bg-color);
    color: var(--secondary-color);
    max-width: 270px;
    width: 100%;
    transform: translateX(0);
    height: 100vh;
    padding: 50px 16px 40px;
    font-family: var(--primary-font-family-medium);
    font-size: var(--primary-font-size-medium);
    font-weight: var(--primary-font-weight-medium);
    line-height: var(--primary-font-lineheight-medium);
    letter-spacing: var(--primary-font-letterspacing-medium);
    text-transform: var(--primary-font-transform-medium);
    overflow-y: auto;
    border-right: 5px solid var(--branding-color);
    /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); */
}
.gold-dashboard .main-sidebar .close-menu {
    display: none;
}
.gold-dashboard .main-sidebar .brand-link {
    display: block;
    margin: 0 auto;
}
.gold-dashboard .main-sidebar .brand-link img {
    width: 180px;
    height: auto;
}
.gold-dashboard .main-sidebar nav {
    padding: 100px 0;
}
.gold-dashboard .main-sidebar nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.gold-dashboard .main-sidebar nav ul .menu-item a {
    display: flex;
    align-items: center;
    font-family: 'GT-Walsheim-Regular';
    font-size: var(--primary-font-size);
    font-weight: var(--primary-font-weight);
    line-height: 27px;
    letter-spacing: 0.5px;
    text-transform: var(--primary-font-transform);
    color: var(--btn-color);
    padding: 12px 22px;
    transition: 0.3s all ease;
}
.gold-dashboard .main-sidebar nav ul .menu-item a i {
    flex: 0 0 auto;
    margin-right: 8px;
    font-size: 20px;
    width: 32px;
    text-align: center;
    text-decoration: none !important;
}
.gold-dashboard .main-sidebar nav ul .menu-item a:hover, 
.gold-dashboard .main-sidebar nav ul .menu-item.current-menu-item a,
.gold-dashboard .main-sidebar nav ul .menu-item.menu-item-has-children a.submenu-open{
    color: var(--branding-color);
}

.gold-dashboard .main-sidebar nav ul .menu-item.menu-item-has-children a {
    position: relative;
    padding-right: 20px;
}
.gold-dashboard .main-sidebar nav ul .menu-item.menu-item-has-children > a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    margin-left: 12px;
    transition: all 0.3s ease;
}
.gold-dashboard .main-sidebar nav ul .menu-item.menu-item-has-children > a.submenu-open::after {
    transform: rotate(90deg);
}

.gold-dashboard .main-sidebar nav ul.sub-menu {
    padding: 0;
    background: var(--card-bg-color);
    margin-top: 0;
    color: #000000;
    display: none;
}
.gold-dashboard .main-sidebar nav ul.sub-menu li.menu-item:not(:last-child) {
    margin-bottom: 0;
}
.gold-dashboard .main-sidebar nav ul.sub-menu li.menu-item a {
    font-size: 16px;
    color: var(--btn-color);
    line-height: 1.5;
}

.gold-dashboard .main-sidebar .sidebar-footer {
    margin-top: auto;
    text-align: center;
}
.gold-dashboard .main-sidebar .sidebar-footer h6 {
    font-family: var(--primary-font-family-medium);
    font-size: var(--extra-small-font-size);
    font-weight: var(--primary-font-weight-medium);
    line-height: var(--primary-font-lineheight-medium);
    letter-spacing: var(--primary-font-letterspacing-medium);
    text-transform: var(--primary-font-transform-medium);
    color: #171717;
    margin-bottom: 5px;
}
.gold-dashboard .userChange{
    padding: 20px 0 0;
}
.gold-dashboard .userChange > a{
    padding: 10px;
    text-align: center;
    background: var(--branding-color);
    color: #000000;
    width: 100%;
    font-family: 'GT-Walsheim-Regular';
    font-weight: 400;
    display: block;
    cursor: pointer;
    border-radius: 8px;
}
.gold-dashboard .userDropDown{
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    background: var(--card-bg-color);
}
.gold-dashboard .userDropDown li > a{
    background: var(--card-bg-color);
    padding: 10px;
    text-align: center;
    color: var(--btn-color);
    width: 100%;
    font-family: 'GT-Walsheim-Regular';
    font-weight: 400;
    display: block;
}
.gold-dashboard .userDropDown li:not(:last-child){
    border-bottom: 1px solid var(--branding-color);
}
/************************************************** Start:: Sidebar CSS **************************************************/

/************************************************** Start:: Main Content CSS **************************************************/
.gold-dashboard main {
    padding: 55px 45px;
    margin-left: 258px;
    width: 100%;
}
/* Start:: About User */
#about-user .fl-row-content-wrap .fl-row-content .fl-col-group {
    display: flex;
    align-items: center;
}

#about-user .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col:first-child {
    width: auto !important;
}

/* End:: About User */
/* Start:: Info Message (Find Out More) */
#find-out-more .fl-row-content-wrap .fl-row-content .fl-col-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#find-out-more .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-heading {
    font-family: var(--title-font-family);
    font-weight: var(--title-font-family-weight);
}
#find-out-more .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-module-rich-text, 
#find-out-more .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-module-rich-text p {
    font-family: var(--primary-font-family);
    font-weight: var(--primary-font-weight);
}
#find-out-more .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-button-wrap .fl-button,
#btn-theme .fl-button-wrap .fl-button,
#btn-theme .fl-button {
    background: transparent;
    border: 0;
    padding: 0;
    text-decoration: underline;
}
#find-out-more .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content .fl-button-wrap .fl-button .fl-button-text {
    color: var(--secondary-color);
}
/* End:: Info Message (Find Out More) */

/* Start:: White Card */
#white-card-wrap .fl-html{
    display: flex;
    margin: 0 -15px;
}
#white-card-wrap .fl-html > div{
    width: 50%;
    margin: 0 15px;
}
.white-card {
    position: relative;
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
}
/* .white-card:not(:last-child) {
    margin-bottom: 30px;
} */
.white-card .card-item {
    /* display: flex;
    align-items: center; */
    border-radius: 12px;
}
/* .white-card .card-item .card-image {
    flex: 0 0 auto;
    width: 35.5%;
} */
.white-card .card-item .card-image .card-image-inner {
    min-height: 130px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 12px 12px 0 0;
}
.white-card .card-item .card-body {
    /* flex: 0 0 auto;
    width: 64.5%; */
    padding: 15px;
    color: #A5B2AD;
}
.white-card .card-item .card-body h4 {
    font-family: var(--primary-font-family-medium);
    font-size: var(--sub-title-font-size);
    font-weight: var(--primary-font-weight-medium);
    line-height: var(--primary-font-lineheight-medium);
    letter-spacing: var(--primary-font-letterspacing-medium);
    text-transform: var(--primary-font-transform-medium);
    color: var(--primary-color);
    margin-bottom: 7px;
}
.white-card .card-item .card-body h5 {
    font-family: var(--primary-font-family-medium);
    font-size: var(--small-font-size);
    font-weight: var(--primary-font-weight-medium);
    line-height: var(--primary-font-lineheight-medium);
    letter-spacing: var(--primary-font-letterspacing-medium);
    text-transform: var(--primary-font-transform-medium);
    color: var(--secondary-color);
    margin-bottom: 15px;
}
.white-card .card-item .card-body .progressbar {
    border-radius: 12px;
    border: 1px solid var(--border-color);
    background: #ffffff;
    padding: 3px;
    margin-bottom: 5px;
    max-width: 160px;
}
.white-card .card-item .card-body .progressbar .progressbar-inner {
    height: 6px;
    border-radius: 12px 0px 0px 12px;
    background: var(--branding-color);
}
.white-card .card-item .card-body p {
    font-family: var(--primary-font-family-medium);
    font-size: var(--extra-small-font-size);
    font-weight: var(--primary-font-weight-medium);
    line-height: var(--primary-font-lineheight-medium);
    letter-spacing: var(--primary-font-letterspacing-medium);
    text-transform: var(--primary-font-transform-medium);
    color: var(--primary-color);
}
.white-card #btn-theme .fl-button, .white-card #btn-theme .fl-button:hover {
    display: flex;
    justify-content: flex-end;
    color: var(--btn-color);
    text-decoration: none;
}
.white-card #btn-theme .fl-button i {
    color: var(--btn-color);
}
/* End:: White Card */
/* Start:: Add Courses Card */
.add-courses-card {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    min-height: 172px;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.add-courses-card .card-inner {
    /* font-family: var(--primary-font-family);
    font-size: var(--extra-small-font-size);
    font-weight: var(--primary-font-weight);
    line-height: var(--primary-font-lineheight);
    letter-spacing: var(--primary-font-letterspacing);
    text-transform: var(--primary-font-transform); */
    font-family: var(--primary-font-family-medium);
    font-size: var(--primary-font-size-medium);
    font-weight: var(--primary-font-weight-medium);
    line-height: var(--primary-font-lineheight-medium);
    letter-spacing: var(--primary-font-letterspacing-medium);
    text-transform: var(--primary-font-transform-medium);
    color: var(--primary-color);
    text-align: center;
}
.add-courses-card .card-inner > * {
    flex: 0 0 auto;
    width: 100%;
    color: var(--btn-color);
}
.add-courses-card .card-inner i {
    margin-bottom: 10px;
}
.add-courses-card .card-inner a,
.add-courses-card .card-inner a:hover {
    color: var(--btn-color);
    text-decoration: underline;
}
/* End:: Add Courses Card */
/* Start:: About Courses */
.about-courses-card {
    margin-bottom: 30px;
}
.about-courses-card, .about-courses-card p {
    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: var(--primary-font-weight);
    line-height: var(--primary-font-lineheight);
    letter-spacing: var(--primary-font-letterspacing);
    text-transform: var(--primary-font-transform);
    color: var(--primary-color);
}
.about-courses-card h2 {
    font-family: var(--sub-title-font-family);
    font-weight: var(--sub-title-font-family-weight);
    font-size: var(--sub-title-font-size);
    line-height: var(--sub-title-font-lineheight);
    letter-spacing: var(--sub-title-font-letterspacing);
    text-transform: var(--sub-title-font-transform);
    margin-bottom: 15px;
}
/* End:: About Courses */

/* Start:: searching Card  */
.searching-card h2 {
    font-family: var(--sub-title-font-family);
    font-weight: var(--sub-title-font-family-weight);
    font-size: 20px;
    line-height: var(--sub-title-font-lineheight);
    letter-spacing: var(--sub-title-font-letterspacing);
    text-transform: var(--sub-title-font-transform);
    margin-bottom: 20px;
}
.searching-card .white-card .card-item .card-body p {
    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: var(--primary-font-weight);
    line-height: var(--primary-font-lineheight);
    letter-spacing: var(--primary-font-letterspacing);
    text-transform: var(--primary-font-transform);
    color: var(--primary-color);
    margin-bottom: 15px;
}
.searching-card .white-card .card-item .card-body #btn-theme a {
    text-decoration: underline;
    font-weight: 500;
}
/* End:: searching Card  */

/* Start:: latest-card */
.latest-card img {
    border-radius: 12px 12px 0px 0px;
    height: 180px;
    width: 100%;
    object-fit: cover;
    object-position: top center;
}
.latest-card .latest-card-body {
    padding: 15px;
}
.latest-card .latest-card-body h2 {
    font-family: var(--primary-font-family-medium);
    font-size: var(--primary-font-size-medium);
    font-weight: var(--primary-font-weight-medium);
    line-height: var(--primary-font-lineheight-medium);
    letter-spacing: var(--primary-font-letterspacing-medium);
    text-transform: var(--primary-font-transform-medium);
    color: var(--btn-color);
    margin-bottom: 15px;
}
.latest-card .latest-card-body,
.latest-card .latest-card-body p {
    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: var(--primary-font-weight);
    line-height: var(--primary-font-lineheight);
    letter-spacing: var(--primary-font-letterspacing);
    text-transform: var(--primary-font-transform);
    color: var(--btn-color);
}
.latest-card .latest-card-body p{
    margin-bottom: 15px;
}
.latest-card .latest-card-body p:nth-child(4){
    display: none;
}
.latest-card .latest-card-body p a{
    color: var(--btn-color);
}
.latest-card #btn-theme .fl-button, .latest-card #btn-theme .fl-button:hover {
    display: flex;
    justify-content: flex-end;
    color: var(--btn-color);
    text-decoration: none;
}
.latest-card #btn-theme .fl-button i {
    color: var(--btn-color);
}
/* End:: latest-card */

/* Start:: Your Bookings CMS */
.your-bookings-cms {
    margin-bottom: 30px;
}
.your-bookings-cms h2 {
    font-family: var(--sub-title-font-family);
    font-weight: var(--sub-title-font-family-weight);
    font-size: var(--sub-title-font-size);
    line-height: var(--sub-title-font-lineheight);
    letter-spacing: var(--sub-title-font-letterspacing);
    text-transform: var(--sub-title-font-transform);
    margin-bottom: 15px;
    color: var(--btn-color);
}
.your-bookings-cms,
.your-bookings-cms p {
    font-family: var(--primary-font-family);
    font-size: var(--primary-font-size);
    font-weight: var(--primary-font-weight);
    line-height: var(--primary-font-lineheight);
    letter-spacing: var(--primary-font-letterspacing);
    text-transform: var(--primary-font-transform);
    color: var(--btn-color);
}
/* End:: Your Bookings CMS */
/* Start:: Your Bookings Card */
/* slider styling */
.single-item.slick-slider{
    padding-bottom: 50px;
}
.single-item .slick-arrow{
    position: absolute;
    bottom: 0;
    width: 27px;
    height: 27px;
    border-radius: 100%;
    background: #E44D3B;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    cursor: pointer;
}
.single-item .slick-prev{
    right: 80px;
}
.single-item .slick-prev i {
    margin-right: 2px;
}
.single-item .slick-next{
    right: 0;
}
.single-item .slick-next i {
    margin-left: 2px;
}
/* slider styling */
.your-bookings-card:not(:last-child) {
    margin-bottom: 30px;
}
.your-bookings-card .your-bookings-body {
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.your-bookings-card .your-bookings-body h2 {
    font-family: var(--primary-font-family-medium);
    font-size: var(--primary-font-size-medium);
    font-weight: var(--primary-font-weight-medium);
    line-height: var(--primary-font-lineheight-medium);
    letter-spacing: var(--primary-font-letterspacing-medium);
    text-transform: var(--primary-font-transform-medium);
    color: var(--btn-color);
    margin-bottom: 15px;
    width: 100%;
}
.your-bookings-card .your-bookings-body .date-time {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    margin-bottom: 5px;
    list-style: none;
    padding: 0;
    width: calc(100% - 20px);
}
.your-bookings-card .your-bookings-body .date-time li {
    margin-top: 10px;
}
.your-bookings-card .your-bookings-body .date-time li:first-child {
    font-family: var(--primary-font-family-medium);
    font-size: var(--small-font-size);
    font-weight: var(--primary-font-weight-medium);
    line-height: var(--primary-font-lineheight-medium);
    letter-spacing: var(--primary-font-letterspacing-medium);
    text-transform: var(--primary-font-transform-medium);
    color: var(--secondary-color);
    padding-right: 20px;
}
.your-bookings-card .your-bookings-body .date-time li:first-child i {
    margin-right: 10px;
}
.your-bookings-card .your-bookings-body .date-time li:last-child {
    font-family: var(--primary-font-family-medium);
    font-size: var(--extra-small-font-size);
    font-weight: var(--primary-font-weight-medium);
    line-height: var(--primary-font-lineheight-medium);
    letter-spacing: var(--primary-font-letterspacing-medium);
    text-transform: var(--primary-font-transform-medium);
    color: var(--btn-color);
}
.your-bookings-card #btn-theme{
    align-self: flex-end;
}
.your-bookings-card #btn-theme .fl-button, .your-bookings-card #btn-theme .fl-button:hover {
    display: flex;
    justify-content: flex-end;
    color: var(--btn-color);
    text-decoration: none;
}
.your-bookings-card #btn-theme .fl-button i {
    color: var(--btn-color);
}
.add-courses-card.add-more-events {
    min-height: 120px;
}
/* End:: Your Bookings Card */

/* Start:: white card slider */
#white-card-slider .labb-container .slick-prev,
#white-card-slider .labb-container .slick-next,
#white-card-slider .labb-container ul.slick-dots {
    display: none !important;
}
#white-card-slider .slick-slider {
    padding: 0;
}
#white-card-slider .slick-slider .slick-list {
    padding:0 20% 0 0 !important;
}
#white-card-slider .slick-slider .slick-track {
    display: flex !important;
}
#white-card-slider .slick-slider .labb-carousel-item{
    position: static;
}
#white-card-slider .slick-slider .slick-slide {
    height: inherit !important;
}
#white-card-slider .slick-slider .slick-slide {
    padding: 15px;
    margin-right: 30px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
    background: #FFF;
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.05);
}
#white-card-slider .slick-slider .slick-slide div {
    height: 100%;
}
#white-card-slider .slick-slider .slick-slide .labb-carousel-item {
    margin: 0;
}
#white-card-slider .slick-slider .slick-slide .labb-carousel-item > div {
    display: flex;
    flex-direction: column;
}
#white-card-slider .slick-slider .slick-slide .labb-carousel-item img,
#white-card-slider .slick-slider .slick-slide .labb-carousel-item h3 {
    margin-bottom: 15px;
}
#white-card-slider .slick-slider .slick-slide .labb-carousel-item img{
    max-height: 60px;
}
#white-card-slider .slick-slider .slick-slide .labb-carousel-item h3 {
    font-family: var(--primary-font-family-medium);
    font-weight: var(--primary-font-weight-medium);
    font-size: 23px;
    line-height: var(--sub-title-font-lineheight);
    letter-spacing: var(--sub-title-font-letterspacing);
    text-transform: var(--sub-title-font-transform);
    color: var(--primary-color);
}
#white-card-slider .slick-slider .slick-slide .labb-carousel-item,
#white-card-slider .slick-slider .slick-slide .labb-carousel-item p {
    font-family: var(--primary-font-family) !important;
    font-size: var(--primary-font-size) !important;
    font-weight: var(--primary-font-weight) !important;
    line-height: var(--primary-font-lineheight) !important;
    letter-spacing: var(--primary-font-letterspacing) !important;
    text-transform: var(--primary-font-transform) !important;
    color: var(--primary-color) !important;
}
#white-card-slider .slick-slider .slick-slide .labb-carousel-item p:last-child {
    margin-top: auto;
}
#white-card-slider .slick-slider .slick-slide .labb-carousel-item p a {
    float: right;
    margin-top: 15px;
    color: var(--btn-color);
}
#white-card-slider .slick-slider .slick-slide .labb-carousel-item p a i {
    color: var(--btn-color);
}

/* End:: white card slider */

/* Start:: big card design */
.large-white-card-main > .fl-col-content > .fl-col-group{
    flex-grow: 1;
}
.large-white-card{
    height: 100%;
}
.large-white-card > .fl-col-content{
    display: flex;
    flex-wrap: wrap;
    flex-direction: unset !important;
}
.large-white-card > .fl-col-content > div{
    width: 100%;
}
.large-white-card > .fl-col-content > div.card-text{
    width: calc(100% - 20px);
}
.large-white-card > .fl-col-content > div.card-button{
    width: 20px;
    align-self: flex-start;
}
.large-white-card  > .fl-col-content a.fl-button{
    display: block;
}
/* End:: big card design */

/* design correction */

.booking-card{
    flex: 1 0 auto;
}
.booking-card > div{
    height: 100%;
}
.booking-card > div > .fl-html{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 50px;
}
/* #card-gray .fl-col-content .fl-col-group.fl-col-group-nested:last-child {
    display: flex;
    height: 100%;
}
#card-gray .fl-col-content .fl-col-group.fl-col-group-nested:last-child #card-gray-inner {
    height: 100%;
}
#card-gray .fl-col-content .fl-col-group.fl-col-group-nested:last-child #card-gray-inner .fl-module-content {
    display: flex;
    height: 100%;
}
#card-gray .fl-col-content .fl-col-group.fl-col-group-nested:last-child #card-gray-inner .fl-module-content .fl-html {
    display: flex;
    flex-direction: column;
    width: 100%;
} */

/************************************************** End:: Main Content CSS **************************************************/


/************************************************** Start:: jobs-academy-member-events CSS **************************************************/
.page-jobs-academy-member-events .gold-dashboard main {
    padding: 0;
}
.page-jobs-academy-member-events .gold-dashboard main #event-calendar-content-body {
    padding: 55px 45px;
}
.page-jobs-academy-member-events .gold-dashboard main #event-calendar-content-footer {
    margin: 0 45px;
}
.page-jobs-academy-member-events .gold-dashboard main .fl-builder-content-primary,
.page-jobs-academy-member-events .gold-dashboard main .amelia-app-booking #am-cabinet .am-cabinet-dashboard {
    max-width: 100%;
}


/************************************************** End:: jobs-academy-member-events CSS **************************************************/



/************************************************** Start:: Responsive CSS **************************************************/
@media (min-width: 1600px) {
    .fl-builder-content-primary {
        margin: 0;
    }
    .gold-dashboard main{
        margin-left: calc((100% - (1090px - 45px))/2);
    }
}
@media (max-width: 1400px) {
    .gold-dashboard main,
    .page-jobs-academy-member-events .gold-dashboard main #event-calendar-content-body {
        padding: 35px 20px;
    }
    .page-jobs-academy-member-events .gold-dashboard main #event-calendar-content-footer {
        margin: 0 20px;
    }
}
@media (max-width: 1199px) {
    .mobile-header {
        display: flex;
        background-color: var(--primary-bg-color);
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 2;
        border-bottom: 10px solid var(--branding-color);
    }
    .mobile-header nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 5px 20px;
        flex-direction: row-reverse;
    }
    .mobile-header nav #mobile-menu {
        font-size: 20px;
        color: var(--btn-color);
    }
    .mobile-header nav img {
        height: 34px;
    }
    .gold-dashboard .main-sidebar nav {
        padding: 50px 0 110px;
    }
    .gold-dashboard .main-sidebar {
        margin-left: 0px;
        /* opacity: 0; */
        width: 100%;
        /* width: 0; */
        overflow: hidden;
        left: auto;
        right: 0px;
        padding: 6px 0px 40px;
        transition: all ease 0.5s;
        transform: translateX(100%);
        border-right: 0;
        z-index: 999;
        top: 0;
    }
    .gold-dashboard .main-sidebar .brand-link {display: none;}
    .gold-dashboard .main-sidebar.sidebar-open {
        top: 0;
        /* opacity: 1; */
        width: 100%;
        overflow: auto;
        z-index: 999;
        transform: translateX(0);
    }
    .gold-dashboard .main-sidebar.sidebar-open .close-menu {
        display: inline-block;
        font-size: 20px;
        color: var(--btn-color);
        margin: 0;
        padding: 8px 20px 9px;
        text-align: right;
        height: 40px;
    }
    .gold-dashboard .userChange{
        padding: 15px 20px 0;
    }
    .sidebar-overlay {
        position: fixed;
        width: 0;
        height: 100vh;
        background: rgba(0,0,0,0.2);
        top: 0;
        opacity: 0;
        right: 0px;
        transition: opacity ease 0.1s;
        display: block;
        z-index: 1;
    }
    .sidebar-overlay.show {
        width: 100vw;
        opacity: 1;
    }

    .gold-dashboard main {
        margin-left: 0px;
    }
    .gold-dashboard main {
        padding: 80px 20px 25px;
    }
    .page-jobs-academy-member-events .gold-dashboard main #event-calendar-content-body {
        padding: 25px 20px;
    }
    .page-jobs-academy-member-events .gold-dashboard main #event-calendar-content-footer {
        margin: 0 20px;
    }
}
@media (max-width: 992px) {
   
    
}
@media (max-width: 991px) {
    .mobile-header {
        border-bottom: 10px solid var(--branding-color);
    }
/* Start:: White Card */
#white-card-wrap .fl-html{
    display: block;
    margin: 0;
}
#white-card-wrap .fl-html > div{
    width: 100%;
    margin: 0;
}
.white-card:not(:last-child) {
    margin-bottom: 30px;
}
.white-card .card-item {
    display: flex;
}
.white-card .card-item .card-image {
    flex: 0 0 auto;
    width: 35.5%;
}
.white-card .card-item .card-image .card-image-inner {
    border-radius: 12px 0 0 12px;
    height: 100%;
}
.white-card .card-item .card-body {
    flex: 0 0 auto;
    width: 64.5%;
}
/* End:: White Card */
.booking-card > div > .fl-html{
    padding-top: 25px;
}
}
@media (max-width: 767px) {
    #about-user .fl-row-content-wrap .fl-row-content .fl-col-group .fl-col .fl-col-content {
        display: block;
    }
    .adBanner > div{
        background-size: 170% !important;
    }
}
@media (max-width: 575px) {
    .gold-dashboard .main-sidebar.sidebar-open {
        width: 300px;
    }
    .gold-dashboard main {
        padding: 80px 15px 25px;
    }
}
/************************************************** End:: Responsive CSS **************************************************/