/* font */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');
/* variable */
:root {

    /* =========================================
       FONTS
    ========================================= */

    --alt-font: "Plus Jakarta Sans", sans-serif;
    /* --primary-font: "Outfit", sans-serif; */
    --primary-font: var(--alt-font);

    /* =========================================
       MAIN BRAND COLORS
    ========================================= */

    --base-color: #153D8C;
    --white: #ffffff;
    --black: #000000;
    --gredient-blue: linear-gradient(135deg,#003B5C,#005B96);

    /* =========================================
       STATUS COLORS
    ========================================= */

    --red: #EF4444;
    --light-red: #FEEDEC;
    --green: #22C55E;
    --yellow: #F4B400;

    /* =========================================
       TEXT COLORS
    ========================================= */

    --dark-gray: #0F172A;
    --medium-gray: #64748B;
    --light-gray: #eee;

    /* =========================================
       BORDER & LIGHT COLORS
    ========================================= */

    --extra-medium-gray: #e4e4e4;
    --light-medium-gray: #eaeaeb;
    --very-light-gray: #F5F9FC;

    /* =========================================
       SIDEBAR / DARK UI
    ========================================= */

    --charcoal-blue: #003B5C;
    --slate-blue: #0A4D78;
    --medium-slate-blue: #1A7FA8;
    --extra-medium-slate-blue: #1E293B;
    --dark-slate-blue: #111827;
    --extra-dark-slate-blue: #0B1120;
    --extra-very-slate-blue: #020617;

    /* =========================================
       BRAND SUPPORT COLORS
    ========================================= */

    --tussock-yellow: #F4B400;
    --aluminium-grey: #80858F;
    --solitude-blue: #F0F7FD;
    --golden-yellow: #F4B400;
    --selago: #EAF4FF;
    --white-ice: #D8F5EF;
    --cornflower-blue: #005B96;
    --jade: #22C55E;
    --orange: #F59E0B;
    --majorelle-blue: #005B96;
    --light-majorelle-blue: #EAF4FF;
    --spring-wood: #F8FAFC;
    --tropical-blue: #1A7FA8;
    --camarone: #20642B;
    --seal-brown: #0E0708;
    --Wasabi: #8EA63A;
}
/* reset */
body {
    font-size: 14px;
    line-height: 1.8em;
    color: var(--dark-gray);
}
.gredient-blue {
    background: var(--gredient-blue) !important;
}
.text-light-base-color {
    color: var(--light-majorelle-blue);
}
.bg-light-gray {
    background-color: var(--light-gray);
}
.btn-link {
    --bs-btn-color: var(--base-color);
}
@media (max-width: 767px) {
    .btn {
        font-size: 13px;
    }
}
.pt-0 {
    padding-top: 0 !important;
}
/* input placeholder color */
::-webkit-input-placeholder {
    color: #4F5864 !important;
    text-overflow: ellipsis;
}
::-moz-placeholder {
    color: #4F5864 !important;
    text-overflow: ellipsis;
    opacity:1;
}
:-ms-input-placeholder {
    color: #4F5864 !important;
    text-overflow: ellipsis;
    opacity:1;
}
.placeholder-medium-gray::-webkit-input-placeholder {
    color: var(--white) !important;
    text-overflow: ellipsis;
    opacity:0.7;
}
.placeholder-medium-gray::-moz-placeholder {
    color: var(--white) !important;
    text-overflow: ellipsis;
    opacity:0.7;
}
.placeholder-medium-gray:-ms-input-placeholder {
    color: var(--white) !important;
    text-overflow: ellipsis;
    opacity:0.7;
}
/* input placeholder color */
input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: var(--medium-gray) !important;
    text-overflow: ellipsis;
    opacity:1;
}
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    color: var(--medium-gray) !important;
    text-overflow: ellipsis;
    opacity:1;
}
input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder  {
    color: var(--medium-gray) !important;
    text-overflow: ellipsis;
    opacity:1;
}
/* input */
.input-small, .textarea-small, .select-small {
    font-size: 15px;
}
@media (max-width: 767px) {
    .input-small, .textarea-small, .select-small {
        font-size: 13px;
    }
}
/* Width */
@media (min-width: 992px) {
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
}
@media (max-width: 1199px) {
    .lg-p-25px {
        padding: 25px !important;
    }
    .lg-ps-50px {
        padding-left: 50px !important;
    }
    .lg-ps-15px {
        padding-left: 15px !important;
    }
    .lg-mb-30px {
        margin-bottom: 30px !important;
    }
    .lg-mb-20px {
        margin-bottom: 20px !important;
    }
}
@media (max-width: 991px) {
    .md-w-80 {
        width: 80% !important;
    }
    .md-mb-25px {
        margin-bottom: 25px !important;
    }
    .md-mb-20px {
        margin-bottom: 20px !important;
    }
    .md-mb-30px {
        margin-bottom: 30px !important;
    }
    .md-mb-40px {
        margin-bottom: 40px !important;
    }
    .md-mb-50px {
        margin-bottom: 50px !important;
    }
    .md-pe-15px {
        padding-right: 15px !important;
    }
    .md-fs-100 {
        font-size: 100px !important;
    }
    .md-fs-22 {
        font-size: 22px !important;
        line-height: 1.4em !important;
    }
    .order-md-1 {
        order: 1;
    }
    .small-screen {
        height: inherit !important;
        min-height: 250px;
    }
    .mt-md-30px {
        margin-top: 30px !important;
    }
    .md-p-15px {
        padding: 15px !important;
    }
}
@media (max-width: 767px) {
    .sm-w-95 {
        width: 95% !important;
    }
    .sm-w-100 {
        width: 100% !important;
    }
    .sm-mb-10px {
        margin-bottom: 10px !important;
    }
    .sm-mb-10px {
        margin-bottom: 10px !important;
    }
    .sm-mb-20px {
        margin-bottom: 20px !important;
    }
    .sm-mb-30px {
        margin-bottom: 30px !important;
    }
    .sm-mb-35px {
        margin-bottom: 35px !important;
    }
    .sm-mb-40px {
        margin-bottom: 40px !important;
    }
    .sm-left-minus-15px {
        left: 15px;
    }
    .sm-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .sm-px-15px {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .sm-p-20px {
        padding: 20px !important;
    }
    .sm-fs-12 {
        font-size: 12px !important;
        line-height: 1.4em;
    }
    /* Product Cart */
    .cart-products thead {
        display: none;        
    }
    .cart-products tbody tr td {
        padding: 0;
        border: 0;
        clear: both;
        margin: 0 0 15px 0;
        line-height: 1.5em;
        display: block !important;
        text-align: right!important;
    }
    .cart-products tbody tr td:last-child {
        margin-bottom: 0;
    }
    .cart-products tbody tr td::before {
        content: attr(data-title) !important;
        font-weight: 500 !important;
        float: left !important;
        display: block !important;
        color: var(--dark-gray);
        font-size: 15px;
    }
    .cart-products tbody tr {
        border-bottom: 1px solid var(--extra-medium-gray);
        position: relative;
        display: block;
        padding-left: 95px;
        padding-bottom: 30px;
        background: none;
        margin-bottom: 30px;
        overflow: hidden;
        display: block !important;
        min-height: 100px;
    }
    .cart-products tbody tr:last-child {
        margin-bottom: 0;
    }
    .cart-products tbody tr .product-remove {
        width: 20px;
        position: absolute;
        right: 0;
        margin: 0;
        padding: 0;
        text-align: right !important;
        top: 5px;
        z-index: 11;
    }
    .cart-products tbody tr .product-remove a {
        line-height: 13px;
        width: 20px;
        height: 20px;
        display: block;
        text-align: center;
    }
    .cart-products tbody tr .product-thumbnail {
        position: absolute;
        left: 0;
        width: 80px;
        display: inline-block;
        top: 0;
        overflow: hidden;
        text-align: left !important;
    }
    .cart-products tbody tr .product-name {
        text-align: left !important;
        padding-right: 25px;
        margin-bottom: 15px;
    }
    .cart-products tbody tr td.product-quantity:before {
        margin-top: 8px;
    }
    .cart-products tbody tr .product-remove::before,
    .cart-products tbody tr .product-thumbnail::before,
    .cart-products tbody tr .product-name::before {
        display: none;
    }
    .product-name a {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .product-price {
        font-size: 14px !important;
    }
    .product-subtotal {
        font-size: 16px !important;
        color: var(--base-color) !important;
        font-weight: 600;
    }
    .process-step-style-02 .progress-step-separator, .process-step-style-03 .progress-step-separator, .process-step-style-04 .progress-step-separator {
        display: none;
    }
    .video-icon-extra-large .video-icon {
        width: 70px;
        height: 70px;
    }
    .video-icon-extra-large .video-icon i {
        margin-left: 0 !important;
    }
    .form-control, .form-select, input, select, textarea {
        padding: 10px 15px;
        font-size: 12px;
    }
}
@media (max-width: 575px) {
    .xs-w-100 {
        width: 100% !important;
    }
    .xs-mb-10px {
        margin-bottom: 10px !important;
    }
    .xs-mb-20px {
        margin-bottom: 20px !important;
    }
    .xs-mb-30px {
        margin-bottom: 30px !important;
    }
    .xs-mb-35px {
        margin-bottom: 35px !important;
    }
    .xs-mb-40px {
        margin-bottom: 40px !important;
    }
    .xs-fs-18 {
        font-size: 18px !important;
    }
    .xs-fs-14 {
        font-size: 14px !important;
    }
    .xs-fs-30 {
        font-size: 30px !important;
        line-height: 1.1em !important;
    }
    .xs-ms-15px {
        margin-left: 15px !important;
    }
    .xs-me-15px {
        margin-right: 15px !important;
    }
    .xs-mt-20px {
        margin-top: 20px !important;
    }
    .product-info .quantity {
        margin-right: auto !important;
    }
    .product-info .wishlist {
        position: absolute;
        top: 0;
        right: 0;
    }
    .product-info .btn-cart {
        width: 100%;
    }
    .grid.xs-grid-2col li {
        width: 50% !important;
    }
    .alert {
        padding: 15px;
        font-size: 11px;
    }
}
/* header */
.header-icon .icon .header-cart>a, .header-icon .icon .header-language>a {
    padding-left: 25px;
}
header.sticky.sticky-active [data-header-hover=light] {
    background-color: var(--white) !important;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
}
header .navbar-brand {
    padding: 15px 0;
}
header .navbar-brand img {
    max-height: 42px;
}
.header-cart-icon .cart-count {
    font-size: 9px;
    right: -10px;
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu {
    border-radius: 5px;
}
.navbar .navbar-nav .nav-link {
    font-weight: 600;
}
.submenu-light .navbar-brand .default-logo, header.sticky.sticky-active .navbar-brand .default-logo {
    visibility: visible;
    opacity: 1;
    width: auto;
}
@media (max-width: 1400px) {
    .navbar .navbar-nav .nav-link {
        font-size: 14px;
        padding: 0 15px;
    }
}
@media (max-width: 1199px) {
    .navbar .navbar-nav .nav-link {
        font-size: 12px;
        padding: 0 10px;
    }
}
@media (max-width: 991px) {
    .menu-order {
        order: 1;
        align-items: center;
    }
    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: var(--white);
        overflow: hidden;
        box-shadow: 0 20px 15px 0 rgba(23, 23, 23, .05);
        max-height: calc(100vh - 72px);
        border-top: 1px solid #ddd;
    }
    .navbar .navbar-collapse.show, .navbar-full-screen-menu-inner .navbar-collapse.show, .navbar-modern-inner .navbar-collapse.show {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .navbar .navbar-nav .nav-link, .navbar-full-screen-menu-inner .navbar-nav .nav-link, .navbar-modern-inner .navbar-nav .nav-link {
        padding: 15px !important;
        font-size: 18px;
    }
    header .navbar [class*=col-] .navbar-nav .nav-item {
        justify-content: center;
    }
}
@media (max-width: 575px) {
    header .container-fluid {
        padding: 0 15px;
    }
    header .navbar-brand img {
        max-height: 26px;
    }
}
.navbar .navbar-nav .submenu-content ul .sub-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}
.navbar .navbar-nav .dropdown .dropdown-menu a {
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 4px;
    border-color: transparent;
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu li a {
    padding-bottom: 10px;
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu {
    width: 275px;
    padding: 30px 0;
}
.navbar .navbar-nav .nav-link .label {
    font-size: 10px;
}
.header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a {
    font-size: 14px;
}
.header-cart-icon .header-cart .cart-item-list .cart-item .product-detail .item-ammount {
    font-size: 13px;
    line-height: 24px;
}
@media (min-width: 1199px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
}
/* heading */
.page-title-extra-large h1 {
    line-height: 1.2em;
}
@media (max-width: 991px) {
    .sm-fs-100 {
        font-size: 100px;
        line-height: 1.1em;
    }
}
@media (max-width: 767px) {
    .xs-fs-12 {
        font-size: 12px;
    }
}
.shop-sidebar .shop-filter li .item-qty {
    font-size: 10px;
    font-weight: 600;
}
.pagination-style-01 .page-item.active .page-link, .pagination-style-01 .page-item .page-link:hover {
    background: var(--dark-gray);
    color: var(--white);
}
.pagination-style-01 .page-item:first-child .page-link, .pagination-style-01 .page-item:last-child .page-link {
    background: transparent;
    box-shadow: none !important;
    color: var(--medium-gray);
}
.pagination-style-01 .page-item:first-child .page-link:hover, .pagination-style-01 .page-item:last-child .page-link:hover {
    color: var(--dark-gray);
}
section, footer {
    padding-top: 100px;
    padding-bottom: 100px;
}
/* btn */
.btn.btn-switch-text.btn-very-small > span {
    padding: 6px 12px;
}
.btn.btn-switch-text.btn-small > span {
    padding: 8px 16px;
}
.btn.btn-switch-text.btn-medium > span {
    padding:10px 20px;
}
.btn.btn-switch-text.btn-large > span {
    padding: 12px 24px;
}
.btn.btn-switch-text.btn-extra-large > span {
    padding: 16px 32px;
}
.btn {
    text-transform: inherit;
    letter-spacing: 0;
}
.btn.btn-extra-large {
    font-size: 16px;
}
.btn.btn-large {
    font-size:15px;
}
@media (max-width: 767px) {
    .btn.btn-large {
        padding: 12px 20px;
    }
}
.btn.btn-medium {
    font-size: 14px;
    padding: 12px 30px;
}
@media (max-width: 767px) {
    .btn.btn-medium {
        padding: 12px 20px;
    }
}
.btn.btn-small {
    font-size: 13px;
    padding: 8px 22px;
}
.btn.btn-very-small {
    font-size: 12px;
}
.btn-outline-base-color {
    color: var(--base-color);
    border-color: var(--base-color);
}
.btn-outline-base-color:hover, .btn-outline-base-color:focus {
    color: var(--white);
    background-color: var(--base-color);
    border-color: var(--base-color);
}
.btn-success:hover, .btn-success:focus {
    color: var(--success);
}
/* text color */
.text-blue-whale {
    color: #0C1623;
}
/* bg color */
.bg-blue-whale {
    background-color: #0C1623 !important;
}
.bg-blue-tangaroa {
    background-color: #18222E !important;
}
.bg-transparent-base-color-light {
    background-color: rgba(27, 50, 80,.2);
}
.bg-transparent-base-color {
    background-color: rgba(27, 50, 80,.8);
}
.bg-gradient-base-transparent {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(22, 32, 44, 1)), to(transparent));
    background-image: linear-gradient(to top, rgba(22, 32, 44, .9) 8%, transparent 80%);
}
.bg-light {
    background-color: #eaf4ff !important;
}

/* Spacing */
@media (max-width: 767px) {
    .xs-p-10px {
        padding: 10px !important;
    }
    .xs-p-20px {
        padding: 20px !important;
    }
    .xs-p-25px {
        padding: 25px !important;
    }
    .xs-p-30px {
        padding: 30px !important;
    }
    .xs-p-40px {
        padding: 40px !important;
    }
}
/* tab style 04 */
.tab-style-04 .nav-tabs .nav-item .nav-link {
    line-height: 50px;
}
/* progress bar 02 */
.progress-bar-style-02 .progress {
    height: 10px; 
}
/* contact form style 03 */
.contact-form-style-03 .form-group.form-textarea .form-icon {
    top: 20px;
}
.terms-condition-box .box:before {
    border-color: #999;
    top: 4px;
}
/* tab style 07 */
.tab-style-07 .nav-tabs .nav-item .nav-link {
    padding: 17px 30px;
}

/* Accordion */
.accordion-toggle[aria-expanded="true"] i {
    transform: rotate(180deg);
}

/* footer */
footer {
    font-size: 15px;
    line-height: 26px;
}
footer .footer-logo img {
    max-height: 36px;
}
.footer-dark a:hover {
    color: var(--white);
}
.newsletter-style-02 input {
    font-size: 14px;
    padding-right: 60px !important;
}
footer ul li {
    margin-bottom: 2px;
}
/* tooltip */
.tooltip.show {
    opacity: 1;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--dark-gray);
    top: -2px;
}
.tooltip .tooltip-inner {
    background-color: var(--dark-gray);
    border-radius: 3px;
    font-size: 10px;
    text-transform: uppercase;
    padding: 5px 10px;
    font-weight: 500;
}
/* media query responsive */
@media (max-width: 1300px) {
    .sticky-wrap.shadow-in {
        left: 10px;
    }
}
@media (max-width: 991px) {
    section, footer {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .tab-style-04 .nav-tabs .nav-item {
        padding: 0 20px;
    }
    .navbar .navbar-nav .dropdown .dropdown-menu a, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu a, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu a {
        line-height: 22px;
    }
    .navbar .navbar-nav .dropdown .dropdown-menu .mega-menu ul, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu .mega-menu ul, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu .mega-menu ul {
        padding: 20px 0 0;
    }
    .navbar .navbar-nav .simple-dropdown .dropdown-menu {
        width: 100%;
        padding: 0 15px 15px;
    }
}
@media (max-width: 767px) {
    section, footer {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .tab-style-04 .nav-tabs .nav-item .nav-link {
        line-height: 35px;
    }
}
/* Revolution slider */
.navigation-arrow .tp-parallax-wrap {
    top:inherit !important;
    bottom: 115px !important;
    margin-left: 30px!important;
}
@media (max-width: 1080px) and (min-width: 1024px){
    .product-image-layer {left: 100px;}
}
@media (max-width: 1400px) and (min-width: 1024px) {
    .right-image-layer {right: -200px;}
}
@media (max-width: 991px) and (min-width: 778px) {
    #decor-store-slider_forcefullwidth, #decor-store-slider_wrapper {height: 650px !important;}
    .navigation-arrow .tp-caption { min-height: 90px!important; max-height: 90px!important;}
    .navigation-arrow .tp-parallax-wrap {top:inherit !important; bottom: 90px !important;margin-left: 30px!important;}
}
@media (max-width: 777px){
    .navigation-arrow .tp-parallax-wrap {
        top:inherit !important;
        bottom: 80px !important;
        margin-left: 0!important;
    }
}
@media (max-width: 650px) {
    #decor-store-slider_forcefullwidth, #decor-store-slider_wrapper {height: 750px !important;}
    .navigation-arrow .tp-caption { min-height: 90px!important; max-height: 90px!important;}
    .navigation-arrow .tp-parallax-wrap {top:inherit !important; bottom: 90px !important;margin-left: 30px!important;}
}
@media (max-width: 479px) {
    footer .elements-social.social-icon-style-01 li, footer .elements-social.social-icon-style-02 li, footer .elements-social.social-icon-style-05 li, footer .elements-social.social-icon-style-08 li {
        margin: 0 18px 0 0;
    }
}
@media  (max-width: 991px) and (orientation: landscape) {
    #decor-store-slider_forcefullwidth, #decor-store-slider_wrapper {height: 600px !important;}
    .product-image-layer {width: 600px!important;min-width: 600px!important;max-width: 600px!important; height: auto !important; left: 30px;}
    .shop-button {font-size: 11px!important; padding: 8px 18px 8px 10px!important;}
    .right-image-layer {width: 800px!important; min-width: 800px!important; max-width: 800px!important;}
    .left-column {padding-top: 100px!important;}
    .navigation-arrow .tp-parallax-wrap {z-index: 999999 !important;}
}
@media  (max-width: 991px) and (min-width: 844px) and (orientation: landscape) {
    .right-image-layer {width: 300px!important; min-width: 300px!important; max-width: 300px!important;}
    .rev_row_wrap {width: 60% !important; left: 20% !important; padding-top: 0px!important;}
    .left-column {min-height: 300px !important; max-height: 300px !important;height: 300px !important;}
}

/* =========================================
   Dashboard
========================================= */

.dashboard-sidebar{
    padding: 20px 15px;
    position: sticky;
    top: 120px;
}

.sidebar-user{
    padding-bottom: 10px;
    border-bottom: 1px solid var(--extra-medium-gray);
    margin-bottom: 15px;
}

.sidebar-user img{
    width: 110px;
    height: 110px;
    object-fit: cover;
    border: 5px solid var(--light-majorelle-blue);
}

.wallet-card{
    padding: 10px 25px;
    margin-bottom: 30px;
    background: linear-gradient(135deg,#003B5C,#005B96);
}

.sidebar-menu ul li a{
    display: flex;
    gap: 10px;
    padding: 10px 18px;
    border-radius: 8px;
    color: var(--dark-gray);
    font-size: 15px;
    line-height: 1.6em;
    font-weight: 500;
    transition: all .3s ease;
}

.sidebar-menu ul li a i{
    font-size: 18px;
}

.sidebar-menu ul li a:hover{
    background: var(--light-majorelle-blue);
    color: var(--base-color);
}

.sidebar-menu ul li.active a{
    background: var(--base-color);
    color: var(--white);
}

/* Mobile */

@media (max-width: 991px){

    .dashboard-sidebar{
        margin-top: 0;
        position: relative;
        top: 0;
        margin-bottom: 30px;
    }

}

.quick-action-box{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:30px 20px;
    border-radius:12px;
    background:var(--light-majorelle-blue);
    transition:.3s;
    gap:12px;
}

.quick-action-box:hover{
    background:var(--base-color);
    transform:translateY(-5px);
}

.quick-action-box:hover i,
.quick-action-box:hover span{
    color:#fff;
}

.quick-action-box i{
    font-size:28px;
    color:var(--base-color);
}

.quick-action-box span{
    font-size:15px;
    font-weight:600;
    color:var(--dark-gray);
}
@media (max-width: 767px) {
    .quick-action-box {
        padding: 15px 10px;
    }
    .quick-action-box span {
        font-size: 12px;
        line-height: 1.4em;
    }
}

/* =========================================
   Team Growth
========================================= */

.custom-progress-bar{
    width:100%;
    height:12px;
    background:#E5E7EB;
    border-radius:50px;
    overflow:hidden;
    position:relative;
}

.custom-progress-fill{
    width:70%;
    height:100%;
    border-radius:50px;
    background:linear-gradient(90deg,#005B96,#00AEEF);
}

.rank-box{
    background:#F8FBFF;
    border-radius:12px;
    padding:20px;
}

/* Recent Activity */
.scrollbar_recent {
    max-height: 288px;
    overflow: auto;
}

/* Orgchart Table */
.google-visualization-orgchart-table {
    width: 100% !important;
}
.google-visualization-orgchart-node {
    font-family: var(--primary-font) !important;
}
.google-visualization-orgchart-nodesel {
    background: var(--base-color) !important;
    color: #fff !important;
    border-color: var(--base-color) !important;
}
.google-visualization-orgchart-table * {
    font-size: 13px !important;
}
@media (max-width: 767px) {
    .google-visualization-orgchart-table * {
        font-size: 11px !important;
        line-height: normal;
    }
}

/* Hero Section navigation */
.swiper-horizontal>.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {
    bottom: 15px;
}

/* Shop */
.shop-modern {
    height: inherit !important;
}
.shop-box {
    height:100%;
}
.shop-image {
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background-color: #f5f5f5;
    border-radius: 10px;
}
.shop-image img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:280px;
    object-fit:contain;
    transition:.4s;
}
.shop-box .price {
    font-size: 20px;
    color: var(--base-color);
    font-weight: 600;
}
.shop-sidebar .shop-filter li .product-cb:after {
    background-color: var(--base-color);
}
.shop-sidebar .shop-filter li a.active .product-cb:after {
    opacity: 1;
}
.shop-sidebar .shop-filter li a:hover .product-cb, .shop-sidebar .shop-filter li a.active .product-cb {
    border-color: var(--base-color);
}

.shop-box .btn.btn-white {
    font-weight: 600;
    text-transform: uppercase;
}
.shop-box .btn.btn-white:hover, .shop-box .btn.btn-white.active {
    background-color: var(--base-color);
    color: #fff;
    border-color: var(--base-color);
}

.shop-footer a {
    color: var(--text-color);
}
.shop-footer a:hover {
    color: var(--base-color);
}

/* Add to cart */
.total-price-table td, .total-price-table th {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Product List */
.product-card {
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}

/* Limit description to 2 lines with ellipsis */
.product-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 40px;
}

.quick-view-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.product-card:hover .quick-view-btn {
    opacity: 1;
}

.quick-view-btn:hover {
    background: var(--base-color) !important;
}

.quick-view-btn:hover i {
    color: #fff !important;
}

/* Product Page */
.tab-style-04 .nav-tabs .nav-item {
    padding: 0 10px;
}
.tab-style-04 .nav-tabs .nav-item .nav-link {
    background-color: #f5f5f5;
    padding: 0 20px;
}
.related-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #c4c4c4;
    opacity: 1;
    transition: all 0.3s ease;
}

.related-pagination .swiper-pagination-bullet-active {
    background: var(--base-color);
    width: 25px;
    border-radius: 5px;
}
@media (min-width: 992px) {
    .product-info {
        padding-left: 50px;
    }
}
@media (max-width: 991px) {
    .tab-style-04 .nav-tabs {
        gap: 10px;
        padding-bottom: 10px;
    }
    .tab-style-04 .nav-tabs .nav-item {
        padding: 0;
    }
    .tab-style-04 .nav-tabs .nav-item .nav-link {
        font-size: 12px;
        padding: 0 10px;
        border-radius: 5px;
    }
}

/* Testimonials Page */
.blog-filter-btn.active {
    background-color: var(--base-color);
    color: #fff;
    border-color: var(--base-color);
}

.pagination .page-item.disabled {
    pointer-events: none;
    opacity: 0.5;
}

/* Table */
@media (max-width: 767px) {
    .table:not(.cart-products)>:not(caption)>*>* {
        font-size: 11px;
    }
}

/* Copy button animation */
.copy-btn {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    min-width: 100px;
}

.copy-btn.copied {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.copy-content {
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}

.copy-btn.copied .copy-content {
    animation: bounce 0.5s ease;
}

@keyframes bounce {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}

/* Ripple effect */
.copy-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.copy-btn.copied::before {
    width: 300px;
    height: 300px;
    opacity: 0;
}

/* Success Toast */
.copy-toast {
    position: absolute;
    top: -45px;
    right: 0;
    background: #28a745;
    color: #fff;
    padding: 8px 15px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
    pointer-events: none;
    white-space: nowrap;
    z-index: 10;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.copy-toast::after {
    content: "";
    position: absolute;
    bottom: -5px;
    right: 20px;
    width: 10px;
    height: 10px;
    background: #28a745;
    transform: rotate(45deg);
}

.copy-toast.show {
    opacity: 1;
    transform: translateY(0);
}

/* Input highlight animation */
.input-highlight {
    animation: highlightInput 0.6s ease;
}

@keyframes highlightInput {
    0% { background-color: #fff; }
    50% { background-color: #d4edda; }
    100% { background-color: #fff; }
}

/* Progress */
.progress-bar-style-01 .progress .progress-bar-percent {
    bottom: 8px;
}