:root {
    --animate-duration: 800ms;
    --animate-delay: 0.9s;

    --primary: #110b0a;
    --primayblue: #273786;
    --primary-dark: #0e0908;
    --primary-low-opacity: #78c4cb01;
    --primary-light: #ade1e6;
    --cyan: #c1e4e7;
    --secondary-brand: #f4546a;
    --secondary: grey;
    --dark-gray: #545454;
    --med-gray: #848484;
    --gray: #aaa;
    --pink: #cb78af;
    --purple: #7f78cb;
    --orange: #e58047;
    --green: #b5cb78;
    --light-red: #fb6376;
    --pale-gray: #ededed;
    --pale-gray-alt: #dfdfdf;
    --light-gray: #cacaca;
    --off-white: #f6f6f6;
    --black: #000;
    --black-50: rgba(0, 0, 0, 0.5);
    --transparent: transparent;
    --white: #fff;
    --success: #7acb78;
    --success-background: #f0faf4;
    --warning: #d4c369;
    --error: #cb7d78;
    --body-background: #ffffff;
    --bottom-sheet-handle: #eee;
    --youtube-play-button-black: #212121;
    --youtube-play-button-red: red;
    --social-icon-color: var(--white);
    --profile-name-color: var(--black);
    --disabled-btn-txt: #c4c4c4;
    --profile-photo-border: rgba(120, 196, 203, 0.4);
    --linkcard-overlay-gradient: linear-gradient(
        180deg,
        transparent 0%,
        var(--black) 130%
    );
    --linkcard-overlay-gradient-gray: linear-gradient(
        180deg,
        transparent 50%,
        var(--black) 200%
    );
    --icon-shadow: drop-shadow(0px 0px 3px var(--secondary));
    --info-modal-img-filter: drop-shadow(
        0 1.125rem 2.5rem hsla(193, 6%, 69%, 0.26)
    );
    --sortable-link-transition-timing: cubic-bezier(1, 0.08, 0.11, 1.27);
    --sortable-link-transition: box-shadow 0.4s
            var(--sortable-link-transition-timing),
        transform 0.4s var(--sortable-link-transition-timing),
        opacity 0.4s var(--sortable-link-transition-timing);
    --entity-photo-landscape-height: 3.125rem;
    --entity-photo-portrait-height: 4.5rem;
    --entity-photo-even-height: 3.125rem;
    --entity-photo-max-width: 6.25rem;
    --entity-photo-max-height: 6.5rem;
    --max-chart-height: 17rem;
    --chart-color-01: #cb78af;
    --chart-color-02: #b5cb78;
    --chart-color-03: #7f78cb;
    --chart-color-04: #536a7a;
    --chart-color-05: #cbc378;
    --chart-grid-color: #e9e9e9;
    --chart-line-color: #ba78cb;
    --chart-area-color: 186, 120, 203;
    --chart-purple-background: rgba(186, 120, 203, 0.05);
    --chart-email-color: #78c4cb;
    --chart-phone-color: var(--chart-color-03);
    --amazonStorefront-color: #f90;
    --appleMusic-color: #fa243c;
    --audiomack-color: #ffa200;
    --bereal-color: #000;
    --cameo-color: #fd1d89;
    --cashapp-color: #00d54b;
    --clash-color: #000;
    --clubhouse-color: #f2efe4;
    --community-color: #337eff;
    --contact-color: var(--primary-dark);
    --deezer-color: #b12525;
    --discord-color: #5865f2;
    --event-color: var(--primary-dark);
    --facebook-color: #3c5897;
    --fanfix-color: #90d5d4;
    --fiveme-color: #000;
    --hoobe-color: var(--primary);
    --instagram-color: linear-gradient(
        180deg,
        #0044e5,
        #c638b3 32.81%,
        #ff4c36 66.67%,
        #feba33
    );
    --laylo-color: #fd226d;
    --liketoknowit-color: #ea4b44;
    --linkedin-color: #0a66c1;
    --mediakits-color: #fc076f;
    --news-color: var(--primary-dark);
    --onlyfans-color: #00aff0;
    --opensea-color: #2081e2;
    --pandora-color: #00457c;
    --patreon-color: #000;
    --paypal-color: #224099;
    --pinterest-color: #e60023;
    --podcast-color: var(--primary-dark);
    --poshmark-color: #822432;
    --shop-color: var(--primary-dark);
    --shopify-color: #90b945;
    --shopmy-color: #000;
    --slushy-color: #f1a6ad;
    --snapchat-color: #f7f400;
    --soundcloud-color: #f50;
    --spotify-color: #1cb954;
    --stripe-color: #635bff;
    --stripe-hover-color: #7a73ff;
    --telegram-color: #179cde;
    --ticketmaster-color: #0a6cdf;
    --tidal-color: #000;
    --tiktok-color: #000;
    --tiktok-embed-bg-color: #e9e9e9;
    --triller-color: #0e0e0e;
    --tumblr-color: #34526f;
    --twitch-color: #9146ff;
    --twitter-color: #00acee;
    --venmo-color: #0f8cff;
    --vimeo-color: #19b1e3;
    --vsco-color: #000;
    --web-color: var(--primary-dark);
    --whym-color: #000;
    --youtube-color: #bb0303;
    --zapier-color: #ff4a00;
    --font-color-base: var(--black);
    --font-color-light: var(--gray);
    --font-family-normal: "aktiv-grotesk-extended",sans-serif;
    --font-family-medium: "aktiv-grotesk-extended",sans-serif;
    --font-family-bold: "aktiv-grotesk-extended",sans-serif;
    --font-size-xsmall: 0.75rem;
    --font-size-small: 0.875rem;
    --font-size-normal: 1rem;
    --font-size-medium: 1.25rem;
    --font-size-h1: 2.875rem;
    --font-size-h1-large: 3.5rem;
    --font-size-h1-mobile: 1.75rem;
    --font-size-h2: 2.25rem;
    --font-size-h2-large: 2.75rem;
    --font-size-h3: 1.75rem;
    --font-size-h4: 1.375rem;
    --font-size-h5: 1.125rem;
    --font-size-h6: 1rem;
    --font-weight-bold: 700;
    --font-weight-semibold: 600;
    --font-weight-medium: 500;
    --font-weight-normal: 400;
    --border-radius: 1.375rem;
    --link-border-radius: 0.75rem;
    --cardlink-width: 10.125rem;
    --skin-preview-item-width: 6.25rem;
    --z-linkcard: 1;
    --z-linkcard-head-icon: 1;
    --z-drag-handle-icon: 5;
    --z-linkcard-checkbox: 5;
    --z-modal-overlay: 9;
    --z-modal: 10;
    --z-alert-modal-overlay: 11;
    --z-alert-modal: 12;
    --z-fab: 20;
    --z-top-banner: 20;
    --z-fixed-button: 20;
    --z-modal-overlay: 27;
    --z-modal: 28;
    --z-index-drawer: 29;
    --z-alert-modal-overlay: 29;
    --z-date-range-picker: 30;
    --z-alert-modal: 30;
    --z-toast: 35;
    --z-modal-buttons: 40;
    --z-index-modal: 20;
    --active-tutorial-element: 50;
    --z-index-floating-buttons: 10;
    --subscribe-transition-duration: 0.8s;
    --subscribe-transition-delay: 0.6s;
    --bg-opacity: 1;
    --collection-border-radius: 0.5rem;
    --collection-aspect-ratio: 9/16;
    --collection-drop-shadow: drop-shadow(
        0 0.375rem 0.625rem rgba(0, 0, 0, 0.07)
    );
}

body {
    font-family: "aktiv-grotesk-extended",sans-serif;
    min-height: 100vh;
    transition: min-height 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: var(--body-background);
    /* background-image: url(../images/rrrrrt.png);
    background-repeat: repeat; */
}
#main_content {
    display: none;
  }
.bg-primaryclr {
    background-color: var(--primayblue);
}
.profile-cover {
    display: flex;
    flex-direction: column;
    position: relative;

}
.profile-cover-fox {
    display: flex;
    flex-direction: column;
    position: relative;
}
/* .layout-container:hover .profile-photo-container{
transform: scale(1.03);
} */
/* .profile-cover:after {
    position: fixed;
    left: 0;
    content: "WEB PROFILE";
    top: 0;
    display: flex;
    font-size: 9vmin;
    color: white;
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    letter-spacing: 0.65rem;
    max-height: 100%;
    line-height: 30px;
    font-family: var(--font-family-bold);
    font-weight: bold;
    translate: 35px 0px;
    text-shadow: 0 2px 2px #e1e1e1;
    opacity: 0.55;
}
.profile-cover:before {
    position: fixed;
    right: 0;
    content: "SPROUTER";
    top: 0;
    display: flex;
    font-size: 9vmin;
    color: white;
    writing-mode: vertical-rl;
    transform: rotate(0deg);
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    letter-spacing: 0.65rem;
    max-height: 100%;
    line-height: 30px;
    font-family: var(--font-family-bold);
    font-weight: bold;
    translate: -35px 0px;
    text-shadow: 0 2px 2px #e1e1e1;
    opacity: 0.45;
} */
/*
.profile-cover:after {
    position: fixed;
    left: 0;
    content: "WEB PROFILE";
    top: 0;
    display: flex;
    font-size: 9vmin;
    color: white;
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    letter-spacing: 0.65rem;
    max-height: 100%;
    line-height: 30px;
    font-family: var(--font-family-bold);
    font-weight: bold;
    translate: 35px 0px;
    text-shadow: 0 2px 2px #e1e1e1;
    opacity: 0.55;
}
.profile-cover:before {
    position: fixed;
    right: 0;
    content: "SPROUTER";
    top: 0;
    display: flex;
    font-size: 9vmin;
    color: white;
    writing-mode: vertical-rl;
    transform: rotate(0deg);
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    letter-spacing: 0.65rem;
    max-height: 100%;
    line-height: 30px;
    font-family: var(--font-family-bold);
    font-weight: bold;
    translate: -35px 0px;
    text-shadow: 0 2px 2px #e1e1e1;
    opacity: 0.45;
} */
.top-bar {
    height: 6px;
    background: rgba(48, 63, 128, 1);
    /* background: linear-gradient(90deg, rgba(48,63,128,1) 0%, rgba(207,233,50,1) 49%, rgba(197,53,187,1) 100%); */
}
.base-header {
    padding: 1rem 1.5rem;
    min-height: 5rem;
    background: transparent;
    position: relative;
    margin-bottom: 0;
}
.base-page {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.layout-container {
    background: #fff;
    border-radius: 2.5rem;
    box-shadow: 0 0.75rem 44px 0 rgb(78 81 82 / 12%);
    padding: 1.5rem 4.5rem 2.5rem;
    width: 100%;
    max-width: 41.5rem;
    display: flex !important;
    position: relative;
    flex-direction: column;
    min-height: inherit;
    max-height: 100%;
    position: relative;
    background-image: none;
}
.back_bg {
    position: absolute;
    width: 100%;
    border-radius: 2.5rem;
    overflow: hidden;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    /* background-size:100% auto; */

    /* background-repeat: repeat;
    background-attachment: fixed;
    background-size: auto 105%;
    background-position: center; */
    /* background-size:100% auto; */

    /* background-attachment: fixed; */
    /* background-position: top center;
    background-size: auto; */
    z-index: 0;
}
.back_bg:after {
position: absolute;
width: 100%;
height: 100%;
content: '';
top:0;
left:0;
right:0;
background-color: rgba(0, 0, 0, .35);
}

.back_bg_1 {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    z-index: 0;
}

.layout-container-wrapper {
    max-width: unset;
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 0;
    gap: 20px;
}
.container-direct-column {
    flex-direction: column;
    display: flex;
    max-width: unset;
}
.profile-photo {
    display: inline-block;
    position: relative;
    margin: 0rem auto;
    margin-bottom: 1.5rem;
    margin-top: 0rem;
}
.profile-photo-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    transition: 0.2s all ease-in-out;
}
.profile-photo-container span {
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    width: 6rem;
    height: 6rem;
    background: none;
    opacity: 1;
    border: 0px;
    margin: 0px;
    padding: 0px;
    position: relative;
    max-width: 100%;
    border: 3px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    box-shadow: 0 3px 5px 0 rgb(26 26 26 / 20%);
    background: rgb(71,101,185);
    background: radial-gradient(circle, rgba(71,101,185,1) 0%, rgba(43,59,125,1) 100%);
justify-content: center;
display: flex;
align-items: center;
}
.profile-photo-container span i {
    color: #fff;
    font-size: 3rem;
}
.profile-photo-container span img {
    /* height: 6rem;
    width: 6rem; */
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    background: none;
    opacity: 1;
    border: 0px;
    margin: 0px;
    padding: 0px;
    position: relative;
    max-width: 100%;
    object-fit: cover;
    object-position: top center;
    /* border: 2px solid transparent; */
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}
.green-check {
    width: 16px;
    height: 16px;
    background-color: #badf34;
    border-radius: 50%;
    position: absolute;
    bottom: 2px;
    right: 10px;
    border: 2px solid white;
    box-sizing: content-box;
    /* box-shadow: 0 1rem 3rem hsl(190deg 4% 74% / 18%); */
    -webkit-box-shadow: 0 3px 5px 0 rgba(26, 26, 26, 0.2);
    box-shadow: 0 3px 5px 0 rgba(26, 26, 26, 0.2);
}
.profilename {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
}
.profilename span {
    color: var(--profile-name-color);
    margin-bottom: 0.25rem;
    margin: 0;
    font-size: var(--font-size-h4);
    font-family: var(--font-family-medium);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.profilename span.bio-txt {
    position: relative;
    margin: 0;
    width: 100%;
    max-height: 100vh;
    overflow: hidden;
    font-size: var(--font-size-small);
    font-family: var(--font-family-normal);
    line-height: 1.5rem;
    font-weight: 400;
    text-align: center;
    color: var(--med-gray);
    white-space: pre-line;
}
.socials-width {
    width: 450px;

}

.social-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 1rem 0;
     position: relative;
}
.social-wrapper-inner {
    display: flex;
    justify-content: center;
    /* min-width: 3rem; */
    padding-bottom: 0.25rem;
    user-select: none;
    gap: 8px;
    align-items: center;
    visibility: hidden;
    /* height: 55px; */
    flex-direction: column;
    align-items: center;
}
.slick-initialized { visibility: visible;  }

.social-wrapper-inner .slick-dotted.slick-slider{
    margin-bottom: 0px;
}
.social-wrapper-inner a:hover {
    transform: scale(1.05);
}
.social-wrapper-inner a i {
    color: #ffffff;
    font-size: 1.3rem;
}

.card-wap {
    /* margin-bottom: 15px; */
    position: relative;
    cursor: pointer;
    border-radius: 15px;
    background: #dfdfdf;
}
/*[data-card-wap]:before {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: 0 0.25rem 0 var(--primary);
    border-radius: var(--link-border-radius);
}*/
.card-wap-embed {
    /* margin-bottom: 15px; */
    position: relative;
    cursor: pointer;
    border-radius: 15px;
    background: #dfdfdf;
    word-break: break-word;
}
/*[data-card-wap]:before {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    box-shadow: 0 0.25rem 0 var(--primary);
    border-radius: var(--link-border-radius);
}*/


.card-wap a {
    transition: 0.2s all ease-out;
}
.card-wap
    a:hover
    .decsription-container-inner
    section:nth-child(2)
    div
    .custom-link-icon {
    background-color: rgba(255, 128, 255, 0.65);
}
.card-box-wrapper
    a:hover .card-box-inner .card-box-inner-icon .custom-box-link-icon {
    background-color: rgba(255, 128, 255, 0.65);
}

.card-wap a:hover .card-inner .card-inner-image img {
    transform: scale(1.02);
}
/* .card-wap a:hover .card-inner::before {
    height: 6rem;
} */

.card-inner {
    --container-padding: 1.5rem;
    background-color: var(--body-background);
    border-radius: var(--link-border-radius);
    box-shadow: 0 1rem 3rem hsl(190deg 4% 74% / 18%);
    display: flex;
    flex-direction: column;
    transition: all 0.5s cubic-bezier(0.74, -0.18, 0.3, 0.48),
        background-color 1.5s ease-in-out;
    padding: var(--container-padding);
    position: relative;
    max-width: unset;
    margin: 0;
    width: 100%;
    padding-top: calc(56.25% - var(--container-padding));
    z-index: 0;
}
.card-inner::before {
    background: var(--linkcard-overlay-gradient);
    border-bottom-left-radius: var(--link-border-radius);
    border-bottom-right-radius: var(--link-border-radius);
    bottom: 0;
    content: "";
    height: 5rem;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    /* transition: background 0.8s ease-in-out; */
    transition: 0.2s all ease-in-out;
}

/* Custom Video style */

.card-inner-video {
    --container-padding: 1.5rem;
    background-color: var(--black);
    border-radius: var(--link-border-radius);
    box-shadow: 0 1rem 3rem hsl(190deg 4% 74% / 18%);
    display: flex;
    flex-direction: column;
    transition: all 0.5s cubic-bezier(0.74, -0.18, 0.3, 0.48),
        background-color 1.5s ease-in-out;
    padding: var(--container-padding);
    position: relative;
    max-width: unset;
    margin: 0;
    width: 100%;
    padding-top: calc(56.25% - var(--container-padding));
    z-index: 0;
}
.card-inner-video-section {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: var(--link-border-radius);
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
    min-height: 5.125rem;
}

.card-inner-image {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: var(--link-border-radius);
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
    min-height: 5.125rem;
}

.card-inner-image img {
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    transition: 0.2s all ease-out;
}
/* .card-description {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(120, 196, 203, 0.2);
    top: 0;
    left: 0;
    right: 0;
} */
.decsription-container {
    opacity: 1;
    display: flex;
}
.decsription-container-inner {
    display: flex;
    flex-direction: column;
    margin-top: -46%;
    transition: all 0.5s ease-in-out;
    width: 100%;
    z-index: 10;
}
.decsription-container-inner section:nth-child(1) {
    max-width: unset;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    max-width: 768px;
}
.decsription-container-inner section:nth-child(2) {
    max-width: unset;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
    max-width: 768px;
}
.decsription-container-inner section:nth-child(2) p {
    color: var(--white);
    font-family: var(--font-family-medium);
    font-size: 0.875rem;
    line-height: 1.375rem;
    margin: 0;
    max-width: 80%;
    overflow-wrap: break-word;
}
.decsription-container-inner section:nth-child(2) div {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
.decsription-container-inner section:nth-child(2) div .custom-link-icon {
    background-color: rgba(255, 128, 255, 0.15);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all ease-out;
}
.decsription-container-inner section:nth-child(2) div .custom-link-icon i {
    color: var(--white);
}
/* Card Music Player */

.card-music-inner {
    display: flex;
    justify-self: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    pointer-events: none;
    position: relative;
    cursor: pointer;
    transition: var(--sortable-link-transition);
}
.card-music {
    width: 100%;
    pointer-events: auto;
    padding: 0;
    justify-content: center;
    box-shadow: none !important;
    background-color: unset;
    /* max-height: 15rem; */
    --container-padding: 1.5rem;
    border-radius: var(--link-border-radius);
    display: flex;
    flex-direction: column;
    transition: all 0.5s cubic-bezier(0.74, -0.18, 0.3, 0.48),
        background-color 1.5s ease-in-out;
    position: relative;
    max-width: unset;
    margin: 0;
    z-index: 0;
}
.card-music-in {
    position: relative;
    margin: unset;
    opacity: 1;
    transform: scale(1);
    display: flex;
    justify-content: center;
    top: 0;
    left: 0;
    transition: all 0.5s ease-in-out, opacity 1.5s ease-in-out;
}
.card-music-inn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    transform: scale(1);
    transition: transform 0.5s ease-in-out;
    width: 100%;
}
.card-music-inn iframe {
    width: 100%;
    /* height: 160px; */
}
/* Three Card Section */
/* Mail box section */
#mailBox {
    position: relative;
    background: var(--white);
    padding: 1rem 0.75rem;
    border: 1px solid var(--off-white);
    border-radius: 0.75rem;
    box-shadow: 0 2px 6px rgb(0 0 0 / 7%);

    height: 120px;
    overflow: hidden;
    /* transition: all 0.3s ease; */
    transition-duration: 0.2s;
}
#mailBox.cls{

    height: 350px;
    position: relative;
    background: var(--white);
    padding: 1rem 0.75rem;
    border: 1px solid var(--off-white);
    border-radius: 0.75rem;
    box-shadow: 0 2px 6px rgb(0 0 0 / 7%);
    transition-duration: 0.2s;

    }

.card-mailbox-wrap {
    transition-duration: 0.2s;

}

.card-mailbox-inner {
    background-color: var(--white);
    border-radius: var(--link-border-radius);
    box-shadow: none;
    display: flex;
    flex-direction: column;
    transition: all 0.5s cubic-bezier(0.74, -0.18, 0.3, 0.48),
        background-color 1.5s ease-in-out;
    padding: var(--container-padding);
    position: relative;
    max-width: unset;
    margin: 0;
    width: 100%;
    /* padding-top: calc(56.25% - var(--container-padding)); */
    /* padding-top: 20%; */
    z-index: 0;
}
.card-mailbox {
    height: 100%;
    left: 0;
    /* position: absolute; */
    top: 0;
    width: 100%;
    border-radius: var(--link-border-radius);
    justify-content: center;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    min-height: 5.125rem;
    padding: 0rem 0rem;
}
.email-label {
    font-family: var(--font-family-bold);
    font-weight: 500;
}
.email_bg {
    background-color: var(--off-white) !important;
}

/*Maile box section ends*/

.card-inner-box {
}
.card-inner-box ul {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style-type: none;
    padding: 0;
    gap: 15px;
}
.card-inner-box ul li {
    margin-right: 0;
    list-style: none;
    margin-bottom: 0px;
    width: var(--cardlink-width);
}
.card-inner-box ul li:after {
    width: var(--cardlink-width);
    display: block;
    content: "";
}
.card-box-wrapper {
    background: var(--white);
    border-radius: var(--link-border-radius);
    box-shadow: 0 16px 47px hsl(190deg 4% 74% / 18%);
    cursor: pointer;
    height: 100%;
    outline: unset;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: var(--sortable-link-transition);
    z-index: var(--z-linkcard);
}
.card-box-wrapper a {
    color: inherit;
    display: block;
    text-decoration: none;
    transition: 0.2s all ease-out;
}

.card-box-wrapper a:hover .card-box-inner .card-box-inner-image img {
    transform: scale(1.02);
}
.card-box-wrapper a:hover .card-box-inner .card-box-inner-carousel-image img {
    transform: scale(1.02);
}

.card-box-inner {
    position: relative;
    border-top-right-radius: var(--link-border-radius);
    border-top-left-radius: var(--link-border-radius);
    overflow: hidden;
}
.card-box-inner-image {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    min-height: 5.125rem;
}
.card-box-inner-carousel-image {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    min-height: 8.125rem;
}
.card-box-inner-carousel-image:after {
    position: absolute;
    display: block;
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.37), transparent);
    opacity: 0.5;
    top: 0;
    left: 0;
    transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    width: 100%;
    height: 100%;
}
.card-box-inner-carousel-image img {
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    /* width: 0px;
    height: 0px; */
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    transition: 0.2s all ease-out;
}

.card-box-inner-image:after {
    position: absolute;
    display: block;
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.37), transparent);
    opacity: 0.5;
    top: 0;
    left: 0;
    transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);
    width: 100%;
    height: 100%;
}
.card-box-inner-image img {
    position: absolute;
    inset: 0px;
    box-sizing: border-box;
    padding: 0px;
    border: none;
    margin: auto;
    display: block;
    /* width: 0px;
    height: 0px; */
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    transition: 0.2s all ease-out;
}
.card-box-description {
    padding: 1rem 0.75rem 0.5rem;
    min-height: 5.25rem;
    display: flex;
    flex-direction: column;
}
.card-box-description p {
    color: var(--slate-blue);
    font-family: var(--font-family-normal);
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
    overflow-wrap: break-word;
    margin: 0 0 0.5rem;
}
.card-box-inner-icon {
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 222;
}
.card-box-inner-icon .custom-box-link-icon {
    background-color: rgba(255, 128, 255, 0.15);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s all ease-out;
}
.card-box-inner-icon .custom-box-link-icon i {
    color: var(--white);
}
.powered_logo {
    width: 100%;
    height: 70px;
}
.powered_logo a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* Card for text box */

.card-wap-text {
    /* margin-bottom: 15px; */
    position: relative;
    cursor: pointer;
    box-shadow: 0 2px 6px rgb(0 0 0 / 7%);
}

/*[data-card-wap-text]:before {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    /* box-shadow: 0 0.25rem 0 var(--light-gray);
    border-radius: var(--link-border-radius);
}*/

.card-inner-text {
    --container-padding: 1rem;
    /* border-radius: var(--link-border-radius);
    box-shadow: 0 1rem 3rem hsl(190deg 4% 74% / 18%); */
    transition: all 0.5s cubic-bezier(0.74, -0.18, 0.3, 0.48),
        background-color 1.5s ease-in-out;
    padding: var(--container-padding);
    position: relative;
    max-width: unset;
    margin: 0;
    width: 100%;
    /* padding-top: calc(30.25% - var(--container-padding)); */
    z-index: 0;
}
.card-inner-img-box {
    width: 90px;
    height: 90px;
    border-radius: 999px;
    overflow: hidden;
}
.card-inner-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-inner-text  h2 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 5px;

}
.card-inner-text  p {
    font-size: .90rem;
    font-weight: 500;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin: 0;
    word-break: break-word;
    margin-top: 0px;
    max-width: max-content;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sharp {
    border-radius: 0 !important;
}

.curve {
    border-radius: 20px !important;
}

.rounded {
    border-radius: 999px !important;
}

.private-acc-content {
height:calc(100vh - 20vh);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
flex-basis: auto;
background: rgba(33, 33, 33, .05);
    border-radius: 15px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(33,33,33,.1);
box-shadow: 0 3px 5px 0 rgba(33,33,33,.1);
position: relative;
z-index: 55;
background: #f9f9f9;

}
.private-acc-content  .private-acc-content-img-container {
    width: 200px;
}


@media screen and (max-width: 991px) {
    .profile-cover:after {
        display: none;
    }
    .profile-cover:before {
        display: none;
    }
    .layout-container {
        border-radius: 0;
    }
    .layout-container {
        padding: 1rem 1.5rem;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .layout-container {
        border-radius: 2.5rem;
    }
}


/* @media screen and (max-width: 767px) { */
@media (max-width: 767px) {
    .socials-width {
        width: 300px;
    }
    .card-inner-img-box {
        width: 80px;
        height: 80px;
        border-radius: 999px;
        overflow: hidden;
    }
    #mailBox.cls{

        height: 400px;

        }
    .profile-cover:after {
        display: none;
    }
    .profile-cover:before {
        display: none;
    }
    .layout-container {
        border-radius: 0;
    }
    .layout-container {
        padding: 1rem 1.5rem 1.5rem;
    }
    .powered_logo {
        height: 50px;
        width: 50%;
    }

    .back_bg {

        border-radius: 0rem;

    }
    .profile-photo {

        margin-top: 0rem;
    }
    .base-header {
        display: none;
    }
}


.card-wap-opentable {
    / margin-bottom: 15px; /
    position: relative;
    cursor: pointer;
    border-radius: 15px;
    background: #ffffff;
    word-break: break-word;
}

.customsUl_socials {
            display: flex;
            / gap: 10px; /
            padding: 5px;
            justify-content: center;
            align-items: center;
            margin: 0px 4px;
            width:48px;
            height:48px;
        }
        .customsUl_socials > .social_btn {
            width: 48px;
    height: 48px;
    text-align: center;
    padding: 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    }

    .social_btn_default {
        padding: 0px;

    }