:root {
    --primerycolor: #176380;
    --gprimerycolor: #176380;
    --primerycolorrgb: rgba(23,99,128,.9);
    --primerycolorrgblight: rgba(23,99,128,.15);
    --primerycolorrgbmedlight: rgba(23,99,128,.4);
    --primerycolordark: #114e65;
    --primerycolorlight: #3a8fae;
    --primerycolorverylight: #f5fcfe;
    --seconderycolor: #ecb802;
    --seconderycolordark: #cfa200;
    --seconderycolorlight: #ffcf27;
    --thirdcolor: #22a3e4;
    --textcolor: #2D2E4A;
    --textcolormed: #555;
    --textcolordark: #151736;
    --textcolorlight: #888;
    --gtextcolor: #444;
    --gtextcolormed: #555;
    --gtextcolordark: #151736;
    --gtextcolorlight: #888;
    --bgcolor: #fff;
    --bgcolorlight: #fff;
    --bgcolormed: #eee;
    --bgcolormedlight: #f9f9f9;
    --bgcolordark: #ccc;
    --lightred: #c70008;
    --brediushuge: 25px;
    --brediusbig: 12.5px;
    --brediusmedium: 8px;
    --brediussmall: 5px;
    --brediustiny: 3px;
}

[data-theme="dark"] {
    --primerycolor: #0a4c89;
    --gprimerycolor: #0a4c89;
    --primerycolorrgb: rgba(23,99,128,.9);
    --primerycolorrgblight: rgba(23,99,128,.15);
    --primerycolorrgbmedlight: rgba(23,99,128,.4);
    --primerycolordark: #083c6c;
    --primerycolorlight: #1e75bc;
    --seconderycolor: #ecb802;
    --seconderycolordark: #cfa200;
    --seconderycolorlight: #ffcf27;
    --thirdcolor: #22a3e4;
    --textcolor: #eee;
    --textcolormed: #ddd;
    --textcolordark: #ccc;
    --textcolorlight: #fff;
    --bgcolor: #222;
    --bgcolorlight: #333;
    --bgcolormed: #111;
    --bgcolormedlight: #222;
    --bgcolordark: #000;
    --lightred: #c70008;
    --brediushuge: 25px;
    --brediusbig: 15px;
    --brediusmedium: 8px;
    --brediussmall: 5px;
    --brediustiny: 3px;
}
/* ===================== dont replace ========================*/

/* color */
body.home header:not(.fixed-header) {
    box-shadow: none;
}

.modal-dialog .newmodal .modal-pic {
    background-color: #fff;
}

img[data-src] {
    max-height: 100px;
    aspect-ratio: 1 / 1;
    margin-left: auto;
    margin-right: auto;
    width: unset !important;
}

.list-group-item.current {
    border-bottom-color: var(--primerycolordark);
}

.top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket img {
    max-height: 70px;
    margin: 0 !important;
}

.btn-primary {
    background: var(--primerycolordark);
}

.btn-secondery, .btn-secondary {
    background: var(--seconderycolordark);
}


.listView .product .product-ex-btns {
    padding-top: 0;
}

.products-List .product .product-image .tag-parrent {
    top: -12px;
    right: -12px;
}

.swiper-slide .product .product-image .tag-parrent {
    top: -16px;
    right: -16px;
    border-radius: 0 6px 0 6px;
    overflow: hidden;
}

.swiper-slide .product .product-image .tag {
    margin: 0 !important;
}

    .swiper-slide .product .product-image .tag:first-child {
        border-radius: 0 6px 0 0
    }

    .swiper-slide .product .product-image .tag:last-child {
        border-radius: 0 0 0 6px
    }

.btn-primary:hover {
    background: var(--primerycolor);
}

footer.footer {
    background: var(--primerycolor);
    border-radius: 15px 15px 0 0;
    color: #fff;
}

.footer .footer-logo .img-parent {
    overflow: unset !important
}

.footer .footer-logo img {
    max-height: 65px;
}

.footer .copyright-bar {
    background: transparent;
    padding: 0;
}

footer.footer .footer-bottom .module-title {
    color: var(--seconderycolorlight);
}

footer.footer .footer-bottom .module-body ul li a:not(.admin-edit) {
    color: #fff;
}

    footer.footer .footer-bottom .module-body ul li a:not(.admin-edit):hover {
        color: var(--seconderycolor);
    }

    footer.footer .footer-bottom .module-body ul li a:not(.admin-edit) .icon, footer.footer .footer-bottom .module-title .icon {
        color: var(--seconderycolorlight);
        fill: var(--seconderycolorlight);
    }

body.rtl footer.footer .footer-bottom .module-body ul li a {
    font-weight: 300;
    font-size: 1em;
}

.copyright-bar .copyright {
    color: var(--gtextcolor);
    background: #fff;
    padding: 10px;
    border-radius: 20px 20px 0 0;
    font-size: 1em;
}

    .copyright-bar .copyright a.box-style {
        display: none;
    }

.blog-page .blog-post p:first-child {
    margin-top: 0;
}

.blog-page .blog-post h3 a {
    color: var(--seconderycolor);
}

    .blog-page .blog-post h3 a:hover,
    .blog-page .blog-post h3 a:focus {
        color: var(--primerycolor);
    }

.blog-page.blog-detail .blog-post .overlay-title {
    display: none;
}

.main-header .logo-holder .img-parent,
header .main-header .logo-holder .img-parent img {
    max-height: 100px;
    width: 250px;
}

.polygon-tab .nav-item .nav-link {
    padding: calc(4px + .5vw) calc(12px + 1vw);
    min-width: 80px;
    font-weight: 600;
    position: relative;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    border: none;
    text-align: center;
    box-shadow: 0px 4px 8px rgba(0,0,0,.06);
    transition: all .3s linear 0s;
    color: #fff;
    background: var(--primerycolor)
}

    .polygon-tab .nav-item .nav-link.active {
        background: var(--seconderycolordark)
    }

    .polygon-tab .nav-item .nav-link * {
        display: inline-block;
        -webkit-transform: skew(20deg);
        -moz-transform: skew(20deg);
        -o-transform: skew(20deg);
        -ms-transform: skew(20deg);
    }

.custom-tab .tab-content {
    background: rgba(0,0,0,.2);
    color: #fff;
    border-radius: var(--brediusbig)
}

    .custom-tab .tab-content ul li {
        margin-bottom: 1em;
        font-size: calc(.9em + .15vw);
        font-weight: 300
    }

    .custom-tab .tab-content li .title::before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        transform: rotate(45deg);
        background-color: var(--seconderycolor);
        margin-left: 5px;
        vertical-align: middle;
    }

    .custom-tab .tab-content ul li .title {
        margin-bottom: .5em;
        color: var(--primerycolorverylight);
        font-weight: 500;
        font-size: 1em;
        margin-bottom: .5em;
    }

        .custom-tab .tab-content ul li .title.alt {
            font-weight: 500;
            color: var(--seconderycolor);
        }
/*
        .custom-tab .tab-content ul li .text{
           white-space:pre
        }*/

@media (max-width: 767px) {
    .main-header .logo-holder .img-parent, header .main-header .logo-holder .img-parent img {
        max-height: 70px;
        width: 175px;
    }
}

@media (max-width: 480px) {

    .top-cart-row .dropdown-cart .lnk-cart .items-cart-inner .basket img {
        max-height: 50px;
    }

    .swiper-button-prev, .swiper-button-next {
        display: none !important;
    }

    .swiper-slide .product .product-image .tag-parrent {
        top: -11px;
        right: -11px;
    }

    .products-List .product .product-image .tag-parrent {
        top: -10px;
        right: -10px;
    }
}