@import "../../cdn.jsdelivr.net/css/bootstrap-icons.min.css";
body{
    overflow-x:hidden
}
a{
    -webkit-transition:all .3s ease 0s;
    -moz-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.text-purple{
    color:#8b3dff!important
}
.btn-theme{
    padding:10px 25px!important
}
.btn-purple{
    background-color:#8b3dff;
    color:#fff;
    border:1px solid #8b3dff
}
.btn-purple:hover,.btn-purple:focus,.btn-outline-purple:hover{
    background-color:#7634d9;
    color:#fff;
    border:1px solid #6f31cc
}
.btn-outline-purple{
    color:#6f31cc;
    border:1px solid #6f31cc
}
.bg-purple{
    background-color:#8b3dff
}
.purple-tab .nav-link{
    color:#8b3dff
}
.bg-opacity-purple{
    background:rgb(139 61 255/8%)
}
.shadow{
    box-shadow:0 10px 40px 0 rgba(47,47,47,.1)!important
}
.transition-3d-hover{
    transition:all .2s ease-in-out
}
.transition-3d-hover:hover{
    -webkit-transform:translateY(-3px);
    transform:translateY(-3px)
}
.osahan-dropdown-box{
    background-image:url(../bg.html)!important;
    background-size:cover;
    background-repeat:no-repeat
}
.card-osahan-demo .card-img-top{
    border-radius:18px 0 0 0!important;
    border-right:0!important;
    border-bottom:0!important
}
.card-osahan-demo{
    transition:all .35s;
    -webkit-transition:all .35s;
    -moz-transition:all .35s
}
.card-osahan-demo:hover{
    box-shadow:0 0 40px 10px rgba(0,0,0,.05);
    transform:translateY(-10px)
}
.osahan-main-nav{
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.osahan-main-nav.fixed-top{
    background-color:#fff;
    box-shadow:0 10px 15px rgba(0,0,0,.04)
}
.navbar-nav .dropdown-menu{
    box-shadow:0 24px 21px rgb(0 0 0/11%)!important
}
.dropdown:hover>.dropdown-menu{
    display:block;
    animation:dropdown-show .25s cubic-bezier(.68,-.55,.265,1.55)
}
@keyframes dropdown-show{
    from{
        opacity:0;
        transform:scale(.9)
    }
    to{
        opacity:1;
        transform:scale(1)
    }
}
.dropdown-menu:hover .dropdown-item{
    opacity:.6
}
.dropdown-menu .dropdown-item:hover{
    opacity:unset;
    font-weight:500
}
.dropdown-item{
    transition:all .2s ease-in-out;
    padding-right:40px
}
.dropdown-item:hover{
    -webkit-transform:translateX(3px);
    transform:translateX(3px)
}
.dropdown-item:after{
    content:"\ea6c";
    font-family:remixicon!important;
    font-style:normal;
    position:absolute;
    right:0;
    font-size:14px;
    line-height:24px;
    opacity:0;
    -webkit-transition:all .3s ease 0s;
    -moz-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.dropdown-item:hover:after{
    opacity:unset;
    -webkit-transition:all .3s ease 0s;
    -moz-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.dropdown-item{
    position:relative
}
.single-dropdown-nav .dropdown-menu{
    border:none;
    border-radius:11px;
    padding:14px 22px 14px 14px;
    min-width:270px
}
.single-dropdown-nav .dropdown-menu .dropdown-item{
    padding:7px 40px 7px 14px;
    border-radius:6px
}
.single-dropdown-nav .dropdown-menu .dropdown-item::after{
    right:11px
}
.site-brand small{
    font-size:11px;
    letter-spacing:.1px
}
.site-brand .fw-bold{
    line-height:20px
}
.site-brand .lh-1{
    line-height:12px!important
}
.osahan-dropdown-box p.lead.mb-5{
    font-size:13px;
    margin-bottom:29px!important
}
.osahan-dropdown-box a.btn{
    padding:10px 23px!important;
    border-radius:32px;
    font-size:14px;
    background:#000;
    border:none
}
.osahan-dropdown-box h1.text-primary{
    font-size:25px;
    color:#000!important
}
.osahan-dropdown-box h5.text-dark{
    font-size:15px;
    opacity:.7;
    margin-top:30px!important
}

#sidebar .offcanvas-header .link-light{
    color:#000!important
}
#sidebar .offcanvas-body .nav-item .nav-link{
    text-align:center;
    padding:15px 20px!important
}
#sidebar .offcanvas-body .nav-item.dropdown{
    position:unset!important
}
#sidebar .offcanvas-body .dropdown-menu{
    position:relative!important;
    transform:unset!important;
    box-shadow:none!important
}
#sidebar .offcanvas-body .dropdown-menu .dropdown-mega-content .col-lg-3{
    border:none!important;
    padding:15px!important;
    text-align:center
}
.page-loading{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transition:all .4s .2s ease-in-out;
    transition:all .4s .2s ease-in-out;
    background-color:#fff;
    opacity:0;
    visibility:hidden;
    z-index:9999
}
[data-bs-theme=dark] .page-loading{
    background-color:#121519
}
.page-loading.active{
    opacity:1;
    visibility:visible
}
.page-loading-inner{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    text-align:center;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:opacity .2s ease-in-out;
    transition:opacity .2s ease-in-out;
    opacity:0
}
.page-loading.active>.page-loading-inner{
    opacity:1
}
.page-loading-inner>span{
    display:block;
    font-family:inter,sans-serif;
    font-size:1rem;
    font-weight:400;
    color:#6f788b
}
[data-bs-theme=dark] .page-loading-inner>span{
    color:#fff;
    opacity:.6
}
.page-spinner{
    display:inline-block;
    width:2.75rem;
    height:2.75rem;
    margin-bottom:.75rem;
    vertical-align:text-bottom;
    background-color:#d7dde2;
    border-radius:50%;
    opacity:0;
    -webkit-animation:spinner .75s linear infinite;
    animation:spinner .75s linear infinite
}
[data-bs-theme=dark] .page-spinner{
    background-color:rgba(255,255,255,.25)
}
@-webkit-keyframes spinner{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes spinner{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}