@font-face {
    font-family: 'gilroy-regular';
    src: url('../fonts/Gilroy-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'gilroy-medium';
    src: url('../fonts/Gilroy-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'gilroy-semibold';
    src: url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'gilroy-bold';
    src: url('../fonts/Gilroy-Bold.ttf') format('truetype');
}

:root {
    --swiper-theme-color: #17B9DB;
}

body {
    margin: 0;
    padding: 0;
    color: #282828;
    font-family: 'gilroy-medium', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    position: relative;
    background-color: #ffffff;
}

a {
    color: #212121;
    text-decoration: none;
    outline: none !important;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

    input:focus, a:focus {
        outline: none !important;
    }

    a:hover, a:focus {
        color: #17B9DB;
        text-decoration: none !important;
        cursor: pointer;
        outline: none;
    }

.text-bold {
    font-family: 'gilroy-bold';
}

.text-primary {
    color: #17B9DB !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #375C76 !important;
}

.text-underline, .text-underline:hover, .text-underline:focus {
    text-decoration: underline !important;
}

p, ul {
    color: #707070;
}

ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.text-danger {
    color: #d64c5e !important;
}

.form-group-box {
    border: 1px solid #C1C1C1;
    border-radius: 10px;
    padding: 8px 10px;
    margin-bottom: 30px;
    background-color: #fff;
}

    .form-group-box label {
        font-family: 'gilroy-bold', sans-serif;
        font-size: 13px;
        color: #375C76;
        margin: 0px;
        line-height: 1;
    }

    .form-group-box .form-control {
        background-color: transparent;
        border: 0px;
        padding: 0px;
        height: 20px;
        box-shadow: none !important;
        font-size: 14px;
    }

    .form-group-box textarea.form-control {
        height: auto;
    }

    .form-group-box input:-webkit-autofill,
    .form-group-box textarea:-webkit-autofill,
    .form-group-box select:-webkit-autofill {
        -webkit-text-fill-color: #00BDE0;
    }

input:-webkit-autofill, input:-webkit-autofill:hover,
input:-webkit-autofill:focus, textarea:-webkit-autofill,
textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    transition: background-color 5000s ease-in-out 0s;
}

.form-group-box.focus-box {
    box-shadow: 0px 0px 12px rgb(0 0 0 / 16%);
    border-color: #00BDE0;
}

.form-group-box:hover {
    box-shadow: 0 0 12px #00000029;
    cursor: pointer;
}

.form-group-box.valid label {
    font-family: 'gilroy-regular', sans-serif;
    color: #B1B1B1;
}

.form-group-box.valid .form-control {
    font-family: 'gilroy-bold', sans-serif;
    color: #00BDE0;
}

.form-group-box.field-error, .form-group-box.no-valid {
    background-color: #D23C31;
    border-color: #D23C31;
}

    .form-group-box.no-valid label {
        font-family: 'gilroy-bold', sans-serif;
        color: #fff;
    }

    .form-group-box.field-error .form-control, .form-group-box.no-valid .form-control {
        color: #fff;
    }

.btn-lg {
    font-size: 16px !important;
    padding: 14px 20px !important;
}

.btn {
    font-size: 14px;
    padding: 10px 30px;
}

.btn-link {
    font-weight: 400;
    color: #959595;
    cursor: pointer;
}

    .btn-link:hover {
        color: #17B9DB;
    }

.btn-default {
    background-color: #B1B1B1;
    color: #fff;
}

    .btn-default:hover, .btn-default.focus, .btn-default:focus,
    .btn-default:not(:disabled):not(.disabled).active,
    .btn-default:not(:disabled):not(.disabled):active,
    .show > .btn-default.dropdown-toggle {
        color: #fff;
        background-color: #959595;
        border-color: #959595;
    }

.btn-primary {
    color: #fff;
    background-color: #17B9DB;
    border-color: #17B9DB;
}

    .btn-primary:hover, .btn-primary.focus, .btn-primary:focus,
    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #375C76;
        border-color: #375C76;
    }

.btn-radius {
    border-radius: 50px;
}

.form-control {
    height: 44px;
    font-size: 14px;
}

    .form-control:focus, .btn {
        outline: none !important;
        box-shadow: none !important;
    }

.form-radius {
    border-radius: 50px;
    padding: 10px 15px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-20 {
    padding-bottom: 20px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-10 {
    margin-top: 10px;
}

.dropdown-item:hover,
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: #17B9DB;
}


.custom-checkbox .custom-control-label::before {
    border-radius: 2px;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #d6f8ff;
    border-color: #ade4ef;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #17B9DB;
    background-color: #17B9DB;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #93dfef;
}

.custom-control .custom-control-label {
    color: #959595;
}

.custom-control-input:checked ~ .custom-control-label {
    color: #17B9DB;
}

.custom-control-label::before,
.custom-control-label::after {
    top: 2px;
}

.badge {
    font-family: 'gilroy-bold', sans-serif;
    border-radius: 40px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px;
    padding: 6px 13px;
}

.badge-success {
    color: #21BE70;
    background-color: #CDE9DA;
}

.badge-danger {
    color: #be2121;
    background-color: #e9cdcd;
}

.badge-danger {
    color: #be2121;
    background-color: #e9cdcd;
}

.badge-warning {
    color: #AF8F10;
    background-color: #EEE78F;
}

.badge-info {
    color: #17a2b8;
    background-color: #c9dee1;
}

.btn-danger-badge {
    font-family: 'gilroy-bold', sans-serif;
    font-size: 13px;
    line-height: 1.8;
    color: #D92E2E;
    background-color: #F6DCDA;
    padding: 6px 15px;
    border-radius: 30px;
}

    .btn-danger-badge:hover, .btn-danger-badge:focus {
        color: #F6DCDA;
        background-color: #D92E2E;
    }
/*-- Header :: Start --*/
nav.navbar {
    height: 130px;
    padding: 15px 50px;
    background: #17b9db;
    background: linear-gradient( 360deg, rgba(23,185,219,1) 0%, rgba(0,166,212,1) 100%);
    border-radius: 0px 0px 70px 70px;
}

.navbar-brand {
    padding: 0px;
}

    .navbar-brand img {
        height: 60px;
    }

.head-menu {
    display: flex;
}

.head-search {
    display: block;
    position: relative;
}

    .head-search .form-control {
        font-size: 13px;
        border-radius: 50px;
        border: 0px;
        height: 44px;
        padding: 10px 20px;
        padding-right: 50px;
        width: 280px;
    }

    .head-search .btn-search {
        position: absolute;
        top: 2px;
        right: 2px;
        font-size: 14px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        padding: 0px;
        background-color: #0cb0d8;
        color: #fff;
        border-radius: 50px;
        text-align: center;
        padding-left: 3px;
    }

.head-btn-cart {
    position: relative;
    height: 44px;
    width: 44px;
    line-height: 44px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    color: #00bde0;
}

    .head-btn-cart .mini-cart-item {
        position: absolute;
        top: 0;
        right: -4px;
        width: 15px;
        height: 15px;
        line-height: 15px;
        background-color: #375C76;
        color: #fff;
        border-radius: 50%;
        font-size: 10px;
        letter-spacing: -1px;
    }

.head-account .head-btn-account {
    position: relative;
    height: 44px;
    line-height: initial;
    border-radius: 50px;
    padding: 6px 20px;
    display: inline-block;
    background-color: #fff;
    color: #282828;
    padding-right: 46px;
    border: 0px;
    text-align: left;
}

.head-btn-account .head-welcome {
    display: block;
    font-size: 11px;
    line-height: 1;
}

.head-btn-account .head-username {
    font-family: 'gilroy-bold', sans-serif;
    display: block;
    font-size: 14px;
    line-height: 1.3;
    padding-top: 2px;
}

.head-btn-account.dropdown-toggle::after {
    display: none;
}

.arrow-dropdown {
    position: absolute;
    top: 0px;
    right: -1px;
    width: 35px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #17b9db;
    color: #fff;
    font-size: 10px;
    border-radius: 0px 40px 40px 0px;
}

    .arrow-dropdown:after {
        content: "\f078";
        font-family: "Font Awesome 5 Pro";
        display: inline-block;
        transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
    }

.head-account.dropdown.show .arrow-dropdown:after {
    content: "\f077";
}

.head-menu .head-search, .head-menu .head-cart {
    margin-right: 15px;
}

.top-navbar .dropdown-toggle:after {
    display: none;
}

.top-navbar .btn-head.dropdown-toggle {
    position: relative;
    height: 44px;
    width: 44px;
    line-height: 44px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    background-color: #fff;
    color: #00bde0;
    padding: 0px;
    display: none;
}

.head-menu .dropdown-menu {
    font-size: 14px;
    background-color: #ededed;
    border-radius: 10px;
}

.main-search {
    position: relative;
}
/*-- Header :: End --*/
/*-- Slider :: Start --*/
.hero-slider.swiper {
    border-radius: 10px;
}

    .hero-slider.swiper .swiper-button-next, .hero-slider.swiper .swiper-button-prev {
        top: 50%;
        width: 20px;
        height: 20px;
        background-color: white;
        border-radius: 50px;
        margin: 0px !important;
        opacity: 0;
        transform: translateY(-50%);
        -moz-transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        transition: all .2s ease-in;
    }

    .hero-slider.swiper:hover .swiper-button-next,
    .hero-slider.swiper:hover .swiper-button-prev {
        opacity: 1;
    }

    .hero-slider.swiper .swiper-button-next:after,
    .hero-slider.swiper .swiper-button-prev:after {
        font-size: 10px;
    }

.swiper-pagination-bullet {
    width: 20px;
    height: 4px;
    border-radius: 3px;
}
/*-- Slider :: End --*/
.main-area {
    min-height: calc(100vh - 250px);
}

.siderbar-area {
    padding-right: 50px;
}

.siderbar-title {
    font-family: 'gilroy-bold', sans-serif;
    font-size: 22px;
    color: #375C76;
    margin-bottom: 30px;
}

.siderbar-accordion .card {
    background-color: transparent;
    border: 0px;
    margin-bottom: 20px;
}

    .siderbar-accordion .card:last-child {
        margin-bottom: 0px;
    }

.siderbar-accordion .card-header {
    padding: 0px;
    border: 0px;
    background-color: transparent;
}

    .siderbar-accordion .card-header .btn {
        position: relative;
        font-weight: 600;
        font-size: 18px;
        color: #375C76;
        padding: 0px;
        border: 0px !important;
        outline: none !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

        .siderbar-accordion .card-header .btn::after {
            content: "\f068";
            font-family: "Font Awesome 5 Pro";
            position: absolute;
            top: 50%;
            right: 0;
            font-size: 12px;
            font-weight: 400;
            transform: translateY(-50%);
            -moz-transition: all .2s ease-in;
            -webkit-transition: all .2s ease-in;
            -o-transition: all .2s ease-in;
            transition: all .2s ease-in;
        }

        .siderbar-accordion .card-header .btn.collapsed::after {
            content: "\f067";
        }

.siderbar-accordion .card-body {
    padding: 20px 26px;
}

.sidebar-list li {
    margin-bottom: 10px;
}

    .sidebar-list li:last-child {
        margin-bottom: 0px;
    }

.offer-box {
    margin-bottom: 30px;
}

.product-box {
    border: 2px solid #e5e5e5;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 30px;
}

    .product-box.selected {
        border-color: #17B9DB;
    }

    .product-box .product-img {
        float: left;
    }

        .product-box .product-img img {
            width: 120px;
        }

    .product-box .product-details {
        margin-left: 140px;
    }

        .product-box .product-details .product-name > a {
            font-family: 'gilroy-bold', sans-serif;
            font-size: 20px;
            color: #375C76;
            margin-bottom: 5px;
            display: inline-block;
        }

            .product-box .product-details .product-name > a:hover {
                color: #17B9DB;
            }

        .product-box .product-details .product-code {
            font-weight: 600;
            font-size: 13px;
            color: #7B7B7B;
            margin-bottom: 10px;
        }

        .product-box .product-details .product-price {
            font-weight: 600;
            font-size: 16px;
            margin-bottom: 10px;
        }

        .product-box .product-details .product-stock,
        .single-product .single-product-stock {
            font-weight: 600;
            font-size: 12px;
            color: #7B7B7B;
            margin-bottom: 10px;
        }

            .product-box .product-details .product-stock.available,
            .single-product .single-product-stock.available {
                color: #46C76C;
            }

            .product-box .product-details .product-stock.unavailable,
            .single-product .single-product-stock.unavailable {
                color: #D23333;
            }

.product-cart .custom-control.custom-checkbox {
    padding: 0px;
    margin: 0px;
}

    .product-cart .custom-control.custom-checkbox .custom-control-label:before,
    .product-cart .custom-control.custom-checkbox .custom-control-label:after {
        display: none;
    }

    .product-cart .custom-control.custom-checkbox .custom-control-label {
        font-weight: 600;
        color: #282828;
        cursor: pointer;
    }

        .product-cart .custom-control.custom-checkbox .custom-control-label:hover {
            color: #17B9DB;
        }

.product-action-box {
    text-align: center;
}

.productselect-count {
    position: relative;
    top: 0px;
    display: inline-block;
    margin-left: 8px;
    font-weight: 600;
    font-size: 13px;
    width: 20px;
    height: 20px;
    line-height: 21px;
    border-radius: 50%;
    text-align: center;
    color: #17B9DB;
    background-color: #ffffff;
}





.modal.custom-modal .modal-content {
    padding: 50px;
    border-radius: 15px;
}

.modal.custom-modal .modal-header {
    position: relative;
    display: block;
    padding: 0px;
    border: 0px;
    margin-bottom: 30px;
}

    .modal.custom-modal .modal-header button.close {
        position: absolute;
        top: -80px;
        right: -50px;
        text-shadow: none;
        color: #fff;
        opacity: 1;
        font-size: 18px;
    }

    .modal.custom-modal .modal-header .modal-title {
        font-family: 'gilroy-bold';
        font-size: 24px;
        color: #375C76;
        text-align: center;
        margin-bottom: 30px;
    }

    .modal.custom-modal .modal-header .modal-filter {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

        .modal.custom-modal .modal-header .modal-filter .modal-filter-title {
            font-weight: 600;
            font-size: 16px;
            color: #375C76;
            margin-right: 30px;
        }

.modal.custom-modal .modal-body {
    display: block;
    padding: 0px;
}

.modal-filter .custom-control.custom-radio.custom-control-inline {
    top: 3px;
}

.modal-filter .custom-control .custom-control-label {
    font-weight: 600;
    color: #5B5B5B;
}


.modal.custom-modal .modal-footer {
    display: block;
    padding: 0px;
    border: 0px;
    text-align: center;
}

/*-- Footer :: Start --*/
footer.footer {
    background-color: #E9E9E9;
    padding: 50px 0px;
}

footer .foot-list li {
    display: inline-block;
    margin-right: 20px;
}

    footer .foot-list li:last-child {
        margin-right: 0px;
    }

footer .foot-list .foot-link {
    color: #7B7B7B;
}

    footer .foot-list .foot-link:hover {
        color: #17B9DB;
    }

footer .copyright {
    color: #7B7B7B;
    text-align: right;
    margin: 0px;
}
/*-- Footer :: End --*/



/*-- Product Details :: Start --*/
.zoomContainer {
    display: none !important;
}

.single-product-image .product_img_box {
    display: none;
}

    .single-product-image .product_img_box:first-child {
        display: block;
    }

.product_img_box {
    margin-bottom: 20px;
}

    .product_img_box img {
        width: 100%;
    }

.product_gallery_item {
    display: flex;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

    .product_gallery_item .item {
        margin-right: 10px;
    }

    .product_gallery_item a img {
        width: 60px;
        display: block;
        border: 1px solid transparent;
        overflow: hidden;
        border-radius: 4px;
        background-color: #fff;
    }

    .product_gallery_item a.active img {
        border-color: #17B9DB;
    }

.product_img_zoom {
    position: absolute;
    top: 6px;
    right: 20px;
    z-index: 999;
    font-size: 12px;
    background-color: rgb(0 0 0 / 20%);
    color: #fff;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
}



.single-product .single-product-title {
    font-family: 'gilroy-bold';
    font-size: 26px;
    color: #375C76;
    margin-bottom: 10px;
}

.single-product .single-product-code {
    font-family: 'gilroy-bold';
    font-size: 13px;
    color: #7B7B7B;
    margin-bottom: 10px;
}

.single-product .single-product-price {
    margin-top: 40px;
    margin-bottom: 20px;
}

    .single-product .single-product-price .single-product-newprice {
        font-weight: 600;
        font-size: 26px;
    }

.single-product .single-product-action {
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
}

.product-addquantity {
    display: inline-block;
    border: 1px solid #B1B1B1;
    border-radius: 100px;
}

    .product-addquantity .qtyBtn {
        font-size: 10px;
        padding: 10px 15px;
        display: inline-block;
        color: #959595;
    }

    .product-addquantity .product-inputQty {
        font-family: 'gilroy-bold';
        height: 44px;
        border: 0px;
        text-align: center;
        width: 28px;
        padding: 0px;
    }

@media (max-width: 767px) {
    .btn-cart {
        width: 140px;
    }
}

.single-product-action .single-product-addcart {
    display: inline-block;
    margin-left: 30px;
}

    .single-product-action .single-product-addcart .btn {
        height: 46px;
    }

.single-product .single-product-stock {
    font-size: 14px;
    margin-bottom: 30px;
}

.title-t1 {
    font-family: 'gilroy-bold';
    font-size: 22px;
    margin-bottom: 20px;
}

.border-divider-top {
    border-top: 1px solid #d9d9d9;
    padding-top: 50px;
}

.lists-box ul li {
    margin-bottom: 5px;
}

    .lists-box ul li:last-child {
        margin-bottom: 0px;
    }
/*-- Product Details :: End --*/
/*-- Shopping Cart :: Start --*/
.page-title {
    font-family: 'gilroy-bold';
    font-size: 24px;
    color: #375C76;
    margin-bottom: 10px;
}

.banner-breadcrumb .breadcrumb {
    background-color: transparent;
    padding: 0px;
    border-radius: 0px;
    margin: 0px;
    margin-top: 10px;
}

    .banner-breadcrumb .breadcrumb .breadcrumb-item {
        position: relative;
        font-size: 13px;
        padding-bottom: 10px
    }

        .banner-breadcrumb .breadcrumb .breadcrumb-item a {
            color: #6c757d;
        }

            .banner-breadcrumb .breadcrumb .breadcrumb-item a:hover {
                color: #17B9DB;
            }

.banner-breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 20px;
}

    .banner-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
        content: "\f111";
        font-family: "Font Awesome 5 Pro";
        font-weight: 600;
        font-size: 6px;
        top: 50%;
        left: 8px;
        position: absolute;
        float: left;
        padding-right: 0px;
        padding-top: 1px;
        color: #6c757d;
        transform: translateY(-50%);
    }

.cart-box, .order-box {
    border-top: 1px solid #B1B1B1;
    padding: 25px 0px;
}

    .cart-box.md-box {
        padding: 20px 0px;
    }

    .cart-box .cart-image {
        float: left;
    }

        .cart-box .cart-image img {
            width: 100px;
        }

    .cart-box.md-box .cart-image img {
        width: 70px;
    }

    .cart-box .cart-product-details {
        padding-left: 120px;
    }

    .cart-box.md-box .cart-product-details {
        padding-left: 90px;
    }

    .cart-box .cart-product-details .cart-product-title,
    .order-box .order-product-details .order-product-title {
        font-family: 'gilroy-bold';
        font-size: 20px;
        color: #375C76;
        margin-bottom: 10px;
    }

.order-product-title .badge {
    position: relative;
    top: -4px;
    margin-left: 20px;
}

.cart-box .cart-product-details .cart-product-code,
.order-box .order-product-details .order-product-code,
.order-box .order-product-details .order-product-date,
.order-box .order-product-details .order-product-ship,
.order-detail-head .order-product-ship,
.order-detail-head .order-product-date {
    font-family: 'gilroy-bold';
    font-size: 14px;
    color: #7B7B7B;
    margin-bottom: 10px;
}

.cart-box .cart-product-details .cart-product-intro,
.order-box .order-product-details .order-product-intro {
    display: flex;
    margin-top: 45px;
}

.cart-box.md-box .cart-product-details .cart-product-intro {
    margin-top: 15px;
}

.cart-box .cart-product-details .cart-product-qtytotal > span,
.order-box .order-product-details .order-product-qtytotal > span {
    padding: 0px 5px;
}

    .cart-box .cart-product-details .cart-product-qtytotal > span:first-child,
    .order-box .order-product-details .order-product-qtytotal > span:first-child {
        padding-left: 0px;
    }

.cart-box .cart-product-details .cart-product-qtytotal,
.order-box .order-product-details .order-product-qtytotal {
    font-family: 'gilroy-semibold';
    color: #375C76;
}

.cart-box .cart-product-details .cart-product-action,
.order-box .order-product-details .order-product-action {
    margin-left: auto;
}

    .cart-box .cart-product-details .cart-product-action .btn-link {
        font-family: 'gilroy-bold';
        text-decoration: none;
    }

        .cart-box .cart-product-details .cart-product-action .btn-link > i {
            font-size: 12px;
            position: relative;
            top: 0px;
        }

[class*='product_cart_']:last-child .cart-box,
[class*='product_order_']:last-child .order-box {
    border-bottom: 1px solid #B1B1B1;
}

.order-detail-head-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.orderfor-table-title {
    font-family: 'gilroy-bold';
    font-size: 16px;
    color: #7B7B7B;
    margin-bottom: 10px;
}

.cart-price-table {
    margin-bottom: 20px;
}

.table-responsive {
    border-radius: 15px;
    margin: 0px;
}

    .table-responsive .table-bordered {
        clear: both;
        border-radius: 15px;
        border: 1px solid #B1B1B1 !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        max-width: none !important;
        border-collapse: separate !important;
        border-spacing: 0;
    }

    .table-responsive thead th {
        font-family: 'gilroy-bold';
        font-size: 14px;
        border-top: 0px !important;
        background-color: #B1B1B1;
        color: #fff;
        text-align: center;
        border-bottom: 1px solid #B1B1B1 !important;
    }

.table-bordered > tbody > tr:first-child td {
    border-top: 0px solid #B1B1B1 !important;
}

.table-bordered td, .table-bordered th {
    border: 0px !important;
    border-left: 1px solid #B1B1B1 !important;
    border-top: 1px solid #B1B1B1 !important;
}

    .table-bordered td:first-child, .table-bordered th:first-child {
        border-left: none !important;
    }

.radius-table-body .table tbody tr:first-child td {
    border-top: none !important;
}

    .radius-table-body .table tbody tr:first-child td:first-child {
        border-top-left-radius: 15px;
    }

    .radius-table-body .table tbody tr:first-child td:last-child {
        border-top-right-radius: 15px;
    }

.radius-table-body .table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
}

.radius-table-body .table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 15px;
}

.cart-price-table .table tbody tr:last-child td {
    font-family: 'gilroy-bold';
    font-size: 16px;
    background-color: #B1B1B1 !important;
    color: #fff !important;
}

.cart-price-table .table tbody tr td:first-child {
    color: #7B7B7B;
}

.cart-price-table .table tbody tr td:last-child {
    text-align: right;
}

.cart-price-table .table-bordered td {
    padding: 15px 20px;
}

.no-found-box .no-found-icon {
    position: relative;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 23px;
    color: #fff;
    border-radius: 50%;
    margin: 0px auto 20px;
    background: #17b9db;
    background: linear-gradient( 360deg, rgba(23,185,219,1) 0%, rgba(0,166,212,1) 100%);
}

.no-found-box .no-found-title {
    font-family: 'gilroy-bold', sans-serif;
    font-size: 24px;
    color: #375C76;
    margin-bottom: 10px;
}

.no-found-box p {
    font-size: 16px;
    margin-bottom: 20px;
}
/*-- Shopping Cart :: End --*/

.modal-product-title {
    font-family: 'gilroy-bold';
    font-size: 18px;
    color: #375C76;
    margin-bottom: 5px;
}

.modal-product-code {
    font-family: 'gilroy-bold';
    font-size: 14px;
    color: #7B7B7B;
    margin-bottom: 15px;
}

table .productfor-name {
    font-family: 'gilroy-semibold';
    color: #375C76;
}

table .product-addquantity {
    border: 0px;
    border-radius: 0px;
}

.shipping-box {
    padding: 15px 20px;
    border: 1px solid #B1B1B1;
    border-radius: 15px;
    margin-bottom: 20px;
}

    .shipping-box .shipping-box-head {
        border-bottom: 1px solid #B1B1B1;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .shipping-box .shipping-box-title {
        font-family: 'gilroy-bold';
    }

    .shipping-box .shipping-box-action .btn-link {
        font-size: 13px;
        text-decoration: none !important;
    }

    .shipping-box .shipping-box-body p {
        margin-bottom: 10px
    }

        .shipping-box .shipping-box-body p:last-child {
            margin-bottom: 0px
        }

.modal.custom-modal .modal-header.sm-head button.close {
    position: absolute;
    top: -40px;
    right: -10px;
    text-shadow: none;
    color: #fff;
    opacity: 1;
    font-size: 18px;
    padding: 0px;
}

.modal {
    padding-right: 0px !important;
}

.order-detail-title {
    font-family: 'gilroy-bold';
    font-size: 22px;
    color: #375C76;
    margin-bottom: 10px;
}

    .order-detail-title .badge {
        position: relative;
        top: -4px;
        margin-left: 20px;
    }




.thankyou-box .thankyou-title {
    font-family: 'gilroy-bold', sans-serif;
    font-size: 46px;
    color: #375C76;
    margin-bottom: 10px;
}

.thankyou-box .thankyou-text {
    font-family: 'gilroy-semibold';
    font-size: 22px;
    margin-bottom: 20px;
}

.thankyou-box .thankyou-list {
    text-align: left;
    width: 350px;
    margin: 0px auto;
    padding-left: 30px;
}

    .thankyou-box .thankyou-list li {
        margin-bottom: 5px;
    }

        .thankyou-box .thankyou-list li:last-child {
            margin-bottom: 0px;
        }

        .thankyou-box .thankyou-list li > span {
            font-family: 'gilroy-bold', sans-serif;
        }

.thankyou-sendmail-box {
    margin: 40px 50px;
}

    .thankyou-sendmail-box .thankyou-sendmail-img {
        float: left;
    }

        .thankyou-sendmail-box .thankyou-sendmail-img img {
            width: 45px;
        }

    .thankyou-sendmail-box .thankyou-sendmail-content {
        text-align: left;
        padding-left: 60px;
    }

        .thankyou-sendmail-box .thankyou-sendmail-content p {
            font-family: 'gilroy-semibold';
            color: #282828;
            margin: 0px;
        }

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #375C76;
    border-color: #375C76;
}

.page-link:focus {
    background-color: #17B9DB;
    border-color: #17B9DB;
    box-shadow: none !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #efefef;
}

.table thead tr th.sorting_asc:first-child {
    padding: 0.75rem !important;
}

    .table thead tr th.sorting_asc:first-child:before,
    .table thead tr th.sorting_asc:first-child:after {
        display: none;
    }


.swal-overlay--show-modal .swal-modal {
    will-change: auto;
}

.swal-title {
    font-family: 'gilroy-bold';
    font-size: 24px;
    color: #375C76;
}

.swal-text {
    font-family: 'gilroy-medium';
    font-size: 18px;
    color: #383838;
}

.list-style li {
    position: relative;
    font-size: 16px;
    margin-left: 25px;
    margin-bottom: 10px;
}

    .list-style li:before {
        content: "\f192";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        top: 0px;
        left: -25px;
        color: #1d4382;
        font-size: 16px;
    }

.list-info-ribbon {
    position: absolute;
    z-index: 9;
    top: 30px;
    left: 40px;
}

.list-info-ribbonlabel {
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    display: block;
    white-space: nowrap;
    text-align: center;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    border-radius: 2px;
    background-color: red;
}
