/* ==========================================
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;
}

a{
    text-decoration:none;
}

.layout-content{

    padding:25px;

    min-height:100vh;

}


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

header{

    position:sticky;

    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:#fff;

    border:none;

    border-radius:16px;

    padding:12px 18px;

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

    font-weight:600;

}

.dropdown--1{

    border:none;

    border-radius:18px;

    overflow:hidden;

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

}

.dropdown-item{

    padding:14px;

}

.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{

    list-style:none;

    padding:22px;

    margin:0;

}

.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;

    }

    .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:32px;

    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;

    }

}