#navbar{
    font-family:"Barlow",sans-serif !important
}
.navbar{
    border-radius:2.5em;
    margin:.5% 1%
}
#links span{
    font-size:16px
}
.link-html{
    min-height:100%
}
.link-body{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    min-height:100%
}
.link-video-background{
    -o-object-fit:cover;
    object-fit:cover;
    width:100vw;
    height:100vh;
    position:fixed;
    top:0;
    left:0
}
.link-content{
    padding-top:2rem
}
.link-image{
    width:125px;
    height:125px;
    -o-object-fit:contain;
    object-fit:contain
}
.link-verified{
    border:2px solid #3897f0;
    border-radius:50rem;
    padding:.25rem .4rem;
    background:#fff;
    color:#3897f0
}
.link-btn{
    position:relative;
    white-space:normal;
    word-wrap:break-word;
    padding:.8rem 0;
    font-size:1.1rem;
    border-radius:0
}
.link-btn:hover{
    animation:none
}
.link-btn-straight{
    border-radius:0
}
.link-btn-round{
    border-radius:50px
}
.link-btn-rounded{
    border-radius:.3rem
}
.link-avatar-straight{
    border-radius:0
}
.link-avatar-round{
    border-radius:50rem
}
.link-avatar-rounded{
    border-radius:.3rem
}
.link-hover-animation{
    transition:transform .3s
}
.link-hover-animation:hover{
    transform:scale(1.025)
}
.link-btn-image-wrapper{
    overflow:hidden;
    width:100%;
    height:100%;
    max-width:45px;
    max-height:45px;
    position:absolute;
    float:left;
    margin-left:-4.1rem
}
.link-grid-image-wrapper{
    position:relative;
    height:10rem;
    width:100%;
    background:var(--primary-100);
    border-radius:.25rem;
    overflow:hidden;
    background-position:center;
    background-size:cover
}
@media(min-width: 992px){
    .link-grid-image-wrapper{
        height:20rem
    }
}
.link-grid-image-overlay{
    position:absolute;
    bottom:0;
    width:100%;
    height:2.5rem;
    background:rgba(0,0,0,.25);
    display:flex;
    justify-content:center;
    align-items:center;
    padding:.25rem 1rem
}
.link-grid-image-overlay-text{
    color:#fff;
    font-size:1.1rem
}
.link-btn-image{
    width:25px !important;
    height:25px !important
}
.link-external-item-image{
    width:100%;
    height:auto;
    max-height:10rem;
    -o-object-fit:cover;
    object-fit:cover
}
.link-iframe-round{
    border-radius:.3rem;
    overflow:hidden;
    position:relative
}
.link-round{
    border-radius:.3rem
}
.link-qr-code img{
    width:100%
}
.link-footer{
    margin:3rem 0
}
.link-footer-branding{
    font-size:.9rem
}
#links>.row>div:target{
    transform:scale(1.05)
}
.standard-pill-2{
    min-height:5vh
}
.standard-pill-2.open{
    border:2px solid #fff;
    padding-top:0 !important;
    padding-bottom:0 !important;
    overflow:hidden;
    background-color:rgba(0,0,0,0) !important;
    border-color:rgba(0,0,0,0) !important;
    margin:0 !important
}
.standard-pill-2.open iframe{
    background-color:rgba(0,0,0,0) !important;
    border-color:rgba(0,0,0,0) !important;
    margin:0 !important
}
.any-center{
    display:flex;
    justify-content:center;
    align-items:center
}
.close-pill{
    color:gray;
    background:#fff;
    width:25px;
    height:25px;
    border-radius:50%;
    opacity:.5
}
.close-pill:hover{
    text-decoration:none;
    color:gray;
    opacity:1
}
.standard-pill-4{
    padding:0;
    border-radius:2em;
    overflow:hidden;
    max-height:150px
}
#navbar{
    transition:all .1s;
    position:fixed;
    top:5%;
    left:30%;
    width:40%;
    padding:.4em
}
#navbar img{
    display:none
}
.sticky{
    transition:all .1s;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    z-index:55;
    background-color:rgba(255,255,255,.5);
    border-radius:5em;
    border:1px solid #fff
}
.sticky .white{
    background-color:#fff;
    width:50px;
    height:50px;
    -webkit-clip-path:circle(50%);
    clip-path:circle(50%);
    color:#000;
    border:1px solid #fff
}
.sticky img{
    display:block !important
}
.Akaya-Telivigala{
    font-family:"Akaya Telivigala",cursive
}
.Archivo-Black{
    font-family:"Archivo Black",sans-serif
}
.Concert-One{
    font-family:"Concert One",cursive
}
.Dancing-Script{
    font-family:"Dancing Script",cursive
}
.Great-Vibes{
    font-family:"Great Vibes",cursive
}
.Josefin-Sans{
    font-family:"Josefin Sans",sans-serif
}
.Lobster-Two{
    font-family:"Lobster Two",cursive
}
.Markazi-Text{
    font-family:"Markazi Text",serif
}
.Montserrat-Alternates{
    font-family:"Montserrat Alternates",sans-serif
}
.News-Cycle{
    font-family:"News Cycle",sans-serif
}
.Patrick-Hand{
    font-family:"Patrick Hand",cursive
}
.Roboto-Slab{
    font-family:"Roboto Slab",serif
}
.Secular-One{
    font-family:"Secular One",sans-serif
}
.Alata{
    font-family:"Alata",sans-serif
}
.Almarai{
    font-family:"Almarai",sans-serif
}
.Barlow{
    font-family:"Barlow",sans-serif
}
.Cookie{
    font-family:"Cookie",cursive
}
.Fasthand{
    font-family:"Fasthand",cursive
}
.Lemonada{
    font-family:"Lemonada",cursive
}
.Merriweather{
    font-family:"Merriweather",serif
}
.Michroma{
    font-family:"Michroma",sans-serif
}
.Pacifico{
    font-family:"Pacifico",cursive
}
.Poppins{
    font-family:"Poppins",sans-serif
}
.Roboto{
    font-family:"Roboto",sans-serif
}
.Rubik{
    font-family:"Rubik",sans-serif
}
.Ubuntu{
    font-family:"Ubuntu",sans-serif
}
.square{
    border-radius:0
}
.rounded{
    border-radius:.5em
}
.round{
    border-radius:2.5em
}
#profileHolder{
    width:120px;
    height:120px;
    -webkit-clip-path:circle(50%);
    clip-path:circle(50%);
    color:#fff;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.container.pill-to-show{
    cursor:default
}
.btn-black{
    background-color:#263238;
    color:#fff !important
}
.btn-white{
    background-color:#ececec;
    color:#fff !important
}
.verified-tick{
    margin:0px;
    color:#000;
    font-weight:700;
    font-size:20px;
    line-height:1.5;
    text-overflow:ellipsis;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden
}
.iti--allow-dropdown{
    width:100%
}
.appContainer{
    display:flex
}
#patlaSidebar{
    width:3vw;
    background:#fff;
    height:100vh;
    margin:0;
    padding:0;
    float:left;
    border:0
}
#motaContainer{
    border:0;
    float:right;
    margin:0;
    padding:0;
    width:70vw;
    background:#f3f3f1;
    height:100vh;
    overflow-y:scroll
}
#mobileContainer{
    float:right;
    margin:0;
    padding:0;
    width:100%
}
#mobileContainer iframe::-webkit-scrollbar{
    display:none
}
.mainNavbar a{
    color:#22220b;
    font-weight:bold
}
.text-underline{
    text-decoration:underline
}
.card{
    border-radius:.5em
}
.btn-rounded{
    border-radius:2.5em
}
.font-rounded{
    border-radius:1.5em;
    cursor:pointer
}
#profileHolder{
    width:120px;
    height:120px;
    -webkit-clip-path:circle(50%);
    clip-path:circle(50%);
    color:#fff;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.any-center{
    display:flex;
    justify-content:center;
    align-items:center
}
.bg-container{
    border-radius:2.5em;
    border:4px solid #fff
}
.bg-container .background-selector.flat{
    width:180px;
    height:300px;
    border-radius:2.5em;
    background-color:#22220b
}
.bg-container .background-selector.gradient{
    width:180px;
    height:300px;
    border-radius:2.5em;
    background:linear-gradient(180deg, #ffffff, #000000)
}
.select-border{
    border-radius:2.5em;
    border:4px solid #ececec
}
[type=color]{
    border-radius:2.5em;
    padding:0;
    background:rgba(0,0,0,0);
    border:0;
    width:50px;
    height:50px
}
.custom-control-label::after{
    width:1.5rem;
    height:1.5rem;
    margin-left:-0.5rem;
    top:0 !important
}
.custom-control-label::before{
    width:1.5rem;
    height:1.5rem;
    margin-left:-0.5rem;
    top:0 !important
}
.custom-control-input:checked~.custom-control-label::before{
    color:#fff;
    border-color:#22220b;
    background-color:#22220b
}
.font-select-border{
    border:4px solid #277973;
    border-radius:.5em
}
#fillSet .btn-off{
    width:200px;
    height:50px;
    background-color:#22220b
}
#fillSet .square{
    border-radius:0
}
#fillSet .rounded{
    border-radius:.5em
}
#fillSet .round{
    border-radius:2.5em
}
#outlineSet .btn-off{
    width:200px;
    height:50px;
    border:1px solid #22220b
}
#outlineSet .square{
    border-radius:0
}
#outlineSet .rounded{
    border-radius:.5em
}
#outlineSet .round{
    border-radius:2.5em
}
#hardShadowSet .btn-off{
    width:200px;
    height:50px;
    border:1px solid #22220b;
    box-shadow:5px 5px 0px #22220b
}
#hardShadowSet .square{
    border-radius:0
}
#hardShadowSet .rounded{
    border-radius:.5em
}
#hardShadowSet .round{
    border-radius:2.5em
}
#softShadowSet .btn-off{
    width:200px;
    height:50px;
    box-shadow:5px 5px 5px #ececec;
    border:1px solid #ececec
}
#softShadowSet .square{
    border-radius:0
}
#softShadowSet .rounded{
    border-radius:.5em
}
#softShadowSet .round{
    border-radius:2.5em
}
#linkBlocks .inline-input{
    display:none;
    font-size:16px;
    padding:0 !important;
    font-weight:bold;
    width:370px;
    max-width:370px;
    border:none
}
#linkBlocks .inline-input:focus-visible{
    outline:none
}
#linkBlocks .inline-input:focus-visible{
    border:none
}
#linkBlocks .block-image img{
    width:100%
}
#linkBlocks .card{
    border-radius:2em
}
#linkBlocks .switch{
    position:relative;
    display:inline-block;
    width:40px;
    height:20px;
    background-color:rgba(0,0,0,.25);
    border-radius:20px;
    transition:all .3s
}
#linkBlocks .switch:after{
    content:"";
    position:absolute;
    width:18px;
    height:18px;
    border-radius:18px;
    background-color:#fff;
    top:1px;
    left:1px;
    transition:all .3s
}
#linkBlocks input[type=checkbox]:checked+.switch:after{
    transform:translateX(20px)
}
#linkBlocks input[type=checkbox]:checked+.switch{
    background-color:#277973
}
#linkBlocks .link_activation,#linkBlocks .feild_status{
    position:absolute;
    left:-9999px
}
#linkBlocks .switch{
    position:relative;
    display:inline-block;
    width:40px;
    height:20px;
    background-color:rgba(0,0,0,.25);
    border-radius:20px;
    transition:all .3s
}
#linkBlocks .switch:after{
    content:"";
    position:absolute;
    width:18px;
    height:18px;
    border-radius:18px;
    background-color:#fff;
    top:1px;
    left:1px;
    transition:all .3s
}
#linkBlocks input[type=checkbox]:checked+.switch:after{
    transform:translateX(20px)
}
#linkBlocks input[type=checkbox]:checked+.switch{
    background-color:#277973
}
#linkBlocks .link_activation{
    position:absolute;
    left:-9999px
}
.msgNotice{
    position:fixed;
    color:#fff;
    bottom:0;
    padding:10px;
    width:100%;
    left:0;
    z-index:9999;
    animation:msgMove 1s;
    text-transform:uppercase;
    font-weight:bolder
}
@keyframes msgMove{
    0%{
        bottom:-50%
    }
    to{
        bottom:0
    }
}
#assetAllocator .assetFuckingSelector{
    border-radius:.5em;
    transition:.1s ease-in-out
}
#assetAllocator .assetFuckingSelector:hover{
    transition:.1s ease-in-out;
    background-color:#f5f6f8
}
#assetAllocator .modal-content{
    border-radius:1.5em
}
#assetAllocator .modal-header{
    border:none !important
}
#tablerIconPicker,#localImagePicker{
    display:none
}
#imagePreview{
    background-image:url(../images/local-image.gif);
    background-position:center center;
    background-size:contain;
    background-repeat:no-repeat;
    width:100%;
    height:400px
}
#IconsContainer button{
    background-color:rgba(0,0,0,0) !important;
    border:2px solid rgba(0,0,0,0);
    padding:3%;
    transition:all .3s
}
#IconsContainer button:hover{
    border:2px solid #3f51b5;
    border-radius:.25em;
    transition:all .3s
}
#IconsContainer button svg{
    width:36px;
    height:36px;
    color:#7c8086
}
.block-image svg{
    width:72px;
    height:72px;
    color:#7c8086
}
#fuckingIconContainer{
    width:100%;
    height:25vh;
    overflow-y:scroll
}
#tablerIconPicker input:focus{
    outline:none !important;
    box-shadow:none !important
}
.alreadyImage{
    display:none
}
.contactDetailsBlock label{
    margin-bottom:0 !important
}
.Akaya-Telivigala{
    font-family:"Akaya Telivigala",cursive
}
.Archivo-Black{
    font-family:"Archivo Black",sans-serif
}
.Concert-One{
    font-family:"Concert One",cursive
}
.Dancing-Script{
    font-family:"Dancing Script",cursive
}
.Great-Vibes{
    font-family:"Great Vibes",cursive
}
.Josefin-Sans{
    font-family:"Josefin Sans",sans-serif
}
.Lobster-Two{
    font-family:"Lobster Two",cursive
}
.Markazi-Text{
    font-family:"Markazi Text",serif
}
.Montserrat-Alternates{
    font-family:"Montserrat Alternates",sans-serif
}
.News-Cycle{
    font-family:"News Cycle",sans-serif
}
.Patrick-Hand{
    font-family:"Patrick Hand",cursive
}
.Roboto-Slab{
    font-family:"Roboto Slab",serif
}
.Secular-One{
    font-family:"Secular One",sans-serif
}
.Alata{
    font-family:"Alata",sans-serif
}
.Almarai{
    font-family:"Almarai",sans-serif
}
.Barlow{
    font-family:"Barlow",sans-serif
}
.Cookie{
    font-family:"Cookie",cursive
}
.Fasthand{
    font-family:"Fasthand",cursive
}
.Lemonada{
    font-family:"Lemonada",cursive
}
.Merriweather{
    font-family:"Merriweather",serif
}
.Michroma{
    font-family:"Michroma",sans-serif
}
.Pacifico{
    font-family:"Pacifico",cursive
}
.Poppins{
    font-family:"Poppins",sans-serif
}
.Roboto{
    font-family:"Roboto",sans-serif
}
.Rubik{
    font-family:"Rubik",sans-serif
}
.Ubuntu{
    font-family:"Ubuntu",sans-serif
}
#mobileViewIframe{
    border:5px solid #000;
    border-radius:2.5em;
    height:70vh;
    width:78%
}
@media(min-width: 320px)and (max-width: 480px){
    #mobileLoginHeader{
        border-radius:1.5em;
        margin-top:2vh;
        margin-bottom:2vh;
        width:90%;
        margin-left:5%
    }
    #mobileViewIframe{
        border:5px solid #000;
        border-radius:1.5em;
        height:70vh;
        width:90% !important
    }
    .bg-container .background-selector.flat{
        width:90px;
        height:150px;
        border-radius:.5em;
        background-color:#22220b
    }
    .bg-container .background-selector.gradient{
        width:90px;
        height:150px;
        border-radius:.5em;
        background:linear-gradient(180deg, #ffffff, #000000)
    }
    .select-border{
        border-radius:.5em;
        border:4px solid #ececec
    }
    #fillSet .btn-off,#outlineSet .btn-off,#hardShadowSet .btn-off,#softShadowSet .btn-off{
        width:250px;
        height:50px
    }
    #showMobileContainerView{
        position:fixed;
        bottom:3%;
        right:3% !important;
        padding:2%;
        z-index:99999;
        -webkit-clip-path:circle(50%);
        clip-path:circle(50%);
        width:65px;
        height:65px
    }
    #mobileContainerView{
        position:fixed;
        top:0%;
        right:-100%;
        height:100vh;
        transition:.1s linear;
        z-index:9
    }
    .mobileShowNow{
        right:0% !important;
        transition:.1s linear
    }
    #linkBlocks .inline-input{
        width:200px
    }
    .mobileSwitch{
        position:absolute;
        right:5%;
/*        top:5%*/
    }
}
#showMobileContainerView{
    position:fixed;
    right:-100%
}
#linkBlocks .handle{
    font-size:30px;
    float:left;
    position:absolute;
    top:30%;
    left:2%;
    letter-spacing:-1px;
    background-color:rgba(0,0,0,0);
    padding-right:5px
}
#linkBlocks .handle img{
    height:20px !important
}
.one{
    background-color:#27797e !important
}
.one-text{
    color:#27797e !important
}