/* ==========================================
dashboard
========================================== */

:root{

    --fv-primary:#081120;
    --fv-primary-light:#14233d;

    --fv-accent:#C8A96B;

    --fv-bg:#f3f6fb;

    --fv-white:#ffffff;

    --fv-text:#182433;

    --fv-text-light:#64748b;

    --fv-border:#e8edf5;

    --fv-shadow:
            0 20px 50px rgba(8,17,32,.08);

    --fv-shadow-heavy:
            0 25px 70px rgba(8,17,32,.15);

    --fv-radius:24px;

}


/* =========================
   GLOBAL
========================= */

body{

    background:var(--fv-bg);

    color:var(--fv-text);

    padding: 0;
    margin: 0;
}
html:lang(en) {
    .lang{
        position: fixed;
        z-index: 999999;
        top: 90vh;
        left: 95%;
    }
    .lang button{
        background: linear-gradient(
                180deg,
                rgba(8, 17, 32, 0.47) 0%,
                rgba(18, 35, 61, 0.45) 100%
        );
        border-radius:50% !important;
        height: 60px;
        width: 60px;
        padding: 10px;
    }
}
.lang{
    background: linear-gradient(
            180deg,
            rgba(8, 17, 32, 0.47) 0%,
            rgba(18, 35, 61, 0.45) 100%
    );
    border-radius:50%;
    position: fixed;
    z-index: 999999;
    top: 90vh;
    right: 95%;
}
@media screen AND (max-width: 768px) {
    html:lang(en) {
        .lang{
            top: 85vh;
            left: 80%;
        }
    }
    .lang{
        top: 85vh;
        right: 80%;
    }
}
.lang button{
    height: 60px;
    width: 60px;
    padding: 10px;
}
.dropdown-menu-end[data-bs-popper]{
    right:unset;
    left:-20px;
}
#languageDropdown {
    font-weight: 600;
    border-radius: 10px;
    transition: all 0.3s ease;
}
#languageDropdown:hover {
    background-color: #f8f9fa;
    color: #222;
}
.dropdown-menu a:hover {
    background-color: #e9ecef;
}
a{
    text-decoration:none;
}

.layout-content{

    padding:25px;

    min-height:100vh;

}


/* =========================
   HEADER
========================= */

header{


    top:0;

    z-index:9999;

    backdrop-filter:blur(25px);

    background:rgba(255,255,255,.88);

    border-bottom:1px solid rgba(255,255,255,.4);

    box-shadow:
            0 8px 30px rgba(0,0,0,.04);

}

.navbar{

    min-height:90px;

}

.navbar-brand img{

    width:90px;

    height:auto;

    transition:.4s;

}

.navbar-brand:hover img{

    transform:scale(1.05);

}


/* =========================
   TOP MENU
========================= */

.nav-link{

    color:var(--fv-text)!important;

    font-weight:600;

    border-radius:14px;

    padding:12px 18px !important;

    transition:.3s;

}

.nav-link:hover{

    background:#eef4ff;

    color:#0f3ec9 !important;

}

.nav-link.active{

    background:#eef4ff;

    color:#0f3ec9 !important;

}


/* =========================
   USER PROFILE BUTTON
========================= */

.btn-login .btn{

    background: linear-gradient(
            180deg,
            rgba(8, 17, 32, 0.47) 0%,
            rgba(18, 35, 61, 0.45) 100%
    );

    border:none;

    border-radius:16px;

    padding:12px 18px;

    box-shadow:var(--fv-shadow);

    font-weight:600;

}

.dropdown--1{

    background: linear-gradient(
            180deg,
            rgba(8, 17, 32, 0.47) 0%,
            rgba(18, 35, 61, 0.45) 100%
    );

    border:none;

    border-radius:18px;

    overflow:hidden;

    box-shadow:var(--fv-shadow-heavy);

    right: -8% !important;

}

.dropdown-item{

    padding:7px;

}

.dropdown-item:hover{

    background:#f5f8ff;

}


/* =========================
   MAIN LAYOUT
========================= */

.dashboard-row{

    display:flex;

    gap:25px;

}


/* =========================
   SIDEBAR
========================= */

.side-bar-dashbord{

    width:300px;

    min-width:300px;

    margin-top:15px;

    border-radius:30px;

    background:
            linear-gradient(
                    180deg,
                    #081120 0%,
                    #12233d 100%
            );

    box-shadow:
            0 30px 70px rgba(0,0,0,.15);

    overflow:hidden;

    position:sticky;

    top:110px;

    height:calc(100vh - 140px);

}

.ul-side-bar{

    background:
            linear-gradient(
                    180deg,
                    #081120 0%,
                    #12233d 100%
            );

    list-style:none;

    padding:22px;

    margin:0;

    border-radius: 16px;

}

.sid-bar-tag{

    display:block;

    color:#fff;

    margin-bottom:8px;

}

.sid-bar-tag li{

    list-style:none;

    padding:16px 18px;

    border-radius:16px;

    transition:.35s;

    font-size:15px;

    font-weight:500;

}

.sid-bar-tag:hover li{

    background:rgba(255,255,255,.08);

    transform:translateX(-5px);

}


/* =========================
   SIDEBAR DROPDOWN
========================= */

.dropdown-container{

    margin-bottom:10px;

}

.dropdown-btn{

    width:100%;

    background:none;

    border:none;

    color:white;

    text-align:right;

    padding:16px 18px;

    border-radius:16px;

    font-weight:600;

    transition:.35s;

}

.dropdown-btn:hover{

    background:rgba(255,255,255,.08);

}

.dropdown-menu-custom{

    display:none;

    padding-right:14px;

    margin-top:8px;

    border-right:
            2px solid rgba(255,255,255,.08);

}

.dropdown-menu-custom a{

    color:#cbd5e1;

    display:block;

    padding:10px;

    border-radius:12px;

    transition:.3s;

}

.dropdown-menu-custom a:hover{

    background:rgba(255,255,255,.06);

    color:#fff;

}


/* =========================
   CONTENT AREA
========================= */

.pages{

    flex:1;

    padding-top:15px !important;

}

.main{

    background:#fff;

    border-radius:30px;

    padding:40px;

    min-height:700px;

    box-shadow:

            0 0 0 1px rgba(15,23,42,.03),

            0 25px 60px rgba(15,23,42,.08);

}


/* =========================
   BREADCRUMB
========================= */

.breadcrumb{

    background:#fff;

    border-radius:18px;

    padding:18px 24px !important;

    margin-bottom:20px;

    box-shadow:var(--fv-shadow);

}

.breadcrumb-item a{

    color:#2563eb;

}

.breadcrumb-item.active{

    color:#64748b;

}


/* =========================
   AI HERO SECTION
========================= */

.image-container{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    margin-bottom:25px;

}

.image-container img{

    width:100%;

    border-radius:30px;

}

.image-container::before{

    content:"";

    position:absolute;

    inset:0;

    background:

            linear-gradient(
                    135deg,
                    rgba(8,17,32,.92),
                    rgba(37,99,235,.70)
            );

}

.analyze-question{

    position:absolute;

    right:40px;

    bottom:40px;

    z-index:3;

    background:var(--fv-accent);

    color:white;

    padding:16px 28px;

    border-radius:16px;

    font-weight:700;

    box-shadow:
            0 15px 35px rgba(200,169,107,.35);

}

.analyze-question:hover{

    color:white;

    transform:translateY(-3px);

}


/* =========================
   FOOTER
========================= */

footer{

    background:#fff;

    margin-top:40px;

    border-top:none !important;

    box-shadow:
            0 -10px 40px rgba(0,0,0,.03);

}

footer .container{

    padding-top:20px;

    padding-bottom:20px;

}

footer p{

    color:var(--fv-text);

}

footer a{

    color:var(--fv-text-light);

}

footer a:hover{

    color:#2563eb;

}


/* =========================
   LANGUAGE SELECTOR
========================= */

.language-menu{

    border:none;

    border-radius:18px;

    box-shadow:var(--fv-shadow-heavy);

}


/* =========================
   SCROLLBAR
========================= */

::-webkit-scrollbar{

    width:8px;

}

::-webkit-scrollbar-track{

    background:#eef2f7;

}

::-webkit-scrollbar-thumb{

    background:#c8d0dd;

    border-radius:20px;

}


/* =========================
   TABLET
========================= */

@media(max-width:1200px){

    .side-bar-dashbord{

        width:260px;

        min-width:260px;

    }

}


/* =========================
   MOBILE
========================= */

@media(max-width:991px){

    .layout-content{

        padding:10px;

    }

    .dashboard-row{

        display:block;

    }

    .pages{

        width:100%;

    }

    .main{

        padding:20px;

        border-radius:22px;

    }

    .navbar-brand img{

        width:70px;

    }

}


/* =========================
   SMALL MOBILE
========================= */

@media(max-width:768px){

    .breadcrumb{

        padding:12px 16px !important;

    }

    .dropdown--1{
        right: -18% !important;
        text-align: center;
        padding: 0;
        z-index: unset !important;
    }
    .analyze-question{

        position:relative;

        right:auto;

        bottom:auto;

        display:block;

        margin:15px;

        text-align:center;

    }

    footer{

        text-align:center;

    }

}


/* =========================
   EXTRA SMALL
========================= */

@media(max-width:576px){

    .main{

        padding:16px;

    }

    .btn-login .btn{

        font-size:13px;

        padding:10px 14px;

    }

}
/*index*/
/* =====================================
   FARVARD HERO SLIDER
===================================== */

#adsCarousel{
    margin-bottom:40px !important;
}

#adsCarousel .carousel-inner{

    overflow:hidden;

    border-radius:20px;

    background:#fff;

    box-shadow:
            0 25px 60px rgba(15,23,42,.12);

}

/* ===========================
   ITEM
=========================== */

.carousel-item{

    min-height:380px;

    background:
            linear-gradient(
                    135deg,
                    #081120,
                    #14284a
            );

}

/* ===========================
   CONTENT
=========================== */

.ad-clickable{

    display:flex;

    flex-direction:row-reverse;

    min-height:380px;

    align-items:center;

}

/* ===========================
   IMAGE
=========================== */

.ad-media,
.ad-video{

    width:58% !important;

    height:380px;

    object-fit:cover;

    border-radius:0;

}

/* ===========================
   OVERLAY
=========================== */

.ad-overlay{

    width:42% !important;

    padding:50px;

    background:transparent;

    color:white !important;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.ad-overlay h5{

    font-size:34px;

    font-weight:800;

    line-height:1.4;

    margin-bottom:20px;

    color:white !important;

}

.ad-overlay p{

    color:
            rgba(255,255,255,.75) !important;

    font-size:16px;

    line-height:2;

    margin-bottom:25px;

}

/* ===========================
   BUTTON
=========================== */

.ad-overlay .btn-light{

    width:auto !important;

    align-self:flex-start;

    padding:14px 28px;

    border:none;

    border-radius:16px;

    background:#C8A96B;

    color:white;

    font-weight:700;

    transition:.3s;

}

.ad-overlay .btn-light:hover{

    background:#b89454;

    transform:translateY(-3px);

}

/* ===========================
   VIDEO
=========================== */

.ad-video{

    background:#000;

}

.ad-video:hover{

    box-shadow:none;

}

/* ===========================
   TEXT ONLY
=========================== */

.ad-text-only{

    min-height:380px;

    background:
            linear-gradient(
                    135deg,
                    #081120,
                    #14284a
            );

    color:white;

    padding:60px;

}

.ad-text-only h3{

    font-size:38px;

    font-weight:800;

    margin-bottom:20px;

}

.ad-text-only p{

    max-width:700px;

    line-height:2;

    color:
            rgba(255,255,255,.75);

}

.ad-text-only .btn{

    margin-top:20px;

    background:#C8A96B;

    border:none;

    border-radius:16px;

    padding:14px 28px;

}

/* ===========================
   ARROWS
=========================== */

.carousel-control-prev,
.carousel-control-next{

    top:auto !important;

    bottom:25px;

    width:60px;

    height:60px;

    border-radius:18px;

    background:
            rgba(255,255,255,.12);

    backdrop-filter:blur(10px);

}

.carousel-control-prev{

    right:35px !important;

    left:auto !important;

}

.carousel-control-next{

    right:110px !important;

}

.carousel-control-prev:hover,
.carousel-control-next:hover{

    background:
            rgba(255,255,255,.2);

}

.carousel-control-prev img,
.carousel-control-next img{

    width:24px;

    filter:brightness(100);

}

/* ===========================
   REPORT SECTION
=========================== */

.gozaresh{

    background:white;

    border-radius:30px;

    padding:40px;

    box-shadow:
            0 15px 40px rgba(15,23,42,.08);

    margin-top:20px;

}

.gozaresh-div{

    gap:20px;

}

.adad{

    width:95px;

    height:95px;

    border-radius:24px;

    background:
            linear-gradient(
                    135deg,
                    #081120,
                    #17315b
            );

    display:flex;

    align-items:center;

    justify-content:center;

    color:white;

    font-size:22px;

    font-weight:800;

    box-shadow:
            0 10px 30px rgba(8,17,32,.2);

}

.adad p{

    margin:0;

}

.f-s{

    font-size:18px;

}

/* ===========================
   QUICK ACCESS
=========================== */

.steps-wrapper{

    background:white;

    border-radius:30px;

    padding:40px;

    box-shadow:
            0 15px 40px rgba(15,23,42,.08);

}

.step-item{

    padding:20px;

}

.step-icon-1{

    width:100px;

    height:100px;

    border-radius:24px;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg, #f8fafc, #566a90);

    transition:.3s;

}

.step-icon-1 img{

    width:45px;

}

.step-item:hover .step-icon-1{

    transform:translateY(-8px);

    box-shadow:
            0 15px 30px rgba(37,99,235,.12);

}

.step-text{

    font-weight:700;

    color:#0f172a;

}

/* ===========================
   MOBILE
=========================== */

@media(max-width:991px){

    .ad-clickable{

        flex-direction:column;

    }

    .ad-media,
    .ad-video{

        width:100% !important;

        height:250px;

    }

    .ad-overlay{

        width:100% !important;

        padding:25px;

    }

    .ad-overlay h5{

        font-size:24px;

    }

    .carousel-item{

        min-height:auto;

    }

    .gozaresh{

        padding:20px;

    }

}

@media(max-width:768px){

    .gozaresh-div{

        flex-direction:column;

    }

    .adad{

        width:75px;
        height:75px;
        font-size:18px;
    }

    .carousel-control-prev{

        right:15px !important;

    }

    .carousel-control-next{

        right:90px !important;

    }

}
/*case-form*/
/* ===============================
   CASE CREATE PAGE
================================ */
/* STEP NAV */
.fv-case-create__step-nav {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 25px;
}

/* STEP CONTENT */
.fv-step-content {
    display: none;
    animation: fadeIn .3s ease;
}

.fv-step-content.active {
    display: block;
}

/* ANIMATION */
@keyframes fadeIn {
    from {opacity: 0; transform: translateY(10px);}
    to {opacity: 1; transform: translateY(0);}
}

/* BUTTONS */
.fv-btn-step {
    background: var(--fv-primary);
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 10px;
    cursor: pointer;
    transition: .2s;
}

.fv-btn-step:hover {
    background: var(--fv-primary-light);
}

/* SUBMIT */
.fv-submit {
    background: var(--fv-accent);
    color: #fff;
}

.fv-submit:hover {
    opacity: .9;
}


/* HEADER */
.fv-case-create__header {
    margin-bottom: 25px;
    text-align: center;
}

.fv-case-create__title {
    font-size: 22px;
    font-weight: 700;
    color: var(--fv-primary);
    position: relative;
    display: inline-block;
}

.fv-case-create__title::after {
    content: "";
    display: block;
    width: 40%;
    height: 3px;
    background: var(--fv-accent);
    margin: 8px auto 0;
    border-radius: 2px;
}


/* INPUT */
.fv-case-create__textarea {
    width: 100%;
    border: 1px solid var(--fv-border);
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 14px;
    color: var(--fv-text);
    background: var(--fv-white);
    transition: all 0.25s ease;
}

.fv-case-create__textarea:focus {
    border-color: var(--fv-accent);
    box-shadow: 0 0 0 3px rgba(200,169,107,.15);
    outline: none;
}

/* LABEL */
.fv-case-create .form-label {
    font-size: 13px;
    color: var(--fv-text-light);
    margin-bottom: 6px;
}



/* BUTTON BASE */
.fv-case-create__btn {
    border-radius: 12px;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.25s ease;
    border: none;
}

/* PRIMARY */
.fv-case-create__btn--primary {
    background: var(--fv-primary);
    color: #fff;
}

.fv-case-create__btn--primary:hover {
    background: var(--fv-primary-light);
}

/* GHOST */
.fv-case-create__btn--ghost {
    background: transparent;
    border: 1px solid var(--fv-border);
    color: var(--fv-text);
}

.fv-case-create__btn--ghost:hover {
    background: var(--fv-bg);
}

/* RESPONSIVE */
@media (max-width: 768px) {

    .fv-case-create__btn {
        width: 100%;
    }
}
/* ===============================
   CASE LIST PAGE
================================ */

/* HEADER */
.fv-case-list__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.fv-case-list__title {
    font-weight: 700;
    color: var(--fv-primary);
}

.fv-case-list__create-btn {
    background: var(--fv-accent);
    color: #fff;
    padding: 10px 18px;
    border-radius: 12px;
    text-decoration: none;
    transition: .2s;
}

.fv-case-list__create-btn:hover {
    opacity: .9;
    color: #000000;
}

/* CARD */
.fv-case-card {
    background: var(--fv-white);
    border-radius: var(--fv-radius);
    box-shadow: var(--fv-shadow);
    padding: 20px;
    margin-bottom: 20px;
    transition: .3s;
}

.fv-case-card:hover {
    box-shadow: var(--fv-shadow-heavy);
}

/* GRID */
.fv-case-card__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

/* ITEM */
.fv-case-card__item {
    text-align: center;
}

/* LABEL */
.fv-case-card__label {
    font-size: 12px;
    color: var(--fv-text-light);
}

/* VALUE */
.fv-case-card__value {
    margin-top: 6px;
    background: var(--fv-bg);
    padding: 8px;
    border-radius: 10px;
    font-weight: 500;
}

/* ACTIONS */
.fv-case-card__actions {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* BUTTON BASE */
.fv-case-btn {
    flex: 1;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: .2s;
}

/* TYPES */
.fv-case-btn--primary {
    background: var(--fv-primary);
    color: #fff;
}

.fv-case-btn--primary:hover {
    background: var(--fv-primary-light);
}

.fv-case-btn--edit {
    background: #3b82f6;
    color: #fff;
}

.fv-case-btn--danger {
    background: #ef4444;
    color: #fff;
}

/* RESPONSIVE */
@media (max-width: 992px) {

    .fv-case-card__grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 576px) {

    .fv-case-list__header {
        flex-direction: column;
        gap: 10px;
    }

    .fv-case-card__grid {
        grid-template-columns: 1fr;
    }

    .fv-case-btn {
        width: 100%;
    }

}
/*news-form*/

/* steps */
.fv-news-stepper__steps{
    display:flex;
    justify-content:center;
    gap:12px;
    margin-bottom:25px;
}

.fv-step{
    width:38px;
    height:38px;
    border-radius:50%;
    background:#e5e7eb;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.fv-step.active{
    background: var(--fv-primary);
    color:#fff;
}

/* content */
.fv-news-step-content{
    display:none;
}

.fv-news-step-content.active{
    display:block;
}

/* inputs */
.fv-input{
    width:100%;
    padding:12px;
    border-radius:12px;
    border:1px solid var(--fv-border);
}

/* preview */
.fv-preview{
    margin-top:10px;
}

/* buttons */
.fv-stepper__actions{
    margin-top: 25px;
    display: flex;
    justify-content: center;
    gap: 12px;
}

.fv-btn{
    padding:10px 18px;
    border-radius:10px;
    border:none;
    cursor:pointer;
}

.fv-next{
    background: var(--fv-primary);
    color:#fff;
}

.fv-prev{
    background:#e5e7eb;
}

.fv-submit{
    background: var(--fv-accent);
    color:#fff;
    display:none;
}