:root {
    --True-White: #FFF;
    --Red: #CF2030;
    --Power-Black: #000;
    --CTA-Color: #CF2030;
}
.site-main {
    padding: 0 !important;
}

/* Hidden Classes */
.hidden-ipad,
.hidden-mobile {
    display: none;
}
.showCalender {
    display: block !important;
}

.iti.iti--allow-dropdown.iti--separate-dial-code {
    width: 100%;
    display: flex
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
    border-bottom: 1px solid #98999a
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
    color: #cf2030
}

.invite-input-block input[type="tel"].member-contact {
    /* width: 100%; */
    max-width: 340px;
    margin-left: 108px !important;
}

form#mktoForm_1621 .mktoButtonRow {
    display: block;
}

form#mktoForm_1621 .mktoButton {
    top: -50px !important;
}

.iti__country-container {
    border-radius: 5px;
    background: var(--True-White, #FFF);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 11px;
    width: 100px;
}

.iti .iti__selected-dial-code {
    color: var(--Granite-Grey, #64666A);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* margin: 0; */
}

.iti__selected-country-primary {
    padding: 0;
}


.iti__arrow{
    position: absolute;
    right: -15px;
    font-size: 20px;
    border-width: 6px;
    border-top-width: 7px;
    opacity: 1;
}

.page-template-template-invite nav#site-navigation ul#primary-menu,.page-template-template-invite li.mega-menu, .page-template-template-invite li.get-invited-btn {
    display: none !important;
}

.page-template-template-invite nav#site-navigation ul#mega-menu,.page-template-template-invite nav#site-navigation {
    justify-content: flex-end;
}

.page-template-template-invite nav#site-navigation {background: transparent;}
/* Custom checkbox */

.custom-checkbox input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.custom-checkbox label {
    position: relative;
    cursor: pointer;
    display: flex;
}

.custom-checkbox label:before {
    content:'';
    -webkit-appearance: none;
    padding: 9px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 4px;
    border: 0.5px solid var(--Granite-Grey, #64666A);
    background: var(--True-White, #FFF);
}

.custom-checkbox input:checked + label:before {
    border-radius: 4px;
    background: var(--Red, #CF2030);
    border: 0.5px solid var(--Red, #CF2030);
}

.custom-checkbox input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
    width: 6px;
    height: 10px;
    border: solid var(--True-White);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Tootltip */
.show-tooltip {
    position: relative;
    /* To position the tooltip relative to this container */
    display: inline-block;
    cursor: pointer;
}

.tooltip-text {
    visibility: hidden;
    /* Hide the tooltip by default */
    width: 200px;
    /* Set the width of the tooltip */
    background: var(--Granite-Grey, #64666A);
    /* background for the tooltip */
    border-radius: 8px;
    /* Rounded corners */
    padding: 15px 12px;
    /* Padding around the text */
    position: absolute;
    /* Position the tooltip */
    z-index: 3;
    /* Ensure it's above other elements */
    top: 50%;
    /* Vertically center the tooltip */
    right: 115%;
    /* Position it to the left of the text (100% means fully to the left) */
    transform: translateY(-50%);
    /* Adjust to vertically center the tooltip */
    opacity: 0;
    /* Initially hide the tooltip */
    transition: opacity 0.3s;
    /* Smooth fade-in effect */
    color: var(--True-White, #FFF);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Tooltip arrow */
.tooltip-text::after {
    content: '';
    /* Empty content for the arrow */
    position: absolute;
    top: 50%;
    /* Center the arrow vertically */
    right: -10px;
    /* Position the arrow 10px outside the tooltip */
    transform: translateY(-50%);
    /* Adjust to center vertically */
    border-left: 10px solid var(--Granite-Grey, #64666A);
; /* Arrow pointing to the left */
    border-top: 8px solid transparent;
    /* Top triangle of the arrow */
    border-bottom: 8px solid transparent;
    /* Bottom triangle of the arrow */
}

.show-tooltip:hover .tooltip-text {
    visibility: visible;
    /* Show the tooltip when hovered */
    opacity: 1;
    /* Make the tooltip fully visible */
}

/* Rigth Tooltip */
.tooltip-text.rigth-tooltip-text {
    left: 30px;
    right: 0;
    width: 221px;
}

.rigth-tooltip-text::after {
    border-right: 10px solid var(--Granite-Grey, #64666A);
    left: -10px;
    right: auto;
    border-left: none;
}

/*  */

.journey-progress {
    width: 100%;
    height: 4px;
    background-color: #C8C8C8;
    z-index: 1;
    transition: all 0.2s ease-in-out;
    position: relative;
}
.journey-staus {
    width: 10%;
    height: 4px;
    background-color: #CF2030;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: all 0.2s ease-in-out;
}

.journey-hero-details>p {
    color: var(--Granite-Grey, #64666A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 12px;
}

.hero-name {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

p.hero-brief {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bni-ref-count {
    color: #CF2030;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: block;
    position: relative;
}

.bni-ref-text {
    color: var(--Granite-Grey, #64666A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    position: relative;
}

.bni-referalss {
    margin-left: 44px;
}

.bni-referals-blk {
    position: relative;
    padding: 10px 0 0 15px;
    max-width: 145px;
}

.bni-referals-blk svg {
    position: absolute;
    left: 0;
    top: 0;
    /* z-index: -1; */
}

.bni-referals, .bni-members {
    display: flex;
    position: relative;
}

.bni-members {
    justify-content: flex-end;
    top: -8px;
}

.journey-hero-details {
    margin: 0 0 88px;
    max-width: 210px;
}


.start-journey h1 {
    color: var(--Granite-Grey, #64666A);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0 0 63px;
}

.start-journey h1 span {
    color: var(--Red, #CF2030);
}

.step-title,
.step-title p {
    color: var(--Granite-Grey, #64666A);
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 19px;
}
.location-title .step-title {
    margin: 20px 0 10px;
}
.step-title span {
    color: var(--Power-Black, #000);
    font-weight: 700;
}

.contact-input-field {
    width: 100%;
}
input[type="tel"],
input[type="email"],
input[type="text"].text-field {
    border-radius: 8px;
    background: var(--True-White, #FFF);
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    border: 0;
    padding: 16px !important;
    /* max-width: 400px; */
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    height: 64px;
}
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="text"].text-field::placeholder {
    color: var(--Sterling-Grey, #C8C8C8);
}
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="text"].text-field:focus {
    outline: none;
}
input.journey-serach {
    max-width: 316px;
}
.input-wrap {
    width: 480px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    gap: 5px;
}

.type-in-your-contact .input-wrap {
    max-width: 520px;
    width: 100%;
}

.stay-tuned-info {
    color: var(--Granite-Grey, #64666A);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.journey-hero-img img {
    max-width: 100%;
    width: 140px;
}

.card-outline {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

span.addres-icon {
    position: relative;
    top: -3px;
}

.journey-hero-img {
    text-align: right;
}

.journey-first-step {
    max-width: 437px;
    padding: 0;
}

.journey-button {
    /* padding: 16px 24px 16px 19px; */
    border: 0;
    background: #000;
    border-radius: 10px;
    margin-left: 4px;
    width: 71px;
    height: 64px;
}

.journey-button i {
    color: #fff;
    font-size: 32px;
}

.get-invited-page {
    position: relative;
}

.get-invited-page::before, .get-invited-page::after {
    content: '';
    display: inline-block;
    border-radius: 277px;
    opacity: 0.5;
    background: var(--Granite-Grey, #64666A);
    filter: blur(146.9499969482422px);
    width: 277px;
    height: 277px;
    position: absolute;
    z-index: -1;
}

.get-invited-page::after {
    bottom: 20%;
    left: 0;
}

.get-invited-page::before {
    top: 0;
    right: 0;
}
.step {
    display: none;
    padding: 57px 0;
    min-height: calc(75vh - 101px);
    align-items: center;
}
.step.active {
    display: block;
}
.step.active#enterYourEmail, 
.step.active#enterYourCOntact, 
.step.active#selectProfession, 
.step.active#enterYourContact, 
.step.active#selectLocation{
    display: flex;
}

.step>div {
    flex: 1 1 auto;
}

.align-center {
    align-items: center;
}

.error-message {
    font-size: 14px;
    line-height: normal;
    margin-top: 10px;
    display: inline-block;
    color: var(--Red, #CF2030);
}
/* Step 2 */
.data-step,
.prev-step {
    color: var(--Granite-Grey, #64666A);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 16px;
    cursor: pointer;
    width: fit-content;
}
.data-step i,
.prev-step i {
    margin-right: 5px;
}

.checkbox-label {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 11px;
}

.checkbox-label a {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
}

input[type="checkbox"] {
    border-radius: 4px;
    border: 1px solid var(--Granite-Grey, #64666A);
    width: 16px;
    height: 16px;
    appearance: auto;
}

.terms-container {
    margin-top: 46px;
}

.terms-container>label {
    display: flex;
    align-items: center;
}

.deloitte-block {
    display: flex;
    align-items: center;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 0px 9.9px 0px rgba(0, 0, 0, 0.25);
    padding: 15px;
}

.logo-block {
    max-width: 77px;
}

.deloitte-brief {
    color: var(--Granite-Grey, #64666A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}

.del-company-name {
    color: var(--Power-Black, #000);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.deloitte-info-block {
    margin-left: 16px;
}

/* step 3 */
.verify-email-text {
    margin: 0 0 5px;
}

.example-email {
    color: var(--Granite-Grey, #64666A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.resend-code {
    color: var(--Power-Black, #000);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: right;
    margin-top: 36px;
    cursor: pointer;
}

.resend-trext {
    text-decoration: underline;
    text-underline-position: from-font;
    margin-right: 5px;
}

/* Step 4: Select */
.professions {
    border-radius: 4px;
    border: 1px solid var(--Sterling-Grey, #C8C8C8);
    color: var(--Granite-Grey, #64666A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 5px 10px;
    margin: 0 10px 7px 0;
    cursor: pointer;
}
.loader {
    display: none;
    text-align: center;
    margin-bottom: 50px;
}
.loader i {
    display: inline-block;
    animation: spin 1s linear infinite; /* Adjust duration and easing if needed */
    color: #CF2030;
}

/* Keyframes for spinning animation */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.professions.selected {
    color: var(--Red, #CF2030);
    border: 1px solid var(--Red, #CF2030);
}

.professions-block {
    display: flex;
    flex-wrap: wrap;
    max-width: 375px;
}

.professions-lists {
    /* max-width: 70%; */
    display: flex;
    /* margin-top: 37px; */
}

.show-professions-list #professionList {
    margin-top: 15px;
    height: 110px;
    overflow: hidden;
    overflow-y: auto;
    transition: all 1s ease;
}

/* WebKit scrollbar customization */
#professionList::-webkit-scrollbar {
    width: 6px;
}
  
#professionList::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 6px;
}
  
#professionList::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

/* STep4 : Memenre Contact nmber */
.skip-step {
    color: var(--Granite-Grey, #64666A);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
    width: fit-content;
    margin-top: 20px;
}

.skip-step i {
    margin-left: 5px;
}

/* Step 5: Where are u located */
#locationSearch {
    padding-top: 0;
}
.location-iframe #map, .location-iframe {
    width: 100%;
    height: calc(100vh - 100px);
    margin: 0 auto;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.show-chapter-results {
    margin: 20px;
}
.map-chapter-mode span {
    font-weight: 600;
}
#mapnotfound {
    color: var(--Granite-Grey, #64666A);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0 0 19px;
}
.chapter-card-wrap {
    overflow: hidden;
    overflow-y: auto;
}

#mapLoader{
    position: absolute;
}
.bni-chapter-card {
    border-radius: 8px;
    background: var(--True-White, #FFF);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 4px 1px #00000040;
    padding: 14px;
    /* display: inline-block; */
    width: 100%;
    min-height: 175px;
    height: 100%;
    transition: all 0.25s ease-in;
    position: relative;
    overflow: hidden;

}
.bni-chapter-card-wrap{
    display: inline-block;
    /* width: calc((100% - 20px)/2); */
    padding-bottom: 11px;
    padding-top: 11px;
}
.chapter-name h3 {
    color: var(--Red, #CF2030);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* max-width: 150px; */
    /* margin: 0 0 20px; */
}
.auto-resize-heading {
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

.chapter-category {
    text-align: right;
}
.chapter-card-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.bni-chapter-card .row {
    height: 100%;
}

.chapter-card-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.chapter-name h3 {
    /* min-height: 30px; */
}
.chooseDate {
    /* height: 100px; */
    overflow: hidden;
    /* overflow-y: auto; */
    text-align: right;
    display: flex;
    justify-content: space-between;
    gap: 6.5px;
}
.chapert-addres-text {
    color: var(--Granite-Grey, #64666A);
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    margin-left: 5px;
    word-break: break-word;
}
.chapert-addres-block {
    /* min-height: 50px; */
    display: flex;
}

.locationName {
    display: none;
}

.hidden-card {
    display: none;
}
.location-iframe {
    text-align: right;
    background: #f1f1f1;
    position: relative;
}

.addres-icon i {
    color: var(--Granite-Grey, #64666A);
}

.chapter-card-bottom {
    /* display: flex; */
    /* justify-content: space-between; */
}

.chapter-card-address {
    display: flex;
}

.type-in-your-location.invite-input-block {
    /* margin-bottom: 78px; */
}

.location-map-card {
    opacity: 0.5;
}

.prev-step.serach {
    margin: 0 25px 0 0;
}

.serach-results-input-wrap {
    display: flex;
    flex: 1;
}

.serach-result-input-wrap {
    margin: 0 10px 28px;
    display: flex;
    align-items: center;
    display: flex;
}

.filter-text {
    border-radius: 24px;
    background: var(--Light-Sterling-Grey, #F2F2F2);
    padding: 5px 20px;
    display: inline-block;
    color: #64666A;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}
.filter-text i, .filter-text svg {
    margin-right: 5px;
}
.bni-chapter-card-filters>span {
    margin-right: 6px;
    margin-bottom: 10px;
}

.filter-text:last-child {
    margin: 0;
}

.bni-chapter-card-filters {
    margin: 0 10px 20px;
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
}
.active.chap-mode, .filter-text:hover, .filter-text:focus {
    background: var(--Sterling-Grey, #C8C8C8);
}

.filter-wrap-div {
    display: flex;
}

span.chap-mode {
    margin-right: 20px;
}

.filter-icons {
    margin-right: 11px;
}

.card-checkbox-wrap {
    position: relative;
    height: 18px;
}

.card-checkbox-wrap label {
    width: 38px;
    height: 18px;
    position: relative;
    display: inline-flex;
    transition: 0.4s;
    margin-bottom: 0;
    align-items: center;
    border-radius: 24px;
    border: 1px solid var(--Sterling-Grey, #C8C8C8);
    background: var(--Sterling-Grey, #C8C8C8);
}
.card-checkbox-wrap input:checked+label {
    border: 1px solid var(--Granite-Grey, #64666A);
    background: var(--Granite-Grey, #64666A);
}

.card-checkbox-wrap label:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    left: 5px;
    z-index: 2;
    background: #F2F2F2;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition: .6s;
}

.card-checkbox-wrap input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
    border-radius: 24px;
    border: 1px solid var(--Granite-Grey, #64666A);
    background: var(--Granite-Grey, #64666A);
}

.card-checkbox-wrap input:hover+label:after {
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}

.card-checkbox-wrap input:checked+label:after {
    left: calc(100% - 15px);
}

.card-switch {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.card-check-label {
    margin-left: 7px;
    color: #64666A;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.step-search-reasutl-map {
    position: relative;
    width: 100%;
}
.mode-of-chaper {
    display: flex;
    justify-content: center;
    gap: 37px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    width: fit-content;
    margin: 0 auto 50px;
    background: #fff;
    border-radius: 10px;
}

.request-calback>span {
    color: var(--Power-Black, #000);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.request-a-call-icon {
    background: linear-gradient(90deg, #CF2030 -32.46%, #691018 124.56%);
    color: #fff;
    padding: 4px 8px;
    border-radius: 50%;
    margin-left: 5px;
}

.request-a-call-back-link,.request-a-call-back-link:hover {
    display: inline-flex;
    align-items: center;
    color: #CF2030;
    margin-left: 13px;
}

.centerMap {
    /* height: 100vh; */
    display: flex;
    align-items: center;
    flex-direction: column;
    position: sticky;
    top: 65px;
    /* justify-content: center; */
}

.request-calback {
    text-align: right;
    margin-bottom: 30px;
}

.view-more-chapter-card {
    display: inline-block;
    border-radius: 32px;
    border: 2px solid var(--CTA-Color, #CF2030);
    padding: 10px 14px 8px 17px;
    color: var(--Red, #CF2030);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    margin: 16px 10px 0;
    transition: all 0.5s;
}

.view-more-chapter-card i {
    margin-left: 5px;
    transition: all 0.5s;
}
.view-more-btn i {
    rotate: 180deg;
}

.dateList {
    font-size: 12px;
    color: #fff;
    padding: 2px 10px;
    cursor: pointer;
    text-align: center;
    /* display: inline-block; */
    border-radius: 5px;
    border: 0.5px solid #000;
}

.dateList:hover {
    background: #000;
    border: 0.5px solid #000;
}

.chapter-category span,
.selected-chapter-card .choose-date-to-visit .on-hover,
.hov-meet-time {
    display: inline-block;
    border-radius: 16px;
    background: var(--Light-Sterling-Grey, #F2F2F2);
    padding: 3px 6px;
    color: var(--Granite-Grey, #64666A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

.scheduleChapter,
.selected-chapter-card {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.selected-chapter-card .chapter-name h3,
.selected-chapter-card .chapert-addres-text,
.selected-chapter-card .addres-icon i,
.selected-chapter-card .chapter-category span {
    /* color: #fff; */
}
.chapter-card-icon {
    display: flex;
    align-items: center;
    bottom: 0;
    right: 0;
}

.chapter-card-right {
    position: relative;
    height: 100%;
}

.chapter-card-icon i {
    font-size: 20px;
}

.chapter-card-icon svg {
    width: 25px;
    height: 25px;
}

.selected-chapter-card .chapter-card-icon {
    /* display: none; */
}
.selected-chapter-card .chapter-category span{
    display: none;
}
.choose-date-to-visit {
    /* display: none; */
    background: var(--Red, #CF2030);
    color: #fff;
    text-align: center;
    border-radius: 25px;
    padding: 5px 25px;
    cursor: pointer;
    font-size: 12px;
    border: 2px solid var(--Red, #CF2030);
    transition: all .5s ease;
}
.choose-date-to-visit:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}




.choose-date-to-visit.active {
    opacity: 0;
}

.choose-date-to-visit i.fa-calendar-days {
    margin: 0 0 0 5px;
}
.date-day {
    font-size: 24px;
    line-height: normal;
    color: #000;
}

.dateList span {
    display: block;
    color: #000;
    font-weight: 500;
}

.dateList:hover span {
    color: #fff;
}

.chapter-card-body {
    margin: 10px 0 15px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.chapter-card-body.showDates .select-chapter-dates {
    display: flex !important;
    justify-content: center;
    left: 0;
}

.choose-date-to-visit.active i.fa-angle-right {
    rotate: 90deg;
    
}

i.fa-angle-right {
    font-size: 15px;
    margin: 0 2px;
    transition: all .5s ease;
}


.scheduleChapter::before,
.selected-chapter-card::before {
    content: '';
    width: 100%;
    height: 4px;
    background: var(--Red, #CF2030);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.chapter-day,.chapter-time {
    font-size: 12px;
    color: #000;
}

.card-outline {
    /* padding: 3px; */
}

.chapter-mode-icon {
    display: flex;
    justify-content: flex-end;
    height: 100%;
}

.select-chapter-dates {
    display: none;
    position: absolute;
    right: 0;
}

.selected-chapter-card .choose-date-to-visit .on-hover {
    background: transparent;
    box-shadow: 0 0 0px 1px #fff;
    color: #fff;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    padding: 3px;
    font-size: 15px;
    font-weight: 600;
    padding: 1px;
}
.selected-chapter-card .hov-meet-time {
    background: transparent;
    color: #fff;
    padding: 0;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}
.chapter-card-blok {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    align-items: flex-end;
}

.more-chapter-cards {
    display: none;
}

.more-chapter-cards.show {
    width: 100%;
    display: block;
}

/* Sort By dropdown CSS */
.sort-by-options {
    display: none;
    /* width: 100%; */
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0px;
    top: 35px;
    z-index: 5;
}
.sort-by-options-wrap {
    border-radius: 4px;
    background: var(--True-White, #FFF);
    padding: 34px 20px;
    width: 100%;
    min-height: 180px;
    box-shadow: 0px 2px 20.9px 0px rgba(0, 0, 0, 0.15);
}
.sort-by-options.show {
    display: block;
}

.sort-by-options .sort-option {
    border-radius: 24px;
    background: var(--Light-Sterling-Grey, #F2F2F2);
    display: block;
    padding: 4px 12px;
    margin-bottom: 10px;
    color: var(--Granite-Grey, #64666A);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: max-content;
    cursor: pointer;
}
.sort-by-options .sort-option.active,
.sort-by-options .sort-option:hover {
    background: var(--Granite-Grey, #64666A);
    color: var(--True-White, #FFF);
}
.filter-title-text {
    color: var(--Power-Black, #000);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.clear-filter {
    color: var(--Red, #CF2030);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    cursor: pointer;
}

.mobile-filter-title-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.custom-checkbox label, .sort-by-options-mobile .card-check-label {
    margin-bottom: 10px;
    color: #64666A;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.custom-checkbox input:checked + label {
    color: var(--Red, #CF2030);
}

.sort-by-options-mobile {
    display: none;
    padding-bottom: 20px;
    border-bottom: 1px solid  var(--Sterling-Grey, #C8C8C8);
    margin-bottom: 20px;
}

.default-title {
    color: var(--Power-Black, #000);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 14px;
    display: block;
}

.sort-by-options .sort-option:last-child {
    margin-bottom: 0;
}

.sort-by-options-mobile .card-check-label {
    margin-bottom: 0;
}

.close-filter-dropdown i {
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--Granite-Grey, #64666A);
    cursor: pointer;
}
/* Registration confirmation */

.congratulation-title {
    color: var(--Red, #CF2030);
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    margin-bottom: 15px;
}

.confirmation-text {
    color: var(--Granite-Grey, #64666A);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.confirmation-step .data-step,
.confirmation-step .prev-step {
    margin-bottom: 60px;
}

.visit-confirmed {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.registration-confirmation {
    margin-bottom: 32px;
}

.confirm-chapter-details {
    border-radius: 8px;
    background: var(--True-White, #FFF);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    padding: 26px 18px;
}

.confirmed-chapter-details {
    color: var(--Power-Black, #000);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.add-to-calendar-text {
    color: var(--True-White, #FFF);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 14px;
}

.add-to-calendar {
    border-radius: 4px;
    background: var(--Power-Black, #000);
    padding: 1px 20px 1px 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.add-to-calendar-icon {
    font-size: 22px;
    line-height: normal;
    color: var(--True-White, #FFF);
}
.confimation-video  {
    margin-left: 41px;
}
.confimation-video iframe {
    border-radius: 16px;
    background: #FFF;
    overflow: hidden;
    width: 100%;
    min-height: 340px;
    margin-bottom: 30px;
}
.confirmed-detils {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.confirmed-chapter-name {
    color: var(--Red, #CF2030);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
}

.confirmed-chapter-timing, .confirmed-chapter-location {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
}

.confirmed-chapter-location {
    margin: 0;
}
h5.successnet-heading {
    color: var(--Red, #CF2030);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

p.successnet-sub-heading {
    color: var(--Granite-Grey, #64666A);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.invite.social-links {
    margin-top: 30px;
}

.add-to-calendar-details {
    display: none;
    position: absolute;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15);
    background: var(--Power-Black, #000);
    padding: 12px;
    border-radius: 10px;
    margin-top: 15px;
}

.invite.social-links a {
    font-size: 23px;
}
form.mktoForm .mktoFormRow input#Email,
.successnetSignUP form,
.successnetSignUP form .mktoFieldDescriptor,
.successnetSignUP form .mktoFieldDescriptor .mktoFieldWrap {
    max-width: 100%;
}

.successnetSignUP form .mktoButtonRow {
    top: auto;
    bottom: 0;
}
.successnetSignUP .mktoForm .mktoGutter, .successnetSignUP .mktoForm .mktoOffset {
    display: none;
}


.add-to-calendar-details a {
    /* display: flex; */
    color: var(--True-White, #fff);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 9px;
    position: relative;
    height: 100%;
    align-items: center;
}

.add-to-calendar-details a:last-child::after {
    content: '';
    height: 0;
}
.add-to-calendar-details a::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: rgb(100 102 106 / 15%);
    position: absolute;
    bottom: 0;
}

.add-to-calendar-details a span {
    display: inline-block;
    margin-left: 10px;
    color: var(--True-White, #fff);
}

.add-to-calendar-details a:first-child {
    padding-top: 0;
}

.add-to-calendar-details::before {
    content: '';
    position: absolute;
    left: 46%;
    top: -5px;
    transform: translateY(-50%);
    border-bottom: 10px solid var(--Power-Black, #000);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
#map.noResults {
    display: none;
}

.no-result-found {
    font-size: 17px;
    font-weight: 500;
}
.noFilter {
    pointer-events: none;
}

.contact-info-details-block {
    display: none;
}
.contact-info-heading {
    font-weight: 600;
    margin: 20px 0 10px;
}
.default-info-details-block p,
.contact-info-details-block p {
    display: flex;
    justify-content: space-between;
}
.default-info-details-block p span:first-child,
.contact-info-details-block p span:first-child {
    margin-right: 10px;
}


/* Callback Form CSS */
span.mktoErrorDetail {
    color: #fff;
}
#mktoForm_3355 {
    width: 90% !important;
    position: relative;
    padding: 0;
}

#mktoForm_3355 input#Phone {
    width: calc(100% - 85px) !important;
    border-radius: 8px;
    background: var(--True-White, #FFF);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 20px 0px;
    border: 0px;
    color: rgb(0, 0, 0);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* height: 55px; */
    padding: 10px 16px !important;
    font-family: "Helvetica Neue LT Std";
    position: relative;
    z-index: 9;
}
#mktoForm_3355.mktoForm .mktoLabel{display: none;}
#mktoForm_3355.mktoForm .mktoError{
    right: auto !important;
    left: 0 !important;
    top: 100%;
}
#mktoForm_3355 .mktoFieldDescriptor.mktoFormCol,.mktoFieldWrap.mktoRequiredField {
    width: 100%;
    /* position: relative; */
    /* z-index: 0; */
}
#mktoForm_3355.mktoForm .mktoButtonWrap.mktoBluePill button.mktoButton,#mktoForm_3355.mktoForm .mktoButtonWrap.mktoBluePill button.mktoButton:hover {
    top: 0;
    border: 0px;
    background: rgb(0, 0, 0);
    border-radius: 10px;
    margin-left: 4px;
    width: 71px;
    height: 64px;
    font-size: 0;
    right: 0;
    position: absolute;
}

#mktoForm_3355.mktoForm button.mktoButton:hover::before {
    color: #fff !important;
}

#mktoForm_3355 .mktoGutter.mktoHasWidth {
    display: none;
}

#mktoForm_3355 .mktoButtonRow {
    width: 100%;
    height: 100%;
}
#mktoForm_3355 .mktoOffset {
    height: 0;
}
#mktoForm_3355 span.mktoButtonWrap.mktoBluePill {
    margin: 0 !important;
    /* z-index: 0; */
    /* position: relative; */
}


form#mktoForm_3355.mktoForm .mktoButtonRow {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}


form#mktoForm_3355.mktoForm button.mktoButton::before {
    font-family: "Font Awesome 6 Pro";
    content: "\f061" !important;
    font-size: 32px !important;
    font-weight: 400 !important;
    color: #fff !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}


#professionLoader {
    margin: 0;
    text-align: left;
}

@media screen and (min-width: 1200px) {

    /* Fix the width for Chapter cards left section */
    .serach-wraper-zindex {
        max-width: 820px;
        margin: 0 0 0 auto;
    }

    .chapter-card-foot .col-4 {
        padding-right: 0;
    }

    .show-professions-list {
        position: absolute;
    }
    .bni-chapter-card:hover .choose-date-to-visit .on-hover {
        display: inline-block;
        border-radius: 16px;
        background: var(--Light-Sterling-Grey, #F2F2F2);
        padding: 3px 6px;
        color: var(--Granite-Grey, #64666A);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: capitalize;
    }
    .bni-chapter-card:hover {
        /* background: var(--Red, #CF2030); */
    }
    .bni-chapter-card:hover .choose-date-to-visit {
        /* display: block; */
    }
    .bni-chapter-card:hover .chapter-name h3,
    .bni-chapter-card:hover .chapert-addres-text,
    .bni-chapter-card:hover .addres-icon i,
    .bni-chapter-card:hover .chapter-category span {
        /* color: #fff; */
    }

    .bni-chapter-card:hover .chapter-card-icon {
        /* display: none; */
    }
    
    .bni-chapter-card:hover .chapter-category span{
        display: none;
    }
    
    .bni-chapter-card:hover .choose-date-to-visit .on-hover {
        background: transparent;
        box-shadow: 0 0 0px 1px #fff;
        color: #fff;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
        padding: 3px;
        font-size: 15px;
        font-weight: 600;
        padding: 1px;
    }
    
    .bni-chapter-card:hover .hov-meet-time {
        background: transparent;
        color: #fff;
        padding: 0;
        margin-bottom: 10px;
        display: block;
        text-align: center;
    }

}
@media screen and (max-width: 1200px) {
    .align-center {
        min-height: 50vh;
    }
    .start-journey h1 {
        font-size: 34px;
        margin-bottom: 33px;
    }

    .step-title, .step-title p {
        font-size: 24px;
    }

    .filter-text {
        /* margin-bottom: 15px; */
    }
    .cards-sort-by {
        margin-bottom: 0;
    }
    input[type="tel"],
    input[type="email"],
    input[type="text"].text-field{
        font-size: 16px;
        height: 55px;
    }
    .journey-button {
        height: 55px;
    }
    .chapter-card-wrap{
        columns: 1;
    }
    #mktoForm_3355 input#Phone{
        font-size: 20px;
        height: 50px;
        width: calc(100% - 70px) !important;
    }
    #mktoForm_3355 {
        width: 80% !important;
    }
    #mktoForm_3355.mktoForm .mktoButtonWrap.mktoBluePill button.mktoButton, 
    #mktoForm_3355.mktoForm .mktoButtonWrap.mktoBluePill button.mktoButton:hover {
        width: 60px;
        height: 50px;
    }
}

@media screen and (min-width: 992px) {
    .bni-referals-and-members {
        flex-direction: column;
    }
    
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {

    span.chap-mode {
        margin-right: 7px;
    }
    .filter-text {
        padding: 5px 15px;
    }
    .chapter-category span, .selected-chapter-card .choose-date-to-visit .on-hover, .bni-chapter-card:hover .choose-date-to-visit .on-hover, .hov-meet-time {
        font-size: 10px;
    }
    .selected-chapter-card .choose-date-to-visit .on-hover, .bni-chapter-card:hover .choose-date-to-visit .on-hover {
        font-size: 12px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1350px) {
    .choose-date-to-visit,
    i.fa-angle-right {
        font-size: 10.5px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .location-iframe #map, .location-iframe {
        height: 40vh;
    }
    .centerMap {
        height: 100%;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .request-calback {
        order: 1;
        /* margin: 20px 0; */
    }
    
    .step-search-reasutl-map {
        order: 0;
    }
    
    .mode-of-chaper {
        order: 2;
    }
    
    .centerMap {
        height: auto;
    }
    
    .location-iframe #map, .location-iframe {
        width: 100vw;
        height: 60vh;
        border-radius: 0;
    }
    
    div#locationSearch {
        padding-top: 0;
        /* height: calc(100vh - 120px); */
    }
    .dateList {
        padding: 2px 8px;
    }
    .chooseDate {
        gap: 5px;
    }
}

@media screen and (max-width: 991px) {
    .chapter-category span,
    .selected-chapter-card .choose-date-to-visit .on-hover,
    .bni-chapter-card:hover .choose-date-to-visit .on-hover,
    .hov-meet-time {
        font-size: 9px;
    }
    .selected-chapter-card .choose-date-to-visit .on-hover, .bni-chapter-card:hover .choose-date-to-visit .on-hover {
        font-size: 13px;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        /* padding: 0 20px; */
    }
    .chapter-card-wrap {
        columns: 2;
    }
    .hidden-ipad {
        display: none;
    }
    .hidden-mobile{
        display: flex;
    }
    .start-journey h1 {
        font-size: 32px;
        margin-bottom: 42px;
    }

    form#mktoForm_1621 .mktoButton {
        height: 35px !important;
        top:-35px !important;
    }

    .start-journey h1 span {
        display: block;
    }
    .invite-input-block {
        margin: 15px 0 30px;
    }
    .type-in-your-location.invite-input-block{
        margin-bottom: 0;
    }

    input[type="tel"],
    input[type="email"],
    input[type="text"].text-field {
        padding: 12px 25px 10px 15px;
        font-size: 16px;
        border-radius: 5px;
        height: 50px;
        max-width: 100%;
        width: 100%;
    }
    .error-message {
        font-size: 12px;
    }
    .journey-button {
        padding: 8px 12px;
        border-radius: 5px;
        height: 50px;
        width: 60px;
    }

    .journey-first-step {
        padding: 0;
        margin-top: 25px;
        /* margin: 25px auto 0; */
    }

    .bni-referals-blk {
        padding: 16px;
    }

    .bni-ref-count {
        font-size: 24px;
    }

    .bni-ref-text {
        font-size: 12px;
    }

    .step {
        padding: 50px 10px;
    }

    .bni-referals-and-members {
        justify-content: space-between;
    }

    .members-blk {
        bottom: unset;
    }

    .bni-referalss {
        display: flex;
        justify-content: center;
        margin: 0 0 34px;
    }
    .bni-member-counts {
        display: flex;
        justify-content: center;
    }
    .bni-members {
        justify-content: center;
        margin-top: 20px;
    }

    /* step 2 */
    .skip-step , .prev-step, .data-step {
        font-size: 12px;
    }

    .deloitte-block {
        margin-top: 100px;
    }

    /*  */
    .bni-chapter-card-wrap,
    .bni-chapter-card {
        display: inline-block;
    }
    .filter-text, span.chap-mode {
        margin-bottom: 0px;
        margin-right: 10px;
        padding: 5px 15px;
    }

    .congratulation-title {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .confirmation-text {
        font-size: 12px;
        margin-bottom: 30px;
    }
    .align-center {
        min-height: 75vh;
    }
    .location-iframe-ipad iframe {
        width: 100%;
    }

    .location-iframe-ipad {margin-bottom: 50px;}
    .invite.social-links{
        margin: 30px 0;
    }
    .confimation-video{
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .selected-chapter-card .choose-date-to-visit .on-hover, .bni-chapter-card:hover .choose-date-to-visit .on-hover {
        font-size: 12px;
    }
    .hidden-mobile {
        display: none;
    }
    .hidden-ipad {
        display: block;
    }
    .bni-chapter-card {
        width: 100%;
    }
    .chapter-day, .chapter-time,.choose-date-to-visit {
        font-size: 12px;
    }
    .sort-by-options-mobile {
        display: block;
    }
    .tooltip-text,
    .show-tooltip:hover .tooltip-text {
        display: none;
    }
    .bni-chapter-card-filters {
        margin: 0;
        justify-content: flex-end;
    }
    div#locationSearch {
        /* height: calc(100vh - 70px); */
    }
    .centerMap {
        height: auto;
    }
    .filter-text i, .filter-text svg {
        margin-left: 5px;
    }
    .input-wrap{
        width: auto;
    }
    .sort-by-options-wrap {
        height: 210px;
        overflow-y: scroll;
        padding: 35px 10px;
    }
    .close-filter-dropdown i {
        top: 12px;
        right: 12px;
    }
    .custom-checkbox label:before{
        margin-right: 8px;
    }
    .custom-checkbox label, .sort-by-options-mobile .card-check-label {
        font-size: 14px;
    }
    .sort-by-options .sort-option,
    .custom-checkbox label {
        margin-bottom: 15px;
    }

    .filter-text {
        border-radius: 4px;
        border: 1px solid #000;
        background: transparent;
        padding: 5px 10px;
        color: var(--Power-Black, #000);
        font-weight: 700;
    }
    .show-chapter-results {
        margin: 0px;
    }
    .bni-chapter-card-wrap {
        padding: 10px;
        display: block;
    }
    .confimation-video iframe {
        height: 250px;
        min-height: auto;
    }
    .all-cards {
        /*height: 500px;*/
        columns: 1;
    }
    .more-chapter-cards{/* display: block; */}
    .bni-chapter-card-wrap,
    .bni-chapter-card {
        display: block;
        width: 100%;
    }
    #step6.active {
        padding-top: 0;
    }

    .step-search-reasutl-map-mobile {
        padding: 0;
        height: 92vh;
    }

    .location-iframe-mobile iframe {
        height: 100%;
        width: 100%;
    }
    
    .serach-expand-btn {
        display: none;
        /* border-radius: 10px;
        background: var(--Sterling-Grey, #C8C8C8);
        width: 55px;
        height: 6px;
        margin: 0 auto 20px;
        cursor: pointer; */
        
    }
    .location-iframe-mobile {
        height: 80vh;
    }
    .serach-wraper.expands {
        height: calc(100vh - 74px);
        padding: 20px 10px;
    }
    .location-iframe-mobile iframe.noclick{
        pointer-events: none;
    }
    .step.active#enterYourEmail, .step.active#enterYourCOntact, .step.active#selectProfession, .step.active#enterYourContact {
        display: block;
    }
    .custom-checkbox input:checked + label:after {
        top: 10px;
    }
    .sort-by-options-wrap .custom-checkbox input:checked + label:after {
        top: 5px;
    }
    .type-in-your-contact .input-wrap {
        justify-content: flex-start;
    }
    
    .type-in-your-contact .contact-input-field {
        width: 100%;
    }
    
    .type-in-your-contact input[type="tel"].member-contact {
        margin: 0 0 0 80px !important;
        max-width: 190px;
    }
    .confirmed-chapter-details {
        font-size: 16px;
    }
    .add-to-calendar-text {
        font-size: 12px;
        padding: 0;
    }
    .add-to-calendar {
        padding: 2px 10px;
    }
    
    .confirmed-address {
        word-break: break-word;
    }
    .successnetSignUP>form {
        padding: 0;
        margin: 20px 0 0;
    }
    
    form.mktoForm .mktoFormRow input#Email, form.mktoForm .mktoButtonWrap.mktoThoughtbot button.mktoButton, form.mktoForm span.mktoButtonWrap.mktoNext button.mktoButton {
        height: 45px;
    }
    #locate_chapter_list_blocks,
    #chapter_list_blocks {
        /* height: 50vh; */
        padding: 0 12px 0;
        overflow: hidden;
        overflow-y: scroll;
    }
    .iti__country-container {
        border-radius: 5px;
        width: 70px;
    }
    .iti .iti__selected-dial-code {
        font-size: 16px;
    }
    .location-iframe #map, .location-iframe {
        height: calc(100vh - 225px);
    }
    #mktoForm_3355 {
        width: 80% !important;
    }
}
@media screen and (max-width: 360px) {
    .dateList {
        font-size: 10px;
        padding: 2px 5px;
    }
    .date-day {
        font-size: 18px;
    }
}