@import url('../css/header-rtl.css');

@import url("https://p.typekit.net/p.css?s=1&k=gsu0agq&ht=tk&f=41097.41111.41079.41082.41088.41091.41099.41102.41113.41116.47878.47879.47884.47885&a=26996001&app=typekit&e=css");

@font-face {
font-family:"roc-grotesk";
src:url("https://use.typekit.net/af/975d46/00000000000000007735b7c3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/975d46/00000000000000007735b7c3/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/975d46/00000000000000007735b7c3/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"RocGrotesk";
src:url("https://use.typekit.net/af/97dd77/00000000000000007735b7d4/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/97dd77/00000000000000007735b7d4/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/97dd77/00000000000000007735b7d4/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"roc-grotesk-compressed";
src:url("https://use.typekit.net/af/69af51/00000000000000007735b7bd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/69af51/00000000000000007735b7bd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/69af51/00000000000000007735b7bd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"roc-grotesk-compressed";
src:url("https://use.typekit.net/af/404af9/00000000000000007735b7d5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/404af9/00000000000000007735b7d5/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/404af9/00000000000000007735b7d5/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"roc-grotesk-condensed";
src:url("https://use.typekit.net/af/b47a88/00000000000000007735b7be/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/b47a88/00000000000000007735b7be/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/b47a88/00000000000000007735b7be/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"roc-grotesk-condensed";
src:url("https://use.typekit.net/af/f1cda4/00000000000000007735b7c7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/f1cda4/00000000000000007735b7c7/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/f1cda4/00000000000000007735b7c7/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"roc-grotesk-extrawide";
src:url("https://use.typekit.net/af/638c22/00000000000000007735b7cb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/638c22/00000000000000007735b7cb/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/638c22/00000000000000007735b7cb/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"roc-grotesk-extrawide";
src:url("https://use.typekit.net/af/4f5493/00000000000000007735b7db/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/4f5493/00000000000000007735b7db/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/4f5493/00000000000000007735b7db/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"RocGrotesk-Wide";
src:url("https://use.typekit.net/af/bcc24a/00000000000000007735b7c2/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/bcc24a/00000000000000007735b7c2/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/bcc24a/00000000000000007735b7c2/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"roc-grotesk-wide";
src:url("https://use.typekit.net/af/c9606e/00000000000000007735b7cd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/c9606e/00000000000000007735b7cd/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/c9606e/00000000000000007735b7cd/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"rustica";
src:url("https://use.typekit.net/af/d408f9/00000000000000007735ee17/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/d408f9/00000000000000007735ee17/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/d408f9/00000000000000007735ee17/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"rustica";
src:url("https://use.typekit.net/af/f109f9/00000000000000007735ee19/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/f109f9/00000000000000007735ee19/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/f109f9/00000000000000007735ee19/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"rustica";
src:url("https://use.typekit.net/af/ecc700/00000000000000007735ee1d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/ecc700/00000000000000007735ee1d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/ecc700/00000000000000007735ee1d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"rustica";
src:url("https://use.typekit.net/af/662c05/00000000000000007735ee1e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/662c05/00000000000000007735ee1e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/662c05/00000000000000007735ee1e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

.tk-roc-grotesk { font-family: "roc-grotesk",sans-serif; }
.tk-roc-grotesk-compressed { font-family: "roc-grotesk-compressed",sans-serif; }
.tk-roc-grotesk-condensed { font-family: "roc-grotesk-condensed",sans-serif; }
.tk-roc-grotesk-extrawide { font-family: "roc-grotesk-extrawide",sans-serif; }
.tk-roc-grotesk-wide { font-family: "roc-grotesk-wide",sans-serif; }
.tk-rustica { font-family: "rustica",sans-serif; }

/*----------------- CHATBOX CSS ---------------*/
.chatbox {
    padding: 10px;
    position: relative;
    background: var(--chatbox-bg);
    height: 100vh;
    width: 100vw;
}

.chatbox .input-box {
    flex-grow: 1;
}

.conversation {
    padding: 10px;
}

.chat-form {
    display: flex;
    justify-content: center;
    align-items: center;
}

.chatbox .input-box {
    width: calc(100% - 180px);
    display: flex;
    flex-direction: column;
    margin: 10px;
    resize: none;
    background: var(--inputbox-bg);
    border-radius: 50px;
    border: 1px solid rgb(118, 118, 118);
    padding: 10px 20px;
    font-size: 18px;
    margin-right: 0;
    margin-left: auto;
    justify-content: space-between;
    margin-left: 0;
    max-height: 300px;
    overflow-y: auto;
}

@media screen and (max-width:768px) {
    .chatbox .input-box {
        width: calc(100% - 60px);
        margin-left: -5px;
    }
}

.input-box textarea {
    height: 28px;
    width: 100%;
    background: transparent;
    border: none;
    color: var(--text-color);
    resize: none;
}

textarea:focus-visible {
    outline: none;
}

.chat-input-form {
    position: absolute;
    width: 98%;
    bottom: 0;
}

.chat-form button {
    width: 38px;
    border: 1px solid rgb(118, 118, 118);
    color: var(--text-color);
    padding: 10px;
}

.chat-form button:hover {
    background: linear-gradient(94deg, #c764ec, #4a36b1);
}

/*----------------- CONVERSATION CSS ---------------*/
.conversations {
    overflow-y: auto;
    height: calc(100vh - 80px);
    padding-bottom: 0px;
}

.profile-pic img {
    width: 30px;
    height: auto;
    margin-right: 20px;
    display: inline-block;
}

.response {
    color: var(--text-color);
    font-weight: 500;
    width: 85%;
}

.conversation.bot {
    background: var(--response-bot-bg);
    border-radius: 10px;
}

.dropdown-toggle {
    background: var(--dropdown-toggle-bg) !important;
    color: var(--text-color) !important;
}


.animate img {
    animation: rotate 2s ease-in-out infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.form-inputs {
    position: absolute;
    width: 98%;
    bottom: 0;
}

.feedback-button {
    cursor: pointer;
    color: #FF4FA3;
    padding-top: 7px;
    padding-right: 8px;
}

/*-------------------SETTINGS CSS--------------*/
.admin-setting {
    position: fixed;
    bottom: 100px;
    left: 100px;
    border-radius: 50% !important;
    height: 35px;
    width: 35px;
    background: linear-gradient(94deg, #c764ec, #4a36b1);
    color: #fff !important;
}

/*--------------- Typing Effect ---------------*/
.response.writing::before {
    content: "Typing...";
    font-size: 12px;
    animation: fading 2s ease-in-out infinite;
}

@keyframes fading {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


a {
    color: #FF4FA3;
}








.resblock {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.resblock>a {
    width: calc(50% - 25px);
    border: 1px solid gainsboro;
    border-radius: 5px;
    padding: 10px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 500ms ease-in-out;
}

.response {
    width: 100%;
}

.resblock>a h3 {
    font-size: 14px;
    margin: 0;
    color: #fff;
    text-decoration: none !important;
    text-align: center;
}

.resblock>a:hover {
    opacity: 0.8;
}

.resblock>a {
    flex-direction: column;
}

.resblock>a span.smalltab {
    font-size: 11px;
    padding: 0px 8px;
    border-radius: 50px;
    background: #db4fa3;
    color: #fff;
    margin-bottom: 3px;
    margin-bottom: 8px;
}

.resblock>a {
    padding: 10px;
}

p.resheading {
    margin-bottom: 0;
    margin-top: 20px;
}
span.smalltab[data-type="video"] {
    background-color: #ffa73e !important;
}
@media(max-width:768px) {
.resblock>a {
    width: 100%;
}
}



.chatbox {
    background: #28263A;
}

.conversation.bot {
    background: #242234;
}

.conversation.bot:nth-child(odd) {
    background: #1E1C2B;
}

ul.p-0 {
    margin-bottom: 0;
}

.chatbox .input-box {
    background: #1E1C2B;
}

.dropdown-toggle {
    background: #15141F !important;
    border: none;
}
.conversations::-webkit-scrollbar {
    width: 4px; /* width of the entire scrollbar */
}

.conversations::-webkit-scrollbar-track {
    border-radius: 6px;
    background: transparent;
}

.conversations::-webkit-scrollbar-thumb {
    background-color: #FF4EA4;    /* color of the thumb */
    border-radius: 6px;       /* roundness of the thumb */
}

.chat-form button:hover {
    background: #FF4EA4 !important;
    border-color: #FF4EA4 !important;
}
.main {
    overflow: hidden;
}

@media(max-width:768px) {
    .form-inputs {
        left: 0;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        z-index: 999;
    }

    .chat-form {
        gap: 10px;
    }

    .chat-form button#delete-conversation {
        display: none !important;
    }
    .chatbox .input-box {
        width: auto !important;
        margin-left: 0px;
    }
    .feedback-button {
        display: none;
    }

    .conversation.bot {
        gap: 10px;
    }
}

body .swal2-styled.swal2-confirm, body .swal2-styled.swal2-confirm:hover, body .swal2-styled.swal2-confirm:focus {
    background-clip: content-box,border-box;
    background-image: linear-gradient(270deg,#ff7f6e,rgba(255,167,62,.1) 0),linear-gradient(270deg,#ff7f6e 0,#ffa73e);
    background-origin: border-box;
    border-image-slice: 1;
    border-image-source: linear-gradient(270deg,#ff7f6e 0,#ffa73e);
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    color: #050407;
    font-family: RocGrotesk-Wide;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 280px;
    box-shadow: none !important;
}

body .swal2-styled.swal2-confirm:hover {
    background-image: linear-gradient(270deg,#ff7f6e 0,rgba(255,167,62,.1) 0),linear-gradient(0deg,#ff7f6e 0,#ffa73e 0) !important;
    border-image-source: linear-gradient(270deg,#ffa73e,#ffa73e) !important;
}

body button.swal2-cancel.swal2-styled {
    background: transparent;
    background-color: transparent;
    box-shadow: none;
    border: none;
    color: #fff;
    padding: 0;
    margin: 0;
    margin-top: 6px;
}

body .swal2-actions {
    flex-direction: column;
    margin-top:0px;
}


.swal2-popup.swal2-modal {
    background: #1e1c2b;
    color: #fff;
}











.tabheaders {
    display: flex;
    width: 100%;
}

.resblock {
    flex-grow: 1;
    flex-direction: column;
    gap: 0px;
}

.tabheaders label {
    display: flex;
    align-items: center;
}

.tabheaders label input {
    position: absolute;
    opacity: 0;
    width: 0px;
    height: 0px;
    z-index: -44;
    pointer-events: none;
}

.tabheaders label input:checked + p {
    background: #ff4ea4;
}

.tabheaders label input + p {
    padding: 5px 12px;
    margin-bottom: 0px;
    background: #28263a;
    font-size: 14px;
}

.tabheaders label:first-of-type p {
    border-top-left-radius: 6px;
}

.tabheaders label:last-of-type p {
    border-top-right-radius: 6px;
}

.tabwraps {
}

.mnwrap {
    display: none;
}

.mnwrap {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    padding: 20px;
    border: 1px solid #28263a;
    background: #28263a;
}

.mnwrap[style="display:block;"], .mnwrap[style="display: block;"] {
    display: grid !important;
}


a.resource {
    padding: 10px;
    display: flex;
    flex-direction: column;
    width: calc(50% - 25px);
    border: 1px solid gainsboro;
    border-radius: 5px;
    padding: 10px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 500ms ease-in-out;
    width: 100%;
}

a.resource h3 {
    font-size: 14px;
    margin: 0;
    color: #fff;
    text-decoration: none !important;
    text-align: center;
}