@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800&display=swap');

/*
========================================
ROOT
========================================
*/

:root{

    --pans-primary:#5b3df5;
    --pans-primary-light:#8b5cf6;

    --pans-text:#111111;

    --pans-transition:.35s ease;

}

/*
========================================
RESET
========================================
*/

.pans-header *,
.pans-mobile-overlay *,
.pans-admin-wrap *{

    box-sizing:border-box;

}

.pans-header a,
.pans-mobile-overlay a{

    text-decoration:none;

}

/*
========================================
BODY
========================================
*/

html,
body{

    position:relative;

}

/*
========================================
ADMIN BAR FIX
========================================
*/

body.admin-bar .pans-header{

    top:32px;

}

@media(max-width:782px){

    body.admin-bar .pans-header{

        top:46px;

    }

}

/*
========================================
ADMIN PANEL
========================================
*/

.pans-admin-wrap{

    max-width:1100px;

}

.pans-admin-title{

    font-size:34px !important;

    font-weight:800 !important;

    margin-bottom:30px !important;

}

.pans-admin-card{

    background:white;

    padding:30px;

    border-radius:18px;

    margin-bottom:30px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.06);

}

.pans-admin-card h2{

    margin-top:0;

    margin-bottom:20px;

}

.pans-field-row{

    display:flex;

    align-items:center;

    gap:14px;

    flex-wrap:wrap;

}

.pans-admin-card input[type="text"]{

    width:500px;

    max-width:100%;

}

.pans-admin-card select{

    min-width:300px;

    height:44px;

}

.pans-upload{

    height:44px !important;

    padding:0 22px !important;

    border-radius:10px !important;

}

.pans-preview{

    margin-top:24px;

}

.pans-preview img{

    max-width:320px;

    border-radius:16px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.08);

}

.pans-checkbox{

    display:flex;

    align-items:center;

    gap:10px;

    font-size:15px;

    font-weight:600;

}

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

.pans-header{

    position:absolute;

    top:0;
    left:0;

    width:100%;

    height:110px;

    background:transparent;

    z-index:9999;

    transition:
        all var(--pans-transition);

}

/*
========================================
LEFT
========================================
*/

.pans-left{

    position:relative;

    z-index:5;

}

.pans-logo{

    height:28px;

    width:auto;

    display:block;

}

.pans-text-logo{

    font-size:28px;

    font-weight:800;

    color:var(--pans-primary);

}

/*
========================================
CENTER
========================================
*/

.pans-nav{

    position:relative;

    z-index:5;

    display:flex;

    justify-content:center;

}

.pans-menu{

    display:flex;

    align-items:center;

    gap:54px;

    list-style:none;

    margin:0;
    padding:0;

}

.pans-menu li{

    position:relative;

}

.pans-menu a{

    color:var(--pans-text);

    font-size:18px;

    font-family:'Alexandria', sans-serif;

    font-weight:600;

    letter-spacing:-0.02em;

    transition:
        color .25s ease;

}

.pans-menu a:hover{

    color:#3D2A85;

}

.pans-header{

    font-family:'Alexandria', sans-serif;

}

/*
========================================
RIGHT
========================================
*/

.pans-right{

    position:relative;

    z-index:5;

    display:flex;

    align-items:center;

    gap:20px;
	
	right:-240px;

    font-weight:700;

}

.pans-right ul{

    display:flex;

    align-items:center;

    gap:14px;

    list-style:none;

    margin:0;
    padding:0;

}

.pans-right a,
.pans-right span{

    color:white;

    font-size:15px;

    font-weight:700;

}

/*
========================================
RIGHT BACKGROUND
========================================
*/

.pans-right-bg{

    position:absolute;

    top:-170px;

    left:50%;

    margin-left:430px;

    width:720px;

    height:720px;

    background-repeat:no-repeat;

    background-size:contain;

    background-position:right top;

    z-index:1;

    pointer-events:none;

}


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

.pans-mobile-trigger{

    display:none;

}

.pans-mobile-overlay{

    position:absolute;;

    inset:0;

    background:
        rgba(10,10,10,.97);

    z-index:10000;

    display:flex;

    align-items:center;

    justify-content:center;

    opacity:0;

    visibility:hidden;

    transition:
        opacity .4s ease,
        visibility .4s ease;

}

.pans-mobile-overlay.active{

    opacity:1;

    visibility:visible;

}

.pans-mobile-inner{

    text-align:center;

}

.pans-mobile-menu{

    list-style:none;

    margin:0;
    padding:0;

}

.pans-mobile-menu li{

    margin:26px 0;

}

.pans-mobile-menu a{

    color:white;

    font-size:38px;

    font-weight:800;

}

.pans-close-menu{

    position:absolute;

    top:30px;
    right:30px;

    width:60px;
    height:60px;

    border:none;

    border-radius:50%;

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

    color:white;

    font-size:36px;

    cursor:pointer;

}

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

@media(max-width:1024px){

    /*
    HEADER
    */

    .pans-header{

        height:90px;

    }

    /*
    CONTAINER
    */

    .pans-container{

        grid-template-columns:
            1fr
            auto;

        align-items:center;

        gap:20px;

        padding:0 14px;

    }

    /*
    LOGO
    */

    .pans-logo{

        height:24px;

        max-width:220px;

        object-fit:contain;

    }

    /*
    HIDE NAV
    */

    .pans-nav{

        display:none !important;

    }

    /*
    REMOVE HAMBURGER
    */

    .pans-mobile-trigger{

        display:none !important;

    }

    /*
    RIGHT
    */

    .pans-right{

        justify-self:end;

        position:relative;

        z-index:20;

    }

    /*
    LANGUAGE
    */

    .pans-current-language{

        padding:8px 12px;

    }

    /*
    SHAPE
    */

.pans-right-bg{

    width:220px;

    height:220px;

    top:-70px;
    right:0;

    background-position:right top;

}
	
.pans-left{

    justify-self:start;

    position:relative;

    left:-6px;

}

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

@media(max-width:640px){

    /*
    HEADER
    */

    .pans-header{

        height:82px;

    }

    /*
    CONTAINER
    */

    .pans-container{

        grid-template-columns:
            1fr
            auto;

        gap:16px;

        padding:0 12px;

        align-items:center;

    }

    /*
    LOGO
    */

    .pans-logo{

        height:22px;

        max-width:170px;

        object-fit:contain;

    }

    /*
    NAV
    */

    .pans-nav{

        display:none !important;

    }

    /*
    REMOVE HAMBURGER
    */

    .pans-mobile-trigger{

        display:none !important;

    }

    /*
    RIGHT
    */

.pans-right{

    position:absolute;

    top:25px;

    right:14px;

    z-index:20;

}

    /*
    LANGUAGE
    */

    .pans-current-language{

        padding:7px 10px;

        gap:8px;

    }

    .pans-current-language span{

        font-size:13px;

    }

    .pans-current-language img{

        width:14px;

        height:14px;

    }

    /*
    DROPDOWN
    */

    .pans-language-dropdown{

        width:120px;

        padding:8px;

        border-radius:18px;

    }

    .pans-language-item{

        padding:10px 12px;

        border-radius:12px;

    }

    .pans-language-item span{

        font-size:13px;

    }

    /*
    SHAPE
    */

.pans-right-bg{

    left:auto;

    margin-left:0;

    width:210px;

    height:210px;

    top:-58px;

    right:-52px;

    opacity:.95;

}
	
	
.pans-left{

    justify-self:start;

    position:relative;

    left:-25px;
	
	top: -10px;

}

}

/*
========================================
CONTAINER
========================================
*/

.pans-container{

    width:100%;

    max-width:1420px;

    margin:0 auto;

    height:100%;

    display:grid;

    grid-template-columns:
        auto
        1fr
        auto;

    align-items:center;

    gap:60px;

    padding:25px 260px 0 53px;

    position:relative;

    z-index:5;

}

/*
========================================
CUSTOM LANGUAGE SWITCHER
========================================
*/

.pans-language-switcher{

    position:relative;

}

/*
CURRENT
*/

.pans-current-language{

    display:flex;

    align-items:center;

    gap:10px;

    padding:9px 14px;

    border-radius:999px;

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

    cursor:pointer;

    transition:all .25s ease;

}

.pans-current-language:hover{

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

}

/*
FLAGS
*/

.pans-current-language img,
.pans-language-item img{

    width:16px;

    height:16px;

    object-fit:cover;

   border-radius:50%;
	
	border:1px solid rgba(255,255,255,.14);

}

/*
TEXT
*/

.pans-current-language span,
.pans-language-item span{

    color:white;

    font-family:'Alexandria', sans-serif;

    font-size:15px;

    font-weight:700;

}

/*
CHEVRON
*/

.pans-current-language::after{

    content:'▼';

    font-size:12px;

    color:white;

    opacity:.8;

}

/*
DROPDOWN
*/

.pans-language-dropdown{

    position:absolute;

    top:calc(100% + 14px);

    right:0;

    width:140px;

    padding:12px;

    border-radius:24px;

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

    backdrop-filter:blur(24px);

    box-shadow:
        0 30px 60px rgba(0,0,0,.14);

    opacity:0;

    visibility:hidden;

    transform:
        translateY(10px)
        scale(.96);

    transition:all .25s ease;

}

/*
SHOW
*/

.pans-language-switcher:hover
.pans-language-dropdown{

    opacity:1;

    visibility:visible;

    transform:
        translateY(0)
        scale(1);

}

/*
ITEM
*/

.pans-language-item{

    display:flex;

    align-items:center;

    gap:14px;

    padding:14px 16px;

    border-radius:18px;

    transition:
        background .2s ease;

}

.pans-language-item:hover{

    background:#f5f5f5;

}

/*
DROPDOWN TEXT
*/

.pans-language-item span{

    color:#111;

}

.pans-menu a,
.pans-menu a:hover,
.pans-menu a:focus,
.pans-menu a:active{

    text-decoration:none !important;

}

.pans-menu a::before,
.pans-menu a::after{

    display:none !important;

    content:none !important;

}