/*------------- #MAIN STYLES --------------*/
/*------------------------------------------------------------------
-------------------------------------------------------------------*/


@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');

/*------------- #general --------------*/

/** general styles **/
@media (prefers-reduced-motion: no-preference){
    
    :root {scroll-behavior: smooth}
}

body{
    
    position: relative;
    padding: 0;
    margin: 0;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    direction:ltr;
    text-align: left;
    scroll-behavior: smooth;
    overflow-x: hidden;
    color: #0F0F0F;
    touch-action: manipulation;
    
}

body[data-panel="noScroll"] {
    overflow-y: hidden;
}
.modal-open{
    padding: 0 !important
}


*{box-sizing: border-box}

:root{
    
  
     --clr-1:#0F0F0F;
     --clr-1-hover:;
    
     --clr-black:#0F0F0F;
     --clr-gray-1:#959595;
     --clr-gray-2:#ABABAB;
     --clr-gray-3:#D3D3D3;
     --clr-gray-4:#cbcbcb;
     --clr-gray-5:#8b8d8e;
     --clr-gray-light:#EDECEC;
    
     --link-hvr:#0d6efd;
    
     --font-0:48px;
     --font-1:40px;
     --font-2:32px;
     --font-3:28px;
     --font-4:24px;
     --font-5:22px;
     --font-6:20px;
     --font-7:18px;
     --font-8:16px;
     --font-9:14px;
     --font-16:16px;
     --font-18:18px;
    
     --border-r-1:25px;
     --border-r-2:15px;
     --border-r-3:10px;
     --border-r-4:6px;
    
     --section-padding: 1.5rem /*** py-4/my-4 in bootstarp ***/ ; 
     --section-space:3rem /*** py-5/my-5 in bootstarp ***/;
     
     --grid-max:1000px;
    
     --box-py-sm: 1.5rem;
     --box-py: 2rem;
     --box-px-sm: 1.5rem;
     --box-px-xsm:1.5rem;
     --box-px-sm-res:1rem;
     --box-px: 2rem;
     --box-px-more:3rem ;    
    
     --nav-h:75px;

}
a{
    color: #0F0F0F;
    outline: none;
}
a , a:hover{
    
    text-decoration: none;
    color: inherit;
}
img{
    user-select: none;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{
    font-weight: 400;
}



.page-wrapper{
    
    padding-top: calc(var(--nav-h)); 
    margin-top:var(--section-padding) ;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    min-height: calc(var(--vh, 1vh) * 100 - var(--section-padding) -  1px);
}
.section-style{
    
    position: relative;
    padding: var(--section-padding) 0;
}
.section-style:not(.sticky-inside){
    
    overflow: hidden;
}
.w-mr{
    
    margin: var(--section-padding) 0;
}


.scroll::-webkit-scrollbar {
    
   width: 3px;
   height: 3px;

  
}
.scroll::-webkit-scrollbar-track {
    
  background-color: rgba(0,0,0,0.1);
  border-radius: 20px;
    
}
.scroll::-webkit-scrollbar-thumb{
    
   background-color: rgba(0,0,0,0.2);
   border-radius: 20px;
     
}


/*** buttons-style  **/
button {
    border: none;
    background-color: transparent;
    outline: none;
    box-shadow: none;
    padding: 0;
}


/*** scrollup  **/
.scrollup{
    
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    bottom: 20px;
    right: -100px;
    background-color: var(--clr-gray-1);
    opacity: .5;
    border-radius: 3px;
    transition: all .3s ease;
    color: #fff;
    cursor: pointer;
    z-index: 500;
}

@media(hover: hover) and (pointer: fine) {
    
    
    .scrollup:hover{
    
        opacity: 1;
    }
}
.scrollup.active{
    
     opacity: 1;
}

.scrollup.show{
    
        right: 25px;
}



/**** slider--swiper ***/

.slider-container {
    position: relative;
}
.swiper{
    
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.equal-h .swiper-slide{
    
    height: auto !important;
}


/**** tab-content & accordion_body style ****/

.tabs-content-area .tab-content{
    
    display: none;
}
.tabs-content-area .tab-content.active{
    
    display: block;
}
.accordion-panels .panel-item .accordion_body{
    
    display: none;
}
.accordion-panels .panel-item.opened .accordion_body{
    
    display: block;
}

/**** side-overlay ****/
.side-overlay{
    
    width: 0;
    height: 0;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -999999;
    transition: opacity 0.3s ease;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
    
    
}
.panel-responsive-item.active .side-overlay,
.side-overlay.active{
    
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 999;
    
}



/*------------- #duplicated-items --------------*/ 


/*** input-style  **/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"]
{
  -moz-appearance: textfield;
}
[placeholder]{
    text-overflow:ellipsis;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    text-overflow:ellipsis;
}
::-moz-placeholder { /* Firefox 19+ */
    text-overflow:ellipsis;
}
:-ms-input-placeholder { /* IE 10+ */
    text-overflow:ellipsis;
}
:-moz-placeholder { /* Firefox 18- */
    text-overflow:ellipsis;
}

.form-group{
    
    position: relative;
}
.form-check{
    display: flex;
    gap:.5rem;
    position: relative;
    padding: 0;
    margin: 0;
}
.form-check .form-check-input{
    
    transition: all .3s ease;
    border-radius:2px ;
    border:2px solid var(--clr-1);
    background-color: #fff;
    box-shadow: none;
    cursor: pointer;
    flex-shrink: 0;
    float: none;
    margin-right: 0;
    margin-left: 0;
        
}
.form-check .form-check-input:active{
    
    filter: brightness(100%)
}
.form-check .form-check-input:checked{
    
    background-color: var(--clr-1);
    border-color: var(--clr-1);
}

.form-label{
    font-size: 16px;
    margin-bottom: .5rem;
}
.form-select{
    cursor: pointer;
}
.form-control,
.form-select{
    
    border-radius: 0px;
    border:1px solid var(--clr-gray-3);
    font-size: 16px;
    color: var(--clr-black);
    box-shadow: none;
    padding: .75rem;
    height: 50px;
    box-shadow: none !important;
    text-overflow:ellipsis;
}

.form-control::placeholder,
.form-select{
    color: var(--clr-gray-1);
}

.form-control:focus,
.form-select:focus{
    box-shadow: none !important;
    border-color: var(--clr-1);
    color: var(--clr-black);
}

input:not(.normal-placeholder):focus::placeholder{
    opacity: 0;
}

textarea.form-control{
    height: auto;
}
.input-focus:focus{
    border-color: #66afe9 !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%) !important;
}

/*** titles  **/
.bold{
    
    font-weight: bold;
}
.main-head{
    
    position: relative;
    margin-bottom: var(--section-space);
    text-align: start;
}
.main-head.w-border{
    border-bottom: 1px solid var(--clr-gray-light);
}
.main-head.flex-column > *:not(:last-child){
    margin-bottom: 1.5rem;
}
.main-head:not(.normal){
    
}
.main-head .title{
    
    --max-w:1200px;
    font-size: var(--font-0);
    display: block;
    position: relative;
    font-weight: 500;
    margin-bottom: 0;
    max-width: var(--max-w , none);
}
.main-head .text{
    
    --max-w:800px;
    margin-top: 1rem;
    font-size: var(--font-6);
    margin-bottom: 0;
    text-align: start;
    max-width: var(--max-w , none);
}

.flex-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:1.5rem var(--box-px-sm);
    width: 100%;
}
.title-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:0rem var(--box-px-sm);
}

/*** search-wrapper  **/
.search-wrapper{
    --max-w:460px;
    position: relative;
    width: 100%;
    max-width: var(--max-w);
    --btn-dim:var(--font-6);
    --border-w:1.5px;
}
.search-wrapper .search-input{
    border: none;
    box-shadow: none;
    outline: none;
    border-bottom: var(--border-w) solid rgba(203, 203, 203, 1);
    border-radius: 0px;
    padding: 0;
    padding-bottom: .75rem;
    font-size: var(--font-16);
    font-weight: 500;
    padding-inline-end:calc(.25rem + var(--btn-dim));
    display: block;
    width: 100%;
    transition: all .3s ease;
    color: var(--clr-black);
    text-overflow:ellipsis;
}
.search-wrapper .search-input::placeholder{
    color:var(--clr-gray-3) ;
    text-overflow: ellipsis;
}

.search-wrapper form{
    position: relative;
}
.search-wrapper .line{
    position: absolute;
    content: '';
    width: 100%;
    height: var(--border-w);
    left: 0;
    bottom: 0.009rem;
    transform: scaleX(0);
    transform-origin: left;
    transition: all .3s ease-in-out;
    background-color: var(--clr-1);
    z-index: 10;
}
.search-wrapper:not(.search-wrapper-modal) .search-input:focus-within + .line,
.search-wrapper:not(.search-wrapper-modal) .search-input:valid + .line{
    transform: scaleX(1);
}

.duplicated-search-btn{
    
    display: flex;
    align-items: center;
    transition: all .3s ease;
    color: var(--clr-black);
    font-size: var(--font-18);
    width:var(--btn-dim , 18px) ;
    height: var(--btn-dim , 18px);
    
}
.duplicated-search-btn svg{
    width: 100%;
    height: 100%;
    transition: inherit;
    fill:var(--clr-black);
}
button.duplicated-search-btn:hover{
    color: var(--clr-gray-5);
}
button.duplicated-search-btn:active svg{
    fill:var(--clr-gray-5);
}
.search-wrapper .search-btn{
    position: absolute;
    bottom: calc(1rem);
    right: 0;
    
    
}
.search-btn-panel{
    --btn-dim:30px;
    flex-shrink: 0;
}

/*** search-dropdown  **/

.search-dropdown{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    transition: transform .3s ease;
}
.search-wrapper:not(.search-wrapper-modal) .search-dropdown{
    
    /*opacity: 0;
    z-index: -100;*/
    display: none;
    transform: translateY(5px);
    position: absolute;
    top: calc(100% + .5rem);
    left: 0;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 2px solid var(--clr-gray-light);
    border-radius: 6px;
    background-color: #fff;

}

.search-wrapper-static .search-dropdown::-webkit-scrollbar{

    width: 5px;
    height: 5px;
} 
.search-wrapper-static .search-dropdown::-webkit-scrollbar-track{
    background-color: rgba(0,0,0,0.1);
    border-radius: 20px;
}
.search-wrapper-static .search-dropdown::-webkit-scrollbar-thumb{
    border-radius: 20px;
    background-color: rgba(0,0,0,0.2);
}
.search-wrapper .close-btn{
    display: none;
}
.search-dropdown .list-item{
    border-bottom: 1px solid var(--clr-gray-light);
    
}
.search-dropdown .list-item:last-child{
    border: none;
    
}
.search-dropdown .list-item .item-val{
    font-size: var(--font-16);
    font-weight: 500;
    transition: all .3s ease;
    display: block;
    padding: .75rem;
}
.search-dropdown .list-item a.item-val:hover{
    color: var(--link-hvr);
    background-color: #eee;
}
.search-dropdown .list-item.sub-title{
   padding-bottom: 0;
}
.search-dropdown .list-item.sub-title .item-val{
    font-size: 12px !important;
    color: var(--clr-gray-1);
    padding-bottom: .5rem !important;
}

.search-wrapper .search-dropdown.active/*,
.search-wrapper .form-group:has(.search-input:focus) + .search-dropdown*/{
    opacity: 1;
    z-index: 100;
    transform: translateY(0px);
    /*display: block !impotant;*/
}


@media(min-width:992px){
    
    .search-wrapper-panel .search-dropdown::-webkit-scrollbar {

        width:5px;
        height: 5px;
    } 
    .search-wrapper-panel .search-dropdown::-webkit-scrollbar-track{
        background-color: rgba(0,0,0,0.1);
        border-radius: 20px;
    }
    .search-wrapper-panel .search-dropdown::-webkit-scrollbar-thumb{
        border-radius: 20px;
        background-color: rgba(0,0,0,0.2);
    }
    
}
@media(max-width:991.98px){
    
    .search-wrapper-panel{
        position: fixed;
        bottom: -100%;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        transition: all .3s ease;
        background-color: #fff;
        padding: 1.5rem 0 0rem;
        /*overflow-y: auto;
        overflow-x: hidden;*/
    }
    .search-wrapper-panel.active{
        bottom: 0;
    }
    .search-wrapper-panel form{
        height: 100%;
    }
    .search-wrapper-panel.active .search-dropdown{
        display: block !important;
        max-height: calc(100% - 48px - .75rem);
        padding-bottom: .75rem ;
        
        position: relative;
        inset:auto;
        background-color: transparent;
        border: none;
        border-radius: 0px;
        z-index: auto;
        opacity: 1;
        transform: none;
    }
   
    .search-wrapper-panel .form-group{
        display: flex;
        align-items: center;
        gap:0 var(--box-px-sm-res);
        padding: 0 var(--box-px-sm-res);
        margin-bottom: .75rem ;
        background-color: #fff;
        
    }
    .search-wrapper-panel .search-dropdown .list-item.sub-title .item-val{
        /*padding-top: 0;*/
    }
    .search-wrapper-panel .search-dropdown .list-item .item-val{
        font-size: var(--font-7);
        padding:  var(--box-px-sm-res);
    }
    .search-wrapper-panel .search-input{
        border: 1px solid var(--clr-gray-light);
        border-radius: 4px;
        padding: .75rem;
        padding-inline-start: calc(0.5rem + .75rem + var(--btn-dim));
        height: 48px;
    }
    .search-wrapper-panel .search-input:focus::placeholder{
        opacity: 0;
    }
    .search-wrapper-panel .search-input:focus{
        border-color: #66afe9 !important;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%) !important;
    }
    .search-wrapper-panel .line{
        display: none;
    }
    .search-wrapper-panel .search-btn{
        right: auto;
        left: calc(var(--box-px-sm-res) + .75rem);
    }
    .search-wrapper-panel .close-btn{
        --dim:var(--font-2);
        width: var(--dim);
        height: var(--dim);
        background-color: var(--clr-1);
        font-size: var(--font-7);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        transition: all .3s ease;
        border-radius: 100%;
        flex-shrink: 0;
    }
    .search-wrapper-panel .close-btn:active{
        opacity: .6;
    }
}


/*** search-model  **/
.search-wrapper-modal .form-group[data-bs-toggle="modal"]{
    cursor: pointer;
}
.search-wrapper-modal .form-group[data-bs-toggle="modal"] .search-input{
    
    pointer-events: none;
}
.search-wrapper-modal .modal .search-dropdown .list-item .item-val{
    font-size: var(--font-7);
    padding: var(--box-px-sm-res);
}

@media(min-width:992px){
    
    
    .search-wrapper-modal .search-dropdown::-webkit-scrollbar {

        width: 5px;
        height: 5px;
    } 
    .search-wrapper-modal .search-dropdown::-webkit-scrollbar-track{
        background-color: rgba(0,0,0,0.15);
        border-radius: 20px;
    }
    .search-wrapper-modal .search-dropdown::-webkit-scrollbar-thumb{
        border-radius: 20px;
        background-color: rgba(0,0,0,0.25);
    }
    
    .search-wrapper-modal .modal .modal-dialog{ 
        max-width: 620px;
    }
    .search-wrapper-modal .modal .modal-content{
        padding: .5rem 0 0;
    }
    
    .search-wrapper-modal .modal .search-input{
        height: 60px;
        padding: 0 1rem;
        padding-inline-end: calc(1rem + 20px + .25rem );
        font-size: var(--font-6);
    }
    .search-wrapper-modal .modal .search-btn{
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        right: 1rem;
    }
    .search-wrapper-modal .modal .search-dropdown{
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    
    }
    .search-wrapper-modal .modal .search-dropdown .list-item:last-child .item-val{
        border-radius: 0 0  var(--border-r-4) var(--border-r-4);
    }
    
}
@media(max-width:991.98px){
    
    .search-wrapper-modal{
        width: auto;
    }
    .search-wrapper-modal .serach-modal{
        overflow: hidden;
        z-index: 9999;
        transition: all .3s ease;
        background-color: #fff;
        opacity: 1;
        display: block !important;
        bottom: -100%;
        top: auto;
    }
    .search-wrapper-modal .serach-modal.show{
        bottom: 0;
    }
    .search-wrapper-modal .serach-modal .modal-dialog{
        margin: 0;
        padding: 0;
        height: 100%;
        max-width: 100%;
        transform: none;
    }
    .search-wrapper-modal .serach-modal .modal-content{
        padding: 0;
        padding-top: 1.5rem;
        height: 100%;
        border: none;
    }
    .search-wrapper-modal .serach-modal form{
        height: 100%;
    }
    
    .search-wrapper-modal .modal .form-group{
        display: flex;
        align-items: center;
        gap:0 var(--box-px-sm-res);
        padding: 0 var(--box-px-sm-res);
        margin-bottom: .75rem ;
        background-color: #fff;
        
    }
    .search-wrapper-modal .modal .search-dropdown{
        max-height: calc(100% - 48px - .75rem);
        padding-bottom: .75rem ;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .search-wrapper-modal .modal .search-dropdown .list-item .item-val{
        font-size: var(--font-7);
        padding: var(--box-px-sm-res);
    }
    .search-wrapper-modal .modal .search-input{
        border: 1px solid var(--clr-gray-light);
        border-radius: 4px;
        padding: .75rem;
        padding-inline-start: calc(0.5rem + .75rem + var(--btn-dim));
        height: 48px;
    }
    .search-wrapper-modal .modal .search-input:focus::placeholder{
        opacity: 0;
    }
    .search-wrapper-modal .modal .search-input:focus{
        border-color: #66afe9 !important;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%) !important;
    }
    .search-wrapper-modal .modal .line{
        display: none;
    }
    .search-wrapper-modal .modal .search-btn{
        right: auto;
        left: calc(var(--box-px-sm-res) + .75rem);
    }
    .search-wrapper-modal .modal .close-btn{
        --dim:var(--font-2);
        width: var(--dim);
        height: var(--dim);
        background-color: var(--clr-1);
        font-size: var(--font-7);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        transition: all .3s ease;
        border-radius: 100%;
        flex-shrink: 0;
    }
    .search-wrapper-modal .modal .close-btn:active{
        opacity: .6;
    } 
    
}

/*** duplicated-btn  **/
.duplicated-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: .75rem 1rem;
    color: #fff;
    font-size: 16px;
    border-radius: 100px;
    background-color:var(--clr-1) ;
    border: 2px solid var(--clr-1);
    text-transform: capitalize;
    transition: all .3s ease;
    gap:.5rem;
}
.duplicated-btn.full-w{
    display: flex;
    width: 100%;
}
.duplicated-btn svg{
    fill:#fff;
    transition: all .3s ease;
}
.duplicated-btn:not(.clicked-btn):hover{
    background-color: transparent;
    color: var(--clr-1);
}
.duplicated-btn:not(.clicked-btn):hover svg{
    fill: var(--clr-1);
}
.clicked-btn:active{
    opacity: .6;
}

/*** pagination-list  **/
.pagination-list{
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    gap:1rem;
    list-style-type: none;
}
.pagination-list .list-item{
    display: flex;
}
.pagination-list .item-val{
    display: inline-flex;
    align-items: center;
    gap:0 6px ;
    font-size: 16px;
    transition: all .3s ease;
    color: var(--clr-gray-3);
    border-bottom: 2px solid transparent;
    line-height: 20px;
    margin-bottom: 0;
}
.pagination-list .item-val.active{
    color: var(--clr-black);
    border-color: var(--clr-black);
}
.pagination-list .item-val:hover:not(.active){
     color: var(--clr-black);
}
.pagination-list .pagination-pages{
    display: none;
}
.pagination-list .pagination-arrow .item-val svg{
    fill:var(--clr-gray-3);
    transition: inherit;
    width: 18px;
    height: 18px;
}
.pagination-list .pagination-arrow .item-val.disabled{
    pointer-events: none;
    
}
.pagination-list .pagination-arrow .item-val:not(.disabled){
    color: var(--clr-black);
}
.pagination-list .pagination-arrow .item-val:not(.disabled) svg{
    fill:var(--clr-black);
}
.pagination-list .pagination-arrow .arrow-btn:hover{
    color: var(--link-hvr);
}
.pagination-list .pagination-arrow .arrow-btn:hover svg{
    fill: var(--link-hvr);
}

/*** page-loader  **/
.page-loader{
    
    
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    display: none;
    align-items: center;
    justify-content: center;
    
}
.page-loader .animate-spin{
        
    display: block;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.page-loader .animate-spin svg{
    
    width: 6rem;
    height: 6rem;
    fill:var(--clr-1);
}
@-webkit-keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.page-loader.active{
    
    display: flex;
}

/*** duplicated-accordion-icon  **/
.duplicated-accordion-icon{
    --dim:32px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--clr-gray-light);
    width: var(--dim);
    height: var(--dim);
    border-radius: 100%;
    transition: all .3s ease;
    cursor: pointer;
    flex-shrink: 0;
}
.duplicated-accordion-icon:hover{
    background-color: #ddd;
}
.duplicated-accordion-icon .line{
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width: 10px;
    height: 2px;
    background-color: var(--clr-1);
    transition:all 0.3s ease-in-out;
    border-radius: 1px;
    z-index: 1;
}
.duplicated-accordion-icon .line-02{
    
    transform: translate(-50% , -50%) rotate(90deg);
    z-index: 2;
}
.panel-item.active .duplicated-accordion-icon{
    background-color:var(--clr-1);
}
.panel-item.active .duplicated-accordion-icon .line{
    background-color: #fff;
}
.panel-item.active .duplicated-accordion-icon .line-02{
    
    transform: translate(-50% , -50%) rotate(0deg);
    z-index: -1;
}

/*** vedio  **/
.vedio,
.vedio>*{
    
   width: 100%;
   height: 100%; 
}
.swiper-slide.vedio-slide{
    width: 100% !important;
    max-width: 100% !important;
    
}



/*** responsive  **/
@media(max-width:991.98px){
    .main-head:not(.normal){
        --max-w:none;
    }
    .flex-head{
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }
    .main-head .search-wrapper{
        --max-w:none;
    }
    
}
@media(max-width:575.98px){
    
    
    .main-head .title{
        font-size: var(--font-1);
    }
    .main-head .title-flex .title{
        font-size: var(--font-2);
    }
    
    .pagination-list{
        justify-content: center;
        flex-wrap: wrap;
    }
    .pages-mobile-style .pagination-list{
        justify-content: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    
    .pages-mobile-style .pagination-list .pagination-pages{
        display: block;
        text-align: center;
    }
    .pages-mobile-style .pagination-list .pagination-pages .item-val{
        color: var(--clr-black);
        font-weight: 500;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .search-wrapper{
        --max-w:none !important;
    }
   
    
}
@media(min-width:1920px){
    
    .main-head .text{
        --max-w:var(--grid-max);
    }
}
@media(hover:hover) and (pointer:fine){
    
    .duplicated-btn.clicked-btn:hover{
        background-color: transparent;
        color: var(--clr-1);
    }
    .duplicated-btn.clicked-btn:hover svg{
        fill: var(--clr-1);
    }
    
    button.duplicated-search-btn:hover svg{
       opacity: .6;
    }
    
}


/*------------- #header --------------*/ 

.top-nav{
    
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    height: var(--nav-h);
    left: 0px;
    top: 0px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 999;
    background-color: #fff;
}
.nav-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    align-self: stretch;
    gap:0 1.5rem;
}
.nav-content>*:not(.nav-logo){
    flex-basis: 105px;
   
}
.nav-content .nav-logo{
   
    display: block;
    text-align: center;
}
.nav-content .nav-logo img{
    max-height: 50px;
}
.nav-content .nav-toggler{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .75rem 1rem;
    color: #fff;
    font-size: 16px;
    transition: all .3s ease;
    background-color: var(--clr-1);
    border-radius: 100px;
    gap:.5rem;
    height: 45px;
}
.nav-content .nav-toggler:active{
    opacity: .6;
}

.nav-content  .nav-toggler svg{
    fill:#fff;
    width: 24px;
    height: 24px;
}
.top-nav .nav-lang{
    display: flex;
    align-items: center;
    gap:1rem;
     justify-content: flex-end;
}
.top-nav .nav-lang .lang-btn{
    font-size: 16px;
    transition: all .3s ease;
    font-weight: 500;
    line-height: 20px;
    color: var(--clr-black);
}
.top-nav .nav-lang .lang-btn.active{
    border-bottom: 2px solid;
}
.top-nav .nav-lang .lang-btn:hover{
    opacity: .6;
}


.nav-menu{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    background-color: var(--clr-1);
    position: fixed;
    width:380px ;
    height: calc(100%);
    top:0;
    left: -100%;
    padding: 1.5rem var(--box-px-sm);
    color: #fff;
    z-index: 99999;
    transition: all .3s ease;
    overflow-y: auto;
    overflow-x: hidden;
    
}
.nav-menu.active{
    left: 0;
}
.nav-menu .nav-list{
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    list-style-type: none;
    
}
.nav-menu .nav-list .nav-item:not(:last-child){
    margin-bottom: .625rem;
}
.nav-menu .nav-list .nav-item .item-link{
    font-size: var(--font-2);
    display: inline-flex;
    transition: all .3s ease;
    /* text-transform: capitalize; */
}
.nav-menu .nav-list.sm-list .nav-item .item-link{
    font-size: var(--font-6);
}
.nav-menu .nav-list .nav-item .item-link:hover{
    opacity: .6;
}
.nav-menu >*:last-child{
    margin-top: auto;
    padding-top: var(--section-space);
}

.nav-menu .menu-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:0 1.5rem;
    margin-bottom: 1.5rem;
}
.nav-menu .menu-head .close-btn{
    --dim:40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--dim);
    height: var(--dim);
    font-size: 18px;
    background-color: #fff;
    border-radius: 100%;
    transition: all .3s ease;
    margin-inline-start:auto;
}
.nav-menu .menu-head .close-btn:active{
    opacity: .6;
}
.nav-menu .menu-head .nav-lang{
    display: none;
    flex: 1;
}
.nav-menu .menu-head .nav-lang .lang-btn{
    color: #fff;
}

@media(max-width:991.98px){
    
   
}
@media(max-width:767.98px){
    
    :root{
        --nav-h:70px;
    }
    .nav-content .nav-logo img{
        max-height: 50px;
    }
    .nav-content .nav-lang{
        display: none;
    }
    .nav-content>*:not(.nav-logo){
        flex-basis: auto;

    }
    
    .nav-menu{
        width: 100%;
        /*height: calc(100% - var(--nav-h));
        top:var(--nav-h);*/
    }
    .nav-menu .menu-head .nav-lang{
        display: flex;
    }
    
     .nav-content{
        flex-direction: row-reverse;
    }
    
}
@media(max-width:575.98px){
    
    .top-nav .side-overlay{
        display: none;
    }
    .nav-content{
        gap:0 1rem;
    }
    .nav-content  .nav-toggler{
        border-radius: 100%;
        width: 40px;
        height:40px ;
        padding: 0;
        justify-content: center;
        flex-shrink: 0;
        
    }
    .nav-content  .nav-toggler > span{
        display: none;
    }
    
    .nav-content .nav-logo{
        flex: 1;
    }
    
    
}
@media(hover:hover) and (pointer:fine){
    
    .nav-content .nav-toggler:hover,
    .nav-menu .menu-head .close-btn:hover{
       opacity: .6;
    } 
}
/*------------- #footer --------------*/ 

.footer-section{
    background-color: var(--clr-1);
    padding: var(--section-space) 0;
    margin-top:var(--section-padding) ;
    color: #fff;
}
.footer-area .footer-col{
    height: calc(100% - var(--section-space));
    margin-bottom: var(--section-space);
} 
.footer-area .footer-about{
    display: flex;
    align-items: center;
    text-align: center;
}

.footer-area .footer-about img{
    max-height: 120px;
}

.footer-area .footer-menu .menu-title{
    font-size: 16px;
    color: var(--clr-gray-1);
    margin-bottom: 1rem;
    text-transform: uppercase;
}
.footer-area .footer-menu .menu-list{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.footer-area .footer-menu .menu-list .list-item{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.footer-area .footer-menu .menu-list .item-link{
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    transition: all .3s ease;
    /*border-bottom: 1px solid #fff;*/
    line-height: 20px;
    position: relative;
    margin-bottom: 1rem;
}
.footer-area .footer-menu .menu-list .item-link.none-border{
    border: none;
}
.footer-area .footer-menu .menu-list:not(.no-gap) .list-item:last-child .item-link{
    margin-bottom: 0;
}
.footer-area .footer-menu .menu-list .loaction-txt{
    max-width: 200px;
}
.footer-area .footer-menu .menu-list .item-link::before {
    -webkit-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 3px;
    background-color:var(--clr-gray-1);
    content: '';
    opacity: 0;
}
.footer-area .footer-menu .menu-list a.item-link:hover{
    padding-inline-start:.75rem; 
} 
.footer-area .footer-menu .menu-list a.item-link:hover::before {
    width: .5rem;
    opacity: 1;
    
}
.footer-area .social-col .menu-list .item-link .icon{
    display: none;
    
}
.footer-area .copy-rights{
    padding: 1rem 0;
    text-align: center;
    margin-bottom: 0;
    font-size: 16px;
    border-top: 1px solid #fff;
}

@media(max-width:767.98px){
    
    .footer-area .social-col .menu-list{
        display: flex;
        align-items: center;
        gap:1rem;
    }
    .footer-area .social-col .menu-list .item-link{
        margin-bottom: 0 !important;
        padding: 0 !important;
    }
    .footer-area .social-col .menu-list .item-link::before{
        display: none;
    }
    .footer-area .social-col .menu-list .item-link .text{
        display: none;
    }
    .footer-area .social-col .menu-list .item-link .icon{
        display: block;
        font-size: 24px;
    }
    .footer-area .social-col .menu-list .item-link:hover{
        color: var(--clr-gray-1);
        transform: scale(1.1) translateY(-3px);
    }
    
}
@media(max-width:575.98px){
    
    .footer-area .footer-menu .menu-list .loaction-txt{
        max-width: none;
    }
    .footer-area .footer-col{
        margin-bottom: 1.5rem;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #fff;
        height: auto;
    }
    .footer-area .copy-rights{
        border-top: none;
        padding-top: 0;
        padding-bottom: 0;
    }
    
}
@media(min-width:576px){
    
    .footer-section{
        padding-bottom: 0;
    }
}


/*------------- #welcome-section --------------*/ 

.welcome-section{
    position: fixed;
    width: 100%;
    height: calc(var(--vh, 1vh) * 100 - 1px);
    left: 0;
    top: 0;
    z-index: 9999999;
    background-color: var(--clr-1);
    border: 20px solid #fff;
}
.welcome-section .welcome-slider-container{
    height: 100%;
}

.welcome-section .flaot-items{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
    gap:1.5rem 0;
}
.welcome-section .slide-item{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    position: relative;
}
.welcome-section .logo-img{
    margin:2rem  2rem 0 2rem;
    margin-inline-start: auto;
    max-height: 105px;
    text-align: end;
}
.welcome-section .logo-img img{
    max-height: 100%;
}
.welcome-section .text{
    font-size:  var(--font-0);
    margin-bottom: 0;
    color: #fff;
    text-align: center;
    padding: 0 .5rem;
    margin: 0 auto;
    user-select: none;
}
.welcome-section .text span{
    display: block;
}
.welcome-section .slider-btns{
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:0 3rem;
    font-size: var(--font-2);
}
.welcome-section .slider-btns .slider-btn{
    display: inline-flex;
    align-items: center;
    color: #fff;
    border-bottom: 2px solid #fff;
    transition: all .3s ease;
   
}
.welcome-section .slider-btns .slider-btn:hover{
    opacity: .8;
}

@media(max-width:991.98px){
    
     .welcome-section .logo-img{
      
        margin:1.5rem  var(--box-px-xsm) 0 var(--box-px-xsm);
       text-align: center;
    }
     .welcome-section .slider-btns{
        margin-bottom: 1.5rem;
    } 
     .welcome-section .text{
        font-size: var(--font-1);
    }
    
}
@media(max-width:767.98px){
    

}
@media(max-width:575.98px){
    
    .welcome-section .logo-img{
        
        max-height: 95px;
    }
    .welcome-section .slider-btns{
        gap:0 2rem;
        font-size: 24px;
    }
    
    .welcome-section{
        border-width: 10px;
    }
    
}
@media(max-width:360px){
    .welcome-section .text{
        font-size: var(--font-2);
    }
    
}

/*------------- #home-section --------------*/ 

.home-section .search-wrapper{
    
    margin-bottom: var(--section-space);
    padding: 1rem 0;
    --max-w:500px;
}

.home-section .search-wrapper{
    
    --btn-dim:var(--font-4);
}

.home-section .search-wrapper .typed-placeholder{
    position: absolute;
    left: 0;
    bottom: 0;
}
.home-section .search-wrapper .typed-placeholder .typed-text{
    font-size: var(--font-4);
    color: var(--clr-gray-3);
    margin-bottom: .75rem;
    text-transform: capitalize;
}
.home-section .search-wrapper .typed-placeholder .typed-text span{
    color: var(--clr-black);
}

.home-slider{
    overflow: visible;
}
.home-section .slide-img{
    --h:720px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: var(--h);
}
.home-section .slide-img img{
    width: -webkit-fill-available;
    object-fit: cover;
}
.home-section .d_none{
    display: none;
}


@media(max-width:991.98px){
    .home-section .slide-img{
        --h:500px;
    }
}

@media(max-width:767.98px){
    .home-section .slide-img{
        --h:425px;
    }
}

@media(max-width:575.98px){
    .home-section .slide-img{
        --h:325px;
    }
    .home-section .search-wrapper{
        padding: 0;
    }
    
    
}

/*------------- #overview-section --------------*/ 

.overview-area .overview-title{
    font-size: var(--font-2);
    text-align: center;
    margin: 0 auto;
    font-weight: 400;
}
.overview-area .counter-boxes .row{
    gap:1rem 0;
}
.overview-area .counter-boxes  .row-col{
    max-width: 240px;
    
}
.overview-area .counter-box{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap:.25rem;
    
}
.overview-area .counter-box .number{
    font-size: var(--font-2);
    font-weight: bold;
    margin-bottom: 0;
    line-height: 45px;
}
.overview-area .counter-box .text{
    margin-bottom: 0;
    font-size: var(--font-8);
    text-transform: uppercase;
}
@media(max-width:575.98px){
    .overview-area .main-head{
        margin-bottom: 1.5rem;
    }
}

/*------------- #explore-topics-section --------------*/ 
.explore-topics-section{
    background-color: var(--clr-1);
    color: #fff;
    padding: var(--section-space) 0;
}
.explore-area .explore-title{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}
.explore-area .topics-row{
    
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:.75rem var(--box-px-sm);
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.explore-area .topics-row::-webkit-scrollbar{
    display: none;
}

.explore-area .topics-row:last-child{
    margin-bottom: 0;
}

.explore-area .topics-row .explore-item{
    display: flex;
    align-items: flex-start;
    gap: 0.25rem;
    margin-bottom: 0;
    position: relative;
    transition: all .3s ease;
    flex-shrink: 0;
}
.explore-area .topics-row .explore-item span{
    display: inline-flex;
}
.explore-area .topics-row .explore-item .text{
    font-size: var(--font-4);
    border-bottom: 1px solid ;
}
.explore-area .topics-row .explore-item .no{
    font-size: 14px;
    margin-top: 0.25rem;
}
.explore-area .topics-row .explore-item:hover{
    opacity: .6;
}


@media(min-width:992px){
    
    .explore-area .topics-row{
        flex-wrap: wrap;
        justify-content: center;
    }
    .explore-area .explore-title{
        text-align: center;
    }
}


/*------------- #boxes-section --------------*/ 

.sub-title{
    font-size: var(--font-6);
    margin-bottom: 0;
    text-transform: uppercase;
}


.boxes-area .swiper{
    overflow: visible;
}

.boxes-area  .swiper-slide{
     --box-dim:325px;
}
.boxes-area .box-item{
    user-select: none;
}
.boxes-area .box-item .item-img{
    --img-h:var(--box-dim);
    position: relative;
    height:var(--img-h) ;
}
.boxes-area .box-item .item-img a,
.boxes-area .box-item .item-img img{
    height: 100%;
    width: 100%;
}
.boxes-area .box-item .item-img img{
    object-fit: cover;
    transition: all .3s ease;
}

.boxes-area .box-item .item-texts .item-info{
    padding: .5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:0 1rem;
}
.boxes-area .box-item .item-texts .item-info p{
    margin-bottom: 0;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--clr-gray-1);
}
.boxes-area .box-item .item-texts .item-title{
    margin-bottom: 0;
    font-size:var(--font-6) ;
    
}
.boxes-area .box-item .item-texts .item-title a{
    transition: all .3s ease;
}
.boxes-area .box-item .item-texts .item-title a:hover{
    color: var(--link-hvr);
}

.boxes-area .boxes-slider-container .swiper-slide{
    width: var(--box-dim);
}

.boxes-area .box-item .see-all{
    
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: calc(var(--box-dim));
    height: calc(var(--box-dim));
    max-width: 300px;
    max-height: 300px;
    background-color: var(--clr-1);
    font-size:var(--font-6) ;
    color: #fff;
    transition: all .3s ease;
    border-radius: 100%;
    
}
.boxes-area .box-item .see-all:hover{
    opacity: .6;
}


@media(max-width:767.98px){
    
    .boxes-area  .swiper-slide{
        --box-dim:300px;
    }
}
@media(max-width:575.98px){
    
    .boxes-area  .swiper-slide{
        --box-dim:280px;
    }
}

/*------------- #collections-section --------------*/ 


.collections-area .collections-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:1rem var(--box-px-sm);
    flex-wrap: nowrap;
    margin-bottom: 1.5rem;
}
.collections-area .collections-title{
    font-size: var(--font-6);
    margin-bottom: 0;
    
    
}
.collections-area .category-title{
    text-transform: uppercase;
}
.collections-area .fliters-wrap{
    display: flex;
    align-items: center;
    gap:.75rem;
    font-size: var(--font-8);
}
.collections-area .fliters-wrap .text{
    font-size: inherit;
    color: var(--clr-gray-3);
    
}
.collections-area .fliters-wrap .fliters-select{
    border: none;
    outline: none;
    box-shadow: none;
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: inherit;
    color: var(--clr-black);
    height: auto;
}
.collections-area .fliters-wrap .form-select{
    padding: 0rem 1.125rem 0rem 0rem;
    background-position:right 0rem center
}

.collections-wrapper .collections-row{
    gap:1.5rem 0;
}
.collections-wrapper .collection-box{
    display: flex;
    gap:1rem;
    padding-top: .75rem ;
    border-top: 1px solid var(--clr-black);
    height: auto;
}
.collections-wrapper .collection-box >*{
    flex: 1;
    
}
.collections-wrapper .collection-box .box-img{

    text-align: start;    
}
.collections-wrapper .collection-box .box-img a,
.collections-wrapper .collection-box .box-img img{
    display: block;
    
}

.collections-wrapper .collection-box .box-img img{
    
    object-fit: contain;
    width: 100%;
    max-height: 250px;
    
}

.collections-wrapper .collection-box .box-details{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap:.75rem;
}
.collections-wrapper .collection-box .box-details .box-info{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap:1rem;
}
.collections-wrapper .collection-box .box-details .box-info .info-text{
    font-size: 14px;
    color: var(--clr-gray-1);
    margin-bottom: 0;
    /*font-weight: 500;*/
}
.collections-wrapper .collection-box .box-details .box-info .items-date span{
    display: block;
}
.collections-wrapper .collection-box .box-details .box-text{
    margin-bottom: 0;
    width: auto;
    font-size: var(--font-7);
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /*font-weight: 500;*/
}
.collections-wrapper .collection-box .box-details .box-text a{
    transition: all .3s ease;
}
.collections-wrapper .collection-box .box-details .box-text a:hover{
    color: var(--link-hvr);
}


.collections-area .boxes-area{
    
}

@media(max-width:1199.98px){
    

    
}
@media(max-width:991.98px){
    
     .collections-wrapper .collection-box .box-details .box-text{
        font-size: var(--font-16);
    }
}
@media(max-width:767.98px){
        

    .collections-wrapper .collection-box .box-img{

        max-width: 225px;
       
    }
    .collections-wrapper .collection-box{
        gap:.75rem;
    }

}
@media(max-width:575.98px){
    
    .collections-area .collections-head{
        flex-wrap: wrap;
    }
    .collections-wrapper .collection-box .box-img{

        
       
        max-width: 170px;
        max-width: 40%;
       
    }
}

@media(min-width:992px) and (max-width:1199.98px){
    
    .collections-wrapper .collection-box .box-details .box-text{
        font-size: 15px;
    }
}
@media(min-width:1600px){
    
    .collections-wrapper .collection-box .box-img{
        width: 220px;
        flex: initial;
    }
    .collections-wrapper .collection-box .box-img img{
        /*object-fit: cover;*/
        
    }
}

/*------------- #collection-section --------------*/ 

@media(min-width:992px){
    
    .panel-section{
        margin: calc(var(--section-padding)* -1) 0;
    }
}

.collection-area .collection-title{
    font-size:var(--font-1);
    font-weight: bold;
    margin-bottom: 1.5rem;
    text-transform: capitalize;
    text-align: center;
}
.collection-area .gallry-head {
    max-width: 800px;
    margin: 0 auto;
}

/**collection-details**/
.collection-area .collection-details{
    padding-top: 1.5rem;
    
}
.collection-area .collection-details .collection-head{
    margin-bottom: 1.5rem;
    padding-bottom: .125rem;
    text-align: center;
    
}
.collection-area .collection-details .collection-body >*:not(:last-child){
    margin-bottom: 1.5rem;
}
.collection-area .collection-details .collection-info{
    display: flex;
    align-items: center;
    gap:0 1rem;
}
.collection-area .collection-details .collection-info .info-item{
    flex: 1;
}
.collection-area .collection-details .collection-info .info-item .item-title{
    margin-bottom: .25rem;
    font-size: 14px;
    text-transform: uppercase;
}
.collection-area .collection-details .collection-info .info-item .item-val{
    margin-bottom: 0;
    font-size: var(--font-2);
}
.collection-area .collection-details .collection-texts .text-item:not(:last-child){
    margin-bottom: 1.5rem;
}
.collection-area .collection-details .text-item .item-title{
    display: block;
    font-size: 14px;
    margin-bottom: .5rem;
} 
.collection-area .collection-details .text-item .item-text{
    font-size: var(--font-18);
    text-align: start;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: var(--lines);
    -webkit-box-orient: vertical;
    overflow: hidden;
} 
.collection-area .collection-details .text-item .item-text.active{
    display: block;
}
.collection-area .collection-details .text-item .show-more{
    font-size: var(--font-7);
    font-weight: bold;
    text-transform: capitalize;
    transition: all .3s ease;
    margin-top: .15rem;
    display: inline-block;
}
.collection-area .collection-details .text-item .show-more:active{
    color: var(--link-hvr);
}
.collection-area .collection-details .text-item .show-more .less{
    display: none;
}
@media(hover:hover) and (pointer:fine){
    .collection-area .collection-details .text-item .show-more:hover{
        color: var(--link-hvr);
    }
    
}

/**collection-gallry**/
.collection-area .collection-gallry{
    padding:var(--box-py-sm) var(--box-px-xsm);
    background-color: #1D1D1D;
    color: #fff;
    overflow: hidden;
    
    
}
.collection-area .collection-gallry .slider-container{

    margin: 0 auto;
}
.collection-area .collection-gallry-container .slide-item{
    display: block;
    height: 100%;
}
.collection-area .collection-gallry-container .slide-item img{
    
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%;
}
.collection-area .collection-gallry-container .slide-item .item-text{
    display: none;
    margin-bottom: 0;
    font-size: var(--font-9);
    text-align: start;
    margin-top: .125rem
}
.collection-area .collection-gallry-container .slider-top{
    display: none;
    justify-content: space-between;
    align-items: center;
    gap:1rem .75rem;
    margin-bottom: .75rem;
}
.collection-area .collection-gallry-container .slider-top .hint{
    margin-bottom: 0;
    font-size: var(--font-9);
    text-align: start;
    text-transform: uppercase;
}

.collection-area .collection-gallry-container .swiper-pagination{
    position: relative;
    inset:0px;
    width: auto;
    display: flex;
    align-items: center;
    margin-inline-start: auto; 
    gap:.5rem;
}
.collection-area .collection-gallry-container .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height:8px ;
    background:var(--clr-gray-1);
    transition: all .3s ease;
    opacity: 1;
    display: block;
    flex-shrink: 0;
    margin: 0;
}
.collection-area .collection-gallry-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 14px;
    height: 14px;
    background: #fff;
}
.gallry-container .swiper-scrollbar{
   display: block;
   height: 5px;
   background-color: var(--clr-gray-1);
   margin-top: .75rem;
}
.gallry-container .swiper-scrollbar .swiper-scrollbar-drag{
    background:#ddd;
}


/**responsive**/
@media(max-width:991.98px){
    .collection-area .collection-gallry-container .swiper-slide{
        width: 100%;
        max-width: none !important;
    } 
    
    .collection-area .collection-gallry-container .slide-item >*:not(.normal){
       max-height: 350px;
    }
    
    .collection-area .collection-details .collection-info{
        gap:1rem 1.5rem;
        justify-content: space-between;
    }
    .collection-area .collection-details .collection-info .info-item{
        flex: none;
    }
    
    .collection-area .collection-gallry{
        
        margin: 0 calc(var(--container-gx)* -1 )
    }
    .collection-area .collection-gallry-container .swiper{
        overflow: hidden;
    }
    
}
@media(max-width:575.98px){
    
    .collection-area .collection-gallry-container .slide-item >*:not(.normal){
       max-height: 250px;
    }
    .collection-area .collection-gallry-container .swiper-slide{
        max-width: 300px;
    }
    
    .collection-area .collection-title{
        font-size: var(--font-2);
        
    }
    
}
@media(max-width:359.98px){
     .collection-area .collection-gallry-container .swiper-slide{
        max-width: 260px;
    }
}
@media(min-width:992px){
    
    .collection-area .collection-col{
        height: 100%;
    }
    
    .collection-area .collection-gallry{
        padding:var(--section-space) var(--box-px-sm);
        min-height: calc((var(--vh, 1vh) * 100) - var(--nav-h));
        
    }
    .collection-area .collection-details{
        padding:var(--section-space) var(--box-px-sm);
        max-width: calc(600px + var(--box-px-sm));
        max-width: 600px;
        margin: 0 auto;
    }
    .collection-area .collection-details .collection-head{
        margin-bottom: var(--section-space);
        margin-top: 0;
    }
    
    .collection-area .collection-gallry .slider-container{
    
        max-width: 800px;
    }
    .collection-area .collection-gallry-container .swiper{
        overflow: hidden;
    }
    
    .collection-area .collection-gallry-container .slide-item img{
        max-height: 1200px;
        text-align: center;
        object-fit: contain;
        height: auto;
        width: -webkit-fill-available;
    }
    
    .collection-area .collection-gallry-container .slider-top{
        display: flex;
        
    }
    .collection-area .collection-gallry-container .slide-item .item-text{
        display: block;
    }
    
    .gallry-container .swiper-scrollbar{
        display: none;
    }
    
    .collection-section .custom-container{
        max-width: none;
    }
    
    .panel-section .vedio{
        height: 500px;
    }
    
    
}
@media(min-width:992px) and (max-width:1199.98px){
    .collection-area .collection-gallry,
    .collection-area .collection-details{
            --box-px-sm: 1rem;
    }
    
}


/*------------- #archive-section --------------*/ 

/**archive-toolbar**/
.archive-toolbar{

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:1.5rem var(--box-px-sm);
}
.archive-toolbar.sticky-toolbar{
    margin-bottom: var(--section-space);
}


.archive-toolbar.sticky-toolbar .search-wrapper .search-input{
    font-size: var(--font-6)
}

.archive-toolbar .grid-style{
    display: flex;
    align-items: center;
    gap:1rem;
}
.archive-toolbar .grid-style .style-title{
    font-size: 14px;
    font-weight: 500;
    display: block;
}
.archive-toolbar .grid-style .style-btns{
    display: flex;
    align-items: center;
    gap:.625rem;
}
.archive-toolbar .grid-style .grid-btn{
    display: flex;
    align-items: center;
    transition: all .3s ease;
    --dim:24px;
    font-size: var(--dim);
    
}
.archive-toolbar .grid-style .grid-btn  span{
    transition: inherit;
    display: flex;
}
.archive-toolbar .grid-style .grid-btn svg{
    fill:var(--clr-gray-3);
    transition: inherit;
    width: var(--dim);
    height: var(--dim);
}
.archive-toolbar .grid-style .grid-btn:not(.active):hover svg{
    fill:var(--clr-gray-5);
}
.archive-toolbar .grid-style .grid-btn.active svg{
    fill:var(--clr-1);
}
.archive-toolbar .archive-actions{
    display: flex;
    align-items: center;
    gap:0 var(--box-px-xsm);
}
.archive-toolbar .filters-btn svg{
    width: 24px;
    height: 24px;
}
.archive-toolbar .archive-total{
    font-size: var(--font-8);
    margin-bottom: 0;
}
.archive-toolbar .archive-total span{
    display: inline-block;
}


/**archive-wrapper**/
.archive-wrapper .row{
    gap: 1.5rem 0;
    --bs-gutter-x:1rem;
}
.archive-wrapper .archive-item{
    position: relative;
    transition: all .3s ease;
}
.archive-wrapper .archive-item .item-img a,
.archive-wrapper .archive-item .item-img img{
    display: block;
}
.archive-wrapper .archive-item .item-img img{
    width: 100%;
    object-fit: contain;
}
.archive-wrapper .archive-item .item-text{
    padding: .25rem 0;
    font-size: var(--font-16);
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.archive-wrapper .archive-item .item-text a{
    transition: all .3s ease;
}
.archive-wrapper .archive-item .item-text a:hover{
    color: var(--link-hvr);
}
.archive-wrapper .archive-item .item-info{
    margin-bottom: 0;
    font-size: 14px;
    color: var(--clr-gray-1)
}
.archive-wrapper .archive-item .item-info span{
    display: block;
}
.archive-wrapper.grid-md-wrapper .archive-item .item-img img{
        
    max-height: 500px;
        
}
.archive-wrapper.grid-sm-wrapper .archive-item  .item-body{
    display: none;
}
.archive-wrapper.grid-sm-wrapper .row{
    --items-no:3;
    --img-h:120px;
    align-items: center;
}
.archive-wrapper.grid-sm-wrapper .archive-wrap{
    flex: 0 0 auto;
    width: calc(100% / var(--items-no));
} 
.archive-wrapper.grid-sm-wrapper .archive-item:hover{
    transform: translateY(-3px);
}
.archive-wrapper.grid-sm-wrapper .archive-item .item-img img{
        
    height: var(--img-h);
    text-align: center;
    object-fit: cover;
    width: 100%;
    
}

/**tags-list**/
.tags-list{
    display: flex;
    align-items: center;
    gap:.75rem;
    flex-wrap: wrap;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.tags-list.scrolled-list{
     overflow-x: auto;
    flex-wrap: nowrap;
}
.tags-list:not(.w-scrollbar)::-webkit-scrollbar{display: none}
.tags-list::-webkit-scrollbar {
    height: 3px;
}
.tags-list::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.1);
    border-radius: 20px;

}
.tags-list::-webkit-scrollbar-thumb {

   background-color: rgba(0,0,0,0.2);
   border-radius: 20px;


}

.tags-list .tag-item{
    display: inline-flex;
    align-items: center;
    position: relative;
    padding: .375rem .75rem;
    font-size: var(--font-9);
    border-radius: 100px;
    background-color:var(--clr-gray-light) ;
    transition: all .3s ease;
    gap:0 .125rem;
    flex-shrink: 0;
    cursor: pointer;
}
.tags-list.scrolled{
    padding-bottom: .375rem;
}
.tags-list .tag-item:hover{
    background-color: #ddd;
}
.tags-list .tag-item .remove-btn{
    display: inline-flex;
    align-items: center;
    transition: inherit;
    cursor: pointer;
    margin-inline-start:.75rem;
}

.archive-area .filters-items{
    display: flex;
    align-items: center;
    gap:.75rem;
}

/**responsive**/
@media(max-width:991.98px) , (min-width:992px) and (max-width:1199.98px){
    .archive-wrapper.grid-md-wrapper .archive-item .item-text{
        font-size: 14px;
    }
    .archive-wrapper.grid-md-wrapper .archive-item .item-info{
        font-size: 12px;
    }
}
@media(max-width:991.98px){
    .archive-toolbar.sticky-toolbar {
        flex-wrap: wrap;
    }
    .archive-toolbar.sticky-toolbar .search-wrapper{
        order: -1;
        width: 100%;
    }
    
}
@media(max-width:767.98px){
    .archive-wrapper.grid-sm-wrapper .row{
        --bs-gutter-x:.75rem;
    }
}
@media(max-width:575.98px){
    
    
    .archive-toolbar .grid-style .style-title,
    .archive-toolbar .filters-btn span{
        display: none;
    }
    .archive-toolbar .filters-btn{
        border-radius: 100%;
        width:45px ;
        height: 45px;
        padding: 0;
        
    }
    
    .archive-wrapper .row{
        --bs-gutter-x:.75rem;
    }
    .archive-wrapper.grid-xl-wrapper .archive-item .item-img img{
        
        max-height: 400px;
        
    }
    .archive-wrapper.grid-sm-wrapper .row{
        --bs-gutter-x:.25rem;
        gap:.5rem 0 ;
    }
    
    .archive-area  .tags-list:not(.scrolled-list){
         overflow-x: auto;
        flex-wrap: nowrap;
    }
    .tags-list{
        gap:.5rem;
    }
    .tags-list .tag-item{
        padding: .375rem .625rem;
    }
    .tags-list .tag-item .remove-btn{
        margin-inline-start:.625rem;
    }
    
}
@media(min-width:576px){
    
    .archive-wrapper.grid-sm-wrapper .row{
        --items-no:5;
        --img-h:120px;
    }
    .archive-wrapper.grid-sm-wrapper .archive-item .item-img img{
        object-fit: contain;
        height: auto;
        max-height: var(--img-h);
    }
}
@media(min-width:768px){
    
    .archive-wrapper.grid-sm-wrapper .row{
        --items-no:6;
    }
}
@media(min-width:992px){
    
    .archive-wrapper.grid-sm-wrapper .row{
        --items-no:8;
    }
}
@media(min-width:1200px){
    
    .archive-wrapper.grid-sm-wrapper .row{
        --items-no:10;
    }
}
@media(min-width:1400px){
    
    .archive-wrapper.grid-sm-wrapper .row{
        --items-no:12;
    }
}


/*------------- #fliters-panel --------------*/ 

.fliters-panel{
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999999;
    overflow-y:auto;
    overflow-x: hidden;
    transition: all .3s ease;
    --footer-h:75px;
}
.fliters-panel.active{
    left: 0;
}
.fliters-panel form{
    width: 100%;
}
.fliters-panel .close-btn{
    pointer-events: auto;
    width: 32px;
    height: 32px;
    background-color: var(--clr-1);
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all .3s ease;
    border-radius: 100%;
    position: absolute;
    top: .75rem;
    right: 0;
}
.fliters-panel .close-btn:hover{
    opacity: .6;
}

.fliters-panel .fliter-box{
    height: 100%;
    position: relative;
}
.fliters-panel .panel-item .accordion_header{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap:0 1rem;
    font-size: var(--font-7);
}
.fliters-panel .panel-item .panel-title{
    margin-bottom: 0;
    font-weight: 500;
    text-transform: uppercase;
}
.fliters-panel .panel-item .accordion_header .panel-icon{
    display: inline-flex;
    align-items: center;
    transition: all .3s ease;
}
.fliters-panel .panel-item.active .accordion_header .panel-icon{
    transform: rotate(-180deg);
}
.fliters-panel .panel-item .accordion_body>*:not(:last-child){
    margin-bottom: 1.5rem;
}
.fliters-panel .search-wrapper{
    --max-w:none;
}

.fliters-panel .form-search .search-input::placeholder{
    color:var(--clr-gray-2) ;
}
.fliters-panel .search-wrapper >*:not(form) .search-input:focus{
    border-color: var(--clr-1);
}
.fliters-panel .filters-checkboxs .checkbox-item:not(:last-child){
  margin-bottom: 1rem;  
} 
.fliters-panel .filters-checkboxs .checkbox-item .form-check-label{
    font-size: 14px;
    cursor: pointer;
    transition: all .3s ease;
    display: inline-flex;
    align-items: center;
}

.fliters-panel .panel-head{
    display: none;
    align-items: center;
    justify-content: space-between;
    gap:0 var(--box-px-xsm);
    border-bottom: 1px solid var(--clr-gray-3);
    background-color: var(--clr-1);
    padding: 1.5rem var(--box-px-xsm);
    color: #fff;
    height: var(--head-h);
}
.fliters-panel .panel-head>*{
    color: #fff;
}
.fliters-panel .panel-head .back-btn{
    font-size: var(--font-5);
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap:.5rem;
    transition: all .3s ease;
    
}
.fliters-panel .panel-head .back-btn:hover{
    opacity: 0.6;
}
.fliters-panel .panel-head .clear-btn{
    display: none;
}
.fliters-panel .panel-footer{
    
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:0 var(--box-px-sm);
    height:var(--footer-h); 
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border-top: 1px solid var(--clr-gray-3);
    background-color: #fff;
    padding:0 1rem; 
    transition: all .3s ease;
}
.fliters-panel .panel-footer .footer-actions{
    display: flex;
    align-items: center;
    gap:0 1rem;
    flex-shrink: 0;
}
.fliters-panel .panel-footer .submit-btn{
    padding: .5rem 1rem;
    max-width: 200px;
    width: 100%;
    font-size: var(--font-8);
}
.fliters-panel .clear-btn{
    font-size: var(--font-8);
    display: inline-flex;
    align-items: center;
    transition: all .3s ease;
    border-bottom: 1px solid ;
    line-height: 20px;
    flex-shrink: 0;
}
.fliters-panel .clear-btn:hover{
    color: var(--link-hvr);
}

/*  yearpicker */
.timeline-inputs-duplicated{
    
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 400px;
    gap:0 1rem;
    
    
}
.timeline-inputs-duplicated .form-group{
    
    display: flex;
    align-items: center;
    gap:4px;
}
.timeline-inputs-duplicated .form-group label{
    
    display: inline-block;
    font-size: var(--font-7);
    margin-bottom: 0px;
    font-weight: 500;
    
}
.timeline-inputs-duplicated .form-group input{
    
    border-width: 0px 0px 1px 0px;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;
    padding-bottom: 0.375rem;
    text-align: center;
    max-width: 300px;
    height: auto;
    
}



/*  year-slider-container */
.year-slider-container{
    display: flex;
    align-items: center;
    gap:.75rem;
    max-width: 96%;
    
}

.year-slider-container .year-slider-wrap{
    margin: 0 12px;
    flex: 1;
}
.year-slider-container .year-slider{
    
    
    
    background-color: var(--clr-gray-1);
    border: none;
    box-shadow: none;
    height: 3px;
    
}
.year-slider-container .year-slider .noUi-connect{
    background: var(--clr-gray-1);
}

.year-slider-container .year-slider .noUi-handle {
    height: 24px;
    width: 24px;
    top: -5px;
    top: -10px;
    right: -12px; /* half the width */
    left: auto;
    border-radius: 12px;
    border: 1px solid var(--clr-1);
    background-color: var(--clr-1);
    box-shadow: none;
    transition: all .3s ease;
    cursor: pointer;
    outline: none;
    
}
.year-slider-container .year-slider .noUi-handle::before,
.year-slider-container .year-slider .noUi-handle::after{
    
    display: none;
}
.year-slider-container .year-slider .noUi-handle:active{
    
    background-color: #ddd
}
.year-slider-container .year-item{
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 400;
}
@media(hover:hover) and (pointer:fine){
    
    .year-slider-container .year-slider .noUi-handle:hover{
    
        background-color: #ddd
    }
}

.fliters-panel .search-dropdown .list-item .item-val{
    font-size: 14px;
}



@media(max-width:991.98px){
   
    
    .fliters-panel .panel-item >*{
        padding-right: var(--box-px-xsm);
        padding-left: var(--box-px-xsm);
    }
    .fliters-panel .panel-item .accordion_header{
        padding-top: 1.5rem;
        
    }
    .fliters-panel .panel-item .accordion_body,
    .fliters-panel .panel-item .accordion_header{
        padding-bottom: 1.5rem;
    }
    .fliters-panel .fliter-tab:not(:last-child){
        border-bottom:1px solid var(--clr-gray-3);
    }
    
    .fliters-panel{
        --footer-h:70px;
        --head-h:70px;
        padding-bottom: var(--footer-h);
    }
    .fliters-panel .close-btn{
        display: none;
    }
    
    .fliters-panel .panel-container{
        
        overflow-y: auto;
        overflow-x: hidden;
        height: calc(100% - var(--head-h));
    }
    
    .fliters-panel .panel-footer{
        box-shadow: 0 0 9px rgba(0, 0, 0, 0.12);
        padding: 0 var(--box-px-xsm);
    }
    .fliters-panel .panel-footer .tags-list{
        display: none;
    }
    
    .fliters-panel .panel-head{
        display: flex;
    }
}
@media(max-width:575.98px){
    .fliters-panel{
        --footer-h:60px;
        --head-h:60px;
    }
    .fliters-panel .panel-footer{
        justify-content: center;
        
    }
    .fliters-panel .panel-head .clear-btn{
        display: inline-flex;
    }
    .fliters-panel .panel-footer .clear-btn{
        display: none;
    }
    
    .year-slider-container{
        max-width: none;
        flex-wrap: wrap;
        justify-content: space-between;
        gap:1.25rem .375rem;
        margin-top: calc(24px / 2);
        padding-bottom: 0;
    }
    .year-slider-container .year-slider-wrap{
        flex: auto;
        max-width: 100%;
        width: 100%;
        order: 1;
        
    }
    .year-slider-container #min_year{
        order: 2;
    }
    .year-slider-container #max_year{
        order: 3;
    }
    
}
@media(min-width:992px){
   
    .fliters-panel{
        
        overflow-y:hidden;
    }
    
    .fliters-panel .panel-item{
    
        padding: 1rem 1rem;
        margin: 0 auto;
    }
    .fliters-panel .panel-item .accordion_header{
        pointer-events: none;
        margin-bottom: .5rem;
       
    }
    .fliters-panel .panel-item .accordion_header .panel-icon{
        display: none;
    }
    .fliters-panel .panel-item .accordion_body{
        display: block !important;
        max-width: 800px;
        
    }
    .fliters-panel .panel-item .accordion_body>*:not(:last-child){
        margin-bottom: 1rem;
    }
    .fliters-panel .filters-checkboxs .checkbox-item:not(:last-child){
        margin-bottom: .75rem;  
    } 
    
    
    .fliters-panel .fliter-tab:not(:nth-child(3n+3)) {
        border-right: 1px solid var(--clr-gray-3);
    }
    .fliters-panel .fliter-tab.xl-h{
        
        border-top: 1px solid var(--clr-gray-3);
        
    }
    .fliters-panel .fliter-box{
        overflow-y: auto;      
    }
    
    .fliters-panel .fliter-tab.xl-h {
        height: 65vh;
        padding-bottom: var(--footer-h);
    }
    .fliters-panel .fliter-tab.sm-h{
    
        height: 35vh;
    }
    
    .fliters-panel .fliter-box::-webkit-scrollbar {
        width: 5px;
        display: none;
    }
    .fliters-panel .fliter-box::-webkit-scrollbar-track {
        background-color: rgba(0,0,0,0.1);
        border-radius: 20px;
        
    }
    .fliters-panel .fliter-box::-webkit-scrollbar-thumb {
           
       background-color: rgba(0,0,0,0.2);
       border-radius: 20px;
       
 
    }
    
    
    /*** titles filters fixed ***/
    .fliters-panel .panel-item{
        padding-top: 0;
    }
    .fliters-panel .panel-item .accordion_header{
        position: sticky;
        position: -webkit-sticky; /* Safari */
        top: 0;
        background-color: #fff;
        padding: 1rem 0 .5rem;
        margin-bottom: 0;
        z-index: 10;
        height: 51px;
    }
    .fliters-panel .panel-item .accordion_header:not(.w_search){
        margin-bottom: .5rem;
    }
    .fliters-panel .search-wrapper{
        position: sticky;
        position: -webkit-sticky; /* Safari */
        top: 51px;
        background-color: #fff;
        z-index: 10;
    }
    
}

/*------------- #archive-item-section --------------*/ 

/**item-details**/
.archive-item-area .item-details{
    --items-alt:1rem;
    padding-top: 1.5rem;
}
.archive-item-area .item-details>*{
    padding-bottom: var(--items-alt) !important;
    margin-bottom: var(--items-alt) !important; 
    border-bottom: 1px solid var(--clr-gray-light);
}
.archive-item-area .item-details>*:last-child{
    margin-bottom:0 !important; 
}

.archive-item-area .item-details .sub-title{
    margin-bottom: 0;
    font-size: 16px;
    text-transform: uppercase;
}

.archive-item-area .item-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:var(--box-px-sm) var(--box-px-sm);
    flex-wrap: wrap;
}
.archive-item-area .item-head .item-id{
    font-size: 16px;
    display: block;
}
.archive-item-area .item-head .item-actions{
    display: flex;
    align-items: center;
    gap:.75rem 1rem;
}
.archive-item-area .item-head .item-actions .action-btn{
    --dim:24px;
    display: inline-flex;
    align-items: center;
    transition: all .3s ease;
    width: var(--dim);
    height: var(--dim);
    font-size: 24px;
}
.archive-item-area .item-head .item-actions .action-btn svg{
    fill:var(--clr-1);
    width: 100%;
    height: 100%;
    transition: inherit;
}
.archive-item-area .item-head .item-actions .action-btn:hover{
    opacity: .6;
}
.archive-item-area .item-title{
    font-size: var(--font-4);
    margin-bottom: 0;
    text-align: start;
}
.archive-item-area .item-details .item-text{
    
    font-size: var(--font-18);
    margin-bottom: 0;
    text-align: start;
}

.archive-item-area .item-details .info-row{
    display: flex;
    align-items: center;
    gap:var(--box-px-sm-res) 1rem;
}
.archive-item-area .item-details .info-row .row-title{
    max-width: 140px;
    width: 100%;
}
.archive-item-area .item-details .row-tags{
    display: flex;
    align-items: center;
    gap:.5rem 0.5rem;
    flex-wrap: wrap;
    
}
.archive-item-area .item-details .row-tags .tag-item{
    display: inline-flex;
    align-items: center;
    position: relative;
    padding: 0.375rem 0.5rem;
    font-size: 16px;
    border-radius: 24px;
    background-color: var(--clr-gray-light);
    transition: all .3s ease;
    gap: 0 0.125rem;
    color: #171414;
    
}

.archive-item-area .item-details .item-loaction>*:not(:last-child){
    margin-bottom:1rem; 
}
.archive-item-area .item-details .item-loaction .map-wrap{
    position: relative;
    height:250px ;
}
.archive-item-area .item-details .item-loaction .map-wrap>*{
    width: 100%;
    height: 100%;
}
.archive-item-area .item-details .item-loaction .map-wrap img{
    object-fit: cover;
}

.archive-item-area .item-details .item-collection>*:not(:last-child){
    margin-bottom:1rem; 
}
.archive-item-area .item-details .item-collection .collection-box{
    padding-top: 0;
    border:none;
}
.archive-item-area .item-details .item-collection .collection-box .box-details .box-text{
    font-size: var(--font-8);
}
.archive-item-area .item-details .item-collection .collections-row{
    gap:1rem 0;
}

.archive-item-area .item-details .item-accordion .accordion_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:0 var(--box-px-sm-res);
    cursor: pointer;
}
.archive-item-area .item-details .item-accordion .accordion_header .panel-icon{
    --dim:var(--font-2);
}
.archive-item-area .item-details .item-accordion .accordion_body{
    margin-top: .75rem;
}
.archive-item-area .item-details .item-accordion .body-box{
    background-color: var(--clr-gray-light);
    padding: var(--box-px-sm-res);
    color: #000;
    border-radius: var(--border-r-4);
}
.archive-item-area .item-details .item-accordion .body-box .box-title{
    font-weight: 600;
    font-size: var(--font-16);
    margin-bottom: .5rem;
}
.archive-item-area .item-details .item-accordion .body-box .box-text{
    font-size: var(--font-8);
    margin-bottom: 0;
    text-align: start;
}
.archive-item-area .item-details .item-accordion .body-details .details-item:not(:last-child){
    margin-bottom: .75rem;
}
.archive-item-area .item-details .item-accordion .body-details .details-title{
    color:#000;
    margin-bottom: .25rem;
    font-size: 16px;
    font-weight: 500;
}
.archive-item-area .item-details .item-accordion .body-details .details-val{
    font-size: 16px;
    color: var(--clr-gray-1);
    text-align: start;
    margin-bottom: 0;
}

/**item-gallry**/
.archive-item-area .item-gallry{
    padding:var(--box-py-sm) var(--box-px-xsm);
    background-color: #1D1D1D;
    color: #fff;
    overflow: hidden;
    position: relative;
    
}
.archive-item-area .item-gallry .slider-container{
    margin: 0 auto;
}
.archive-item-area .item-gallry-container .slide-item{
    display: block;
    height: 100%;
}
.archive-item-area .item-gallry-container .slide-item img{
   
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%;
}


.archive-item-area .item-gallry .pagination-items{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap:0 1.5rem;
    z-index: 10;
    margin-top: calc((var(--section-space) - 1.5rem)* -1);
    margin-bottom: var(--section-space);
}
.archive-item-area .item-gallry .pagination-items .arrow-btn{
    display: inline-flex;
    align-items: center;
    gap:.5rem;
    transition: all .3s ease;
    font-size: 18px;
}
.archive-item-area .item-gallry .pagination-items .arrow-btn:active{
    opacity: .6;
}
@media(hover:hover) and (pointer:fine){
    .archive-item-area .item-gallry .pagination-items .arrow-btn:hover{
        opacity: .6;
    }
}


/**item-gallry-models**/
.modal-backdrop.show{
    opacity: .8;
}
.modal .modal-content{
    border-radius: var(--border-r-4);
    padding: 1.5rem 1rem;
}
.modal .modal-header,
.modal .modal-footer,
.modal .modal-body{
    padding: 0;
}
.modal .modal-header{
    justify-content: space-between;
    gap:0 var(--box-px-sm-res);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-color: var(--clr-gray-3);
}
.modal .modal-header .head-title{
   font-size: var(--font-4);
   margin-bottom: 0;
   text-transform: capitalize; 
}
.modal .modal-header .close-btn{
    font-size: var(--font-6);
    display: inline-flex;
    align-items: center;
    transition: all .3s ease
}
.modal .modal-header .close-btn:hover{
    opacity: .6;
}
.modal .modal-footer{
    margin-top: 1rem;
    padding-top: 1rem;
    border-color: var(--clr-gray-3);
}
.modal .modal-footer>*{
    margin: 0;
}
.modal .modal-footer>*:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
}

.custom-modal .btns-cols{
    display: flex;
    flex-direction: column;
    align-items:stretch;
    gap:1rem;
}
.custom-modal .btns-cols .btn-item{
    display: flex;
}
.custom-modal .modal-text{
    font-size: 16px;
    margin-bottom: 1rem;
    
}
.custom-modal .modal-text a{
    display: inline-flex;
    align-items: center;
    border-bottom: 1px solid ;
    line-height: 1;
    transition: all .3s ease;
}
.custom-modal .modal-text a:hover{
    color: var(--link-hvr);
}
.share-modal .btns-cols .btn-item{
    --clr-1:var(--btn-clr);
}


/**responsive**/
@media(max-width:991.98px){
    
    .archive-item-area .item-gallry-container .slide-item>*:not(.normal){
        max-height: 350px;
    }
    .archive-item-area .mobile-hide{
        display: none !important;
    }
    
    .archive-item-area .item-gallry{
         margin: 0 calc(var(--container-gx)* -1 )
    }
    
}
@media(max-width:767.98px){
    
    .archive-item-area .item-details .info-row{
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }
}
@media(max-width:575.98px){
    
    .archive-item-area .item-gallry-container .slide-item>*:not(.normal){
        max-height: 250px;
    }
}
@media(min-width:992px){
    
    .archive-item-section .custom-container{
        max-width: none;
    }
    .archive-item-area .item-col{
        height: 100%;
    }
    
    .archive-item-area .fixed-col{
        position: fixed;
        height: calc((var(--vh, 1vh) * 100) - var(--nav-h));
        top: var(--nav-h);
        left: 0;
        padding: 0;
        margin: 0;
        order: initial !important;
        flex: none;
        max-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .archive-item-area .fixed-col .item-col{
        height: auto;
    }
    .archive-item-area .item-details{
    
        padding: 1.5rem var(--box-px-sm);
        margin: 0 auto;
        max-width: 800px;
        
    }
    .archive-item-area .item-details .item-collection .collection-box .box-img{
        max-width: 110px;
        
    }
    
    .archive-item-area .item-gallry .slider-container{
    
        max-width: 800px;
    }
    .archive-item-area .item-gallry-container .swiper{
        overflow: visible;
    }
    .archive-item-area .item-gallry-container .swiper-wrapper{
        display: block;
        overflow: visible;
        transform: none;
    }
    .archive-item-area .item-gallry-container .swiper-wrapper .swiper-slide:not(:last-child){
        margin-bottom: 1.5rem;
    }
    
    .archive-item-area .item-gallry{
        
        padding: var(--section-space) var(--box-px-sm);
        min-height: calc((var(--vh, 1vh) * 100) - var(--nav-h));
    }
    .archive-item-area .item-gallry-container .slide-item img{
        max-height: 1200px;
        text-align: center;
        object-fit: contain;
        width: auto;
        height: auto;
        
    }
    
    
    
}
@media(min-width:992px) and (max-width:1399.98px){
    
    .archive-item-area .item-details .info-row .row-title{
        max-width: 110px;
    }
    
    .archive-item-area .row > .col-lg-8 {
       width: 62%;
    }
    .archive-item-area .row > .col-lg-4 {
       
        width: 38%;
    }
    
}
@media (min-width: 992px) and (max-width: 1199.98px){
    .archive-item-area .item-gallry,
    .archive-item-area .item-details{
            --box-px-sm: 1rem;
    }
}
@media(min-width:1920px){
    
    .archive-item-area .item-details .item-collection .collection-box .box-img{
        max-width: 150px;
    }
}


/*------------- #topics-section --------------*/ 

.topics-area .topics-items .item-row .item-link{
    display: flex;
    align-items: center;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap:1rem var(--box-px-sm-res);
    cursor: pointer;
    
}
.topics-area .topics-items .item-row .item-title{
    display: flex;
    align-items: flex-start;
    gap:.25rem;
    margin-bottom: 0;
    flex: 1;
    min-width: 50%;
    line-height: 1.2;
    position: relative;
}
.topics-area .topics-items .item-row .item-title span{
    display: inline-flex;
}
.topics-area .topics-items .item-row .item-title .text{
    font-size: var(--font-3);
}
.topics-area .topics-items .item-row .item-title .no{
    font-size: 14px;
    color: var(--clr-gray-1);
    margin-top: .25rem;
}
.topics-area .topics-items .item-row .item-imgs{
    display: flex;
    align-items: center;
    gap:.5rem;
    transition: all .3s ease;
    position: relative;
    
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    justify-content: flex-start;
    
}
.topics-area .topics-items .item-row .item-imgs::-webkit-scrollbar{
        display: none;
}
.topics-area .topics-items .item-row .item-imgs .swiper-slide{
    width: auto;
}
.topics-area .topics-items .item-row .item-imgs img{
    display: block;
    height:45px ;
    object-fit: cover;
    max-width:60px;
}
.topics-area .topics-slider{
    overflow: visible;
}

@media(min-width:992px){
    
    .topics-area .topics-items .item-row .item-link{
        
        flex-direction: row;
        align-items: center;
        justify-content: space-between;

    }
    .topics-area .topics-items .item-row .item-link .item-imgs{
        transform: translateY(3px);
        opacity: 0;
    }
    .topics-area .topics-items .item-row .item-link:hover .item-imgs{
        opacity: 1;
        transform: translateY(0px);
    }
}

@media(max-width:991.98px){
    
    .topics-area .topics-items .item-row .item-imgs{
       
        padding: 0 var(--container-gx);
        margin: 0 calc(var(--container-gx)* -1 );
    }
    
    
    
}

@media(max-width:575.98px){
    
    .topics-area .topics-items .item-row .item-title .text{
        font-size: var(--font-4)
    }
}

@media(min-width:992px){
    
    
    .topics-area .topics-items .item-row .item-title .text{
        font-size: var(--font-4);
    }
    .topics-area .topics-items .item-row .item-imgs img{
        max-width: 65px;
        height: 50px;
    }
}

/*------------- #FAQ-section --------------*/ 

.FAQ-area .FAQ-panels  .panel-item{
    
    
    border-bottom: 1px solid var(--clr-gray-light);
}
.FAQ-area  .panel-item .accordion_header{
    padding: var(--box-py-sm) 0;
}
.FAQ-area .FAQ-panels  .panel-item:first-child .accordion_header{
    
    margin-top: 0;
}
.FAQ-area .FAQ-panels  .panel-item:last-child .accordion_header{
    margin-bottom: 0;
}
.FAQ-area  .panel-item .accordion_header{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap:0 var(--box-px-xsm);
    cursor: pointer;
}
.FAQ-area  .panel-item .accordion_header .panel-title{
    margin-bottom: 0;
    font-size: var(--font-4);
    text-transform: capitalize;
    font-weight: 500;
}
.FAQ-area  .panel-item .accordion_header .panel-icon{
    --dim: var(--font-2);
    margin-top: .15rem;
}
.FAQ-area  .panel-item .accordion_body{
    padding-top: 0;
    padding-bottom:  var(--box-py-sm);
}
.FAQ-area  .panel-item .accordion_body .body-text{
    font-size: var(--font-7);
    margin-bottom: 0;
    text-align: start;
}

@media(max-width:575.98px){
    
    .FAQ-area  .panel-item .accordion_header .panel-title{
        font-size: var(--font-5);
    }
}

/*------------- #bordered-area about & partners & terms & .... sections --------------*/ 

.bordered-area{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap:1rem 0;
}
.bordered-area >*:not(.normal){
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--clr-gray-light);
}

.bordered-area .area-border{
    border-bottom: 1px solid var(--clr-gray-light);
}
.bordered-area .area-text{
    font-size: var(--font-7);
    margin-bottom:0rem;
    text-align: justify;
    text-align: start;
    line-height: 1.7;
    
}
.bordered-area .area-text + .area-text{
    margin-top: 1rem;
}
.bordered-area .area-main-title{
    margin-bottom: 1rem;
    font-size: var(--font-2);
    text-transform: capitalize;
    font-weight: 500;
}
.bordered-area .area-sub-title{
    font-size: var(--font-4);
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 1rem
}
.bordered-area .area-title:last-child,
.bordered-area>*:last-child{
    margin-bottom: 0 !important;
}
.cols-pages .box-img img{
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    object-fit: cover;
}

@media(max-width:991.98px){
    .cols-pages .box-img{
        margin-bottom: 1rem;
    }
    .cols-pages .box-img img{
        max-height: 350px;
    }  
}
@media(max-width:575.98px){
    
    .cols-pages .box-img img{
        max-height: 250px;
    } 
}
@media(min-width:992px){
    
    .cols-pages .main-head.w-border{
        border-bottom: none;
    }
}

.partners-area .partners-wrap .area-main-title,
.partners-area .partners-wrap .partner-item:not(:last-child){
    margin-bottom: 1.5rem;
}

/*------------- #contact-section --------------*/ 

.contact-area .hint-text{
    font-size: var(--font-18)
}
.contact-area .info-items .row{
    gap:1rem 0;
}
.contact-area .info-items .item-box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap:.25rem 0;
}
.contact-area .info-items .item-box .item-icon{
    display: block;
    font-size: 22px;
}
.contact-area .info-items .item-box .item-text{
    font-size: var(--font-18);
    text-align: start;
    margin-bottom:0;
}
.contact-area .info-items .item-box .item-text.email{
    word-break: break-all;
}
.contact-area .info-items .item-box .item-more, .btn-link-pmda{
    display: inline-flex;
    align-items: center;
    transition: all .3s ease;
    font-size: 14px;
    color: var(--clr-gray-1);
    margin-bottom: 0;
}
.contact-area .info-items .item-box a.item-more:hover{
    color: var(--link-hvr);
}

.contact-area .form-box .form-group{
    margin-bottom: 1rem;
}
.contact-area .form-box .form-group .form-label{
    margin-bottom: .5rem;
    text-transform: uppercase;
}
.contact-area .form-box .submit-btn{
    margin-top: .5rem;
}


@media(max-width:575.98px){}
@media(min-width:992px) and (max-width:1199.98px){
    .contact-area .info-items .item-box .item-text{
        font-size: 16px;
    }
   
}

/*------------- #responsive --------------*/ 

@media(max-width:1199.98px){
    

    
}

@media(max-width:991.98px){
    

}

@media(max-width:767.98px){
        

    :root{
        
        --box-px-xsm:1rem;
    }

}

@media(max-width:575.98px){
    
    :root{
        
          --font-0:40px;
          --font-1:32px;
          --font-2:28px;
          --font-3:24px;
          --font-4:22px;
          --font-5:20px;
          --font-6:18px;
          --font-7:16px;
          --font-8:14px;
          --font-9:12px; 
        
          --border-r-1:15px;
          --border-r-2:10px;
          --border-r-3:8px; 
            
          --section-padding: 1.5rem; 
          --section-space:3rem;
            
          --box-py-sm: 1rem;
          --box-py: 1.5rem;
            
          --box-px-sm: 1rem;
          --box-px-xsm:.75rem;
          --box-px-sm-res:.75rem;  
          --box-px: 1rem;
          --box-px-more:1rem ;
        
            
    }
   
      
}
    

/*------------- #custom-grid --------------*/ 

.gx-75 {
    --bs-gutter-x: .75rem;
}

.grid-max{
    max-width: var(--grid-max);
}
.container{
    --container-w:1920px;
    --container-gx:.75rem;
    --bs-gutter-x:var(--container-gx);
    max-width: var(--container-w);
}

@media(min-width:768px){
    
    .container{
        --container-gx: 1rem;
    }
}
@media(min-width:1200px){
    
    .container{
        --container-gx: 1.5rem;
    }
}
@media(min-width:1920px){
    
    .grid-max{
        max-width: none;
    }
}

@media(max-width:991.98px){
    
    .gx-lg-75{
        
        --bs-gutter-x: .75rem;
    }
}
@media(max-width:767.98px){
    
    .gx-md-75{
        
        --bs-gutter-x: .75rem;
    }
}
@media(max-width:575.98px){
    
    .gx-sm-75{
        
        --bs-gutter-x: .75rem;
    }
}
@media (min-width:480px) and (max-width:575.98px){
    
    .row-cols-xs-gutter{
        
        --bs-gutter-x:.75rem;
    } 
     .row-cols-xs-2>* {
         
        flex: 0 0 auto;
        width: 50%;
        
     
    }
    
}


.p-link {
    text-decoration: underline;
}

.form-check.form-switch .form-check-input {
    border-radius: 25px;
}
.suggest-a-change { 
    text-transform: none;
}
.required {
    color: red;
}

.collections-wrapper .collection-box .box-img img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}


.violent-content-warning-container { 
    position: relative;
}
.violent-content .slide-item img {
    filter: blur(5px);
}
.violent-content-subpages-Yes img {
    filter: blur(5px);
}
.violent-content-warning {
    display: none;
}
.violent-content .violent-content-warning {
    width: calc(100% - 40px);
    border-radius: 15px;
    display: block;
    position: absolute;
    top: 35px;
    left: 20px;
    z-index: 100;
    color: white;
    font-size: 24px;
    text-align: center;
    background: rgba(0,0,0,0.7);
    padding: 15px 5px;
}
.violent-content-btn {
    border: 1px solid var(--theme-color);
    background-color: #fff;
    color: black;
    border-radius: 20px;
    font-size: 20px;
    padding: 5px 20px;
    margin-top: 20px;
}

.video-js {
    min-height: 450px;    
}
.vjs-poster {
    min-height: 450px;
    object-fit: cover;
}
.archive-item-area .collection-box {
    background-color: var(--clr-gray-light);
    border-radius: var(--border-r-4);
    padding: var(--box-px-sm-res)!important;
}