/*==================================================
   Page - Font size
==================================================*/  

:root {
    --fs-36:2.25em;
    --fs-30:1.875em;
    --fs-26:1.625em;
    --fs-22:1.375em;
    --fs-18:1.125em;
    --fs-16:1em;
    --fs-15:0.95em;
    --fs-14:0.875em; 
    --fs-12:0.75em; 

    --h1:var(--fs-36);
    --h2:var(--fs-30);
    --h3:var(--fs-26);
    --h4:var(--fs-26);
    --h5:var(--fs-22);
    --h6:var(--fs-22);
}

.font-level-1 body{
    font-size:16px;
}
.font-level-2 body{
    font-size:18px;
}
.font-level-3 body{
    font-size:20px;
}

@media (max-width:575px) {
    :root{
        --fs-26: 1.45em;
    }
}

/* body{
    font-size: 16px;
} */

/*==================================================
   Page - greyscale
==================================================*/  
 
.page-greyscale{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}

/*==================================================
   Page - Root
==================================================*/  
.page-theme:root{ 
    --bs-body-color:var(--body-color);
    --main-blue:var(--body-color);
    --yellow:var(--body-color);
    --white:var(--body-color);;
    --title:var(--body-color);
    --body:var(--body-color);
    --medium-gray:var(--body-color);
    --light-gray:var(--body-color);
    --light:var(--body-color); 
     --stroke:var(--border-color);

    /* --light:var(--body-color-secondary);
    --stroke:var(--border-color);
    --toppage-bg:var(--theme-bg);
    --white:var(--body-color-secondary); */
} 
.page-contrast:root{
    --body-color: #fff;
    --body-color-secondary: #000;  
    --border-color:#fff; 
    --theme-bg:#000; 
    --theme-bg-secondary:#fff;  
}

.page-negative-contrast:root{
    --body-color:yellow;
    --body-color-secondary: #000;  
    --border-color:yellow; 
    --theme-bg:#000; 
    --theme-bg-secondary:yellow; 
}

.page-bright:root{
    --body-color:#000;
    --body-color-secondary: #fff;  
    --border-color:#000; 

    --theme-bg:#fff; 
    --theme-bg-secondary:#000; 
}
/*==================================================
   Page - theme
==================================================*/  
.page-theme .header{
    background-color:var(--theme-bg);
    border-bottom: 1px solid var(--border-color);
}

.page-theme .navbar-toppage,
.page-theme .navbar-menu{
    border-bottom: 1px solid var(--border-color);
    background-color: var(--theme-bg) !important;
}

.page-theme .nav-main > li > a{ 
    color: var(--body-color) !important;
}
.page-theme .nav-main > li > a:before{
    background-color: var(--body-color);
}
.page-theme .nav-main > li:hover > a, 
.page-theme .nav-main > li.active > a{
    background-color: transparent !important;
    text-decoration: underline;
}
.page-theme .arrow{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}
 
.page-theme .dropdown-menu{
    --bs-dropdown-bg: var(--theme-bg);
    --bs-dropdown-color:var(--body-color);
    --bs-dropdown-border-width:1px;
    --bs-dropdown-border-color:var(--border-color);

    border: 1px solid var(--bs-dropdown-border-color);
}
.page-theme  .dropdown-menu .nav a:hover{color: var(--body-color); text-decoration: underline;}
.page-theme .form-control, 
.page-theme .form-select, 
.page-theme .form-selects,
.page-theme .form-group.search .form-control{
    border-color: var(--border-color) !important;
    background-color: var(--theme-bg) !important;
}
.page-theme .h1, .page-theme .h2, .page-theme .h3, .page-theme .h4, .page-theme .h5, .page-theme .h6, .page-theme h1, .page-theme h2, .page-theme h3, .page-theme h4, .page-theme h5, .page-theme h6{
    color: var(--body-color) !important;
}

.page-theme .section{
    background-color: var(--theme-bg);
    border-bottom: 1px solid var(--border-color);
}
.page-theme .btn:not(.btn-menu){ 
    --bs-btn-border-width:1px;
    --bs-btn-border-color:var(--border-color);
    --bs-btn-color:var(--body-color);
    --bs-btn-bg:var(--theme-bg) ;
    --bs-btn-hover-bg: var(--bs-btn-bg);
    --bs-btn-hover-color:var(--bs-btn-color);
    --bs-btn-hover-border-color:var(--bs-btn-hover-color);
    --bs-btn-active-color:var(--bs-btn-color);
}
.page-theme .btn-trans{
    border: 0 !important;
}
.page-theme .card{
    background-color: var(--theme-bg);
    border: 1px solid var(--border-color) !important;
    padding: 15px;
}
/* .page-theme .card .card-body{padding-bottom: 0;} */
.page-theme .card.card-border{padding: 0 !important;}
.page-theme .card-infos{
    background-color: var(--theme-bg);
    border: 1px solid var(--border-color);
}
.page-theme .text-warning{color:var(--body-color) !important;}
.page-theme .text-danger{color:var(--body-color)!important;}
.page-theme .text-success{color:var(--body-color)!important;}

.page-theme .badge{
    background-color: var(--theme-bg) !important;
    border: 1px solid var(--border-color);
    color: var(--body-color);
}

.page-theme .icons path[fill]{fill: var(--body-color) !important;}
.page-theme .swiper-service .card{top: 0 !important;}
.page-theme .swiper-button{
    --swiper-navigation-bg:var(--theme-bg);
    border: 1px solid var(--border-color);
}

.page-theme .swiper-service .swiper-pagination{margin-top: 15px;}

.page-theme .nav-tabs{
    --bs-nav-link-bg:var(--theme-bg);
    --bs-nav-link-hover-bg:var(--theme-bg-secondary);
    --bs-nav-tabs-link-active-bg:var(--theme-bg-secondary);

    --bs-nav-tabs-link-active-color:var(--body-color-secondary);
    --bs-nav-tabs-link-hover-color:var(--body-color-secondary);
    border-bottom-color: var(--border-color);
}
.page-theme .nav-tabs .nav-link{
    border: 1px solid var(--border-color);
    border-bottom: 0;
}
.page-theme .nav-tabs .nav-link.active{text-decoration: underline;}

.page-theme .nav-tabs .nav-link:focus .icons path[fill],
.page-theme .nav-tabs .nav-link:hover .icons path[fill],
.page-theme .nav-tabs .nav-link.active .icons path[fill]{fill: var(--body-color-secondary) !important;}
.page-theme .nav-tabs .nav-link:focus .icons path[stroke],
.page-theme .nav-tabs .nav-link:hover .icons path[stroke],
.page-theme .nav-tabs .nav-link.active .icons path[stroke]{stroke: var(--body-color-secondary) !important;}
@media (max-width: 991.98px) {
    .page-theme .nav-servie-tabs{margin-top: 20px;}
}
@media (max-width:670px) {
    .page-theme .nav-tabs .nav-link{
        border: 1px solid var(--border-color);
    }
}

.page-theme .section.pt-sm-0{padding-top: 20px !important;}
.page-theme .pagination .page-link{color: var(--body-color-secondary);}
.page-theme .title-bar,
.page-theme .alert{
    background-color:var(--theme-bg);
    border: 1px solid var(--border-color);
}
.page-theme .alert{
    color: var(--body-color);
}
.page-theme .footer{
    background-color: var(--theme-bg);
    --stroke: var(--border-color);
}

.page-theme .footer .text-light{color: var(--body-color) !important;}


.page-theme .card-tools{
    background-color: var(--theme-bg);
    border: 1px solid var(--border-color);
}
.page-theme .card-tools .nav li.active, 
.page-theme .card-tools .nav li:hover{
    background-color: var(--theme-bg-secondary);  
}

.page-theme .card-tools .nav li.active h3, 
.page-theme .card-tools .nav li:hover h3{
    color: var(--body-color-secondary) !important;
    background-color: var(--theme-bg-secondary);  
}

.page-theme .card-tools .icons path{fill: var(--body-color);}
.page-theme .card-tools .nav li:hover .icons path,
.page-theme .card-tools .nav li.active .icons path{fill: var(--body-color-secondary) !important;}

.page-theme .card-tools .btn-close{
    background-color:var(--theme-bg);
    border: 1px solid var(--border-color);
}
.page-theme .button-fixed .icons{
    background-color: var(--theme-bg);
    border: 1px solid var(--body-color);
}
.page-theme .button-fixed .icons svg path{fill:var(--body-color)}

.page-theme .bg-light,
.page-theme .bg-blue-light{
    background-color:var(--theme-bg) !important;
}
.page-theme .page-fontsize > span {
    background-color: var(--theme-bg);
    color: var(--body-color);
}

.page-theme  .page-fontsize > span:hover, 
.page-theme  .page-fontsize > span.active{
    background-color: var(--theme-bg-secondary);
    color: var(--body-color-secondary);
}

.page-theme .swiper-button{color: var(--body-color);}

.page-theme .modal{
    --bs-modal-bg:var(--body-color-secondary);
    --bs-modal-border-width:1px;
}
.page-theme .nav-tabs-underline{
    --bs-nav-tabs-link-active-color:var(--body-color-secondary);
    --bs-nav-tabs-link-active-bg:var(--body-color);

    border-bottom-color: var(--border-color);
}

.page-theme .navbar-slider{
    background-color: var(--theme-bg);
    --stroke:var(--border-color)
}
.page-theme .nav-slider{
    --nav-sub-color:var(--body-color);
}
.page-theme .login-item{
    background-color: var(--theme-bg);
}
.page-theme .btn-close{
    --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") 
}
.page-theme .btn-close.white{
    --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") 
}
.page-theme .link-primary{color: var(--body-color) !important;}

/*==================================================
   page-negative-contrast 
==================================================*/ 

.page-negative-contrast .arrow{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FFFF00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

.page-negative-contrast .card-tools .card-header{
    border-bottom-color: var(--border-color);
}

.page-negative-contrast .btn-close{
    --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFF00'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
}

.page-negative-contrast .btn-close.white{
    --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFF00'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") 
}
/*==================================================
   page-negative-contrast 
==================================================*/ 

.page-bright .arrow{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}
.page-bright .card-tools .btn-close{
    background: var(--theme-bg) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/9px auto no-repeat;
}
.page-bright .card-tools .card-header{
    border-bottom-color: var(--border-color);
}

.page-bright  .btn-close{
    --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
}
.page-bright  .btn-close.white{
    --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") 
}
.page-link-underline a{
    text-decoration: underline;
}