.product-box .counter-box .addtocart_btn .add-button,.product-box .counter-box .addtocart_btn .add_cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 7px 11px;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.product-box .counter-box .addtocart_btn .add-button span,.product-box .counter-box .addtocart_btn .add_cart span {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    font-size: 15px;
    margin-right: 8px
}

@media(max-width: 480px) {
    .product-box .counter-box .addtocart_btn .add-button span,.product-box .counter-box .addtocart_btn .add_cart span {
        display:none
    }
}

.product-box .counter-box .addtocart_btn .qty-box {
    display: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
    margin-top: 0;
    max-width: 155px
}

.product-box .counter-box .addtocart_btn .qty-box.open {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.product-box .counter-box .addtocart_btn .input-group {
    -webkit-box-shadow: 0 2px 4px 0 #dedede;
    box-shadow: 0 2px 4px 0 #dedede;
    border-radius: 2px;
    padding: 4px;
    text-align: center;
    z-index: 0;
    background-color: #fff
}

.product-box .counter-box .addtocart_btn .input-group .btn {
    padding: 7px 12px;
    font-size: 10px;
    line-height: 1;
    border-radius: 2px !important;
    background-color: #f8f8f8
}

.product-box .counter-box .addtocart_btn .input-group .btn i {
    font-size: 15px
}

.product-box .counter-box .addtocart_btn .input-group .form-control {
    padding: 2px;
    text-align: center;
    border-color: #f9f9f9
}

.product-box .price {
    margin-top: 16px;
    font-weight: 600
}

.product-list {
    border: 1px solid rgba(74,85,104,.3);
    border-radius: 5px;
    padding: calc(18px + 12*(100vw - 320px)/1600)
}

.product-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    position: relative
}

.product-list li+li {
    margin-top: 50px
}

@media(max-width: 575px) {
    .product-list li+li {
        margin-top:44px
    }
}

@media(max-width: 360px) {
    .product-list li+li {
        margin-top:30px
    }
}

.product-list li+li:after {
    content: "";
    position: absolute;
    top: -28px;
    right: 0;
    border-bottom: 1px dashed rgba(74,85,104,.3);
    width: calc(100% - 103px)
}

[dir=rtl] .product-list li+li:after {
    right: unset;
    left: 0
}

.product-list li .offer-product {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-list li .offer-product:hover .offer-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.product-list li .offer-product:hover .offer-detail a .name {
    color: var(--theme-color)
}

.product-list li .offer-product .offer-image {
    width: 80px
}

@media(max-width: 1660px) {
    .product-list li .offer-product .offer-image {
        width:90px
    }
}

.product-list li .offer-product .offer-image img {
    width: 80px;
    height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(max-width: 1660px) {
    .product-list li .offer-product .offer-image img {
        width:90px;
        height: 70px
    }
}

@media(max-width: 575px) {
    .product-list li .offer-product .offer-image img {
        width:70px;
        height: 70px
    }
}

.product-list li .offer-product .offer-detail {
    width: calc(100% - 80px);
    height: 80px;
    padding-left: calc(12px + 11*(100vw - 320px)/1600);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=rtl] .product-list li .offer-product .offer-detail {
    padding-left: unset;
    padding-right: calc(12px + 11*(100vw - 320px)/1600)
}

.product-list li .offer-product .offer-detail a {
    display: block;
    color: #222
}

.product-list li .offer-product .offer-detail a:hover {
    color: #222
}

.product-list li .offer-product .offer-detail a .name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-weight: 600;
    margin-top: -1px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-list li .offer-product .offer-detail span {
    font-size: 14px;
    margin-top: 5px;
    color: #4a5568;
    font-weight: 400
}

.product-list li .offer-product .offer-detail .price {
    margin-top: 6px;
    font-weight: 600;
    margin-bottom: -2px
}

.product-category {
    padding: calc(19px + 17*(100vw - 320px)/1600) calc(16px + 9*(100vw - 320px)/1600);
    background-color: #f8f8f8
}

.product-category .product-category-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

[dir=rtl] .product-category .product-category-list {
    padding-left: unset;
    padding-right: 0
}

.product-category .product-category-list li {
    display: block;
    padding-left: 22px;
    font-size: 14px;
    color: #4a5568;
    position: relative;
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

[dir=rtl] .product-category .product-category-list li {
    padding-left: unset;
    padding-right: 22px
}

.product-category .product-category-list li::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    top: 50%;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    left: 0;
    border: 1px solid #4a5568
}

[dir=rtl] .product-category .product-category-list li::before {
    left: unset;
    right: 8px
}

.product-category .product-category-list li+li {
    margin-top: calc(14px + 12*(100vw - 320px)/1600)
}

.product-category .product-category-list li:last-child a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-category .product-category-list li:last-child a:hover {
    color: var(--theme-color)
}

.product-category .product-category-list li:last-child a i {
    margin-left: 8px
}

.product-category .product-category-list li:last-child::before {
    display: none
}

.product-slider {
    padding-bottom: 5px
}

.product-slider:hover .product-slider-image img {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg)
}

.product-slider .product-slider-image {
    border-radius: 5px;
    overflow: hidden;
    display: block
}

.product-slider .product-slider-image img {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-slider .product-slider-detail {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    width: 90%;
    margin: -50px auto 0;
    padding: calc(20px + 5*(100vw - 320px)/1600) calc(18px + 12*(100vw - 320px)/1600);
    border-radius: 5px;
    -webkit-box-shadow: 0px 4px 10px rgba(47,88,80,.05);
    box-shadow: 0px 4px 10px rgba(47,88,80,.05);
    background-color: rgba(255,255,255,.8)
}

.product-slider .product-slider-detail>div {
    position: relative
}

.product-slider .product-slider-detail h3 {
    font-weight: 600;
    margin-bottom: calc(6px + 4*(100vw - 320px)/1600)
}

.product-slider .product-slider-detail h5 {
    margin-bottom: calc(4px + 6*(100vw - 320px)/1600);
    color: #4a5568
}

.product-slider .product-slider-detail h6 {
    margin-top: calc(4px + 6*(100vw - 320px)/1600);
    font-weight: 500
}

.product-slider .product-slider-detail .product-button {
    position: absolute;
    bottom: 0;
    right: 0
}

[dir=rtl] .product-slider .product-slider-detail .product-button {
    right: unset;
    left: 0
}

@media(max-width: 360px) {
    .product-slider .product-slider-detail .product-button {
        position:relative;
        margin-top: 10px;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.top-selling-box .top-selling-title {
    border-bottom: 1px solid #e0e2e7;
    padding-bottom: calc(12px + 10*(100vw - 320px)/1600);
    margin-bottom: calc(24px + 12*(100vw - 320px)/1600);
    position: relative
}

.top-selling-box .top-selling-title::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color)
}

[dir=rtl] .top-selling-box .top-selling-title::after {
    left: unset;
    right: 0
}

.top-selling-box .top-selling-title h3 {
    font-size: calc(19px + 3*(100vw - 320px)/1600);
    font-weight: 600
}

.top-selling-box .top-selling-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.top-selling-box .top-selling-contain+.top-selling-contain {
    margin-top: calc(14px + 16*(100vw - 320px)/1600)
}

.top-selling-box .top-selling-contain+.top-selling-contain:before {
    content: "";
    position: absolute;
    top: -15px;
    right: 0;
    width: calc(100% - 118px);
    border: 1px dashed rgba(74,85,104,.3)
}

[dir=rtl] .top-selling-box .top-selling-contain+.top-selling-contain:before {
    right: unset;
    left: 0
}

.top-selling-box .top-selling-contain:hover .top-selling-detail h5 {
    color: var(--theme-color)
}

.top-selling-box .top-selling-contain:hover .top-selling-detail .product-option {
    top: 0;
    opacity: 1
}

.top-selling-box .top-selling-contain:hover .top-selling-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.top-selling-box .top-selling-contain .top-selling-image {
    overflow: hidden;
    width: calc(80px + 20*(100vw - 320px)/1600);
    height: calc(80px + 20*(100vw - 320px)/1600);
    border-radius: 5px;
    background-color: #f2f2f2;
    padding-top: 14px;
}

.top-selling-box .top-selling-contain .top-selling-image img {
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.top-selling-box .top-selling-contain .top-selling-detail {
    padding-left: calc(15px + 3*(100vw - 320px)/1600);
    width: calc(100% - (80px + 20*(100vw - 320px)/1600));
    position: relative
}

.top-selling-box .top-selling-contain .top-selling-detail .product-option {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.top-selling-box .top-selling-contain .top-selling-detail .product-option li a {
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid var(--theme-color);
    position: relative;
    z-index: 0;
    overflow: hidden;
    color: var(--theme-color)
}

.top-selling-box .top-selling-contain .top-selling-detail .product-option li a:hover {
    color: var(--theme-color)
}

.top-selling-box .top-selling-contain .top-selling-detail .product-option li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1
}

.top-selling-box .top-selling-contain .top-selling-detail .product-option li a .feather {
    width: 20px;
    height: auto;
    margin-top: 1px
}

[dir=rtl] .top-selling-box .top-selling-contain .top-selling-detail {
    padding-left: unset;
    padding-right: 18px
}

.top-selling-box .top-selling-contain .top-selling-detail a {
    display: block;
    color: #222
}

.top-selling-box .top-selling-contain .top-selling-detail a:hover {
    color: #222
}

.top-selling-box .top-selling-contain .top-selling-detail a h5 {
    margin-bottom: calc(2px + 3*(100vw - 320px)/1600);
    font-weight: 600;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.top-selling-box .top-selling-contain .top-selling-detail h6 {
    margin-top: calc(7px + 6*(100vw - 320px)/1600);
    font-weight: 600;
    color: var(--theme-color)
}

.product-box-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-box-2:hover .product-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.product-box-2:hover .product-detail h6 {
    color: var(--theme-color)
}

.product-box-2:hover .product-detail .product-option {
    opacity: 1
}

.product-box-2+.product-box-2 {
    margin-top: calc(14px + 6*(100vw - 320px)/1600) !important
}

.product-box-2 .product-image {
    border-radius: 8px;
    overflow: hidden
}

.product-box-2 .product-image img {
    width: calc(86px + 44*(100vw - 320px)/1600);
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-box-2 .product-detail {
    margin-left: 15px;
    width: calc(100% - 130px - 15px);
    position: relative;
    overflow: hidden
}

[dir=rtl] .product-box-2 .product-detail {
    margin-left: unset;
    margin-right: 15px
}

.product-box-2 .product-detail-2 {
    padding-left: 0;
    padding-right: 15px;
    text-align: right
}

.product-box-2 .product-detail-2 .rating {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.product-box-2 .product-detail-2 .cart-icon {
    right: unset;
    left: 0
}

.product-box-2 .product-detail .product-option {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-box-2 .product-detail .product-option li a {
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid var(--theme-color);
    position: relative;
    z-index: 0;
    overflow: hidden
}

.product-box-2 .product-detail .product-option li a:hover {
    color: var(--theme-color)
}

.product-box-2 .product-detail .product-option li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1
}

.product-box-2 .product-detail .product-option li a .feather {
    width: 20px;
    height: auto;
    margin-top: 1px
}

.product-box-2 .product-detail h6 {
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: calc(2px + 5*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    color: #222;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-box-2 .product-detail h3 {
    color: var(--theme-color);
    font-weight: 600;
    margin-bottom: 12px
}

.product-box-2 .product-detail h5 {
    font-weight: 500;
    margin-top: calc(5px + 5*(100vw - 320px)/1600)
}

.product-box-2 .product-detail h5 del {
    font-size: 14px;
    margin-left: 2px;
    color: #ff4f4f;
    font-weight: 600
}

.product-box-2 .product-detail .cart-icon {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #f7f5f2;
    border-radius: 100%
}

.product-box-2 .product-detail .cart-icon svg {
    width: 20px;
    height: 20px;
    color: #4a5568;
    stroke-width: 1.5px
}

.middle-image {
    width: 100%;
    height: 100%
}

.middle-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.deal-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 575px) {
    .deal-contain {
        display:block
    }
}

.deal-contain .deal-image img {
    width: 250px;
    height: 250px;
    -o-object-fit: contain;
    object-fit: contain
}

@media(max-width: 575px) {
    .deal-contain .deal-image img {
        width:100%;
        height: 100%
    }
}

.deal-contain .deal-detail {
    padding-left: 25px;
    width: calc(100% - 250px)
}

[dir=rtl] .deal-contain .deal-detail {
    padding-left: unset;
    padding-right: 25px
}

@media(max-width: 575px) {
    .deal-contain .deal-detail {
        padding-left:0;
        width: 100%;
        margin-top: 10px
    }
}

.deal-contain .deal-detail a {
    color: #222
}

.deal-contain .deal-detail a:hover {
    color: #222
}

.deal-contain .deal-detail .name {
    font-weight: 600;
    margin-bottom: calc(5px + 6*(100vw - 320px)/1600)
}

.deal-contain .deal-detail h4 {
    font-weight: 500;
    margin-top: calc(7px + 7*(100vw - 320px)/1600)
}

.deal-contain .deal-detail h4 del {
    font-size: 14px;
    margin-left: 2px;
    color: #ff4f4f;
    font-weight: 600
}

[dir=rtl] .deal-contain .deal-detail h4 del {
    margin-left: unset;
    margin-right: 2px
}

[dir=rtl] .deal-contain .deal-detail .option-icon {
    padding-left: unset;
    padding-right: 0
}

.deal-contain .deal-detail .option-icon li+li {
    margin-left: 8px
}

[dir=rtl] .deal-contain .deal-detail .option-icon li+li {
    margin-left: unset;
    margin-right: 8px
}

.deal-contain .deal-detail .option-icon li a {
    width: calc(36px + 12*(100vw - 320px)/1600);
    height: calc(36px + 12*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    -webkit-box-shadow: 0px 5.57831px 13.9458px rgba(0,0,0,.05);
    box-shadow: 0px 5.57831px 13.9458px rgba(0,0,0,.05);
    border-radius: 100%;
    color: #222
}

.deal-contain .deal-detail .option-icon li a svg {
    width: calc(14px + 4*(100vw - 320px)/1600);
    height: calc(14px + 4*(100vw - 320px)/1600)
}

.product-list-section.list-style>div {
    width: 100%
}

.product-list-section.list-style>div .product-box-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: calc(14px + 10*(100vw - 320px)/1600)
}

.product-list-section.list-style>div .product-box-3 .product-header {
    width: 180px
}

@media(max-width: 767px) {
    .product-list-section.list-style>div .product-box-3 .product-header {
        width:100%
    }
}

@media(max-width: 767px) {
    .product-list-section.list-style>div .product-box-3 {
        display:block
    }
}

.product-list-section.list-style>div .product-box-3 .product-footer {
    padding-left: 20px;
    width: calc(100% - 180px)
}

.product-list-section.list-style>div .product-box-3 .product-footer .product-detail .span-name {
    display: none
}

[dir=rtl] .product-list-section.list-style>div .product-box-3 .product-footer {
    padding-left: unset;
    padding-right: 20px
}

@media(max-width: 767px) {
    .product-list-section.list-style>div .product-box-3 .product-footer {
        padding:0;
        width: 100%;
        margin-top: 20px
    }
}

.product-list-section.list-style>div .product-box-3 .product-footer .product-content {
    display: block;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.product-list-section.list-style>div .product-box-3 .product-footer .product-detail .qty-box {
    width: unset
}

.product-box-3 {
    padding: calc(7px + 7*(100vw - 320px)/1600);
    position: relative;
    background-color: #f8f8f8;
    border-radius: 5px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.product-box-3.theme-bg-white {
    background-color: #fff
}

.product-box-3:hover {
    -webkit-box-shadow: 0 0 8px rgba(34,34,34,.08);
    box-shadow: 0 0 8px rgba(34,34,34,.08)
}

.product-box-3:hover .product-header .product-image .product-option {
    bottom: 10px;
    opacity: 1
}

.product-box-3:hover .product-header .product-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.product-box-3 .product-header {
    position: relative
}

.product-box-3 .product-header .product-image {
    text-align: center;
    padding: 20px;
    display: block
}

@media(max-width: 480px) {
    .product-box-3 .product-header .product-image {
        padding:8px
    }
}

.product-box-3 .product-header .product-image img {
    width: 100%;
    height: calc(100px + 40*(100vw - 320px)/1600);
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-box-3 .product-header .product-image .product-option {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: -5px;
    background-color: #fff;
    width: 100%;
    padding: 10px 5px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 8px rgba(34,34,34,.12);
    box-shadow: 0 0 8px rgba(34,34,34,.12);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    max-width: 230px
}

@media(max-width: 480px) {
    .product-box-3 .product-header .product-image .product-option {
        display:none
    }
}

.product-box-3 .product-header .product-image .product-option li {
    position: relative;
    width: 33.33%
}

.product-box-3 .product-header .product-image .product-option li a {
    color: #222
}

.product-box-3 .product-header .product-image .product-option li a .feather {
    width: 17px;
    height: auto;
    color: #4a5568
}

.product-box-3 .product-header .product-image .product-option li+li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #4a5568;
    opacity: .3
}

[dir=rtl] .product-box-3 .product-header .product-image .product-option li+li:after {
    left: unset;
    right: 0
}

.product-box-3 .product-header .product-header-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

[dir=rtl] .product-box-3 .product-header .product-header-top {
    left: unset;
    right: 0
}

.product-box-3 .product-header .product-header-top .label-new {
    position: relative;
    border-radius: 4px;
    padding: 3px 8px;
    color: #fff
}

.product-box-3 .product-header .product-header-top .label-new.bg-warning {
    background: -webkit-gradient(linear, right top, left top, color-stop(-14.53%, #ffbf65), color-stop(99.15%, #ffad39)) !important;
    background: linear-gradient(-90deg, #ffbf65 -14.53%, #ffad39 99.15%) !important
}

.product-box-3 .product-header .product-header-top .label-new.bg-theme {
    background: var(--theme-color2) !important
}

.product-box-3 .product-header .product-header-top .label-new label {
    font-size: 13px;
    margin-top: 1px;
    font-weight: 600
}

.product-box-3 .product-header .product-header-top .wishlist-button {
    position: relative;
    padding: 6px;
    margin-left: auto;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 3px rgba(34,34,34,.24);
    box-shadow: 0 3px 3px rgba(34,34,34,.24);
    border-radius: 100%;
    z-index: 0
}

[dir=rtl] .product-box-3 .product-header .product-header-top .wishlist-button {
    margin-left: unset;
    margin-right: auto
}

.product-box-3 .product-header .product-header-top .wishlist-button .feather {
    width: 15px;
    height: 15px;
    color: #4a5568
}

.product-box-3 .product-header .product-header-top .close-button {
    position: relative;
    padding: 0;
    z-index: 0
}

.product-box-3 .product-header .product-header-top .close-button .feather {
    width: 20px;
    height: auto;
    color: #4a5568
}

.product-box-3 .product-footer .product-detail .span-name {
    font-size: 13px;
    color: #50607c;
    margin-bottom: calc(4px + 4*(100vw - 320px)/1600)
}

.product-box-3 .product-footer .product-detail .product-content {
    display: none
}

.product-box-3 .product-footer .product-detail a {
    color: #222
}

.product-box-3 .product-footer .product-detail a:hover {
    color: #222
}

.product-box-3 .product-footer .product-detail .name {
    font-weight: 500;
    line-height: calc(21px + 3*(100vw - 320px)/1600);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.product-box-3 .product-footer .product-detail .unit {
    font-size: 13px;
    font-weight: 500;
    margin-top: calc(6px + 4*(100vw - 320px)/1600);
    color: #777
}

.product-box-3 .product-footer .price {
    margin-top: 6px;
    font-weight: 600
}

.product-box-3 .product-footer .price del {
    margin-left: 4px;
    font-weight: 400;
    color: #777;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.product-box-3 .product-footer .price span {
    font-size: calc(15px + 1*(100vw - 320px)/1600)
}

.product-section-3 .circle-box {
    position: relative
}

.product-section-3 .circle-box .shape-circle {
    position: absolute;
    top: 0;
    left: 0
}

.product-section-3 .circle-box .shape-circle img {
    width: 100%;
    height: auto;
    margin: 0;
    -webkit-animation: rounded 15s linear infinite;
    animation: rounded 15s linear infinite
}

.product-section-3 .circle-box .shape-text {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    color: #fff
}

.product-section-3 .circle-box .shape-text h6 {
    display: block;
    margin: 0;
    font-weight: 500
}

.product-section-3 .product-title {
    padding: 16px;
    text-align: center;
    background-color: var(--theme-color);
    color: #fff;
    border-radius: 8px 8px 0 0;
    border: 2px solid rgba(0,0,0,0);
    background-size: contain;
    background-clip: border-box;
    background-position: 0 0;
    -webkit-animation: shape 15s linear infinite;
    animation: shape 15s linear infinite
}

.product-section-3 .product-title.product-warning {
    background-color: rgba(0,0,0,0);
    color: #222;
    margin: 0;
    border: none
}

.product-bg-image {
    background-image: url(../images/grocery/bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

.product-bg-image .product-box-4 {
    border: none;
    background-color: rgba(0,0,0,0)
}

.product-bg-image .product-box-3:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.product-box-4 {
    border: 1px solid #ececec;
    border-radius: 8px;
    padding: 15px;
    position: relative;
    text-align: center
}

.product-box-4+.product-box-4 {
    margin-top: 20px !important
}

.product-box-4:hover .product-image img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

.product-box-4:hover .product-image .option li {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.product-box-4:hover .product-image .option li:nth-child(1) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.product-box-4:hover .product-image .option li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.product-box-4:hover .product-image .option li:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.product-box-4:hover .product-image .option li:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.product-box-4:hover .product-detail a .name {
    color: var(--theme-color) !important;
    font-weight: 600
}

.product-box-4-3 {
    border: 2px solid var(--theme-color);
    border-radius: 0 0 8px 8px
}

@media(max-width: 1660px) {
    .product-box-4-3 {
        height:90%
    }
}

@media(max-width: 991px) {
    .product-box-4-3 {
        height:auto
    }
}

.product-box-4 .circle-box {
    position: relative
}

.product-box-4 .circle-box .shape-circle {
    position: absolute;
    top: 0;
    left: 0
}

.product-box-4 .circle-box .shape-circle img {
    width: 100%;
    height: auto;
    margin: 0;
    -webkit-animation: rounded 15s linear infinite;
    animation: rounded 15s linear infinite
}

.product-box-4 .circle-box .shape-text {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    color: #fff
}

.product-box-4 .circle-box .shape-text h6 {
    display: block;
    margin: 0;
    font-weight: 500
}

.product-box-4 .custom-progressbar {
    margin-top: 26px;
    border-radius: 50px;
    height: 10px
}

.product-box-4 .custom-progressbar .progress-bar {
    background-color: var(--theme-color)
}

.product-box-4 h5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6px
}

.product-box-4 h5 span {
    margin-left: 3px
}

.product-box-4 .product-image {
    position: relative
}

.product-box-4 .product-image-2 img {
    margin: 20px 0 !important
}

@media(max-width: 991px) {
    .product-box-4 .product-image-2 img {
        margin:0 !important
    }
}

.product-box-4 .product-image img {
    width: 100%;
    height: 150px;
    margin: 21px auto 15px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(max-width: 480px) {
    .product-box-4 .product-image img {
        width: 100%;
        height: 112px;
    }
}

@media(max-width: 360px) {
    .product-box-4 .product-image img {
        width:100%;
        margin: 20px 0 0
    }
}

.product-box-4 .product-image img.product-image {
    width: 65%;
    height: auto;
    -o-object-fit: unset;
    object-fit: unset;
    margin: 20px auto 0
}

.product-box-4 .product-image .option {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    margin: 0 -4px
}

[dir=rtl] .product-box-4 .product-image .option {
    padding-right: 0
}

@media(max-width: 480px) {
    .product-box-4 .product-image .option {
        margin:0 -1px
    }
}

.product-box-4 .product-image .option li {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid var(--theme-color);
    margin: 0 4px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
    overflow: hidden
}

@media(max-width: 480px) {
    .product-box-4 .product-image .option li {
        width:30px;
        height: 30px;
        margin: 0 1px
    }
}

.product-box-4 .product-image .option li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1;
    z-index: -1
}

.product-box-4 .product-image .option li a {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-box-4 .product-image .option li a .icli {
    font-size: 20px;
    color: #000
}

@media(max-width: 480px) {
    .product-box-4 .product-image .option li a .icli {
        font-size:15px
    }
}

.product-box-4 .product-image .option li a .icli.iconly-Swap {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.product-box-4 .product-detail {
    text-align: left;
    margin-top: 15px;
    position: relative
}

.product-box-4 .product-detail .addtocart_btn .add-button,.product-box-4 .product-detail .addtocart_btn .add_cart {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.product-box-4 .product-detail .addtocart_btn .add-button span,.product-box-4 .product-detail .addtocart_btn .add_cart span {
    position: absolute;
    left: 8px;
    right: 0;
    bottom: -21px;
    font-size: 12px
}

.product-box-4 .product-detail .addtocart_btn .qty-box {
    display: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
    margin-top: 0
}

.product-box-4 .product-detail .addtocart_btn .qty-box.open {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.product-box-4 .product-detail .addtocart_btn .input-group {
    -webkit-box-shadow: 0 2px 4px 0 #dedede;
    box-shadow: 0 2px 4px 0 #dedede;
    border-radius: 2px;
    padding: 4px;
    text-align: center;
    z-index: 0;
    background-color: #fff
}

.product-box-4 .product-detail .addtocart_btn .input-group .btn {
    padding: 7px 12px;
    font-size: 10px;
    line-height: 1;
    border-radius: 2px !important;
    background-color: #f8f8f8
}

.product-box-4 .product-detail .addtocart_btn .input-group .btn i {
    font-size: 15px
}

.product-box-4 .product-detail .addtocart_btn .input-group .form-control {
    padding: 2px;
    text-align: center;
    border-color: #f9f9f9
}

.product-box-4 .product-detail a {
    color: #222
}

.product-box-4 .product-detail a .name {
    width: 70%;
    margin-top: 5px;
    text-transform: capitalize;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: left
}

[dir=rtl] .product-box-4 .product-detail a .name {
    text-align: right
}

@media(max-width: 480px) {
    .product-box-4 .product-detail a .name {
        width:100%
    }
}

.product-box-4 .product-detail .price {
    margin-top: 5px;
    font-weight: 500
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.product-box-4 .product-detail .price del {
    margin-left: 10px;
    color: #4a5568;
    font-weight: 400
}

[dir=rtl] .product-box-4 .product-detail .price del {
    margin-left: unset;
    margin-right: 10px
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price del {
        margin-left:5px
    }

    [dir=rtl] .product-box-4 .product-detail .price del {
        margin-left: unset;
        margin-right: 5px
    }
}

.product-box-4 .product-detail .buy-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 7px 11px;
    background-color: var(--theme-color);
    color: #fff
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .buy-button {
        position:relative;
        bottom: unset;
        right: unset;
        width: 100%;
        margin-top: 12px;
        color: var(--theme-color);
        border-radius: 5px;
        border: 1px solid var(--theme-color)
    }
}

[dir=rtl] .product-box-4 .product-detail .buy-button {
    right: unset;
    left: 0
}

.product-box-4 .product-detail .buy-button i {
    font-size: 18px
}

.product-box-4 .product-detail .buy-button-2 {
    width: 53px
}

.product-box-4 .product-detail .sold-box {
    margin-top: 12px
}

.product-box-4 .product-detail .sold-box .progress {
    height: 8px;
    border-radius: 50px
}

.product-box-4 .product-detail .sold-box .progress .progress-bar {
    border-radius: 50px;
    background-color: var(--theme-color)
}

.product-box-4 .product-detail .sold-box h5 {
    margin-top: 6px
}

.product-box-4 .product-detail .sold-box h5 span {
    color: #000
}

.product-box-4 .product-detail .price-qty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: calc(8px + 8*(100vw - 320px)/1600)
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty {
        display:block
    }
}

.product-box-4 .product-detail .price-qty .counter-number {
    display: inline-block
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty .counter-number {
        margin-bottom:9px;
        width: 100%
    }
}

@media(max-width: 336px) {
    .product-box-4 .product-detail .price-qty .counter-number {
        display:block;
        width: 100%
    }
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty .counter-number .counter {
        width:100%
    }
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty .counter-number .counter input {
        width:100%
    }
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty .counter-number .counter .qty-left-minus,.product-box-4 .product-detail .price-qty .counter-number .counter .qty-right-plus {
        width:85px
    }
}

.product-box-4 .product-detail .price-qty .buy-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 15px
}

[dir=rtl] .product-box-4 .product-detail .price-qty .buy-button {
    right: unset;
    left: 0
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty .buy-button {
        width:100%;
        margin-top: 0
    }
}

.product-box-4 .product-detail .price-qty .buy-button .icli {
    font-size: 24px
}

.product-box-4 .product-detail .price-qty .buy-button i {
    font-size: 16px
}

.product-box-4 .product-detail .counter-number-box {
    position: absolute;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e1b254;
    border-radius: 5px;
    background-color: rgba(225,178,84,.1);
    padding: 5px
}

.product-box-4 .product-detail .counter-number-box span {
    margin-right: 6px;
    position: relative
}

.product-box-4 .product-detail .counter-number-box span:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: -8px;
    background-color: #e1b254
}

.product-box-4 .product-detail .counter-number-box input {
    width: 27px;
    height: unset;
    border: none;
    background-color: rgba(0,0,0,0);
    position: relative
}

.product-box-4 .product-detail .counter-number-box .counter-arrow {
    background-color: #e1b254;
    color: #fff;
    padding: 3px 6px
}

.product-box-4 .product-detail .counter-number-box .counter-arrow .down,.product-box-4 .product-detail .counter-number-box .counter-arrow .up {
    width: unset;
    height: unset;
    border: unset;
    font-size: unset;
    background-color: rgba(0,0,0,0);
    padding: 0;
    color: #fff
}

.product-box-4 .product-detail .counter-number-box .counter-arrow .down:hover,.product-box-4 .product-detail .counter-number-box .counter-arrow .up:hover {
    color: #fff
}

.product-box-5 .product-image {
    position: relative
}

.product-box-5 .product-image .bg-size {
    border-radius: 10px
}

.product-box-5 .product-image .wishlist-top {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px
}

.product-box-5 .product-image .wishlist-top svg {
    width: 18px
}

.product-box-5 .product-image .product-option {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: -5px;
    background-color: #fff;
    width: 70%;
    padding: 10px 5px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 8px rgba(34,34,34,.12);
    box-shadow: 0 0 8px rgba(34,34,34,.12);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    max-width: 320px
}

@media(max-width: 480px) {
    .product-box-5 .product-image .product-option {
        display:none
    }
}

.product-box-5 .product-image .product-option li {
    position: relative;
    width: 33.33%;
    text-align: center
}

.product-box-5 .product-image .product-option li a {
    color: #222
}

.product-box-5 .product-image .product-option li a .feather {
    width: 17px;
    height: auto;
    color: #4a5568
}

.product-box-5 .product-image .product-option li+li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #4a5568;
    opacity: .3
}

[dir=rtl] .product-box-5 .product-image .product-option li+li:after {
    left: unset;
    right: 0
}

.product-box-5 .product-image img {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 10px
}

.product-box-5:hover .product-image a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.product-box-5:hover .product-image .product-option {
    bottom: 15px;
    opacity: 1
}

.product-box-5 .product-detail {
    padding-top: 10px;
    text-align: center
}

.product-box-5 .product-detail a {
    color: #222;
    display: block
}

.product-box-5 .product-detail a:hover {
    color: #222
}

.product-box-5 .product-detail a h5 {
    margin-bottom: 6px
}

.product-box-5 .product-detail a h5.name {
    font-weight: 600;
    line-height: 22px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-transform: capitalize
}

.product-box-5 .product-detail .product-rating {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(4px + 3*(100vw - 320px)/1600)
}

.product-box-5 .product-detail .product-rating h6 {
    font-weight: 500
}

.product-box-5+.product-box-5 {
    margin-top: 30px !important
}

.product-section-2 .product-box-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    padding: 0
}

.product-section-2 .product-box-4:hover .product-details .option {
    opacity: 1
}

.product-section-2 .product-box-4:hover .product-details .option li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.product-section-2 .product-box-4:hover .product-details .option li:nth-child(1) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.product-section-2 .product-box-4:hover .product-details .option li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.product-section-2 .product-box-4:hover .product-details .option li:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.product-section-2 .product-box-4:hover .product-details .option li:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.product-section-2 .product-box-4 .product-image {
    width: calc(84px + 32*(100vw - 320px)/1600);
    height: calc(84px + 32*(100vw - 320px)/1600);
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 15px
}

.product-section-2 .product-box-4 .product-image-2 {
    width: 116px;
    height: 151px;
    border-radius: 8px
}

.product-section-2 .product-box-4 .product-image img {
    width: 100%;
    height: 100%;
    margin: 0;
    -o-object-fit: contain;
    object-fit: contain
}

.product-section-2 .product-box-4 .product-details {
    text-align: left;
    padding-left: calc(15px + 10*(100vw - 320px)/1600);
    position: relative
}

[dir=rtl] .product-section-2 .product-box-4 .product-details {
    padding-left: unset;
    padding-right: calc(15px + 10*(100vw - 320px)/1600)
}

.product-section-2 .product-box-4 .product-details a {
    color: #222
}

.product-section-2 .product-box-4 .product-details a .name {
    font-weight: 500;
    margin: 5px 0;
    text-align: left
}

[dir=rtl] .product-section-2 .product-box-4 .product-details a .name {
    text-align: right
}

.product-section-2 .product-box-4 .product-details .price {
    color: var(--theme-color);
    font-weight: 500
}

.product-section-2 .product-box-4 .product-details .price del {
    color: #bfbfbf;
    font-weight: 400;
    margin-left: 5px
}

.product-section-2 .product-box-4 .product-details .option {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    position: absolute;
    left: 25px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    margin: 0 -4px
}

[dir=rtl] .product-section-2 .product-box-4 .product-details .option {
    left: unset;
    right: 10px
}

@media(max-width: 480px) {
    .product-section-2 .product-box-4 .product-details .option {
        left:10px;
        margin: 0 -2px
    }
}

.product-section-2 .product-box-4 .product-details .option li {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid var(--theme-color);
    margin: 0 4px;
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
    overflow: hidden
}

@media(max-width: 480px) {
    .product-section-2 .product-box-4 .product-details .option li {
        width:30px;
        height: 30px;
        margin: 0 2px
    }
}

.product-section-2 .product-box-4 .product-details .option li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1;
    z-index: -1
}

.product-section-2 .product-box-4 .product-details .option li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1
}

.product-section-2 .product-box-4 .product-details .option li a .icli {
    font-size: 20px;
    color: #000
}

@media(max-width: 480px) {
    .product-section-2 .product-box-4 .product-details .option li a .icli {
        font-size:15px
    }
}

.product-section-2 .product-box-4 .product-details .option li a .icli.iconly-Swap {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.book-product-box {
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden;
    border-radius: 5px
}

.book-product-box:hover .product-image .product-option {
    bottom: 15px;
    opacity: 1
}

.book-product-box .label-box {
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px;
    z-index: 1;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.book-product-box .label-box label {
    background-color: #ff4f4f;
    color: #fff;
    padding: calc(5px + 3*(100vw - 320px)/1600) calc(8px + 4*(100vw - 320px)/1600) calc(6px + 3*(100vw - 320px)/1600);
    text-transform: capitalize;
    font-size: calc(12px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    line-height: 1;
    border-radius: 2px
}

.book-product-box .label-tag {
    position: absolute;
    top: 24px;
    left: 0;
    padding: 5px 13px;
    background-color: #ffba00;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    z-index: 1
}

.book-product-box .label-tag::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 16px;
    left: 44px;
    border-bottom: solid 15px #faba02;
    border-left: solid 15px rgba(0,0,0,0);
    border-right: solid 15px rgba(0,0,0,0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    z-index: 1
}

.book-product-box .label-tag::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 44px;
    border-bottom: solid 15px #faba02;
    border-left: solid 15px rgba(0,0,0,0);
    border-right: solid 15px rgba(0,0,0,0);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: 1
}

.book-product-box .label-tag span {
    font-weight: 700
}

.book-product-box .product-image {
    text-align: center;
    margin-bottom: calc(12px + 8*(100vw - 320px)/1600);
    position: relative
}

.book-product-box .product-image .product-option {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: -5px;
    background-color: #fff;
    width: 70%;
    padding: 10px 5px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 8px rgba(34,34,34,.12);
    box-shadow: 0 0 8px rgba(34,34,34,.12);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    max-width: 320px
}

@media(max-width: 480px) {
    .book-product-box .product-image .product-option {
        display:none
    }
}

.book-product-box .product-image .product-option li {
    position: relative;
    width: 33.33%
}

.book-product-box .product-image .product-option li a {
    color: #222
}

.book-product-box .product-image .product-option li a .feather {
    width: 17px;
    height: auto;
    color: #4a5568
}

.book-product-box .product-image .product-option li+li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #4a5568;
    opacity: .3
}

[dir=rtl] .book-product-box .product-image .product-option li+li:after {
    left: unset;
    right: 0
}

.book-product-box .product-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.book-product-box .product-image .back {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -30px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.book-product-box .product-detail a {
    color: #222;
    display: block
}

.book-product-box .product-detail a:hover {
    color: #222
}

.book-product-box .product-detail a .name {
    font-weight: 600;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.book-product-box .product-detail .product-rating {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(4px + 3*(100vw - 320px)/1600)
}

.book-product-box .product-detail .product-rating h6 {
    font-weight: 500
}

.book-product-box .progress {
    height: 6px;
    border-radius: 0;
    margin-top: calc(14px + 8*(100vw - 320px)/1600)
}

.book-product-box .stock {
    font-size: 14px;
    color: var(--theme-color);
    margin-left: auto
}

.book-product-box .sold {
    font-weight: 600;
    margin-top: 3px;
    line-height: 21px;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.book-product-box .sold .price {
    font-weight: 600;
    color: var(--theme-color);
    margin-top: 0
}

.book-product-box .sold del {
    font-weight: 400;
    margin-left: 6px;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.book-product-box .weight {
    font-size: calc(13px + 1*(100vw - 320px)/1600);
    font-weight: 600;
    line-height: normal;
    color: #4a5568;
    margin-bottom: calc(2px + 2*(100vw - 320px)/1600)
}

.book-product-box .byers {
    font-size: calc(13px + 2*(100vw - 320px)/1600);
    margin-block:calc(3px + 3*(100vw - 320px)/1600) 2px;color: #4a5568;
    font-weight: 400;
    line-height: normal
}

@media(max-width: 480px) {
    .book-product-box .byers {
        line-height:1.5
    }
}

.book-product-box .byers span {
    color: #4a5568;
    font-weight: 400
}

.book-product-box .qty-box {
    max-width: 210px
}

.book-product-box .counter-box {
    display: block;
    position: relative
}

.book-product-box .counter-box h6 {
    margin-top: 0
}

.book-product-box .counter-box .addtocart_btn .add-button,.book-product-box .counter-box .addtocart_btn .add_cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 7px 11px;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.book-product-box .counter-box .addtocart_btn .add-button span,.book-product-box .counter-box .addtocart_btn .add_cart span {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    font-size: 15px;
    margin-right: 8px
}

@media(max-width: 480px) {
    .book-product-box .counter-box .addtocart_btn .add-button span,.book-product-box .counter-box .addtocart_btn .add_cart span {
        display:none
    }
}

.book-product-box .counter-box .addtocart_btn .qty-box {
    display: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
    margin-top: 0;
    max-width: 155px
}

.book-product-box .counter-box .addtocart_btn .qty-box.open {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.book-product-box .counter-box .addtocart_btn .input-group {
    -webkit-box-shadow: 0 2px 4px 0 #dedede;
    box-shadow: 0 2px 4px 0 #dedede;
    border-radius: 2px;
    padding: 4px;
    text-align: center;
    z-index: 0;
    background-color: #fff
}

.book-product-box .counter-box .addtocart_btn .input-group .btn {
    padding: 7px 12px;
    font-size: 10px;
    line-height: 1;
    border-radius: 2px !important;
    background-color: #f8f8f8
}

.book-product-box .counter-box .addtocart_btn .input-group .btn i {
    font-size: 15px
}

.book-product-box .counter-box .addtocart_btn .input-group .form-control {
    padding: 2px;
    text-align: center;
    border-color: #f9f9f9
}

.book-product-box .price {
    margin-top: calc(10px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    color: var(--theme-color);
    font-size: 16px
}

.product-theme-box {
    padding: 10px;
    border: 1px solid #eee;
    border-radius: calc(10px + 5*(100vw - 320px)/1600);
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.dark .product-theme-box {
    border-color: rgba(119,119,119,.44)
}

.product-theme-box:hover .label-tag {
    left: 0
}

.product-theme-box .label-tag {
    position: absolute;
    top: 24px;
    left: -66px;
    padding: 5px 8px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 1;
    background: -webkit-gradient(linear, left top, right top, from(var(--theme-color)), to(var(--theme-color2)));
    background: linear-gradient(to right, var(--theme-color), var(--theme-color2))
}

.product-theme-box .label-tag::after,.product-theme-box .label-tag::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    right: -15px;
    border-bottom: 15px solid var(--theme-color2);
    border-left: 15px solid rgba(0,0,0,0);
    border-right: 15px solid rgba(0,0,0,0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    z-index: 1
}

.product-theme-box .label-tag::before {
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.product-theme-box .label-tag::after {
    bottom: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.product-theme-box .label-tag .feather {
    width: 16px;
    height: 16px
}

.product-theme-box .label-tag span {
    margin-right: 5px;
    overflow: hidden;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.product-theme-box .img-box {
    position: relative
}

.product-theme-box .img-box a {
    border-radius: calc(6px + 4*(100vw - 320px)/1600)
}

.product-theme-box .img-box .heart-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0,0,0,.52);
    border-radius: 100%
}

.product-theme-box .img-box .heart-icon svg {
    width: calc(16px + 4*(100vw - 320px)/1600);
    height: calc(16px + 4*(100vw - 320px)/1600)
}

.product-theme-box .content-box {
    margin-top: 10px
}

.product-theme-box .content-box .top-content h5 {
    font-weight: 600;
    color: #222;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-theme-box .content-box .top-content h6 {
    color: #999
}

.dark .product-theme-box .content-box .top-content h6 {
    color: #ddd
}

.product-theme-box .content-box .top-content h6 a {
    color: #222
}

.product-theme-box .price {
    margin-top: calc(1px + 3*(100vw - 320px)/1600);
    font-weight: 600;
    font-size: calc(16px + 2*(100vw - 320px)/1600)
}

.product-theme-box .bottom-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: calc(12px + 3*(100vw - 320px)/1600)
}

.product-theme-box .bottom-content span {
    color: #999;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.dark .product-theme-box .bottom-content span {
    color: #ddd
}

.product-theme-box .bottom-content .btn {
    padding: 5px calc(11px + 4*(100vw - 320px)/1600);
    border: 1px solid var(--theme-color);
    color: var(--theme-color) !important;
    font-size: 14px;
    height: calc(34px + 4*(100vw - 320px)/1600)
}

.product-theme-box .bottom-content .btn-grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.product-theme-box .bottom-content .btn-outline {
    background-color: #fff
}

.product-theme-box .bottom-content .btn-outline svg {
    width: calc(15px + 1*(100vw - 320px)/1600);
    height: calc(15px + 1*(100vw - 320px)/1600)
}

.product-theme-box .review-rating span {
    font-size: 13px;
    line-height: 1;
    margin-top: 1px
}

.featured-sec {
    background-image: url(https://admin.pixelstrap.com/cuba/assets/images/landing/home-bg.jpg);
    padding: calc(44px + 56*(100vw - 320px)/1600) 0
}

.featured-sec .feature-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin-bottom: 0
}

.featured-sec .feature-title h2 {
    color: #fff
}

.featured-sec .feature-title p {
    color: rgba(255,255,255,.8);
    font-size: calc(14px + 3*(100vw - 320px)/1600);
    margin-bottom: 0;
    margin-top: 12px;
    line-height: 1.5
}

.featured-sec .feature-title button {
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    white-space: nowrap;
    line-height: 1;
    padding: 11px 19px;
    margin: 0;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px
}

.featured-sec .feature-title button .feather {
    width: 18px;
    height: 18px
}

.featured-sec .theme-box {
    background-color: #fff
}

.review-box:hover .review-profile .review-image {
    border-radius: 6px
}

.review-box .review-contain {
    margin-bottom: 40px
}

.review-box .review-contain h5 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 15px
}

.review-box .review-contain p {
    color: #4a5568;
    line-height: 27px;
    margin-bottom: 0
}

.review-box .review-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.review-box .review-profile .review-image {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.review-box .review-profile .review-detail {
    padding-left: 12px
}

[dir=rtl] .review-box .review-profile .review-detail {
    padding-left: unset;
    padding-right: 12px
}

.review-box .review-profile .review-detail h5 {
    font-size: 18px;
    margin-bottom: 7px;
    font-weight: 500;
    color: #222
}

.review-box .review-profile .review-detail h6 {
    font-size: 16px;
    font-weight: 500;
    color: #4a5568
}

.service-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: calc(30px + 20*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .service-contain {
        display:none
    }
}

.service-contain .service-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media(max-width: 1366px) {
    .service-contain .service-box {
        width:50%
    }
}

@media(max-width: 1366px) {
    .service-contain .service-box:nth-child(-n+2) {
        margin-bottom:15px
    }
}

@media(max-width: 1366px) {
    .service-contain .service-box:nth-child(3)::before {
        display:none
    }
}

@media(max-width: 767px) {
    .service-contain .service-box::before {
        display:none
    }
}

.service-contain .service-box+.service-box::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 50%;
    left: -104px;
    border: 1px dashed #c1c1c1
}

[dir=rtl] .service-contain .service-box+.service-box::before {
    left: unset;
    right: -104px
}

@media(max-width: 1660px) {
    .service-contain .service-box+.service-box::before {
        left:-70px
    }

    [dir=rtl] .service-contain .service-box+.service-box::before {
        left: unset;
        right: -70px
    }
}

@media(max-width: 1460px) {
    .service-contain .service-box+.service-box::before {
        left:-36px
    }

    [dir=rtl] .service-contain .service-box+.service-box::before {
        left: unset;
        right: -36px
    }
}

@media(max-width: 1366px) {
    .service-contain .service-box+.service-box::before {
        left:-31px
    }

    [dir=rtl] .service-contain .service-box+.service-box::before {
        left: unset;
        right: -31px
    }
}

.service-contain .service-box .service-image img {
    width: calc(35px + 5*(100vw - 320px)/1600);
    height: calc(35px + 5*(100vw - 320px)/1600);
    -o-object-fit: contain;
    object-fit: contain
}

.service-contain .service-box .service-detail {
    margin-left: 20px
}

[dir=rtl] .service-contain .service-box .service-detail {
    margin-left: unset;
    margin-right: 20px
}

.service-contain .service-box .service-detail h5 {
    font-weight: 500;
    color: #222
}

.service-contain-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: calc(14px + 11*(100vw - 320px)/1600);
    border-radius: 5px;
    background-color: rgba(191,191,191,.2);
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.service-contain-2:hover {
    background-color: var(--theme-color)
}

.service-contain-2:hover svg {
    fill: #fff
}

.service-contain-2:hover .service-detail h3,.service-contain-2:hover .service-detail h6 {
    color: #fff
}

.service-contain-2 svg {
    width: 42px;
    height: 42px;
    fill: var(--theme-color);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.service-contain-2 .service-detail {
    margin-left: 25px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

[dir=rtl] .service-contain-2 .service-detail {
    margin-left: unset;
    margin-right: 25px
}

.service-contain-2 .service-detail h3 {
    letter-spacing: .8px;
    margin-bottom: 5px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-weight: 600
}

.service-contain-2 .service-detail h6 {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.service-contain-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: calc(14px + 11*(100vw - 320px)/1600);
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative
}

.service-contain-3:hover {
    background-color: var(--theme-color)
}

.service-contain-3:hover svg {
    fill: #fff
}

.service-contain-3:hover .service-detail h3,.service-contain-3:hover .service-detail h6 {
    color: #fff
}

.service-contain-3::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .13
}

.service-contain-3 svg {
    width: 42px;
    height: 42px;
    fill: var(--theme-color);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.service-contain-3 .service-detail {
    margin-left: 25px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

[dir=rtl] .service-contain-3 .service-detail {
    margin-left: unset;
    margin-right: 25px
}

.service-contain-3 .service-detail h3 {
    letter-spacing: .8px;
    margin-bottom: 5px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-weight: 600
}

.service-contain-3 .service-detail h6 {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.coming-soon-section {
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url(../images/inner-page/coming-soon.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.coming-soon-section .coming-box {
    text-align: center;
    z-index: 1
}

.coming-soon-section .coming-box .coming-text {
    width: 90%;
    margin: 12px auto 0;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    color: #4a5568
}

@media(max-width: 480px) {
    .coming-soon-section .coming-box .coming-text {
        width:100%
    }
}

.coming-soon-section .coming-box .coming-title h2 {
    font-size: calc(27px + 11*(100vw - 320px)/1600);
    font-weight: 400;
    margin-top: -5px
}

.coming-soon-section .coming-box .coming-timer {
    margin-top: 24px
}

.coming-soon-section .coming-box .coming-timer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(16px + 12*(100vw - 320px)/1600)
}

.coming-soon-section .coming-box .coming-timer ul li {
    width: calc(62px + 28*(100vw - 320px)/1600);
    height: calc(62px + 28*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-color: #fff;
    border-radius: calc(6px + 4*(100vw - 320px)/1600)
}

.coming-soon-section .coming-box .coming-timer ul li+li::after {
    content: ":";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc(-10px + -7*(100vw - 320px)/1600);
    font-size: calc(24px + 6*(100vw - 320px)/1600);
    color: var(--theme-color)
}

[dir=rtl] .coming-soon-section .coming-box .coming-timer ul li+li::after {
    left: unset;
    right: -17px
}

.coming-soon-section .coming-box .coming-timer ul li .counter {
    display: block;
    text-align: center
}

.coming-soon-section .coming-box .coming-timer ul li .counter>div {
    font-size: calc(22px + 5*(100vw - 320px)/1600);
    font-weight: 600;
    color: var(--theme-color);
    line-height: 1
}

.coming-soon-section .coming-box .coming-timer ul li .counter p {
    margin-bottom: 0;
    margin-top: 5px;
    color: #4a5568;
    font-size: calc(13px + 4*(100vw - 320px)/1600)
}

.coming-soon-section .coming-box .coming-contain {
    margin-top: calc(19px + 19*(100vw - 320px)/1600)
}

.coming-soon-section .coming-box .coming-contain .coming-form {
    position: relative;
    width: 90%;
    margin: 22px auto 0;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--theme-color)
}

.coming-soon-section .coming-box .coming-contain .coming-form .form-control {
    border: none;
    border-radius: 0
}

[dir=rtl] .coming-soon-section .coming-box .coming-contain .coming-form .form-control {
    text-align: left
}

.coming-soon-section .coming-box .coming-contain .coming-form .form-control:focus {
    border-color: rgba(0,0,0,0);
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #4a5568;
    z-index: 0
}

@media(max-width: 480px) {
    .coming-soon-section .coming-box .coming-contain .coming-form {
        width:100%
    }
}

.coming-soon-section .coming-box .coming-contain .coming-form .coming-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border: none;
    padding: 0 calc(15px + 10*(100vw - 320px)/1600);
    background: var(--theme-color2);
    color: #fff;
    font-weight: 700
}

.table:not(:last-child):last-child>* {
    border-bottom: none
}

.inner-title {
    margin-bottom: calc(32px + 23*(100vw - 320px)/1600);
    text-align: center
}

.inner-title h2 {
    font-size: calc(21px + 14*(100vw - 320px)/1600);
    font-weight: 700;
    color: #222;
    padding-bottom: 20px;
    display: inline-block;
    text-transform: none;
    position: relative
}

.inner-title h2::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 70px;
    height: 1px;
    bottom: 0;
    background-color: var(--theme-color)
}

.inner-title h2 img {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -11px;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    padding: 0 10px
}

.inner-title-2 {
    margin-bottom: calc(18px + 20*(100vw - 320px)/1600)
}

.inner-title-2 h3 {
    font-size: calc(24px + 6*(100vw - 320px)/1600);
    font-weight: 600
}

.section-404 .image-404 {
    text-align: center
}

.section-404 .image-404 img {
    width: 25%
}

@media(max-width: 1460px) {
    .section-404 .image-404 img {
        width:40%
    }
}

@media(max-width: 991px) {
    .section-404 .image-404 img {
        width:50%
    }
}

@media(max-width: 575px) {
    .section-404 .image-404 img {
        width:70%
    }
}

.section-404 .contain-404 {
    width: 50%;
    text-align: center;
    margin: calc(20px + 25*(100vw - 320px)/1600) auto 0;
    font-family: "Public Sans",sans-serif
}

@media(max-width: 1660px) {
    .section-404 .contain-404 {
        width:60%
    }
}

@media(max-width: 1199px) {
    .section-404 .contain-404 {
        width:80%
    }
}

@media(max-width: 767px) {
    .section-404 .contain-404 {
        width:100%
    }
}

.section-404 .contain-404 h3 {
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    line-height: 1.5;
    font-weight: 400
}

.section-404 .contain-404 button {
    margin-top: calc(16px + 8*(100vw - 320px)/1600)
}

.cart-section .deliver-box {
    padding: 22px 18px;
    background-color: #f8f8f8;
    border-radius: 6px;
    position: relative;
    margin-bottom: calc(22px + 18*(100vw - 320px)/1600)
}

.cart-section .deliver-box .btn-close {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 18px
}

.cart-section .deliver-box h5:first-child {
    margin-bottom: 8px
}

.cart-section .deliver-box h5:last-child {
    font-weight: 500;
    line-height: 1.4
}

.cart-section .deliver-box h5:last-child a {
    text-decoration: underline;
    margin-left: 5px
}

.cart-section .cart-title {
    margin-bottom: calc(18px + 12*(100vw - 320px)/1600)
}

.cart-section .promo-code-box {
    margin-bottom: calc(18px + 4*(100vw - 320px)/1600)
}

.cart-section .promo-code-box .form-label {
    font-size: calc(16px + 4*(100vw - 320px)/1600);
    font-weight: 500
}

.cart-section .total-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 22px 28px;
    border: 1px solid #ececec
}

.cart-section .member-button {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    font-weight: 500;
    letter-spacing: 1.4px
}

.cart-section .special-seller-box {
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 6px;
    border-radius: 5px;
    border: 1px dashed #bfbfbf
}

.cart-section .special-seller-box h5 {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0;
    padding-bottom: 18px;
    border-bottom: 1px solid #4a5568;
    margin-bottom: 25px
}

.cart-section .special-seller-box .sub-total-table tbody tr td:last-child {
    font-weight: 500
}

.cart-section .special-seller-box .sub-total-table tbody tr.sub-total td {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 26px
}

.cart-section .special-seller-box .sub-total-table tbody tr.sub-total td:last-child {
    text-align: right
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-title td {
    border: none;
    padding-top: 20px;
    padding-bottom: 10px
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td {
    border: none
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check {
    margin-bottom: 0
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check .form-check-input {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    margin-right: 10px
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check .form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check .form-check-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.cart-section .cart-total-box {
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 6px;
    text-align: center
}

.cart-section .cart-total-box h3 {
    font-weight: bold;
    color: #222;
    margin-bottom: 15px
}

.cart-section .cart-total-box h6 {
    width: 100%;
    margin: 20px 0 10px;
    color: #222;
    font-weight: 500;
    font-size: 16px
}

.cart-section .cart-total-box p {
    margin: 0;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 1.4
}

.cart-section .cart-total-box .checkout-button {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-top: 12px
}

.cart-table {
    background-color: #f8f8f8;
    padding: calc(18px + 17*(100vw - 320px)/1600) calc(12px + 13*(100vw - 320px)/1600)
}

.cart-table.cart-table-2 {
    background-color: rgba(0,0,0,0);
    padding: 0
}

.cart-table.cart-table-2 table {
    margin-bottom: 0
}

.cart-table.cart-table-2 table thead tr th {
    font-size: 20px;
    font-weight: 500;
    color: #4a5568;
    padding: 0 22px 16px
}

.cart-table.cart-table-2 table tbody {
    border-top: 1px solid #ececec
}

.cart-table.cart-table-2 table tbody tr td {
    vertical-align: middle
}

.cart-table.cart-table-2 table tbody tr:first-child td {
    padding: 22px 16px
}

.cart-table table {
    margin-bottom: 0
}

.cart-table table tbody tr:last-child td {
    border: none;
    padding-bottom: 0
}

.cart-table table tbody tr:first-child td {
    padding-top: 0
}

.cart-table table tbody tr td {
    padding: calc(16px + 6*(100vw - 320px)/1600) 16px;
    min-width: calc(135px + 35*(100vw - 320px)/1600)
}

.cart-table table tbody tr td .table-title {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500
}

.cart-table table tbody tr td.product-detail:hover .product .product-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.cart-table table tbody tr td.product-detail ul li+li {
    margin-bottom: 2px
}

.cart-table table tbody tr td.product-detail .product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

@media(max-width: 1366px) {
    .cart-table table tbody tr td.product-detail .product {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.cart-table table tbody tr td.product-detail .product .product-image {
    width: 70px
}

@media(max-width: 1366px) {
    .cart-table table tbody tr td.product-detail .product .product-image {
        width:80px
    }
}

@media(max-width: 575px) {
    .cart-table table tbody tr td.product-detail .product .product-image {
        width:90px
    }
}

@media(max-width: 480px) {
    .cart-table table tbody tr td.product-detail .product .product-image {
        width:100px
    }
}

@media(max-width: 360px) {
    .cart-table table tbody tr td.product-detail .product .product-image {
        width:70px
    }
}

.cart-table table tbody tr td.product-detail .product .product-image img {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.cart-table table tbody tr td.product-detail .product .product-detail {
    margin-left: calc(16px + 9*(100vw - 320px)/1600);
    margin-top: 0
}

[dir=rtl] .cart-table table tbody tr td.product-detail .product .product-detail {
    margin-left: unset;
    margin-right: calc(16px + 9*(100vw - 320px)/1600)
}

[dir=rtl] .cart-table table tbody tr td.product-detail .product .product-detail ul {
    padding-right: 0
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li {
    display: block;
    white-space: nowrap;
    margin-bottom: 8px;
    font-size: 14px
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li+li {
    margin-bottom: calc(0px + 2*(100vw - 320px)/1600)
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li .saving {
    font-weight: 500
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li span {
    font-weight: 500
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.name a {
    font-weight: 500;
    font-size: 16px;
    color: #222
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.name a:hover {
    color: #222
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li:nth-child(n+4) {
    display: none
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li .price h6 {
    margin-left: 8px;
    text-decoration: line-through
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box {
    border: 1px solid #ececec;
    border-radius: 5px;
    width: 62%
}

@media(max-width: 575px) {
    .cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box {
        width:80%
    }
}

@media(max-width: 360px) {
    .cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box {
        width:90%
    }
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box .cart_qty button {
    padding: calc(3px + 7*(100vw - 320px)/1600) calc(10px + 8*(100vw - 320px)/1600);
    border: none
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box .cart_qty button input {
    padding: 10px 18px;
    border: none;
    text-align: center
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity {
    margin: 6px 0
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price {
    width: 50%
}

@media(max-width: 480px) {
    .cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price {
        width:60%
    }
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price .cart_qty button {
    width: calc(26px + 9*(100vw - 320px)/1600);
    height: calc(26px + 9*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    background-color: #e3e0e0;
    border-radius: 100% !important;
    padding: 0
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price .cart_qty button i {
    margin-top: 2px
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price .cart_qty input {
    padding: 0;
    border: none;
    text-align: center;
    background-color: rgba(0,0,0,0)
}

.cart-table table tbody tr td.price h5 {
    font-weight: 500;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cart-table table tbody tr td.price h5 del {
    font-size: calc(13px + 3*(100vw - 320px)/1600);
    margin-left: 4px
}

[dir=rtl] .cart-table table tbody tr td.price h5 del {
    margin-left: unset;
    margin-right: 4px
}

.cart-table table tbody tr td.price h6 {
    margin-top: 5px;
    white-space: nowrap;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    font-weight: 500
}

.cart-table table tbody tr td.saving {
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-color)
}

.cart-table table tbody tr td.quantity {
    width: 20%
}

.cart-table table tbody tr td .quantity-price {
    width: 62%
}

@media(max-width: 1460px) {
    .cart-table table tbody tr td .quantity-price {
        width:80%
    }
}

@media(max-width: 1199px) {
    .cart-table table tbody tr td .quantity-price {
        width:90%
    }
}

@media(max-width: 991px) {
    .cart-table table tbody tr td .quantity-price {
        width:100%
    }
}

.cart-table table tbody tr td .quantity-price .cart_qty button {
    width: calc(29px + 6*(100vw - 320px)/1600);
    height: calc(29px + 6*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    background-color: #e3e0e0;
    border-radius: 100% !important;
    padding: 0
}

.cart-table table tbody tr td .quantity-price .cart_qty button i {
    font-size: 14px;
    padding-top: 3px
}

.cart-table table tbody tr td .quantity-price .cart_qty input {
    padding: 0;
    border: none;
    text-align: center;
    background-color: rgba(0,0,0,0)
}

.cart-table table tbody tr td.subtotal h5 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    font-weight: 500;
    display: inline-block
}

.cart-table table tbody tr td.subtotal .btn-close {
    margin-left: 50px
}

.cart-table table tbody tr td.save-remove .save {
    font-weight: 400;
    white-space: nowrap;
    font-size: 16px;
    display: block;
    text-decoration: underline
}

.cart-table table tbody tr td.save-remove .save:hover {
    color: var(--theme-color)
}

.cart-table table tbody tr td.save-remove .remove {
    font-weight: 400;
    font-size: 15px;
    color: #bf2020;
    text-decoration: underline
}

.cart-table table tfoot {
    border-top: 1px solid #ececec
}

.cart-table table tfoot tr td:first-child {
    border: none
}

.cart-table table tfoot tr td:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    padding: 16px;
    border-left: 1px solid #ececec
}

.cart-table table tfoot tr td:last-child {
    font-size: 16px;
    font-weight: 500;
    border-right: 1px solid #ececec
}

.summery-box {
    border-radius: 5px;
    background-color: #f8f8f8
}

.summery-box .summery-header {
    padding: calc(12px + 4*(100vw - 320px)/1600) calc(16px + 6*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ececec
}

.summery-box .summery-header h3 {
    font-weight: 600
}

.summery-box .summery-header a {
    font-weight: 500;
    margin-left: auto;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.summery-box .summery-header a:hover {
    color: var(--theme-color)
}

[dir=rtl] .summery-box .summery-header a {
    margin-left: unset;
    margin-right: auto
}

.summery-box .summery-contain {
    padding: 16px calc(16px + 6*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec
}

.summery-box .summery-contain::-webkit-scrollbar-track {
    background-color: #4a5568
}

.summery-box .summery-contain::-webkit-scrollbar {
    width: 3px
}

.summery-box .summery-contain::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 4px
}

.summery-box .summery-contain .coupon-cart .coupon-box {
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

.summery-box .summery-contain .coupon-cart .coupon-box .btn-apply {
    background: var(--theme-color);
    color: #fff;
    padding: 0 calc(16px + 14*(100vw - 320px)/1600);
    font-weight: 700;
    border: none
}

.summery-box .summery-contain .coupon-cart .coupon-box .form-control {
    border: 2px solid var(--theme-color);
    padding: 10px
}

[dir=rtl] .summery-box .summery-contain ul {
    padding-right: 0
}

.summery-box .summery-contain ul li {
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.summery-box .summery-contain ul li:last-child {
    border-bottom: none
}

.summery-box .summery-contain ul li h4 {
    font-size: 15px;
    color: #4a5568
}

.summery-box .summery-contain ul li h4.price {
    color: #4a5568;
    margin-left: auto
}

[dir=rtl] .summery-box .summery-contain ul li h4.price {
    margin-left: unset;
    margin-right: auto
}

.summery-box .summery-contain ul li h4.price .shpping-contain {
    display: block;
    font-weight: 400;
    font-size: 13px;
    margin-top: 3px
}

.summery-box .summery-contain ul li h4 span {
    font-weight: 600
}

.summery-box .summery-contain {
    padding: calc(11px + 5*(100vw - 320px)/1600) calc(11px + 11*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec
}

.summery-box .summery-contain::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0)
}

.summery-box .summery-contain::-webkit-scrollbar {
    width: 3px
}

.summery-box .summery-contain::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 4px
}

.summery-box .summery-contain li {
    padding: calc(6px + 4*(100vw - 320px)/1600) 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.summery-box .summery-contain li:last-child {
    border-bottom: none
}

.summery-box .summery-contain li p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    margin: 0
}

.summery-box .summery-contain li h4 {
    font-size: 15px;
    color: #4a5568
}

.summery-box .summery-contain li h4.price {
    color: #4a5568;
    margin-left: auto
}

[dir=rtl] .summery-box .summery-contain li h4.price {
    margin-left: unset;
    margin-right: auto
}

.summery-box .summery-contain li h4.price .shpping-contain {
    display: block;
    font-weight: 400;
    font-size: 13px;
    margin-top: 3px
}

.summery-box .summery-contain li h4 span {
    font-weight: 600
}

.summery-box .summery-total {
    padding: 0 calc(16px + 6*(100vw - 320px)/1600)
}

.summery-box .summery-total li {
    padding-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.summery-box .summery-total li h4 {
    font-size: 17px;
    color: #222
}

.summery-box .summery-total li h4.price {
    margin-left: auto
}

[dir=rtl] .summery-box .summery-total li h4.price {
    margin-left: unset;
    margin-right: auto
}

.summery-box .summery-total li h4 span {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600
}

.summery-box .summery-total li:nth-child(4) {
    padding: calc(12px + 4*(100vw - 320px)/1600) 0
}

.summery-box .summery-total li:nth-child(4) h4 {
    font-weight: 600;
    color: var(--theme-color)
}

.summery-box .summery-total li:last-child {
    border-top: 1px solid #ececec;
    padding: calc(12px + 4*(100vw - 320px)/1600) 0
}

.summery-box .summery-total li:last-child h4 {
    font-weight: 600;
    font-size: calc(16px + 4*(100vw - 320px)/1600)
}

.button-group {
    text-align: right;
    margin-top: calc(14px + 6*(100vw - 320px)/1600)
}

.button-group.cart-button {
    margin-top: 0;
    padding: 0 calc(16px + 6*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600)
}

[dir=rtl] .button-group.cart-button ul {
    padding-right: 0
}

.button-group.cart-button ul li {
    width: 100%
}

.button-group ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(7px + 9*(100vw - 320px)/1600)
}

[dir=rtl] .button-group ul {
    padding-right: 0
}

.button-group ul.button-group-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: calc(26px + 19*(100vw - 320px)/1600)
}

.button-group ul li button {
    width: 100%;
    font: inherit;
    letter-spacing: .04em;
    padding: calc(8px + 4*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600)
}

.button-group ul li button.shopping-button {
    font-size: calc(13px + 1*(100vw - 320px)/1600);
    background-color: #ececec;
    color: #000
}

.button-group ul li button.shopping-button i {
    margin-right: 8px
}

[dir=rtl] .button-group ul li button.shopping-button i {
    margin-right: unset;
    margin-left: 8px !important
}

.checkout-section .custom-accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(10px + 20*(100vw - 320px)/1600);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout-section .custom-accordion .accordion-item {
    border: none;
    border-radius: 6px;
    overflow: hidden;
    display: block;
    width: 100%
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button {
    color: #4a5568;
    position: relative;
    padding: 0
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button::after {
    content: none
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

[dir=rtl] .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    right: unset;
    left: 30px
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #222;
    background-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::before {
    top: 20%;
    -webkit-transform: rotate(-180deg) translateY(-50%);
    transform: rotate(-180deg) translateY(-50%)
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
    font-weight: 500;
    color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    padding: 16px 20px
}

[dir=rtl] .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
    padding-right: 0
}

@media(max-width: 480px) {
    .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
        margin-top:5px
    }
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label .form-check-input {
    margin-right: calc(6px + 4*(100vw - 320px)/1600)
}

[dir=rtl] .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label .form-check-input {
    margin-left: calc(6px + 4*(100vw - 320px)/1600);
    margin-right: unset
}

.checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .cod-review a:hover {
    color: var(--theme-color)
}

.checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check {
    margin-bottom: calc(5px + 3*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=rtl] .checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check {
    padding-left: unset;
    padding-right: 0
}

.checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: calc(14px + 3*(100vw - 320px)/1600)
}

.checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input {
    margin-right: 10px
}

[dir=rtl] .checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input {
    margin-right: unset;
    margin-left: 10px
}

.checkout-section .custom-navtab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(0px + 24*(100vw - 320px)/1600);
    overflow: auto;
    position: sticky;
    top: 0
}

@media(max-width: 991px) {
    .checkout-section .custom-navtab {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.checkout-section .custom-navtab .nav-item {
    width: 100%;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

@media(max-width: 991px) {
    .checkout-section .custom-navtab .nav-item {
        display:inline-block
    }

    .checkout-section .custom-navtab .nav-item+.nav-item {
        margin-left: 15px
    }
}

.checkout-section .custom-navtab .nav-item .nav-link {
    position: relative;
    text-align: left;
    border: 2px solid #ececec;
    padding: calc(10px + 8*(100vw - 320px)/1600);
    cursor: pointer
}

@media(max-width: 991px) {
    .checkout-section .custom-navtab .nav-item .nav-link {
        width:calc(195px + 25*(100vw - 320px)/1600)
    }
}

.checkout-section .custom-navtab .nav-item .nav-link::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 100%;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color);
    background-color: rgba(0,0,0,0);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 4px
}

.checkout-section .custom-navtab .nav-item .nav-link.active {
    color: #222;
    background-color: rgba(0,0,0,0);
    border: 2px solid var(--theme-color)
}

.checkout-section .custom-navtab .nav-item .nav-link.active::before {
    -webkit-box-shadow: 0 4px 0px var(--theme-color);
    box-shadow: 0 4px 0px var(--theme-color);
    width: 100%
}

.checkout-section .custom-navtab .nav-item .nav-link.active .nav-item-box h4,.checkout-section .custom-navtab .nav-item .nav-link.active .nav-item-box i {
    color: var(--theme-color);
    z-index: 1;
    -webkit-text-stroke: 1px rgba(0,0,0,0)
}

.checkout-section .custom-navtab .nav-item .nav-link .nav-item-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout-section .custom-navtab .nav-item .nav-link .nav-item-box span {
    color: #4a5568;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: calc(0px + 5*(100vw - 320px)/1600)
}

.checkout-section .custom-navtab .nav-item .nav-link .nav-item-box h4 {
    color: #222;
    font-weight: 500;
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.checkout-section .custom-navtab .nav-item .nav-link .nav-item-box .lord-icon {
    width: calc(38px + 20*(100vw - 320px)/1600);
    height: auto;
    margin-left: auto
}

[dir=rtl] .checkout-section .custom-navtab .nav-item .nav-link .nav-item-box .lord-icon {
    margin-left: unset;
    margin-right: auto
}

.checkout-section .tab-content {
    background-color: #f8f8f8;
    height: 100%;
    padding: calc(26px + 9*(100vw - 320px)/1600) calc(12px + 13*(100vw - 320px)/1600)
}

.checkout-section .tab-content .tab-pane .tab-title {
    margin-bottom: calc(18px + 12*(100vw - 320px)/1600);
    font-size: calc(18px + 6*(100vw - 320px)/1600);
    color: #222
}

.checkout-section .delivery-address-box {
    border-radius: 8px;
    padding: calc(12px + 12*(100vw - 320px)/1600);
    background-color: #fff;
    -webkit-box-shadow: 0 0 9px rgba(0,0,0,.07);
    box-shadow: 0 0 9px rgba(0,0,0,.07)
}

.checkout-section .delivery-address-box>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.checkout-section .delivery-address-box>div .label {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--theme-color);
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    letter-spacing: .8px
}

[dir=rtl] .checkout-section .delivery-address-box>div .label {
    right: unset;
    left: 0
}

.checkout-section .delivery-address-box>div .form-check .form-check-input {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: calc(15px + 2*(100vw - 320px)/1600);
    margin-top: 2px
}

.checkout-section .delivery-address-box>div .form-check .form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.checkout-section .delivery-address-box>div .form-check .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.checkout-section .delivery-address-box>div .form-check .form-check-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.checkout-section .delivery-address-box>div .delivery-address-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: 10px;
    width: calc(85% + -10*(100vw - 320px)/1600)
}

[dir=rtl] .checkout-section .delivery-address-box>div .delivery-address-detail {
    margin-left: unset;
    margin-right: 10px;
    padding-right: 0
}

.checkout-section .delivery-address-box>div .delivery-address-detail li {
    display: block;
    width: 100%
}

.checkout-section .delivery-address-box>div .delivery-address-detail p,.checkout-section .delivery-address-box>div .delivery-address-detail h6 {
    line-height: 1.4;
    margin-bottom: 0;
    font-weight: 400;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.checkout-section .delivery-address-box>div .delivery-address-detail p span,.checkout-section .delivery-address-box>div .delivery-address-detail h6 span {
    margin-right: 4px
}

.checkout-section .add-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    -webkit-box-shadow: 0 0 9px rgba(0,0,0,.07);
    box-shadow: 0 0 9px rgba(0,0,0,.07);
    border-radius: 8px
}

.checkout-section .delivery-option {
    padding: calc(17px + 9*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 5px
}

@media(max-width: 1460px) {
    .checkout-section .delivery-option .select-option {
        margin-top:6px
    }
}

.checkout-section .delivery-option .date-box {
    position: relative
}

.checkout-section .delivery-option .date-box i {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 17px;
    font-size: 18px;
    color: #4a5568
}

.checkout-section .delivery-option .delivery-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media(max-width: 767px) {
    .checkout-section .delivery-option .delivery-category {
        display:block
    }
}

.checkout-section .delivery-option .custom-form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    min-height: auto
}

[dir=rtl] .checkout-section .delivery-option .custom-form-check {
    padding-left: unset;
    padding-right: 1.5rem
}

.checkout-section .delivery-option .custom-form-check .form-check-label {
    font-size: calc(15px + 4*(100vw - 320px)/1600);
    padding-left: 12px;
    font-weight: 500
}

[dir=rtl] .checkout-section .delivery-option .custom-form-check .form-check-label {
    padding-left: unset;
    padding-right: 12px
}

.checkout-section .delivery-option .delivery-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media(max-width: 575px) {
    .checkout-section .delivery-option .delivery-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width: 480px) {
    .checkout-section .delivery-option .delivery-items {
        display:block
    }
}

.checkout-section .delivery-option .delivery-items h5 {
    letter-spacing: .5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout-section .delivery-option .delivery-items h5.items {
    margin-bottom: 5px
}

@media(max-width: 575px) {
    .checkout-section .delivery-option .delivery-items h5.items {
        margin-bottom:0
    }
}

@media(max-width: 480px) {
    .checkout-section .delivery-option .delivery-items h5.items {
        margin-bottom:5px
    }
}

.checkout-section .delivery-option .delivery-items h5.items span {
    text-decoration: underline
}

@media(max-width: 575px) {
    .checkout-section .delivery-option .delivery-items h5.charge {
        margin-top:8px
    }
}

.checkout-section .delivery-option .delivery-items h5 i {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    margin-left: 7px;
    color: rgba(0,0,0,.25)
}

[dir=rtl] .checkout-section .delivery-option .delivery-items h5 i {
    margin-left: unset;
    margin-right: 7px
}

.checkout-section .delivery-option .delivery-date {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: 1px solid #ececec;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a5568;
    width: 100%;
    padding: calc(8px + 2*(100vw - 320px)/1600) calc(15px + 10*(100vw - 320px)/1600)
}

.checkout-section .delivery-option .delivery-date input {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: none;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a5568;
    width: 100%
}

.checkout-section .delivery-option .delivery-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.checkout-section .delivery-option .delivery-time .dropdown-toggle {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: 1px solid #ececec;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a5568
}

.checkout-section .delivery-option .delivery-time .dropdown-toggle i {
    -webkit-text-stroke: 1px #4a5568;
    color: rgba(0,0,0,0);
    font-size: 18px;
    margin-right: 10px
}

.checkout-section .delivery-option .delivery-time .dropdown-toggle::after {
    content: none
}

.checkout-section .delivery-option .delivery-time .dropdown-toggle::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px
}

.checkout-section .delivery-option .delivery-time .dropdown-menu {
    border: 1px solid rgba(0,0,0,0);
    -webkit-box-shadow: 0 6px 5px rgba(0,0,0,.1);
    box-shadow: 0 6px 5px rgba(0,0,0,.1)
}

.checkout-section .delivery-option .delivery-time .dropdown-menu li a:active {
    color: #000;
    text-decoration: none;
    background-color: #ececec
}

.checkout-section .delivery-option .delivery-time .dropdown-menu li+li {
    margin-top: 5px
}

.checkout-section .payment-button {
    padding: calc(14px + 6*(100vw - 320px)/1600) calc(15px + 10*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 500
}

.checkout-section .payment-method .custom-form-check label {
    font-weight: 500;
    font-size: 17px
}

.checkout-section .credit-card-box .credit-detail {
    position: relative
}

.checkout-section .credit-info label {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500
}

.checkout-section .payment-option {
    padding: 20px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.17);
    box-shadow: 0 0 5px rgba(0,0,0,.17);
    border-radius: 8px;
    position: relative
}

.checkout-section .payment-option .form-check .form-check-input {
    margin-top: 4px
}

.checkout-section .payment-option .form-check label {
    font-weight: 500;
    font-size: 18px;
    padding-left: 10px
}

.checkout-section .payment-option img {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 20px;
    width: 60px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(17px + 28*(100vw - 320px)/1600)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li {
    position: relative;
    width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li:last-child .checkout-box::before {
    content: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 6px;
    background-color: #f8f8f8
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon {
    left: unset;
    right: 0
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon {
        display:none
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon .lord-icon {
    width: 100%;
    height: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
    padding: calc(14px + 15*(100vw - 320px)/1600);
    background-color: #f8f8f8;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 8px #eee;
    box-shadow: 0 0 8px #eee;
    margin-left: 66px;
    position: relative
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
    margin-left: unset;
    margin-right: 66px
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
        margin-left:0
    }

    [dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
        margin-left: unset;
        margin-right: 0
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box::before {
    content: "";
    position: absolute;
    top: 25px;
    left: -42px;
    width: 0;
    height: 115%;
    border-left: 1px dashed rgba(34,34,34,.18);
    z-index: -1
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box::before {
    left: unset;
    right: -42px
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box::before {
        content:none
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-title {
    margin-bottom: calc(9px + 8*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-title h4 {
    font-weight: 600;
    font-size: calc(16px + 3*(100vw - 320px)/1600)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box {
    border-radius: 8px;
    padding: calc(12px + 12*(100vw - 320px)/1600);
    background-color: #fff;
    height: 100%;
    -webkit-box-shadow: 0 0 9px rgba(0,0,0,.07);
    box-shadow: 0 0 9px rgba(0,0,0,.07)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .label {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--theme-color);
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    letter-spacing: .8px
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .label {
    right: unset;
    left: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: calc(15px + 2*(100vw - 320px)/1600);
    margin-top: 2px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: 10px;
    width: calc(85% + -10*(100vw - 320px)/1600)
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail {
    margin-left: unset;
    margin-right: 10px;
    padding-right: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail li {
    display: block;
    width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail p,.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail h6 {
    line-height: 1.4;
    margin-bottom: 0;
    font-weight: 400;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail p span,.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail h6 span {
    margin-right: 4px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .add-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    -webkit-box-shadow: 0 0 9px rgba(0,0,0,.07);
    box-shadow: 0 0 9px rgba(0,0,0,.07);
    border-radius: 8px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option {
    padding: calc(17px + 9*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 5px
}

@media(max-width: 1460px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .select-option {
        margin-top:6px
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .date-box {
    position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .date-box i {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 17px;
    font-size: 18px;
    color: #4a5568
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media(max-width: 767px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-category {
        display:block
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    min-height: auto
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check {
    padding-left: unset;
    padding-right: 1.5rem
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check .form-check-label {
    font-size: calc(15px + 4*(100vw - 320px)/1600);
    padding-left: 12px;
    font-weight: 500
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check .form-check-label {
    padding-left: unset;
    padding-right: 12px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-date {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: 1px solid #ececec;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a5568;
    width: 100%;
    padding: calc(8px + 2*(100vw - 320px)/1600) calc(15px + 10*(100vw - 320px)/1600)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-date input {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: none;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a5568;
    width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: 1px solid #ececec;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a5568
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle i {
    -webkit-text-stroke: 1px #4a5568;
    color: rgba(0,0,0,0);
    font-size: 18px;
    margin-right: 10px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle::after {
    content: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu {
    border: 1px solid rgba(0,0,0,0);
    -webkit-box-shadow: 0 6px 5px rgba(0,0,0,.1);
    box-shadow: 0 6px 5px rgba(0,0,0,.1)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu li a:active {
    color: #000;
    text-decoration: none;
    background-color: #ececec
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu li+li {
    margin-top: 5px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box {
    display: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box.show {
    display: block
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option {
    padding: calc(17px + 9*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 5px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width: 480px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
        display:block
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5 {
    letter-spacing: .5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
    margin-bottom: 5px
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
        margin-bottom:0
    }
}

@media(max-width: 480px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
        margin-bottom:5px
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items span {
    text-decoration: underline
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.charge {
        margin-top:8px
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5 i {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    margin-left: 7px;
    color: rgba(0,0,0,.25)
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5 i {
    margin-left: unset;
    margin-right: 7px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-button {
    padding: calc(14px + 6*(100vw - 320px)/1600) calc(15px + 10*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 500
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-method .custom-form-check label {
    font-weight: 500;
    font-size: 17px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .credit-card-box .credit-detail {
    position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .credit-info label {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option {
    padding: 20px;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.17);
    box-shadow: 0 0 5px rgba(0,0,0,.17);
    border-radius: 8px;
    position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option .form-check .form-check-input {
    margin-top: 4px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option .form-check label {
    font-weight: 500;
    font-size: 18px;
    padding-left: 10px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option img {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 20px;
    width: 60px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(10px + 20*(100vw - 320px)/1600);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item {
    border: none;
    border-radius: 6px;
    overflow: hidden;
    display: block;
    width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button {
    color: #4a5568;
    position: relative;
    padding: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::after {
    content: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    right: unset;
    left: 30px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #222;
    background-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::before {
    top: 20%;
    -webkit-transform: rotate(-180deg) translateY(-50%);
    transform: rotate(-180deg) translateY(-50%)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
    font-weight: 500;
    color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    padding: 16px 20px
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
    padding-right: 0
}

@media(max-width: 480px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
        margin-top:5px
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label .form-check-input {
    margin-right: calc(6px + 4*(100vw - 320px)/1600)
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label .form-check-input {
    margin-left: calc(6px + 4*(100vw - 320px)/1600);
    margin-right: unset
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body {
    padding-top: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .cod-review {
    margin: 0;
    line-height: 1.5;
    color: #4a5568
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .cod-review a:hover {
    color: var(--theme-color)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check {
    margin-bottom: calc(5px + 3*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check {
    padding-left: unset;
    padding-right: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: calc(14px + 3*(100vw - 320px)/1600)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input {
    margin-right: 10px
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input {
    margin-right: unset;
    margin-left: 10px
}

.checkout-section-2 .right-side-summery-box {
    position: sticky;
    top: 110px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 {
    border-radius: 7px;
    background-color: #f8f8f8;
    padding: calc(14px + 15*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header {
    padding-bottom: calc(12px + 4*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header h3 {
    font-weight: 600
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header a {
    font-weight: 500;
    margin-left: auto;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header a:hover {
    color: var(--theme-color)
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header a {
    margin-left: unset;
    margin-right: auto
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain {
    border-bottom: 1px solid #ececec
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-track {
    background-color: #4a5568
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar {
    width: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 4px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .checkout-image {
    width: calc(41px + 11*(100vw - 320px)/1600);
    height: calc(41px + 11*(100vw - 320px)/1600);
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 10px
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .checkout-image {
    margin-right: unset;
    margin-left: 10px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .coupon-cart .coupon-box {
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .coupon-cart .coupon-box .btn-apply {
    background: var(--theme-color);
    color: #fff;
    padding: 0 calc(16px + 14*(100vw - 320px)/1600);
    font-weight: 700;
    border: none
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .coupon-cart .coupon-box .form-control {
    border: 2px solid var(--theme-color);
    padding: 10px
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul {
    padding-right: 0
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li {
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li:last-child {
    border-bottom: none
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4 {
    font-size: 15px;
    color: #4a5568
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4.price {
    color: #4a5568;
    margin-left: auto
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4.price {
    margin-left: unset;
    margin-right: auto
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4.price .shpping-contain {
    display: block;
    font-weight: 400;
    font-size: 13px;
    margin-top: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4 span {
    font-weight: 600
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain {
    padding-bottom: 10px;
    padding: 0
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0)
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar {
    width: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 4px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li {
    padding: calc(6px + 2*(100vw - 320px)/1600) 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li:last-child {
    border-bottom: none
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    margin: 0
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4 {
    font-size: 15px;
    color: #4a5568
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4.price {
    color: #4a5568;
    margin-left: auto
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4.price {
    margin-left: unset;
    margin-right: auto
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4.price .shpping-contain {
    display: block;
    font-weight: 400;
    font-size: 13px;
    margin-top: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4 span {
    font-weight: 600
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total {
    margin-top: 0px;
    padding-top: 5px
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total {
    padding: 0;
    padding-top: 5px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li {
    padding-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4 {
    font-size: 17px;
    color: #222
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4.price {
    margin-left: auto
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4.price {
    margin-left: unset;
    margin-right: auto
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4 span {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:nth-child(4) {
    padding: calc(12px + 4*(100vw - 320px)/1600) 0
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:nth-child(4) h4 {
    font-weight: 600;
    color: var(--theme-color)
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:last-child {
    border-top: 1px solid #ececec;
    padding-top: calc(12px + 4*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:last-child h4 {
    font-weight: 600;
    font-size: calc(16px + 4*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .checkout-offer {
    margin-top: 24px;
    border-radius: 7px;
    background-color: #f8f8f8;
    padding: calc(14px + 15*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(9px + 3*(100vw - 320px)/1600);
    margin-bottom: calc(13px + 7*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-title .offer-icon {
    width: 20px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-title .offer-name h6 {
    font-weight: 600;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    line-height: 1;
    margin-bottom: -2px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(11px + 5*(100vw - 320px)/1600);
    height: 100%;
    overflow: hidden auto;
    max-height: 104px
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail {
    padding: 0
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(85,85,85,.14)
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
    border-radius: 50px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(85,85,85,.5)
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li {
    display: block
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li p {
    color: #4a5568;
    line-height: 1.5;
    position: relative;
    padding-left: 23px;
    font-size: calc(13px + 0*(100vw - 320px)/1600);
    margin: 0
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li p {
    padding-left: unset;
    padding-right: 23px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li p::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    width: 5px;
    height: 5px;
    background-color: #4a5568;
    border-radius: 100%
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li p::before {
    left: unset;
    right: 7px
}

.contact-box-section .left-sidebar-box .contact-image {
    text-align: center;
    margin-bottom: calc(25px + 39*(100vw - 320px)/1600)
}

@media(max-width: 1199px) {
    .contact-box-section .left-sidebar-box .contact-image {
        margin-bottom:0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 100%
    }
}

@media(max-width: 991px) {
    .contact-box-section .left-sidebar-box .contact-image {
        margin-bottom:calc(25px + 39*(100vw - 320px)/1600)
    }
}

.contact-box-section .left-sidebar-box .contact-image img {
    width: 60%
}

@media(max-width: 1199px) {
    .contact-box-section .left-sidebar-box .contact-image img {
        width:77%
    }
}

@media(max-width: 991px) {
    .contact-box-section .left-sidebar-box .contact-image img {
        width:60%;
        margin-bottom: calc(25px + 39*(100vw - 320px)/1600)
    }
}

.contact-box-section .left-sidebar-box .contact-title {
    margin-bottom: calc(20px + 12*(100vw - 320px)/1600)
}

.contact-box-section .left-sidebar-box .contact-title h3 {
    position: relative;
    display: inline-block;
    font-size: calc(23px + 5*(100vw - 320px)/1600);
    font-weight: 600
}

.contact-box-section .left-sidebar-box .contact-title h3::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    bottom: -5px;
    left: 0;
    background: var(--theme-color2)
}

[dir=rtl] .contact-box-section .left-sidebar-box .contact-title h3::after {
    left: unset;
    right: 0
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(2px + 3*(100vw - 320px)/1600);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f8f8f8;
    padding: calc(15px + 12*(100vw - 320px)/1600) calc(15px + 12*(100vw - 320px)/1600) calc(15px + 12*(100vw - 320px)/1600) calc(30px + 11*(100vw - 320px)/1600);
    position: relative;
    border-radius: 10px;
    margin-left: 22px
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: -21px;
    background-color: var(--theme-color);
    padding: 13px;
    border-radius: 7px;
    display: inherit;
    color: #fff
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-title,.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-contain {
    width: 100%
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-title h4 {
    font-weight: 600;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin-top: -2px
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-contain p {
    margin: 0;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.5;
    color: #4a5568;
    margin-bottom: -5px
}

.contact-box-section .right-sidebar-box {
    padding: calc(21px + 39*(100vw - 320px)/1600);
    border-radius: 10px;
    background-color: #f8f8f8
}

.contact-box-section .right-sidebar-box .custom-form label {
    color: #4a5568;
    display: block;
    font-size: 16px;
    margin-bottom: calc(3px + 5*(100vw - 320px)/1600)
}

.contact-box-section .right-sidebar-box .custom-form .custom-input {
    position: relative
}

.contact-box-section .right-sidebar-box .custom-form .custom-input .form-control {
    padding: calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(41px + 11*(100vw - 320px)/1600);
    border: none
}

[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-input .form-control {
    padding: calc(15px + 5*(100vw - 320px)/1600) calc(41px + 11*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600)
}

.contact-box-section .right-sidebar-box .custom-form .custom-input .form-control:focus {
    background-color: #fff;
    border-color: rgba(0,0,0,0)
}

.contact-box-section .right-sidebar-box .custom-form .custom-input i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0 calc(14px + 6*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    color: #4a5568
}

[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-input i {
    left: unset;
    right: 0
}

.contact-box-section .right-sidebar-box .custom-form .custom-textarea {
    position: relative
}

.contact-box-section .right-sidebar-box .custom-form .custom-textarea .form-control {
    padding-left: 52px;
    border: none
}

[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-textarea .form-control {
    padding-left: unset;
    padding-right: 52px
}

.contact-box-section .right-sidebar-box .custom-form .custom-textarea .form-control:focus {
    background-color: #fff;
    border-color: rgba(0,0,0,0)
}

.contact-box-section .right-sidebar-box .custom-form .custom-textarea i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 18px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    color: #4a5568
}

[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-textarea i {
    left: unset;
    right: 0
}

.map-section .map-box {
    margin-bottom: -6px;
    display: block
}

.map-section .map-box iframe {
    width: 100%;
    height: 350px
}

.log-in-section {
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 0
}

.log-in-section::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/inner-page/log-in-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1
}

.log-in-section.otp-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.log-in-section .image-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.log-in-section .log-in-form .form-control {
    border: none
}

.log-in-section .inputs {
    margin: calc(-2px + -10*(100vw - 320px)/1600)
}

.log-in-section .inputs input {
    margin: calc(2px + 6*(100vw - 320px)/1600);
    border: none
}

.log-in-section .log-in-box {
    background-color: #f8f8f8;
    padding: calc(16px + 34*(100vw - 320px)/1600);
    border-radius: calc(8px + 4*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .logo-name {
    margin-bottom: calc(20px + 10*(100vw - 320px)/1600);
    margin-top: -10px
}

.log-in-section .log-in-box .logo-name a {
    font-size: calc(28px + 7*(100vw - 320px)/1600);
    font-weight: bold;
    color: #222;
    font-family: "Public Sans",sans-serif;
    display: block
}

.log-in-section .log-in-box .logo-name a img {
    width: calc(150px + 75*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .log-in-title {
    margin-bottom: calc(12px + 8*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .log-in-title h3 {
    margin-bottom: calc(1px + 5*(100vw - 320px)/1600);
    font-size: calc(18px + 3*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .log-in-title h4,.log-in-section .log-in-box .log-in-title h5 {
    color: #4a5568;
    margin-top: 8px
}

.log-in-section .log-in-box .log-in-button {
    margin-top: 20px;
    padding: 1px 0
}

.log-in-section .log-in-box .log-in-button ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=rtl] .log-in-section .log-in-box .log-in-button ul {
    padding-right: 0
}

.log-in-section .log-in-box .log-in-button ul li {
    display: block;
    width: 100%
}

.log-in-section .log-in-box .log-in-button ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #222;
    border-radius: 5px;
    padding: calc(10px + 6*(100vw - 320px)/1600) calc(18px + 12*(100vw - 320px)/1600);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(8px + 2*(100vw - 320px)/1600);
    background-color: #fff
}

.log-in-section .log-in-box .log-in-button ul li a img {
    width: calc(18px + 6*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .forgot-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 360px) {
    .log-in-section .log-in-box .forgot-box {
        display:block
    }
}

.log-in-section .log-in-box .remember-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.log-in-section .log-in-box .remember-box .check-box {
    display: block;
    margin-top: -6px
}

.log-in-section .log-in-box .remember-box label {
    font-size: 16px
}

.log-in-section .log-in-box .remember-box label span {
    font-weight: 500;
    color: var(--theme-color)
}

.log-in-section .log-in-box .forgot-password {
    font-size: 16px;
    font-weight: 500;
    display: block
}

.log-in-section .log-in-box .forgot-password:hover {
    color: var(--theme-color)
}

.log-in-section .log-in-box .other-log-in {
    margin-top: 15px;
    text-align: center;
    position: relative
}

.log-in-section .log-in-box .other-log-in::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #ddd;
    z-index: 0
}

.log-in-section .log-in-box .other-log-in h6 {
    color: #4a5568;
    position: relative;
    background-color: #f9f9f9;
    padding: 0 14px;
    display: inline-block;
    text-transform: uppercase
}

.log-in-section .log-in-box .sign-up-box {
    margin-top: 20px;
    text-align: center
}

.log-in-section .log-in-box .sign-up-box h4 {
    color: #4a5568;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(0px + 3*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .sign-up-box a {
    font-weight: 500;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    margin-bottom: -4px;
    display: block
}

.log-in-section .log-in-box .sign-up-box a:hover {
    color: var(--theme-color)
}

.log-in-section .log-in-box .contact-title {
    margin-bottom: 30px
}

.log-in-section .log-in-box .contact-title h2 {
    margin-bottom: 15px
}

.log-in-section .log-in-box .contact-title h5 {
    width: 53%;
    font-size: 18px;
    line-height: 1.3;
    color: #4a5568
}

.faq-contain {
    margin-bottom: calc(30px + 20*(100vw - 320px)/1600)
}

.faq-contain .faq-top-box {
    text-align: center;
    background-color: #f8f8f8;
    border-radius: 9px;
    padding: 28px 18px
}

.faq-contain .faq-top-box .faq-box-icon {
    width: 65px;
    height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 7px;
    margin: 0 auto 16px
}

.faq-contain .faq-top-box .faq-box-icon img {
    width: calc(36px + 9*(100vw - 320px)/1600);
    height: auto
}

.faq-contain .faq-top-box .faq-box-contain h3 {
    font-weight: 700
}

.faq-contain .faq-top-box .faq-box-contain p {
    margin: 17px 0 0;
    line-height: 1.6;
    color: #4a5568;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: -4px
}

.faq-box-contain .faq-contain {
    margin-bottom: 0;
    position: sticky;
    top: 92px
}

@media(max-width: 1199px) {
    .faq-box-contain .faq-contain {
        margin-bottom:calc(30px + 20*(100vw - 320px)/1600)
    }
}

.faq-box-contain .faq-contain h2 {
    font-weight: 700;
    font-size: calc(28px + 28*(100vw - 320px)/1600);
    line-height: 1.4
}

.faq-box-contain .faq-contain p {
    margin: calc(8px + 7*(100vw - 320px)/1600) 0 0;
    font-size: calc(13px + 2*(100vw - 320px)/1600);
    line-height: 1.5;
    color: #4a5568
}

@media(max-width: 1199px) {
    .faq-box-contain .faq-contain p {
        width:70%
    }
}

@media(max-width: 991px) {
    .faq-box-contain .faq-contain p {
        width:90%
    }
}

@media(max-width: 767px) {
    .faq-box-contain .faq-contain p {
        width:100%;
        text-align: justify
    }
}

.faq-box-contain .faq-accordion .accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(15px + 9*(100vw - 320px)/1600)
}

.faq-box-contain .faq-accordion .accordion .accordion-item {
    width: 100%;
    border-radius: 7px;
    background-color: #f8f8f8;
    border: none;
    overflow: hidden
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button {
    background-color: #f8f8f8;
    font-size: calc(16px + 4*(100vw - 320px)/1600);
    font-weight: 500;
    line-height: 1.5;
    padding: calc(12px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600)
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button i {
    margin-left: auto;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

[dir=rtl] .faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button i {
    margin-left: unset;
    margin-right: auto
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button::after {
    content: unset
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    font-weight: 700;
    color: var(--theme-color);
    background-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button:focus {
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 0 calc(12px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600)
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    color: #4a5568;
    margin-bottom: calc(12px + 4*(100vw - 320px)/1600)
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body p:last-child {
    margin-bottom: -4px
}

.compare-section .compare-table {
    border: 1px solid #ddd;
    margin-bottom: 0
}

.compare-section .compare-table tr td,.compare-section .compare-table tr th {
    min-width: 200px;
    border-right: 1px solid #ddd;
    padding: calc(12px + 4*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600);
    text-align: center
}

.compare-section .compare-table tr td:first-child,.compare-section .compare-table tr th:first-child {
    min-width: auto
}

.compare-section .compare-table tr th {
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-color);
    background-color: #f8f8f8
}

.compare-section .compare-table tr td {
    font-size: 15px
}

.compare-section .compare-table tr td.title a {
    font-weight: 700;
    color: #222
}

.compare-section .compare-table tr td a {
    font-weight: 600
}

.compare-section .compare-table tr td a:hover {
    color: #222
}

.compare-section .compare-table tr td .compare-image {
    width: calc(105px + 25*(100vw - 320px)/1600);
    height: calc(105px + 25*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
    background-color: #f1f1f1;
    margin: 0 auto
}

.compare-section .compare-table tr td .compare-image img {
    width: 100%;
    height: calc(65px + 25*(100vw - 320px)/1600);
    -o-object-fit: contain;
    object-fit: contain
}

.compare-section .compare-table tr td .price h5 {
    font-weight: 600;
    color: #222
}

.compare-section .compare-table tr td .price h5 del {
    font-weight: 400;
    font-size: 15px;
    margin-left: 4px;
    color: #777
}

.compare-section .compare-table tr td .price h5 span {
    margin-left: 4px;
    color: var(--theme-color)
}

.compare-section .compare-table tr td .compare-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px
}

.compare-section .compare-table tr td .compare-rating span {
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

[dir=rtl] .compare-section .compare-table tr td .compare-rating span {
    margin-left: unset;
    padding-right: 5px
}

.compare-section .compare-table tr td .summary {
    color: #777;
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 15px
}

.blog-section .left-sidebar-box {
    position: sticky;
    top: 20px
}

.blog-section .left-sidebar-box .left-search-box .search-box {
    position: relative
}

.blog-section .left-sidebar-box .left-search-box .search-box::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    color: #4a5568
}

.blog-section .left-sidebar-box .left-search-box .search-box::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 60%;
    right: 51px;
    opacity: .3;
    background-color: #4a5568
}

.blog-section .left-sidebar-box .left-search-box .search-box input {
    padding: 8px 68px 8px 20px;
    background-color: #f8f8f8;
    border: none;
    height: 53px;
    border-radius: 7px
}

.blog-section .left-sidebar-box .left-search-box .search-box input:focus {
    border-color: #ced4da
}

.blog-section .left-sidebar-box .left-accordion-box {
    margin-top: 20px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item {
    border: none;
    padding: calc(18px + 7*(100vw - 320px)/1600);
    background-color: #f8f8f8
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item+.accordion-item {
    margin-top: 20px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button {
    background-color: #f8f8f8;
    color: #222;
    font-weight: 700;
    padding: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button::after {
    width: unset;
    height: unset;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    background-image: none;
    content: ""
}

[dir=rtl] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button::after {
    margin-left: unset;
    margin-right: auto
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button:focus {
    border-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    -webkit-box-shadow: none;
    box-shadow: none
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse {
    background-color: #f8f8f8
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body {
    padding: 0;
    margin-top: 20px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box+.recent-box {
    margin-top: 20px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box:hover .recent-image img {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg)
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-image {
    width: 110px;
    border-radius: 5px;
    overflow: hidden
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-image img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail {
    padding-left: 15px;
    width: calc(100% - 110px)
}

[dir=rtl] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail {
    padding-left: unset;
    padding-right: 15px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a {
    color: #222
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a:hover {
    color: #222
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a h5 {
    font-weight: 600;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail h6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px;
    color: #4a5568
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail h6 .feather {
    width: 18px;
    height: 18px;
    stroke-width: 1
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

[dir=rtl] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul {
    padding-left: unset;
    padding-right: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li {
    display: block;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 0;
    overflow: hidden;
    width: 100%
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li:first-child {
    padding-top: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a {
    display: block;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #222
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name h5 {
    color: #4a5568;
    font-weight: 600
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name h5,.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name span {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name span {
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 13px;
    color: #fff;
    background-color: var(--theme-color);
    padding: 4px 5px 3px;
    border-radius: 100%
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

[dir=rtl] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul {
    padding-left: unset;
    padding-right: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li {
    z-index: 0;
    padding: 4px 9px;
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden;
    position: relative;
    background-color: #fff
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: -1;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li:hover {
    border-color: rgba(0,0,0,0)
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li:hover::after {
    opacity: 1
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li:hover a {
    color: #fff
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li a {
    font-size: calc(13px + 1*(100vw - 320px)/1600);
    color: #4a5568;
    text-transform: capitalize
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-list-2 li+li {
    margin-top: 30px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-list-2 li+li::after {
    top: -16px;
    width: calc(100% - 80px - (12px + 11*(100vw - 320px)/1600))
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-list-2 li .offer-product .offer-detail a {
    color: #222
}

.blog-section .custom-border {
    border-bottom: 1px solid #ececec;
    padding-bottom: calc(20px + 30*(100vw - 320px)/1600);
    margin-bottom: calc(35px + 25*(100vw - 320px)/1600)
}

.blog-section .blog-box:hover .blog-image a {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg)
}

.blog-section .blog-box .blog-image {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 0
}

.blog-section .blog-box .blog-image a {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-section .blog-box .blog-image label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: unset;
    left: 0;
    border-radius: 0;
    background-color: #febc5c;
    color: #fff;
    padding: 10px 13px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600
}

.blog-section .blog-box .blog-image label i {
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 3px;
    color: #fff
}

.blog-section .blog-box .blog-contain {
    padding: 0 20px 20px
}

.blog-section .blog-box .blog-contain-2 {
    padding: 0
}

.blog-section .blog-box .blog-contain .blog-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-section .blog-box .blog-contain .blog-label .time,.blog-section .blog-box .blog-contain .blog-label .super {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a5568;
    text-transform: uppercase;
    font-size: 13px
}

.blog-section .blog-box .blog-contain .blog-label .time .feather,.blog-section .blog-box .blog-contain .blog-label .super .feather {
    width: 16px;
    height: 16px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 4px
}

[dir=rtl] .blog-section .blog-box .blog-contain .blog-label .time .feather,[dir=rtl] .blog-section .blog-box .blog-contain .blog-label .super .feather {
    margin-right: unset;
    margin-left: 4px
}

.blog-section .blog-box .blog-contain .blog-label .time span,.blog-section .blog-box .blog-contain .blog-label .super span {
    margin-top: 1px
}

.blog-section .blog-box .blog-contain a {
    color: #222
}

.blog-section .blog-box .blog-contain a:hover {
    color: #222
}

.blog-section .blog-box .blog-contain a h3 {
    margin: 10px 0 6px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: capitalize;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.blog-section .blog-box .blog-contain p {
    line-height: 1.8;
    color: #4a5568;
    margin-bottom: 0
}

@media(max-width: 1366px) {
    .blog-section .blog-box .blog-contain p {
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
}

.blog-section .blog-box .blog-contain .blog-button {
    border: none;
    background-color: rgba(var(--theme-color-rgb), 0.1);
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 5px;
    padding: 10px 22px;
    color: var(--theme-color);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-top: calc(8px + 14*(100vw - 320px)/1600);
    font-size: 14px
}

.blog-section .blog-box .blog-contain .blog-button:hover {
    background-color: rgba(var(--theme-color-rgb), 1);
    color: #fff
}

.blog-section .blog-box .blog-contain .blog-button i {
    margin-left: 10px;
    margin-top: 1px
}

[dir=rtl] .blog-section .blog-box .blog-contain .blog-button i {
    margin-left: unset;
    margin-right: 10px
}

.blog-section .blog-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(max-width: 1199px) {
    .blog-section .blog-list {
        display:block
    }
}

@media(max-width: 991px) {
    .blog-section .blog-list {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width: 767px) {
    .blog-section .blog-list {
        display:block
    }
}

.blog-section .blog-list:hover {
    -webkit-box-shadow: 0 4px 9px rgba(34,34,34,.1);
    box-shadow: 0 4px 9px rgba(34,34,34,.1)
}

.blog-section .blog-list:hover .blog-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.blog-section .blog-list:hover .blog-contain a h3 {
    color: var(--theme-color)
}

.blog-section .blog-list:hover .blog-contain .blog-button {
    background-color: var(--theme-color);
    color: #fff
}

.blog-section .blog-list .blog-image {
    margin-bottom: -1px;
    width: 38%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(max-width: 1399px) {
    .blog-section .blog-list .blog-image {
        width:45%
    }
}

@media(max-width: 1199px) {
    .blog-section .blog-list .blog-image {
        width:100%
    }
}

@media(max-width: 991px) {
    .blog-section .blog-list .blog-image {
        width:45%
    }
}

@media(max-width: 767px) {
    .blog-section .blog-list .blog-image {
        width:100%;
        height: auto;
        margin-bottom: 8px;
        text-align: center
    }
}

.blog-section .blog-list .blog-image img {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(max-width: 1199px) {
    .blog-section .blog-list .blog-image img {
        width:100%
    }
}

@media(max-width: 991px) {
    .blog-section .blog-list .blog-image img {
        width:auto
    }
}

@media(max-width: 767px) {
    .blog-section .blog-list .blog-image img {
        width:100%
    }
}

.blog-section .blog-list .blog-contain {
    padding: calc(10px + 15*(100vw - 320px)/1600);
    width: 62%
}

@media(max-width: 1399px) {
    .blog-section .blog-list .blog-contain {
        width:55%
    }
}

@media(max-width: 1199px) {
    .blog-section .blog-list .blog-contain {
        width:100%
    }
}

@media(max-width: 991px) {
    .blog-section .blog-list .blog-contain {
        width:55%
    }
}

@media(max-width: 767px) {
    .blog-section .blog-list .blog-contain {
        width:100%
    }
}

.blog-section .blog-detail-image {
    position: relative
}

.blog-section .blog-detail-image .blog-image-contain {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 55px 15px 40px;
    text-align: center;
    background: #fff;
    background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(246, 246, 246, 0)));
    background: linear-gradient(0deg, white 0%, rgba(246, 246, 246, 0) 100%);
    color: #222
}

@media(max-width: 480px) {
    .blog-section .blog-detail-image .blog-image-contain {
        position:relative
    }
}

.blog-section .blog-detail-image .blog-image-contain .contain-list li {
    text-transform: capitalize;
    position: relative
}

.blog-section .blog-detail-image .blog-image-contain .contain-list li+li {
    margin-left: 30px
}

[dir=rtl] .blog-section .blog-detail-image .blog-image-contain .contain-list li+li {
    margin-left: unset;
    margin-right: 30px
}

.blog-section .blog-detail-image .blog-image-contain .contain-list li+li::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #222;
    left: -24px
}

[dir=rtl] .blog-section .blog-detail-image .blog-image-contain .contain-list li+li::before {
    right: -24px;
    left: unset
}

.blog-section .blog-detail-image .blog-image-contain h2 {
    margin: calc(10px + 4*(100vw - 320px)/1600) 0;
    font-weight: 700;
    font-size: calc(22px + 12*(100vw - 320px)/1600)
}

.blog-section .blog-detail-image .blog-image-contain .contain-comment-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(10px + 13*(100vw - 320px)/1600);
    color: #777
}

.blog-section .blog-detail-image .blog-image-contain .contain-comment-list li .user-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-section .blog-detail-image .blog-image-contain .contain-comment-list li .user-list .feather {
    width: 18px;
    height: 18px;
    margin-right: 3px
}

[dir=rtl] .blog-section .blog-detail-image .blog-image-contain .contain-comment-list li .user-list .feather {
    margin-right: unset;
    margin-left: 3px
}

.blog-section .blog-detail-contain p {
    color: #4a5568;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    line-height: calc(25px + 5*(100vw - 320px)/1600);
    margin-bottom: calc(12px + 8*(100vw - 320px)/1600)
}

.blog-section .blog-detail-contain p .first {
    width: calc(38px + 12*(100vw - 320px)/1600);
    height: calc(38px + 12*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: calc(55px + 15*(100vw - 320px)/1600);
    color: #4a5568;
    float: left;
    margin-right: calc(8px + 12*(100vw - 320px)/1600);
    margin-top: 8px
}

.blog-section .blog-detail-contain .blog-details-quote {
    padding: calc(18px + 42*(100vw - 320px)/1600) calc(18px + 42*(100vw - 320px)/1600) calc(18px + 42*(100vw - 320px)/1600) calc(62px + 118*(100vw - 320px)/1600);
    border-radius: 10px;
    margin-bottom: calc(12px + 8*(100vw - 320px)/1600);
    background-color: #4a5568;
    position: relative;
    color: #fff
}

.blog-section .blog-detail-contain .blog-details-quote h3 {
    font-size: calc(18px + 10*(100vw - 320px)/1600);
    line-height: calc(24px + 11*(100vw - 320px)/1600);
    margin-bottom: calc(8px + 12*(100vw - 320px)/1600)
}

.blog-section .blog-detail-contain .blog-details-quote h5 {
    letter-spacing: 3px;
    color: #ddd;
    text-transform: uppercase
}

.blog-section .blog-detail-contain .blog-details-quote::after {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: calc(38px + 32*(100vw - 320px)/1600);
    color: var(--theme-color);
    top: calc(-6px + 32*(100vw - 320px)/1600);
    left: calc(15px + 72*(100vw - 320px)/1600)
}

.blog-section .leave-title {
    margin: 40px 0 9px
}

.blog-section .leave-title h3 {
    position: relative;
    font-weight: 700;
    z-index: 0;
    color: #4a5568;
    font-size: 22px
}

.blog-section .user-comment-box {
    margin-top: 24px
}

.blog-section .user-comment-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

[dir=rtl] .blog-section .user-comment-box ul {
    padding-left: unset;
    padding-right: 0
}

.blog-section .user-comment-box ul li {
    padding: 0px 0 50px;
    width: 100%;
    position: relative
}

.blog-section .user-comment-box ul li.li-padding {
    padding-left: calc(28px + 52*(100vw - 320px)/1600)
}

@media(max-width: 480px) {
    .blog-section .user-comment-box ul li {
        padding:0
    }
}

.blog-section .user-comment-box ul li .user-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media(max-width: 480px) {
    .blog-section .user-comment-box ul li .user-box {
        display:block
    }
}

.blog-section .user-comment-box ul li .user-box .reply-button {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=rtl] .blog-section .user-comment-box ul li .user-box .reply-button {
    right: unset;
    left: 0
}

.blog-section .user-comment-box ul li .user-box .reply-button i {
    margin: -3px 9px 0 0;
    color: #777
}

[dir=rtl] .blog-section .user-comment-box ul li .user-box .reply-button i {
    margin: -3px 0 0 9px
}

.blog-section .user-comment-box ul li .user-box .user-image {
    position: relative
}

.blog-section .user-comment-box ul li .user-box .user-image img {
    width: 60px;
    height: 60px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%;
    overflow: hidden
}

.blog-section .user-comment-box ul li .user-box .user-image .user-name {
    position: absolute;
    top: 0;
    left: 80px;
    width: 220px
}

[dir=rtl] .blog-section .user-comment-box ul li .user-box .user-image .user-name {
    right: 80px;
    left: unset
}

@media(max-width: 480px) {
    .blog-section .user-comment-box ul li .user-box .user-image .user-name {
        top:50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.blog-section .user-comment-box ul li .user-box .user-image .user-name h5 {
    font-weight: 600
}

.blog-section .user-comment-box ul li .user-box .user-image .user-name h6 {
    color: #4a5568;
    margin-bottom: 6px
}

.blog-section .user-comment-box ul li .user-box .user-contain {
    width: calc(100% - 70px);
    padding-left: 20px
}

[dir=rtl] .blog-section .user-comment-box ul li .user-box .user-contain {
    padding-left: unset;
    padding-right: 20px
}

@media(max-width: 480px) {
    .blog-section .user-comment-box ul li .user-box .user-contain {
        width:100%;
        padding: 0;
        margin-top: 14px
    }
}

.blog-section .user-comment-box ul li .user-box .user-contain p {
    font-size: calc(13px + 2*(100vw - 320px)/1600);
    line-height: 1.6;
    color: #4a5568;
    margin-bottom: 0;
    margin-top: 50px;
    width: 85%
}

@media(max-width: 575px) {
    .blog-section .user-comment-box ul li .user-box .user-contain p {
        width:100%
    }
}

@media(max-width: 480px) {
    .blog-section .user-comment-box ul li .user-box .user-contain p {
        margin:0 0 35px
    }
}

.blog-section .leave-box {
    padding: calc(18px + 12*(100vw - 320px)/1600);
    background-color: #f8f8f8;
    border-radius: 6px
}

.blog-section .leave-box .leave-comment .comment-notes p {
    line-height: 1.6
}

.blog-section .leave-box .leave-comment .save-comment-box {
    margin: 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-section .leave-box .leave-comment .save-comment-box .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-section .leave-box .leave-comment .save-comment-box .form-check input {
    margin-top: -5px
}

@media(max-width: 659px) {
    .blog-section .leave-box .leave-comment .save-comment-box .form-check input {
        margin-top:-21px
    }
}

@media(max-width: 341px) {
    .blog-section .leave-box .leave-comment .save-comment-box .form-check input {
        margin-top:-44px
    }
}

.blog-section .leave-box .leave-comment .save-comment-box .form-check .form-check-label {
    font-size: 15px;
    font-weight: 400;
    color: #4a5568
}

.blog-section .leave-box .leave-comment .blog-input .form-control {
    border: none
}

.blog-section .leave-box .leave-comment .blog-input .form-control:focus {
    background-color: #fff
}

.review-title h4 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(7px + 6*(100vw - 320px)/1600);
    color: #222;
    font-weight: 400
}

.review-title h2 {
    font-size: calc(26px + 14*(100vw - 320px)/1600);
    margin-bottom: calc(12px + 18*(100vw - 320px)/1600);
    line-height: 1.3;
    position: relative;
    color: var(--theme-color);
}

@media(max-width: 480px) {
    .review-title h2 {
        width:100%
    }
}

.review-title h2.center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: var(--theme-color)
}

.about-us-title h4 {
    font-size: calc(16px + 5*(100vw - 320px)/1600);
    margin-bottom: calc(7px + 6*(100vw - 320px)/1600);
    color: var(--theme-color);
    font-family: "Pacifico",cursive
}

.about-us-title h2 {
    font-size: calc(23px + 9*(100vw - 320px)/1600);
    margin-bottom: calc(28px + 13*(100vw - 320px)/1600);
    line-height: 1.3;
    position: relative
}

.about-us-title h2::before {
    content: "";
    position: absolute;
    width: calc(106px + 69*(100vw - 320px)/1600);
    height: 3px;
    bottom: calc(-7px + -1*(100vw - 320px)/1600);
    left: 0;
    background: #ffa53b
}

.about-us-title h2.center::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fresh-vegetable-section .fresh-image {
    margin-top: 30px;
    border-radius: calc(12px + 38*(100vw - 320px)/1600) 0;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fresh-vegetable-section .fresh-image>div {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden
}

.fresh-vegetable-section .fresh-image:hover>div {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.fresh-vegetable-section .fresh-image-2 {
    border-radius: 0 calc(12px + 38*(100vw - 320px)/1600);
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.fresh-vegetable-section .fresh-image-2>div {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden
}

.fresh-vegetable-section .fresh-image-2:hover>div {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.fresh-vegetable-section .fresh-contain {
    height: 100%
}

.fresh-vegetable-section .fresh-contain p {
    font-size: 18px;
    line-height: 1.5;
    color: #4a5568;
    text-align:justify;
    margin-bottom: calc(11px + 9*(100vw - 320px)/1600)
}

.fresh-vegetable-section .delivery-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(11px + 9*(100vw - 320px)/1600)
}

[dir=rtl] .fresh-vegetable-section .delivery-list ul {
    padding-right: 0
}

.fresh-vegetable-section .delivery-list ul li {
    width: 100%
}

.fresh-vegetable-section .delivery-list ul li .deliver-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: calc(8px + 7*(100vw - 320px)/1600);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #4a5568
}

.fresh-vegetable-section .delivery-list ul li .deliver-box .feather {
    width: 17px;
    height: auto;
    margin-top: 3px
}

.fresh-vegetable-section .delivery-list ul li .deliver-box h6 {
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    width: calc(100% - 17px)
}

.fresh-vegetable-section .delivery-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(15px + 15*(100vw - 320px)/1600);
    margin-top: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fresh-vegetable-section .delivery-box li .delivery-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0
}

.fresh-vegetable-section .delivery-box li .delivery-box .delivery-icon img {
    width: 30px;
    height: auto
}

.client-section {
    background-color: #f8f8f8
}

.client-section .clint-contain {
    background: #fff;
    padding: calc(27px + 23 * (100vw - 320px) / 1600);
    border-radius: calc(18px + 12 * (100vw - 320px) / 1600);
    position: relative;
}
.client-section .clint-contain2 {
    background: #fff;
    padding: calc(27px + 23 * (100vw - 320px) / 1600);
    border-radius: calc(18px + 12 * (100vw - 320px) / 1600);
    position: relative !important;
}
.client-section .clint-contain2 {
    background: #ececec;
    padding: calc(27px + 23 * (100vw - 320px) / 1600);
    border-radius: calc(18px + 12 * (100vw - 320px) / 1600);
    /* position: relative; */
    /* box-shadow: 0 10px 25px -5px rgb(0 0 0 / 4%); */
    height: 350px;
}

.client-section .clint-contain:hover .client-icon img {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.client-section .clint-contain:hover h2 {

    margin-right: 9px
}

.client-section .clint-contain:hover h4 {
    color: var(--theme-color)
}

.client-section .clint-contain .client-icon {
    width: calc(60px + 20*(100vw - 320px)/1600);
    height: calc(60px + 20*(100vw - 320px)/1600);
    margin-bottom: 14px;
    margin-top: -11px
}

.client-section .clint-contain .client-icon img {
    width: 74%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
.client-section .clint-contain h2 {
    position: absolute;
    top: calc(14px + 10 * (100vw - 320px) / 1600);
    right: calc(24px + 10 * (100vw - 320px) / 1600);
    color: #4a5568;
    opacity: .05;
    font-size: calc(52px + 18 * (100vw - 320px) / 1600);
    font-weight: 800;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.client-section .clint-contain2 h2 {
    /* position: absolute; */
    top: calc(14px + 10 * (100vw - 320px) / 1600);
    right: calc(24px + 10 * (100vw - 320px) / 1600);
    color: #4a5568;
     opacity: 9 !important; 
    font-size: 30px;
    font-weight: 800;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center !important;
    margin-bottom: 20px;

}

[dir=rtl] .client-section .clint-contain h2 {
    right: unset;
    left: calc(24px + 10*(100vw - 320px)/1600)
}

.client-section .clint-contain h4 {
    font-size: calc(22px + 2*(100vw - 320px)/1600);
    margin-bottom: 7px;
    font-weight: 600;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.client-section .clint-contain p {
    font-size: 17px;
    color: #4a5568;
    margin: 0 auto;
    line-height: 1.4;
    margin-bottom: -5px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align:justify;
    margin-top: 20px;
}

.client-section .client-box .client-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.client-section .client-box .client-list li {
    width: 460px;
    position: relative
}

.team-section .team-box:hover .team-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.team-section .team-box:hover .team-image .team-media {
    opacity: 1;
    right: 10px
}

.team-section .team-box .team-image {
    width: 50%;
    height: auto;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

.team-section .team-box .team-image img {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.team-section .team-box .team-name {
    text-align: center;
    margin-top: 20px
}

.team-section .team-box .team-name h3 {
    font-size: calc(18px + 2*(100vw - 320px)/1600);
    letter-spacing: .7px;
    font-weight: 700
}

.team-section .team-box .team-name h5 {
    margin-top: 6px;
    letter-spacing: .5px;
    color: #4a5568
}

.team-section .team-box .team-name p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    color: #4a5568;
    margin: 9px auto 14px;
    width: 80%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

@media(max-width: 360px) {
    .team-section .team-box .team-name p {
        width:100%
    }
}

.team-section .team-box .team-name .team-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 14px;
    position: relative;
    margin-top: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.team-section .team-box .team-name .team-media li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    background-color: #ededed
}

.team-section .team-box .team-name .team-media li a.fb-bg {
    color: #4267b2;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.team-section .team-box .team-name .team-media li a.fb-bg:hover {
    background-color: #4267b2;
    color: #fff
}

.team-section .team-box .team-name .team-media li a.twitter-bg {
    color: #00acee;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.team-section .team-box .team-name .team-media li a.twitter-bg:hover {
    background-color: #00acee;
    color: #fff
}

.team-section .team-box .team-name .team-media li a.pint-bg {
    color: #c8232c;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.team-section .team-box .team-name .team-media li a.pint-bg:hover {
    background-color: #c8232c;
    color: #fff
}

.team-section .team-box .team-name .team-media li a.insta-bg {
    color: #f56040;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.team-section .team-box .team-name .team-media li a.insta-bg:hover {
    background-color: #f56040;
    color: #fff
}

.review-section {
    background-color: #f8f8f8
}

.review-section .reviewer-box {
    background-color: #fff;
    padding: calc(18px + 16*(100vw - 320px)/1600);
    border-radius: 10px;
    z-index: 0;
    position: relative;
    overflow: hidden
}

.review-section .reviewer-box:hover i {
    color: var(--theme-color);
    font-size: 143px;
    opacity: .18;
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    bottom: -29px;
    right: -7px
}

.review-section .reviewer-box i {
    position: absolute;
    font-size: 106px;
    opacity: .05;
    z-index: -1;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    bottom: -30px;
    right: -8px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

[dir=rtl] .review-section .reviewer-box i {
    -webkit-transform: rotate(-15deg) rotateY(183deg);
    transform: rotate(-15deg) rotateY(183deg);
    left: -8px;
    right: unset
}

.review-section .reviewer-box h3 {
    font-weight: 400;
    margin: 10px 0 13px;
    font-size: 20px;
    line-height: 1.5
}

.review-section .reviewer-box p {
    color: #4a5568;
    line-height: 1.7;
    margin-bottom: 23px;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.review-section .reviewer-box .reviewer-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(12px + 7*(100vw - 320px)/1600);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.review-section .reviewer-box .reviewer-profile .reviewer-image {
    width: calc(65px + 10*(100vw - 320px)/1600);
    height: auto;
    border-radius: 8px;
    overflow: hidden
}

.review-section .reviewer-box .reviewer-profile .reviewer-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.review-section .reviewer-box .reviewer-profile .reviewer-name h4 {
    font-weight: 700;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    color: var(--theme-color)
}

.review-section .reviewer-box .reviewer-profile .reviewer-name h6 {
    color: #4a5568;
    margin-top: 6px
}

.chart-padding {
    background-color: #fff;
    padding: 20px;
    border-radius: 6px
}

.chart-title {
    margin-bottom: 20px
}

.chart-title h3 {
    font-size: 24px;
    font-weight: 600
}

.dashboard-title {
    margin-bottom: 22px
}

.dashboard-title h3 {
    font-size: 20px;
    line-height: 1.3;
    position: relative;
    font-weight: 600
}

.dashboard-title.dashboard-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dashboard-title.dashboard-flex button {
    margin-left: auto
}

.user-dashboard-section .dashboard-left-sidebar {
    background: #f8f8f8;
    -webkit-box-shadow: 0 0 8px rgba(34,34,34,.14);
    box-shadow: 0 0 8px rgba(34,34,34,.14);
    border-radius: 10px;
    overflow: hidden;
    position: sticky;
    top: 107px;
    z-index: 0
}

@media(max-width: 991px) {
    .user-dashboard-section .dashboard-left-sidebar {
        width:300px;
        height: 100vh;
        position: fixed;
        top: 0;
        left: -320px;
        border-radius: 0;
        z-index: 10;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .user-dashboard-section .dashboard-left-sidebar.show {
        left: 0
    }
}

.user-dashboard-section .dashboard-left-sidebar .close-button {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    background: #f8f8f8;
    border-radius: 100%
}

.user-dashboard-section .dashboard-left-sidebar .close-button .close-sidebar {
    border: none;
    font-size: 15px;
    background-color: rgba(0,0,0,0);
    color: #4a5568;
    padding: 2px 0 0
}

.user-dashboard-section .dashboard-left-sidebar .profile-box {
    position: relative
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image {
    position: relative;
    overflow: hidden
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 991px) {
    .user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image img {
        height:120px
    }
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #222;
    opacity: .15
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image .cover-icon {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    background-color: #fff;
    border-radius: 100%;
    color: #4a5568
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain {
    padding: 0 15px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image {
    margin: 0 auto;
    text-align: center;
    margin-top: -50px;
    z-index: 1;
    position: relative
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image img {
    width: calc(93px + 15*(100vw - 320px)/1600);
    height: calc(93px + 15*(100vw - 320px)/1600);
    -o-object-fit: contain;
    object-fit: contain;
    background-color: #f8f8f8;
    border-radius: 100%;
    padding: 5px;
    border: 1px solid #ececec;
    -webkit-box-shadow: 2px 3px 8px rgba(34,34,34,.0032);
    box-shadow: 2px 3px 8px rgba(34,34,34,.0032)
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 55%;
    z-index: 1;
    background-color: #fff;
    border-radius: 100%;
    color: #4a5568
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon i {
    position: relative
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon i input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    width: 35px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name {
    margin-top: calc(10px + 3*(100vw - 320px)/1600);
    text-align: center;
    padding-bottom: calc(12px + 6*(100vw - 320px)/1600);
    border-bottom: 1px solid #ddd
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name h3 {
    font-size: calc(18px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    letter-spacing: .7px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name h6 {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    margin-top: 4px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name h6 span {
    margin: 0 8px
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(2px + 5*(100vw - 320px)/1600);
    margin: calc(10px + 10*(100vw - 320px)/1600) 0 6px
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item {
    width: 100%;
    display: block
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link {
    font-size: calc(17px + 1*(100vw - 320px)/1600);
    position: relative;
    color: #4a5568;
    width: 100%;
    text-align: left;
    padding: calc(10px + 3*(100vw - 320px)/1600) calc(10px + 3*(100vw - 320px)/1600) calc(10px + 3*(100vw - 320px)/1600) calc(19px + 4*(100vw - 320px)/1600);
    font-weight: 500;
    z-index: 0;
    overflow: hidden;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=rtl] .user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link {
    padding: calc(10px + 3*(100vw - 320px)/1600) calc(19px + 4*(100vw - 320px)/1600) calc(10px + 3*(100vw - 320px)/1600) calc(10px + 3*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link.active,.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .show>.nav-link {
    border-left: 3px solid var(--theme-color);
    font-weight: 600;
    background-color: rgba(0,0,0,0);
    color: var(--theme-color)
}

[dir=rtl] .user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link.active,[dir=rtl] .user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .show>.nav-link {
    border-right-width: 3px;
    border-right-style: solid;
    border-left-width: 0;
    border-left-style: solid
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link.active::before,.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .show>.nav-link::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--theme-color2);
    z-index: -1;
    opacity: .1
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .feather {
    width: calc(18px + 1*(100vw - 320px)/1600);
    height: auto;
    margin-right: 10px
}

[dir=rtl] .user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .feather {
    margin-right: unset;
    margin-left: 10px
}

.user-dashboard-section .dashboard-right-sidebar {
    background-color: #f8f8f8;
    padding: calc(20px + 20*(100vw - 320px)/1600);
    border-radius: 8px;
    height: 100%
}

@media(max-width: 991px) {
    .user-dashboard-section .dashboard-right-sidebar {
        height:auto
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-bg-box {
    padding: calc(12px + 8*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 6px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-bg-box+.dashboard-bg-box {
    margin-top: 24px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-user-name h6 {
    font-size: 16px;
    margin-bottom: 10px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-user-name p {
    margin: 0;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.5;
    letter-spacing: .3px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box {
    margin: 30px 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 15px;
    background-color: #fff;
    padding: calc(16px + 9*(100vw - 320px)/1600);
    border-radius: 9px;
    -webkit-box-shadow: 0 0 8px rgba(34,34,34,.08);
    box-shadow: 0 0 8px rgba(34,34,34,.08);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain:hover .img-1 {
    width: calc(84px + 12*(100vw - 320px)/1600);
    -webkit-transform: translateY(-50%) rotate(-7deg);
    transform: translateY(-50%) rotate(-7deg);
    opacity: .2;
    right: -19px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain img {
    width: calc(54px + 6*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .img-1 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(78px + 12*(100vw - 320px)/1600);
    position: absolute;
    opacity: .12;
    right: -30px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .img-1 {
    right: unset;
    left: -30px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .total-detail h5 {
    margin-bottom: calc(3px + 4*(100vw - 320px)/1600);
    color: #4a5568;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .total-detail h3 {
    font-weight: 600
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: calc(5px + 5*(100vw - 320px)/1600);
    margin-bottom: calc(10px + 5*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title h4 a {
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title h4 a:hover {
    color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-detail h6 {
    margin-bottom: calc(4px + 4*(100vw - 320px)/1600);
    line-height: 1.6
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-detail a:hover {
    color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(14px + 16*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(8px + 6*(100vw - 320px)/1600);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-icon {
    position: relative;
    z-index: 0;
    color: var(--theme-color);
    padding: 9px;
    border-radius: 100%;
    overflow: hidden
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-icon::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--theme-color);
    opacity: .1;
    z-index: -1
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 {
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: .6px;
    font-size: calc(17px + 3*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 span {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background: -webkit-gradient(linear, right top, left top, from(#ff6b6b), to(#ff4f4f));
    background: linear-gradient(-90deg, #ff6b6b 0%, #ff4f4f 100%);
    padding: 4px 6px;
    border-radius: 4px;
    margin-left: calc(9px + 11*(100vw - 320px)/1600);
    font-weight: 600
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 span {
    margin-left: unset;
    margin-right: calc(9px + 11*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 span.success-bg {
    background: var(--theme-color2)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h6 {
    margin-top: 6px;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    letter-spacing: .6px;
    font-weight: 300;
    line-height: 1.5
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 20px;
    background-color: #f8f8f8;
    padding: calc(15px + 5*(100vw - 320px)/1600);
    margin-top: 30px;
    border-radius: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 1199px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
        display:block
    }
}

@media(max-width: 991px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width: 767px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
        display:block
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail:hover .order-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-image {
    display: block
}

@media(max-width: 1199px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-image {
        text-align:center;
        margin-bottom: calc(14px + 16*(100vw - 320px)/1600)
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-image img {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a {
    display: block;
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a:hover {
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a h3 {
    font-weight: 600;
    margin-bottom: 6px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap p {
    line-height: 1.5;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(6px + 3*(100vw - 320px)/1600)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size {
    padding-right: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size li {
    width: 100%
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size li .size-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size li .size-box h5 {
    font-weight: 600;
    margin-left: 8px;
    font-size: 14px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box {
    border-radius: 8px;
    padding: calc(12px + 12*(100vw - 320px)/1600);
    background-color: #fff;
    -webkit-box-shadow: 0 0 9px rgba(0,0,0,.07);
    box-shadow: 0 0 9px rgba(0,0,0,.07);
    position: relative;
    height: 100%;
    overflow: hidden
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .label {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--theme-color);
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    letter-spacing: .8px
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .label {
    right: unset;
    left: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check {
    margin-top: 3px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: calc(15px + 2*(100vw - 320px)/1600);
    margin-top: 2px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table {
    margin-bottom: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr:first-child td {
    padding-top: 0;
    font-weight: 600;
    font-size: calc(17px + 1*(100vw - 320px)/1600);
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td {
    border: none;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    padding: 4px 0;
    color: #4a5568
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td:first-child {
    min-width: 90px;
    padding-left: 8px
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td:first-child {
    padding-left: unset;
    padding-right: 8px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td:last-child p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: 0;
    line-height: 1.5
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td h4 span {
    background-color: var(--theme-color);
    padding: 4px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    letter-spacing: .8px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button {
    background-color: #f8f8f8;
    font-weight: 600
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button:hover {
    background-color: var(--theme-color);
    color: #fff
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button .feather {
    width: calc(16px + 2*(100vw - 320px)/1600);
    height: auto;
    margin-right: calc(6px + 2*(100vw - 320px)/1600)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button .feather {
    margin-right: unset;
    margin-left: calc(6px + 2*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .add-address .address-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail {
    position: relative
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail:hover .edit-card {
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card {
    background-color: #f9f9f9;
    cursor: pointer;
    padding: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card .card-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 130px;
    background: #d2d2d2;
    color: #222;
    text-align: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card .card-details h5 {
    margin-bottom: 0;
    text-transform: capitalize
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details {
    height: 100%;
    color: #fff;
    padding: 30px 20px;
    border-radius: 5px;
    background-color: #4b77a0;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px),-webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details.card-visa {
    background-color: #777876
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details.debit-card {
    background-color: #86b8cf
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .card-number {
    margin-bottom: 10px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .card-number h4 {
    color: #fff;
    font-size: calc(16px + 2*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: calc(10px + 10*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .title {
    margin-bottom: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .title span {
    display: block;
    color: rgba(255,255,255,.7);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.3
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .date h3 {
    margin-bottom: 0;
    color: #fff;
    margin-left: 15px;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    font-weight: normal
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .date h3 {
    margin-left: 0;
    margin-right: 15px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .primary {
    margin-left: auto
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .primary {
    margin-left: 0;
    margin-right: auto
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .primary span {
    font-size: calc(12px + 2*(100vw - 320px)/1600);
    padding: 0;
    font-weight: 400;
    text-transform: capitalize
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .name-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: calc(10px + 15*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .name-detail .name h5 {
    text-transform: uppercase;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: 0;
    color: #fff
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .name-detail .card-img {
    width: auto
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .edit-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    background-color: rgba(34,34,34,.8);
    border-radius: 5px;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

@media(max-width: 767px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .edit-card {
        display:none
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .edit-card a {
    padding: 0 10px;
    text-transform: capitalize;
    color: #fff
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .edit-card-mobile {
    display: none
}

@media(max-width: 767px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-card .edit-card-mobile {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 10px
    }

    .user-dashboard-section .dashboard-right-sidebar .dashboard-card .edit-card-mobile a {
        padding: 0 10px;
        text-transform: capitalize;
        color: #222
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 575px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail {
        display:block
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 {
    font-weight: 400;
    font-size: 16px;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 {
    margin-right: unset;
    margin-left: 10px
}

@media(max-width: 360px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 {
        margin-right:0
    }

    [dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 {
        margin-right: unset;
        margin-left: 0
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 span {
    background: var(--theme-color2);
    color: #fff;
    padding: 3px 8px;
    margin-left: 10px;
    border-radius: 5px;
    font-size: 13px
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 span {
    margin-left: unset;
    margin-right: 10px
}

@media(max-width: 575px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail .profile-rating {
        margin-top:3px
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a {
    margin-left: auto;
    padding: 8px 14px;
    position: relative;
    z-index: 0;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a {
    margin-left: unset;
    margin-right: auto
}

@media(max-width: 575px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a {
        margin-top:10px
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--theme-color2);
    opacity: .08;
    z-index: -1
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a:hover {
    color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile {
    margin-top: 20px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(10px + 16*(100vw - 320px)/1600);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul {
    padding-right: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 7px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a5568
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box .feather {
    width: calc(18px + 2*(100vw - 320px)/1600);
    height: auto
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box h6 {
    font-size: calc(15px + 1*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-description p {
    margin: 20px 0 0;
    color: #4a5568;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    line-height: 1.6
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about {
    margin-top: 20px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table {
    margin-bottom: 36px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td {
    vertical-align: middle;
    border: none;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    white-space: nowrap
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td:first-child {
    color: #4a5568
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a:hover {
    color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a span {
    margin-left: calc(8px + 12*(100vw - 320px)/1600);
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
    position: relative;
    font-weight: 600;
    overflow: hidden;
    z-index: 0
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a span {
    margin-left: unset;
    margin-right: calc(8px + 12*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--theme-color2);
    opacity: .08;
    z-index: -1
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form .form-control {
    z-index: 0;
    border-radius: calc(5px + 2*(100vw - 320px)/1600) 0 0 calc(5px + 2*(100vw - 320px)/1600);
    border-color: #ececec;
    color: #222;
    background-color: rgba(0,0,0,0)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form .form-control {
    border-radius: 0 calc(5px + 2*(100vw - 320px)/1600) calc(5px + 2*(100vw - 320px)/1600) 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form button {
    padding: calc(11px + 3*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    z-index: 0;
    border-radius: 0 calc(5px + 2*(100vw - 320px)/1600) calc(5px + 2*(100vw - 320px)/1600) 0
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form button {
    border-radius: calc(5px + 2*(100vw - 320px)/1600) 0 0 calc(5px + 2*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form button {
        font-weight:500
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 7px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 14px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .form-select {
    background-color: #f8f8f8;
    width: auto;
    border: unset;
    background-position: right calc(9px + 3*(100vw - 320px)/1600) center;
    padding: calc(8px + 3*(100vw - 320px)/1600) calc(30px + 6*(100vw - 320px)/1600) calc(8px + 3*(100vw - 320px)/1600) calc(12px + 6*(100vw - 320px)/1600);
    font-size: 15px;
    font-weight: 600;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li button {
    padding: 11px 18px 11px;
    border: 1px solid #ececec;
    color: #4a5568;
    border-radius: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li button.active {
    background-color: var(--theme-color);
    color: #fff
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li+li button {
    border-left: unset
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li+li button {
    border-left: 1px solid #ececec;
    border-right: unset
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li:first-child button {
    border-radius: calc(5px + 1*(100vw - 320px)/1600) 0 0 calc(5px + 1*(100vw - 320px)/1600)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li:first-child button {
    border-radius: 0 calc(5px + 1*(100vw - 320px)/1600) calc(5px + 1*(100vw - 320px)/1600) 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li:last-child button {
    border-radius: 0 calc(5px + 1*(100vw - 320px)/1600) calc(5px + 1*(100vw - 320px)/1600) 0
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li:last-child button {
    border-radius: calc(5px + 1*(100vw - 320px)/1600) 0 0 calc(5px + 1*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table {
    margin-top: 28px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table {
    margin: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tbody {
    border-top: unset
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr th,.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td {
    min-width: 130px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr th:first-child,.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td:first-child {
    min-width: 90px;
    max-width: 90px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr th {
    padding: calc(11px + 4*(100vw - 320px)/1600);
    background-color: #f8f8f8;
    font-weight: 500;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    border: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td {
    padding: calc(8px + 3*(100vw - 320px)/1600) calc(11px + 5*(100vw - 320px)/1600);
    border-bottom: 1px solid #eee;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    -webkit-box-shadow: none;
    box-shadow: none
}

.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td {
    border-color: rgba(119,119,119,.4392156863)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td {
    border-color: rgba(119,119,119,.4392156863)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td:nth-child(3) {
    width: 480px;
    white-space: normal;
    min-width: 250px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td:last-child {
    width: 200px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr img {
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle {
    background-color: #f8f8f8;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ececec;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    padding: calc(8px + 3*(100vw - 320px)/1600) calc(12px + 6*(100vw - 320px)/1600);
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 600;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle {
    border-color: rgba(119,119,119,.4392156863)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle {
    border-color: rgba(119,119,119,.4392156863)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle::after {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: block;
    margin: 0;
    border: unset;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu {
    padding: 8px 16px
}

.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu {
    background-color: #1d1d22
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu {
    background-color: #1d1d22
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li {
    display: block
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li a {
    color: #4a5568;
    padding-inline:unset}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li a:hover {
    color: #222;
    background-color: rgba(0,0,0,0)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li+li a {
    border-top: 1px solid #eee
}

.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li+li a {
    border-color: rgba(119,119,119,.4392156863)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li+li a {
    border-color: rgba(119,119,119,.4392156863)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr:last-child td {
    padding-bottom: 0;
    border-bottom: unset
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box+.privacy-box {
    margin-top: 15px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box h6 {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    margin-bottom: 6px;
    line-height: 1.5
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box p {
    margin: 0;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    line-height: 1.6
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch {
    position: absolute;
    -webkit-clip-path: circle(0%);
    clip-path: circle(0%);
    opacity: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label {
    width: 62px;
    height: 25px;
    position: relative;
    border-radius: 50px;
    cursor: pointer;
    background-color: rgba(14,153,126,.1490196078);
    border: 1px solid #ddd
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label:before,.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label:after {
    display: inline-block;
    position: absolute
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label:before {
    width: 19px;
    height: 19px;
    content: "";
    border-radius: 100%;
    left: 2px;
    top: 2px;
    background: var(--theme-color2);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch:checked+label:before {
    left: 39px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input {
    position: absolute;
    -webkit-clip-path: circle(0%);
    clip-path: circle(0%);
    opacity: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label {
    width: 62px;
    height: 25px;
    position: relative;
    border-radius: 50px;
    cursor: pointer;
    background-color: rgba(var(--theme-color-rgb), 0.149);
    border: 1px solid rgba(var(--theme-color-rgb), 0.149)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label:before,.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label:after {
    display: inline-block;
    position: absolute
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label:before {
    width: 19px;
    height: 19px;
    content: "";
    border-radius: 100%;
    left: 2px;
    top: 2px;
    background-color: var(--theme-color);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input:checked+label {
    background-color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input:checked+label:before {
    left: 39px;
    background: #fff
}

.order-detail .order-image {
    background-color: #f8f8f8;
    padding: 40px;
    border-radius: 8px;
    text-align: center
}

.order-detail .order-image img {
    width: 360px;
    margin: 0 auto
}

.order-detail .order-details-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: calc(10px + 5*(100vw - 320px)/1600);
    background-color: #f8f8f8;
    padding: calc(14px + 6*(100vw - 320px)/1600);
    border-radius: 8px;
    height: 100%
}

.order-detail .order-details-contain .order-tracking-icon .feather {
    width: 25px;
    height: auto;
    stroke-width: 1.4px
}

.order-detail .order-details-contain .order-details-name h2 {
    font-size: calc(20px + 4*(100vw - 320px)/1600)
}

.order-detail .order-details-contain .order-details-name h4 {
    line-height: 1.4;
    font-weight: 500;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.order-detail .order-details-contain .order-details-name h5 {
    margin-bottom: 7px
}

.order-detail .order-details-contain .order-details-name img {
    margin-top: calc(6px + 6*(100vw - 320px)/1600);
    width: calc(160px + 40*(100vw - 320px)/1600)
}

.order-detail .progtrckr {
    margin: 15px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media(max-width: 575px) {
    .order-detail .progtrckr {
        display:inline;
        margin: 30px 0;
        overflow: hidden
    }
}

.order-detail .progtrckr li {
    display: inline-block;
    text-align: center;
    margin: 10px 0;
    position: relative
}

@media(max-width: 575px) {
    .order-detail .progtrckr li {
        margin:0;
        width: 50% !important
    }
}

.order-detail .progtrckr li h5 {
    margin-top: 20px;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500
}

@media(max-width: 575px) {
    .order-detail .progtrckr li h5 {
        display:block;
        text-align: left;
        margin-top: 0
    }

    [dir=rtl] .order-detail .progtrckr li h5 {
        text-align: right
    }
}

.order-detail .progtrckr li:before {
    position: relative;
    top: -2px;
    float: left;
    left: 50% !important;
    line-height: 1;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important
}

@media(max-width: 575px) {
    .order-detail .progtrckr li:before {
        position:relative;
        top: 10px;
        float: left;
        left: -2px !important;
        line-height: 1;
        -webkit-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important
    }

    [dir=rtl] .order-detail .progtrckr li:before {
        float: right;
        right: -32px !important;
        left: unset !important
    }
}

.order-detail .progtrckr li.progtrckr-todo {
    color: #4a5568;
    border-top: 4px solid #959595;
    width: 100% !important
}

@media(max-width: 575px) {
    .order-detail .progtrckr li.progtrckr-todo {
        position:relative;
        text-align: left;
        margin-left: 30px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: calc(20px + 20*(100vw - 320px)/1600);
        padding-left: 30px;
        border-top: unset;
        border-left: 4px solid #959595
    }

    [dir=rtl] .order-detail .progtrckr li.progtrckr-todo {
        border-left: none;
        border-right: 4px solid #4a5568;
        margin-left: 0;
        margin-right: 30px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding-left: 0;
        padding-right: 30px;
        text-align: right
    }
}

.order-detail .progtrckr li.progtrckr-todo:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding-top: 2px;
    content: "";
    color: #fff;
    background: #959595;
    line-height: 35px;
    border: none;
    border-radius: 35px;
    font-size: 16px
}

@media(max-width: 575px) {
    .order-detail .progtrckr li.progtrckr-todo:before {
        position:absolute;
        top: 10px;
        left: -17px;
        line-height: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    [dir=rtl] .order-detail .progtrckr li.progtrckr-todo:before {
        left: unset;
        right: -17px
    }
}

.order-detail .progtrckr li.progtrckr-todo h6 {
    font-size: 13px;
    margin-top: 8px
}

.order-detail .progtrckr li.progtrckr-done {
    color: #222;
    border-top: 4px solid var(--theme-color);
    width: 100% !important
}

@media(max-width: 575px) {
    .order-detail .progtrckr li.progtrckr-done:first-of-type {
        padding-top:5px
    }
}

@media(max-width: 575px) {
    .order-detail .progtrckr li.progtrckr-done {
        position:relative;
        text-align: left;
        margin-left: 30px;
        -webkit-box-align: self-start;
        -ms-flex-align: self-start;
        align-items: self-start;
        padding-bottom: calc(20px + 20*(100vw - 320px)/1600);
        border-top: unset;
        border-left: 4px solid var(--theme-color)
    }

    [dir=rtl] .order-detail .progtrckr li.progtrckr-done {
        margin-left: 0;
        margin-right: 30px;
        text-align: right;
        border-left: none;
        border-right: 4px solid var(--theme-color);
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.order-detail .progtrckr li.progtrckr-done:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding-top: 2px;
    content: "";
    color: #fff;
    background-color: var(--theme-color);
    line-height: 35px;
    border: none;
    border-radius: 35px;
    font-size: 16px
}

.order-detail .progtrckr li.progtrckr-done h6 {
    font-size: 13px;
    margin-top: 8px;
    color: #4a5568
}

.order-tab-table {
    margin-bottom: 0
}

.order-tab-table thead tr th {
    text-align: center;
    background-color: #e7e7e7;
    color: #222;
    padding: calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
    font-size: calc(17px + 3*(100vw - 320px)/1600);
    font-weight: 400
}

.order-tab-table tbody {
    border-top: none !important
}

.order-tab-table tbody tr td {
    font-weight: 300;
    text-align: center;
    padding: calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    min-width: 160px;
    color: #777
}

.order-table-section .order-navpills {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: calc(6px + 9*(100vw - 320px)/1600);
    overflow: auto hidden
}

.order-table-section .order-navpills .nav-item .nav-link {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    padding: calc(11px + 3*(100vw - 320px)/1600) calc(17px + 7*(100vw - 320px)/1600);
    color: #4a5568;
    font-weight: 600;
    white-space: nowrap
}

.order-table-section .order-navpills .nav-item .nav-link.active {
    background: var(--theme-color2);
    color: #fff
}

.order-table-section .order-tab {
    margin-top: 22px
}

.order-table-section .order-tab .order-tab-table {
    margin-bottom: 0
}

.order-table-section .order-tab .order-tab-table thead tr th {
    text-align: center;
    background-color: #e7e7e7;
    color: #222;
    padding: calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
    font-size: calc(17px + 3*(100vw - 320px)/1600);
    font-weight: 400
}

.order-table-section .order-tab .order-tab-table tbody {
    border-top: none
}

.order-table-section .order-tab .order-tab-table tbody tr td {
    font-weight: 300;
    text-align: center;
    padding: calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    min-width: 160px;
    color: #777
}

.order-table table tbody tr td {
    vertical-align: middle
}

.order-success-2 tbody {
    border-top: none
}

.search-section .search-box {
    position: relative
}

.search-section .search-box .input-group .form-control:focus {
    z-index: 0
}

.search-section .search-box .input-group button {
    z-index: 0
}

.vendor-bottom {
    padding-bottom: 18px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 16px
}

.vendor-detail-box {
    padding: calc(20px + 8*(100vw - 992px)/928);
    margin-bottom: 29px;
    border-radius: 9px;
    -webkit-box-shadow: 0 0 8px rgba(34,34,34,.13);
    box-shadow: 0 0 8px rgba(34,34,34,.13);
    background: #fff
}

@media(max-width: 991px) {
    .vendor-detail-box {
        padding:0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-right: 0
    }
}

.vendor-detail-box .vendor-name .vendor-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(7px + 3*(100vw - 320px)/1600)
}

.vendor-detail-box .vendor-name .vendor-logo img {
    width: calc(80px + 9*(100vw - 320px)/1600);
    height: auto
}

.vendor-detail-box .vendor-name .vendor-logo h3 {
    font-weight: 600;
    text-transform: uppercase
}

.vendor-detail-box .vendor-name .vendor-logo .vendor-rating {
    margin-top: 4px
}

.vendor-detail-box .vendor-name .vendor-logo .vendor-rating .rating li .feather {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: auto
}

.vendor-detail-box .vendor-name .vendor-logo .vendor-rating span {
    font-size: calc(12px + 1*(100vw - 320px)/1600)
}

.vendor-detail-box .vendor-name p {
    margin-bottom: -6px;
    line-height: 1.5;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    color: #4a5568;
    margin-top: 15px
}

.vendor-detail-box .vendor-tag h4 {
    text-transform: none;
    font-weight: 500;
    margin-bottom: 17px
}

.vendor-detail-box .vendor-tag ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(7px + 5*(100vw - 320px)/1600)
}

[dir=rtl] .vendor-detail-box .vendor-tag ul {
    padding: 0
}

.vendor-detail-box .vendor-tag ul li {
    background-color: #ececec;
    letter-spacing: .5px;
    padding: 4px 11px;
    border-radius: 3px;
    color: #222;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.vendor-detail-box .vendor-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vendor-detail-box .vendor-share h5 {
    font-weight: 600
}

.vendor-detail-box .vendor-share ul {
    margin-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px
}

[dir=rtl] .vendor-detail-box .vendor-share ul {
    padding: 0;
    margin-left: unset;
    margin-right: 15px
}

.vendor-detail-box .vendor-share ul li a {
    color: #4a5568;
    display: block;
    font-size: 16px;
    line-height: 1
}

.vendor-detail-box-2 {
    padding: calc(20px + 8*(100vw - 320px)/1600);
    margin-bottom: 50px;
    border-radius: 9px;
    -webkit-box-shadow: 0 0 8px rgba(34,34,34,.13);
    box-shadow: 0 0 8px rgba(34,34,34,.13);
    background: var(--theme-color);
    color: #fff
}

.vendor-detail-box-2 .vendor-logo {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vendor-detail-box-2 .vendor-logo img {
    width: 85%;
    height: auto;
    -webkit-filter: invert(1) brightness(100);
    filter: invert(1) brightness(100)
}

@media(max-width: 767px) {
    .vendor-detail-box-2 .vendor-logo img {
        width:26%
    }
}

@media(max-width: 480px) {
    .vendor-detail-box-2 .vendor-logo img {
        width:35%
    }
}

@media(max-width: 360px) {
    .vendor-detail-box-2 .vendor-logo img {
        width:50%
    }
}

.vendor-detail-box-2 .vendor-name {
    height: 100%
}

.vendor-detail-box-2 .vendor-name .vendor-list-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(6px + 6*(100vw - 320px)/1600)
}

.vendor-detail-box-2 .vendor-name h3 {
    font-weight: 600;
    text-transform: uppercase;
    display: block
}

.vendor-detail-box-2 .vendor-name .vendor-rating .rating li .feather {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: auto
}

.vendor-detail-box-2 .vendor-name .vendor-rating span {
    font-size: calc(12px + 1*(100vw - 320px)/1600);
    color: #f1f1f1
}

.vendor-detail-box-2 .vendor-name p {
    margin-bottom: -6px;
    line-height: 1.5;
    font-size: 14px;
    color: #f1f1f1;
    margin-top: 11px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.vendor-detail-box-2 .vendor-tag h4 {
    text-transform: none;
    font-weight: 500;
    margin-bottom: 17px
}

.vendor-detail-box-2 .vendor-tag ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(7px + 5*(100vw - 320px)/1600)
}

.vendor-detail-box-2 .vendor-tag ul li {
    background-color: #ececec;
    letter-spacing: .5px;
    padding: 4px 11px;
    border-radius: 3px;
    color: #222;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.vendor-detail-box-2 .share-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    text-align: center
}

@media(max-width: 767px) {
    .vendor-detail-box-2 .share-contact {
        display:block
    }
}

@media(max-width: 767px) {
    .vendor-detail-box-2 .share-contact>div {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 16px
    }
}

.vendor-detail-box-2 .share-contact .vendor-share h5 {
    display: block;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    font-weight: 600
}

.vendor-detail-box-2 .share-contact .vendor-share ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

[dir=rtl] .vendor-detail-box-2 .share-contact .vendor-share ul {
    padding: 0
}

.vendor-detail-box-2 .share-contact .vendor-share ul li {
    position: relative
}

.vendor-detail-box-2 .share-contact .vendor-share ul li a {
    color: #f1f1f1;
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vendor-detail-box-2 .share-contact .vendor-content {
    text-align: center;
    margin-top: 17px
}

@media(max-width: 767px) {
    .vendor-detail-box-2 .share-contact .vendor-content {
        margin-top:0
    }
}

.vendor-detail-box-2 .share-contact .vendor-content h5 {
    text-align: center;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    font-weight: 600
}

.vendor-detail-box-2 .share-contact .vendor-content button {
    margin: 8px auto 0
}

.seller-poster-section .poster-box .poster-image {
    margin-bottom: 52px
}

.seller-poster-section .seller-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 15px
}

.become-service .service-box {
    text-align: center;
    background: #f8f8f8;
    padding: 45px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 8px rgba(34,34,34,.05);
    box-shadow: 0 0 8px rgba(34,34,34,.05);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.become-service .service-box:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.become-service .service-box:hover .service-svg svg {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    fill: var(--theme-color)
}

.become-service .service-box:hover .service-detail h4 {
    color: var(--theme-color)
}

.become-service .service-box:hover .service-detail h4::after {
    width: 68%
}

.become-service .service-box .service-svg {
    width: 90px;
    height: 90px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 18px;
    border-radius: 5px
}

.become-service .service-box .service-svg svg {
    width: 60px;
    height: auto;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.become-service .service-box .service-detail h4 {
    font-weight: 600;
    display: inline-block;
    font-size: 19px;
    margin-bottom: 7px;
    text-transform: capitalize;
    position: relative;
    z-index: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.become-service .service-box .service-detail h4::after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    background-color: var(--theme-color);
    opacity: .3;
    z-index: -1;
    border-radius: 50px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.become-service .service-box .service-detail p {
    margin: 0;
    line-height: 1.5;
    color: #4a5568;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.business-section {
    background-color: #f8f8f8
}

.business-section .business-contain {
    position: relative;
    z-index: 0
}

.business-section .business-contain::after {
    content: "";
    position: absolute;
    background-image: url("../images/vendor-page/arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: -1
}

.business-section .business-contain>.row {
    margin-left: -50px;
    margin-right: -50px
}

.business-section .business-contain>.row>div {
    padding-left: 50px;
    padding-right: 50px
}

.business-section .business-contain>.row>div:last-child,.business-section .business-contain>.row>div:first-child {
    margin-bottom: 40px
}

.business-section .business-contain>.row>div:nth-child(2) {
    margin-top: 40px
}

.business-section .business-contain .business-box {
    text-align: center;
    background-color: #fff;
    border-radius: 9px;
    padding: 35px;
    -webkit-box-shadow: 0 0 8px rgba(34,34,34,.05);
    box-shadow: 0 0 8px rgba(34,34,34,.05);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.business-section .business-contain .business-box .business-number {
    width: 65px;
    height: 65px;
    background: #f8f8f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 28px;
    border-radius: 5px
}

.business-section .business-contain .business-box .business-number h2 {
    color: var(--theme-color);
    font-size: 35px;
    font-weight: 500
}

.business-section .business-contain .business-box .business-detail h4 {
    margin-bottom: 10px;
    font-weight: 600
}

.business-section .business-contain .business-box .business-detail p {
    margin: 0;
    color: #4a5568;
    line-height: 1.6
}

.seller-grid-box {
    background-color: #f8f8f8;
    padding: calc(12px + 13*(100vw - 320px)/1600);
    border-radius: 14px;
    position: relative;
    -webkit-box-shadow: 0 0 10px rgba(34,34,34,.05);
    box-shadow: 0 0 10px rgba(34,34,34,.05);
    display: block
}

.seller-grid-box .grid-contain .seller-contact-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 25px
}

.seller-grid-box .grid-contain .seller-contact-details .seller-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 5px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.seller-grid-box .grid-contain .seller-contact-details .seller-contact .seller-icon i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    font-size: 16px;
    color: var(--theme-color)
}

.seller-grid-box .grid-contain .seller-contact-details .seller-contact .contact-detail h5 {
    line-height: 1.6;
    color: #222
}

.seller-grid-box .grid-contain .seller-contact-details .seller-contact .contact-detail h5 span {
    color: #4a5568
}

.seller-grid-box .grid-contain .contain-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.seller-grid-box .grid-contain .contain-name h6 {
    color: #4a5568;
    margin-bottom: 1px
}

.seller-grid-box .grid-contain .contain-name h3 {
    font-size: calc(19px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    margin-bottom: calc(5px + 3*(100vw - 320px)/1600);
    color: #222
}

.seller-grid-box .grid-contain .contain-name .product-rating {
    margin-bottom: calc(14px + 5*(100vw - 320px)/1600)
}

.seller-grid-box .grid-contain .contain-name .product-label {
    padding: 5px 10px;
    background-color: rgba(var(--theme-color-rgb), 0.102);
    font-size: 13px;
    letter-spacing: .5px;
    border-radius: 4px;
    color: var(--theme-color)
}

.seller-grid-box .grid-contain .contain-name .grid-image {
    width: 100px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    padding: calc(10px + 5*(100vw - 320px)/1600);
    border-radius: calc(7px + 4*(100vw - 320px)/1600);
    -webkit-box-shadow: 0 0 8px rgba(34,34,34,.07);
    box-shadow: 0 0 8px rgba(34,34,34,.07)
}

.seller-grid-box-1 .grid-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.seller-grid-box-1 .grid-image .image {
    width: 66px;
    height: 66px;
    border-radius: 11px
}

.seller-grid-box-1 .grid-image .contain-name {
    width: calc(100% - 66px - 18px)
}

.seller-grid-box-1 .grid-image .contain-name .since-number {
    margin-bottom: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 480px) {
    .seller-grid-box-1 .grid-image .contain-name .since-number {
        display:block
    }
}

.seller-grid-box-1 .grid-image .contain-name .since-number h6 {
    color: #4a5568
}

.seller-grid-box-1 .grid-image .contain-name .since-number .product-rating {
    margin-left: auto
}

[dir=rtl] .seller-grid-box-1 .grid-image .contain-name .since-number .product-rating {
    margin-left: unset;
    margin-right: auto
}

@media(max-width: 480px) {
    .seller-grid-box-1 .grid-image .contain-name .since-number .product-rating {
        margin-top:2px
    }
}

.seller-grid-box-1 .grid-image .contain-name h3 {
    font-size: calc(19px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    margin-bottom: 10px
}

.seller-grid-box-1 .grid-image .contain-name .product-label {
    padding: 5px 10px;
    background-color: rgba(var(--theme-color-rgb), 0.1);
    font-size: 13px;
    letter-spacing: .5px;
    border-radius: 4px;
    color: var(--theme-color)
}

.seller-grid-box-1 .grid-contain .seller-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.seller-grid-box-1 .grid-contain .seller-category .product-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.seller-grid-box-1 .grid-contain .seller-category .product-image li {
    width: calc(35px + 5*(100vw - 320px)/1600);
    height: calc(35px + 5*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border-radius: 100%;
    padding: 4px;
    -webkit-box-shadow: 0 0 2px rgba(34,34,34,.2);
    box-shadow: 0 0 2px rgba(34,34,34,.2);
    color: #4a5568;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.seller-grid-box-1 .grid-contain .seller-category .product-image li:hover {
    -webkit-transform: scale(1.1) translateY(-7px);
    transform: scale(1.1) translateY(-7px)
}

.seller-grid-box-1 .grid-contain .seller-category .product-image li:last-child {
    padding-top: 5px;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.seller-grid-box-1 .grid-contain .seller-category .product-image li+li {
    margin-left: calc(-19px + 5*(100vw - 320px)/1600)
}

.product-table {
    margin-bottom: 0
}

.product-table thead tr th {
    text-align: center;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    white-space: nowrap;
    min-width: 90px
}

.product-table tbody {
    border-top: 1px solid #ececec !important
}

.product-table tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 0
}

.product-table tbody tr td {
    text-align: center;
    padding: 12px 15px;
    vertical-align: middle;
    white-space: nowrap;
    max-width: 190px
}

.product-table tbody tr td:nth-child(2) {
    max-width: 150px
}

.product-table tbody tr td:nth-child(2) h6 {
    color: #4a5568;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.product-table tbody tr td.product-image {
    width: 90px
}

.product-table tbody tr td.edit-delete .feather {
    width: 19px;
    stroke-width: 1.6px
}

.product-table tbody tr td.edit-delete .feather.edit {
    color: var(--theme-color)
}

.product-table tbody tr td.edit-delete .feather.delete {
    color: #ff7272;
    margin-left: 10px
}

[dir=rtl] .product-table tbody tr td.edit-delete .feather.delete {
    margin-left: unset;
    margin-right: 10px
}

.order-table {
    margin-bottom: 0
}

.order-table-2 tbody {
    border-top: none !important
}

.order-table-2 tbody tr td {
    text-align: left
}

.order-table thead tr th {
    text-align: center;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    white-space: nowrap;
    min-width: 90px
}

.order-table tbody {
    border-top: 1px solid #ececec
}

.order-table tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 0
}

.order-table tbody tr td {
    text-align: center;
    padding: 12px 15px;
    vertical-align: middle;
    white-space: nowrap
}

.order-table tbody tr td:nth-child(2) {
    color: #4a5568
}

.order-table tbody tr td label {
    padding: 3px 12px;
    font-size: 12px;
    border-radius: 50px
}

.order-table tbody tr td label.success {
    background-color: rgba(var(--theme-color-rgb), 0.1);
    color: var(--theme-color)
}

.order-table tbody tr td label.danger {
    background-color: rgba(255,114,114,.1);
    color: #ff7272
}

.order-table tbody tr td:first-child {
    font-weight: 600
}

.profile-tab ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(15px + 6*(100vw - 320px)/1600)
}

.profile-tab ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

@media(max-width: 575px) {
    .profile-tab ul li {
        display:block
    }
}

.profile-tab ul li h5 {
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.profile-tab ul li h5:first-child {
    width: 220px
}

.profile-tab ul li h5:last-child {
    color: #4a5568
}

@media(max-width: 575px) {
    .profile-tab ul li h5:last-child {
        margin-top:8px
    }
}

.deactivate-box {
    padding: 15px 22px;
    background: rgba(255,165,59,.1);
    border: 1px dashed #ffa53b;
    border-radius: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 17px;
    margin-bottom: 21px
}

.deactivate-box .deactivate-icon {
    width: 30px;
    height: 30px;
    background: rgba(254,163,72,.3);
    color: #fea348;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px
}

.deactivate-box .deactivate-contain h3 {
    font-weight: 600;
    margin-bottom: 5px
}

.deactivate-box .deactivate-contain h5 {
    color: #4a5568;
    margin-bottom: 10px
}

.deactivate-box .deactivate-contain a {
    font-size: 16px;
    font-weight: 600
}

.dashboard-privacy .privacy-box .custom-form-check-2 label {
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.apexcharts-tooltip * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.apexcharts-toolbar {
    z-index: 0
}

.post-question-box {
    margin-bottom: 32px
}

.post-question-box h4 {
    color: #222;
    font-weight: 500;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.post-question-box h4 a {
    width: auto;
    display: inline-block;
    font-size: calc(14px + 3*(100vw - 320px)/1600);
    font-weight: 500;
    border: none;
    border-radius: 6px;
    background-color: #f8f8f8;
    color: #222;
    padding: calc(9px + 3*(100vw - 320px)/1600) calc(16px + 6*(100vw - 320px)/1600)
}

html.dark .post-question-box h4 a {
    background-color: #1d1d22;
    color: #fff
}

.question-answer li {
    display: block;
    margin-bottom: 25px;
    padding-bottom: 19px;
    border-bottom: 1px solid #ececec
}

.question-answer li .question-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px
}

.question-answer li .question-box h5 {
    border: 1px solid #eee;
    background-color: #f8f8f8;
    text-transform: capitalize;
    font-size: 16px;
    width: auto;
    height: 30px;
    padding-inline:7px;display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0
}

.question-answer li .question-box .link-dislike-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 13px;
    margin-left: auto
}

body.rtl .question-answer li .question-box .link-dislike-box {
    margin-left: unset;
    margin-right: auto
}

.question-answer li .question-box .link-dislike-box li {
    margin: 0;
    padding: 0;
    border: unset
}

.question-answer li .question-box .link-dislike-box li a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    color: rgba(74,85,104,.671)
}

.question-answer li .question-box .link-dislike-box li a span .feather {
    width: 16px;
    height: 16px
}

.question-answer li .answer-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

.question-answer li .answer-box h5 {
    border: 1px solid rgba(0,0,0,0);
    background-color: var(--theme-color);
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    width: auto;
    padding-inline:7px;height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    margin-top: 3px
}

.question-answer li .answer-box p {
    margin: 0;
    width: calc(100% - 15px - 30px);
    line-height: 1.5;
    color: #4a5568;
    letter-spacing: .6px
}

.question-answer li h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .6px
}

.question-answer li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.question-answer li .report-text {
    text-align: right;
    font-size: 13px;
    color: rgba(74,85,104,.6);
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 4px;
    margin-top: 7px
}

.question-answer li .report-text i {
    font-size: 15px
}

.custom-padding {
    padding-right: 10px
}

.custom-height {
    max-height: 190px;
    overflow-y: auto;
    height: 100%
}

.custom-height::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(85,85,85,.14)
}

.custom-height::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
    border-radius: 50px
}

.custom-height::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(85,85,85,.5)
}

.shop-banner-contain {
    position: relative;
    border-radius: 8px
}

.shop-banner-contain .shop-banner-details {
    padding: calc(20px + 20*(100vw - 320px)/1600) calc(25px + 55*(100vw - 320px)/1600);
    width: 50%
}

@media(max-width: 1460px) {
    .shop-banner-contain .shop-banner-details {
        width:60%
    }
}

@media(max-width: 991px) {
    .shop-banner-contain .shop-banner-details {
        width:70%
    }
}

@media(max-width: 767px) {
    .shop-banner-contain .shop-banner-details {
        width:80%;
        background: #fff;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.4)), to(rgba(246, 246, 246, 0)));
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(246, 246, 246, 0) 100%)
    }
}

@media(max-width: 480px) {
    .shop-banner-contain .shop-banner-details {
        width:100%
    }
}

.shop-banner-contain .shop-banner-details h5 {
    font-size: calc(13px + 5*(100vw - 320px)/1600);
    letter-spacing: 1.5px
}

.shop-banner-contain .shop-banner-details h2 {
    font-size: calc(24px + 34*(100vw - 320px)/1600);
    margin: calc(8px + 2*(100vw - 320px)/1600) 0;
    line-height: 1.2;
    font-weight: 700
}

.banner-description {
    margin-top: 28px
}

.banner-description p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.6
}

.category-title h3 {
    display: inline-block;
    padding-bottom: 4px;
    margin-bottom: 18px;
    font-weight: 600;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    color: var(--theme-color)
}

.category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(10px + 6*(100vw - 320px)/1600)
}

[dir=rtl] .category-list {
    padding-right: 0
}

.category-list li {
    display: block;
    width: 100%
}

.category-list li .category-list-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.category-list li .category-list-box input {
    margin-top: -4px
}

.category-list li .category-list-box .form-check-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-left: 8px
}

.category-list li .category-list-box .form-check-label .name {
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    color: #222;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    width: 80%
}

.category-list li .category-list-box .form-check-label .number {
    color: #777;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.irs {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 55px
}

.irs .irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
    height: 10px;
    top: 33px;
    background-color: #f9f8f6;
    border-radius: 50px
}

.irs .irs-line-left {
    width: 11%;
    height: 8px;
    position: absolute;
    display: block;
    top: 0;
    left: 0
}

.irs .irs-line-mid {
    width: 82%;
    height: 8px;
    position: absolute;
    display: block;
    top: 0;
    left: 9%
}

.irs .irs-line-right {
    width: 11%;
    height: 8px;
    position: absolute;
    display: block;
    top: 0;
    right: 0
}

.irs .irs-bar {
    width: 0;
    height: 10px;
    position: absolute;
    display: block;
    left: 0;
    top: 33px;
    background-color: var(--theme-color)
}

.irs .irs-bar-edge {
    width: 14px;
    height: 10px;
    position: absolute;
    display: block;
    left: 0;
    top: 33px;
    border: 1px solid #428bca;
    border-right: 0;
    background: #428bca;
    background: -webkit-gradient(linear, left bottom, left top, from(#428bca), to(#7fc3e8));
    background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%);
    border-radius: 16px 0 0 16px
}

.irs .irs-shadow {
    width: 0;
    height: 2px;
    position: absolute;
    display: none;
    left: 0;
    top: 38px;
    background: #222;
    opacity: .3;
    border-radius: 5px
}

.irs .irs-slider {
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    z-index: 1;
    top: 28px;
    border: 3px solid #fff;
    background-color: var(--theme-color);
    border-radius: 100%;
    cursor: pointer
}

.irs .irs-slider .irs-slider.type_last {
    z-index: 2
}

.irs .irs-slider .irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default;
    color: #333;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(34,34,34,.1);
    border-radius: 3px
}

.irs .irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default;
    color: #777;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 3px 7px;
    background: rgba(34,34,34,.1);
    border-radius: 3px;
    font-weight: 500
}

.irs .irs-min {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    cursor: default;
    color: #777;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    padding: 3px 7px;
    background: rgba(34,34,34,.1);
    border-radius: 3px;
    font-weight: 500
}

.irs .irs-from {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
    color: #fff;
    font-size: 13px;
    line-height: 1.333;
    text-shadow: none;
    padding: 3px 7px;
    background-color: var(--theme-color);
    border-radius: 3px;
    font-weight: 600
}

.irs .irs-to {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
    color: #fff;
    font-size: 13px;
    line-height: 1.333;
    text-shadow: none;
    padding: 3px 7px;
    background-color: var(--theme-color);
    border-radius: 3px;
    font-weight: 600
}

.irs .irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
    color: #fff;
    font-size: 14px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: var(--theme-color);
    border-radius: 3px
}

.irs .irs-grid {
    width: 100%;
    height: 20px;
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    height: 27px
}

.irs .irs-with-grid {
    height: 75px
}

.irs .irs-with-grid .irs-grid {
    display: block
}

.irs .irs-grid-pol {
    width: 1px;
    height: 8px;
    position: absolute;
    top: 0;
    left: 0;
    background: #222;
    opacity: .5;
    background: #428bca
}

.irs .irs-grid-pol.small {
    height: 4px;
    background: #999
}

.irs .irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #222;
    bottom: 5px;
    color: #99a4ac
}

.irs .irs-disable-mask {
    width: 102%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    cursor: default;
    z-index: 2
}

.irs .irs-disabled {
    opacity: .4
}

.irs .irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: rgba(0,0,0,0) !important
}

.irs .lt-ie9 .irs-disable-mask {
    background: #222;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.irs .lt-ie9 .irs-shadow {
    filter: alpha(opacity=30)
}

.irs .lt-ie9 .irs-min {
    background: #ccc
}

.irs .lt-ie9 .irs-max {
    background: #ccc
}

.irs .lt-ie9 .irs-from {
    background: #999
}

.irs .lt-ie9 .irs-to {
    background: #999
}

.irs .lt-ie9 .irs-single {
    background: #999
}

.js-range-slider {
    margin-top: 15px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    color: #222;
    width: 100%
}

.shop-section .left-box {
    position: sticky;
    top: 0;
    border-right: 1px solid #ddd
}

[dir=rtl] .shop-section .left-box {
    border-right: unset;
    border-left: 1px solid #ddd
}

@media(max-width: 991px) {
    .shop-section .left-box {
        width:300px;
        height: 100%;
        border-right: unset;
        position: fixed;
        top: 0;
        left: -350px;
        background-color: #fff;
        z-index: 1041;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        overflow-x: scroll;
        overflow-y: auto;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    [dir=rtl] .shop-section .left-box {
        border-right: unset;
        border-left: unset;
        left: unset;
        right: -350px
    }
}

.shop-section .left-box.right-box {
    border-right: unset;
    border-left: 1px solid #ddd
}

[dir=rtl] .shop-section .left-box.right-box {
    border-left: unset;
    border-right: 1px solid #ddd
}

@media(max-width: 991px) {
    .shop-section .left-box.right-box {
        border-left:unset;
        left: unset;
        right: -350px
    }

    [dir=rtl] .shop-section .left-box.right-box {
        left: -350px;
        right: unset
    }
}

.shop-section .left-box.right-box.show {
    left: unset;
    right: 0
}

[dir=rtl] .shop-section .left-box.right-box.show {
    right: unset;
    left: 0
}

.shop-section .left-box.show {
    left: 0
}

[dir=rtl] .shop-section .left-box.show {
    right: 0;
    left: unset
}

.shop-section .left-box .shop-left-sidebar {
    padding-right: calc(16px + 10*(100vw - 320px)/1600)
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar {
    padding-right: unset;
    padding-left: calc(16px + 10*(100vw - 320px)/1600)
}

@media(max-width: 991px) {
    .shop-section .left-box .shop-left-sidebar {
        padding:calc(16px + 10*(100vw - 320px)/1600)
    }

    [dir=rtl] .shop-section .left-box .shop-left-sidebar {
        padding: calc(16px + 10*(100vw - 320px)/1600)
    }
}

.shop-section .left-box .shop-left-sidebar.shop-right-sidebar {
    padding-left: calc(16px + 10*(100vw - 320px)/1600);
    padding-right: unset
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar.shop-right-sidebar {
    padding-left: unset;
    padding-right: calc(16px + 10*(100vw - 320px)/1600)
}

@media(max-width: 991px) {
    .shop-section .left-box .shop-left-sidebar.shop-right-sidebar {
        padding:calc(16px + 10*(100vw - 320px)/1600)
    }

    [dir=rtl] .shop-section .left-box .shop-left-sidebar.shop-right-sidebar {
        padding: calc(16px + 10*(100vw - 320px)/1600)
    }
}

.shop-section .left-box .shop-left-sidebar.shop-right-sidebar .back-button h3 i {
    margin-right: auto;
    margin-left: 0
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar.shop-right-sidebar .back-button h3 i {
    margin-right: 0;
    margin-left: auto
}

.shop-section .left-box .shop-left-sidebar .back-button {
    display: none
}

@media(max-width: 991px) {
    .shop-section .left-box .shop-left-sidebar .back-button {
        display:block;
        margin-bottom: 26px
    }
}

.shop-section .left-box .shop-left-sidebar .back-button h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600
}

.shop-section .left-box .shop-left-sidebar .back-button h3 i {
    margin-right: 10px
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .back-button h3 i {
    margin-left: 10px;
    margin-right: unset
}

.shop-section .left-box .shop-left-sidebar .search-box {
    position: relative;
    margin-bottom: 30px
}

.shop-section .left-box .shop-left-sidebar .search-box::after {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    border-left: 1px solid #ddd;
    font-size: 15px;
    padding: 0 18px;
    height: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4a5568
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .search-box::after {
    right: unset;
    left: 0;
    border-left: unset;
    border-right: 1px solid #ddd
}

.shop-section .left-box .shop-left-sidebar .filter-category {
    margin-bottom: 25px
}

.shop-section .left-box .shop-left-sidebar .filter-category .filter-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 0 0 8px 0
}

.shop-section .left-box .shop-left-sidebar .filter-category .filter-title h2 {
    font-size: 18px;
    padding: 0 0 8px 0;
    font-weight: 600;
    border-bottom: 1px solid var(--theme-color)
}

.shop-section .left-box .shop-left-sidebar .filter-category .filter-title a {
    display: block
}

.shop-section .left-box .shop-left-sidebar .filter-category .filter-title a:hover {
    color: var(--theme-color)
}

.shop-section .left-box .shop-left-sidebar .filter-category ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(10px + 5*(100vw - 320px)/1600);
    padding-top: 16px
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .filter-category ul {
    padding-right: 0
}

.shop-section .left-box .shop-left-sidebar .filter-category ul li {
    padding: 9px 34px 9px 11px;
    background-color: #f9f8f6;
    position: relative;
    border-radius: 4px
}

.shop-section .left-box .shop-left-sidebar .filter-category ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    right: 13px;
    color: #777;
    cursor: pointer
}

.shop-section .left-box .shop-left-sidebar .filter-category ul li a {
    color: #777
}

.shop-section .left-box .shop-left-sidebar .custom-accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item {
    border: none;
    width: 100%
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    padding: 0 0 8px 0;
    font-weight: 600;
    margin-bottom: 9px
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button.collapsed::before {
    content: "";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button:focus {
    border-color: unset;
    -webkit-box-shadow: none;
    box-shadow: none
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button::after {
    content: none
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    width: 26px;
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    right: 5px;
    background-color: #f7f6f4;
    font-size: 15px;
    border-radius: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    right: unset;
    left: 5px
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #222;
    background-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button span {
    position: relative
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -8px;
    left: 0;
    background-color: var(--theme-color)
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 16px 0 0
}

.shop-section .left-box .shop-left-sidebar .left-title {
    margin-bottom: 20px;
    margin-top: 32px
}

.shop-section .left-box .shop-left-sidebar .left-title h3 {
    font-weight: 700
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab {
    gap: calc(11px + 9*(100vw - 320px)/1600)
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item {
    width: 100%;
    height: 60px;
    background-color: #f7f6f3;
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link {
    width: 100%;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    color: #222;
    border-radius: unset;
    position: relative;
    text-align: left
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link {
    text-align: right
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link:hover(not) img {
    width: 75px;
    height: 75px;
    -webkit-transform: translateY(-50%) rotate(-4deg);
    transform: translateY(-50%) rotate(-4deg);
    right: -12px;
    opacity: .45
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link:hover img {
    width: 75px;
    height: 75px;
    -webkit-transform: translateY(-50%) rotate(-4deg);
    transform: translateY(-50%) rotate(-4deg);
    right: -12px;
    opacity: .29
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link.active {
    color: #fff;
    background: linear-gradient(90.56deg, var(--theme-color1) 8.46%, var(--theme-color) 62.97%);
    font-size: 19px;
    font-weight: 600
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link.active img {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 90px;
    height: 90px;
    position: absolute;
    right: -10px;
    -webkit-filter: invert(1);
    filter: invert(1);
    opacity: .4
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link.active img {
    right: unset;
    left: -10px
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link img {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    position: absolute;
    right: -10px;
    opacity: .1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link img {
    right: unset;
    left: -10px
}

.shop-section .show-button {
    margin-bottom: 14px
}

.shop-section .show-button .filter-button {
    display: block;
    color: #fff
}

.shop-section .show-button .filter-button a {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    padding: calc(6px + 2*(100vw - 320px)/1600) calc(9px + 3*(100vw - 320px)/1600);
    background-color: var(--theme-color);
    border-radius: 5px;
    display: inline-block
}

.shop-section .show-button .filter-button-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px
}

.shop-section .show-button .filter-button-group .sort-by-button {
    color: #fff;
    margin-left: auto
}

.shop-section .show-button .filter-button-group .sort-by-button a {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    padding: calc(6px + 2*(100vw - 320px)/1600) calc(9px + 3*(100vw - 320px)/1600);
    background-color: var(--theme-color);
    border-radius: 5px;
    display: inline-block
}

.shop-section .show-button .filter-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shop-section .show-button .top-filter-menu-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shop-section .show-button .top-filter-menu-2 .sidebar-filter-menu a {
    border: none;
    background-color: #f6f5f2;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    padding: calc(9px + 1*(100vw - 320px)/1600) 15px;
    border-radius: 5px;
    color: #777
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) {
    .shop-section .show-button .top-filter-menu-2 .category-dropdown h5 {
        display:none
    }
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown {
    margin-left: 10px
}

[dir=rtl] .shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown {
    margin-right: 10px;
    margin-left: unset
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown .dropdown-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    background-color: #f6f5f2;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    padding: calc(9px + 1*(100vw - 320px)/1600) 15px;
    border-radius: 5px;
    color: #777;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown .dropdown-toggle::after {
    content: none
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown .dropdown-toggle i {
    margin-top: 2px
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown .dropdown-menu li {
    display: block
}

.shop-section .show-button .top-filter-menu-2 .grid-option {
    margin-left: auto
}

.shop-section .show-button .top-filter-menu-2 .grid-option-2 {
    margin-left: 0
}

@media(max-width: 767px) {
    .shop-section .show-button .top-filter-menu-2 .grid-option-2 {
        display:none
    }
}

.shop-section .show-button .top-filter-menu-2 .grid-option-2 ul li.active {
    background: var(--theme-color)
}

.shop-section .show-button .top-filter-menu-2 .grid-option-2 ul li.active img {
    -webkit-filter: invert(1) brightness(100);
    filter: invert(1) brightness(100)
}

.shop-section .show-button .top-filter-menu-2 .grid-option ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(5px + 7*(100vw - 320px)/1600);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=rtl] .shop-section .show-button .top-filter-menu-2 .grid-option ul {
    padding-right: 0
}

.shop-section .show-button .top-filter-menu-2 .grid-option ul li {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background: linear-gradient(149.8deg, #F6F5F2 17.21%, #FBFAF9 79.21%)
}

.shop-section .show-button .top-filter-menu-2 .grid-option ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.shop-section .show-button .top-filter-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 991px) {
    .shop-section .show-button .top-filter-menu {
        margin-top:18px
    }
}

.shop-section .show-button .top-filter-menu .category-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 360px) {
    .shop-section .show-button .top-filter-menu .category-dropdown h5 {
        display:none
    }
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown {
    margin-left: 10px
}

[dir=rtl] .shop-section .show-button .top-filter-menu .category-dropdown .dropdown {
    margin-left: unset;
    margin-right: 10px
}

@media(max-width: 360px) {
    .shop-section .show-button .top-filter-menu .category-dropdown .dropdown {
        margin-left:0
    }
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    background-color: #f6f5f2;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    padding: calc(9px + 1*(100vw - 320px)/1600) 15px;
    border-radius: 5px;
    color: #777;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle::after {
    content: none
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle i {
    margin-top: 2px
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-menu li {
    display: block
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-menu li a:hover,.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-menu li a:focus {
    background-color: rgba(0,0,0,0)
}

.shop-section .show-button .top-filter-menu .grid-option {
    margin-left: auto
}

[dir=rtl] .shop-section .show-button .top-filter-menu .grid-option {
    margin-left: unset;
    margin-right: auto
}

.shop-section .show-button .top-filter-menu .grid-option ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(5px + 5*(100vw - 320px)/1600);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=rtl] .shop-section .show-button .top-filter-menu .grid-option ul {
    padding-right: 0
}

.shop-section .show-button .top-filter-menu .grid-option ul li {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background: linear-gradient(149.8deg, #F6F5F2 17.21%, #FBFAF9 79.21%)
}

.shop-section .show-button .top-filter-menu .grid-option ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.shop-section .show-button .top-filter-menu .grid-option ul li.active {
    background: var(--theme-color)
}

.shop-section .show-button .top-filter-menu .grid-option ul li.active img {
    -webkit-filter: invert(1) brightness(100);
    filter: invert(1) brightness(100)
}

.shop-section .show-button .filter-category {
    margin-bottom: 25px
}

.shop-section .show-button .filter-category ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(6px + 9*(100vw - 320px)/1600);
    padding-top: 16px
}

.shop-section .show-button .filter-category ul li {
    padding: calc(6px + 3*(100vw - 320px)/1600) calc(28px + 6*(100vw - 320px)/1600) calc(6px + 3*(100vw - 320px)/1600) calc(7px + 4*(100vw - 320px)/1600);
    background-color: #f9f8f6;
    position: relative;
    border-radius: 4px
}

.shop-section .show-button .filter-category ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    right: 13px;
    color: #777;
    cursor: pointer
}

.shop-section .show-button .filter-category ul li a {
    color: #777
}

.shop-section .top-filter-category {
    width: 100%;
    height: 0;
    padding: 0 24px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 9px rgba(34,34,34,.07);
    box-shadow: 0 2px 9px rgba(34,34,34,.07);
    border-radius: 6px;
    margin-bottom: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.shop-section .top-filter-category.show {
    padding: 24px;
    height: auto;
    margin-bottom: 22px
}

.shop-section .top-filter-category>.row>div {
    border-right: 1px solid #ececec
}

[dir=rtl] .shop-section .top-filter-category>.row>div {
    border-right: unset;
    border-left: 1px solid #ececec
}

.shop-section .top-filter-category>.row>div:last-child {
    border: none
}

@media(max-width: 1199px) {
    .shop-section .top-filter-category>.row>div:nth-child(4n-2) {
        border-right:none
    }

    [dir=rtl] .shop-section .top-filter-category>.row>div:nth-child(4n-2) {
        border-right: unset;
        border-left: none
    }
}

@media(max-width: 767px) {
    .shop-section .top-filter-category>.row>div {
        border:none
    }
}

.category-slider-section .category-contain .category-contain-image {
    background: linear-gradient(149.8deg, #F6F5F2 17.21%, #FBFAF9 79.21%);
    padding: 22px;
    border-radius: 8px
}

.category-slider-section .category-contain .category-contain-image img {
    width: 150px;
    height: 150px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto
}

.category-slider-section .category-contain .category-contain-name {
    margin-top: 12px;
    text-align: center
}

.category-slider-section .category-contain .category-contain-name h5 {
    color: #4a5568;
    font-weight: 500
}

.pt-25 {
    padding-top: 25px
}

.review-title-2 {
    border-top: 1px solid #ececec;
    padding-top: calc(13px + 12*(100vw - 320px)/1600);
    margin-top: calc(13px + 12*(100vw - 320px)/1600)
}

.review-title-2 h4 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    color: #222;
    font-weight: 400
}

.review-title-2 p {
    margin-bottom: calc(7px + 6*(100vw - 320px)/1600);
    margin-top: 3px;
    font-size: 15px;
    line-height: 1.6;
    color: #4a5568
}

.review-title-2 button {
    width: 100%;
    padding: 10px 14px;
    background-color: #f8f8f8 !important;
    color: #4a5568 !important;
    border: 1px solid #eee !important;
    font-size: 16px
}

.review-title-2 button:hover {
    background-color: #f8f8f8;
    color: #4a5568;
    border: 1px solid #ececec
}

.product-load-more .col-grid-box {
    display: none
}

.product-title {
    margin-top: 20px
}

.product-title h4 {
    font-weight: 600;
    margin-bottom: calc(10px + 2*(100vw - 320px)/1600);
    letter-spacing: .4px;
    font-size: calc(15px + 1*(100vw - 320px)/1600)
}

.product-title .checkout-img {
    width: calc(80% + -15*(100vw - 320px)/1600);
    height: auto
}

.vendor-box {
    padding: calc(12px + 21*(100vw - 320px)/1600);
    background-color: #f8f8f8
}

.vendor-box .vendor-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    padding: 7px calc(16px + 10*(100vw - 320px)/1600);
    background-color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.vendor-box .vendor-contain .vendor-image {
    width: 64px;
    height: auto
}

.vendor-box .vendor-contain .vendor-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.vendor-box .vendor-list {
    margin-top: calc(13px + 11*(100vw - 320px)/1600)
}

.vendor-box .vendor-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(9px + 9*(100vw - 320px)/1600);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[dir=rtl] .vendor-box .vendor-list ul {
    padding-right: 0
}

.vendor-box .vendor-list ul li {
    display: block
}

.vendor-box .vendor-list ul li .address-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 8px
}

.vendor-box .vendor-list ul li .address-contact .feather {
    width: 20px;
    height: 20px;
    color: var(--theme-color)
}

.vendor-box .vendor-list ul li .address-contact h5 {
    font-weight: 600
}

.vendor-box .vendor-list ul li .address-contact h5 span {
    font-weight: 400;
    margin-left: 7px
}

.vendor-box .vendor-detail {
    margin: calc(13px + 15*(100vw - 320px)/1600) 0 0;
    line-height: 1.7;
    color: #4a5568;
    padding-bottom: calc(10px + 8*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec
}

.hot-line-number {
    padding: calc(12px + 21*(100vw - 320px)/1600);
    background-color: #f8f8f8
}

.hot-line-number h5 {
    font-weight: 600;
    margin-bottom: 4px
}

.hot-line-number h6 {
    color: #4a5568;
    margin-bottom: 17px
}

.hot-line-number h2 {
    font-weight: 600;
    font-size: 24px
}

.product-category {
    gap: 25px;
    padding: calc(12px + 21*(100vw - 320px)/1600)
}

.product-section .product-left-box {
    position: sticky;
    top: 0
}

.product-section .left-slider-image .sidebar-image {
    border-radius: 8px;
    overflow: hidden;
    background-color: #f8f8f8
}

.product-section .left-slider-image .sidebar-image img {
    width: auto;
    height: auto;
    cursor: pointer;
    -o-object-fit: contain;
    object-fit: contain
}

.product-section .right-box-contain {
    position: sticky;
    top: 10px;
    left: 0
}

@media(max-width: 767px) {
    .product-section .right-box-contain {
        text-align:center
    }
}

.product-section .right-box-contain .offer-top {
    font-weight: 500;
    padding: calc(8px + 2*(100vw - 320px)/1600) calc(12px + 4*(100vw - 320px)/1600);
    background-color: rgba(255,79,79,.1);
    border-radius: 5px;
    color: #ff4f4f;
    display: inline-block;
    margin-bottom: 20px
}

.product-section .right-box-contain .name {
    font-weight: 700;
    margin-bottom: calc(10px + 5*(100vw - 320px)/1600);
    line-height: 1.5
}

.product-section .right-box-contain .price-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 1460px) {
    .product-section .right-box-contain .price-rating-2 {
        display:block
    }
}

@media(max-width: 1460px) {
    .product-section .right-box-contain .price-rating-2 .custom-rate {
        margin-top:5px
    }
}

@media(max-width: 767px) {
    .product-section .right-box-contain .price-rating {
        display:block
    }
}

@media(max-width: 1460px) {
    .product-section .right-box-contain .price-rating-box {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(max-width: 480px) {
    .product-section .right-box-contain .price-rating-box {
        display:block
    }
}

@media(max-width: 1460px) {
    .product-section .right-box-contain .price-rating-box .custom-rate {
        margin-top:0 !important
    }
}

@media(max-width: 480px) {
    .product-section .right-box-contain .price-rating-box .custom-rate {
        margin-top:10px !important
    }
}

@media(max-width: 767px) {
    .product-section .right-box-contain .price-rating .custom-rate {
        margin-top:10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.product-section .right-box-contain .price-rating .price {
    font-weight: 600;
    font-size: calc(19px + 3*(100vw - 320px)/1600)
}

.product-section .right-box-contain .price-rating .price del {
    font-weight: 400;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin: 0 calc(0px + 2*(100vw - 320px)/1600)
}

.product-section .right-box-contain .price-rating .price span {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 500
}

.product-section .right-box-contain .price-rating .custom-rate ul li .feather {
    width: 16px;
    height: 16px
}

.product-section .right-box-contain .price-rating .custom-rate .review {
    font-size: 13px;
    margin-left: 12px
}

[dir=rtl] .product-section .right-box-contain .price-rating .custom-rate .review {
    margin-left: unset;
    margin-right: 12px
}

.product-section .right-box-contain .product-contain {
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px
}

.product-section .right-box-contain .product-contain p {
    color: #4a5568;
    line-height: 1.7;
    margin: calc(14px + 2*(100vw - 320px)/1600) 0 0;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    /* width: 80%; */
}

@media(max-width: 767px) {
    .product-section .right-box-contain .product-contain p {
        width:100%
    }
}

.product-section .right-box-contain .product-package .select-package {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(5px + 8*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .product-section .right-box-contain .product-package .select-package {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

[dir=rtl] .product-section .right-box-contain .product-package .select-package {
    padding-right: 0
}

.product-section .right-box-contain .product-package .select-package li {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    min-height: unset;
    margin: 0;
    padding: 0;
    position: relative
}

.product-section .right-box-contain .product-package .select-package li a {
    padding: 6px 11px;
    border: 1px solid #ececec;
    border-radius: 4px;
    display: block;
    color: #4a5568;
    font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-section .right-box-contain .product-package .select-package li a.active {
    border: 1px solid var(--theme-color);
    background: var(--theme-color2);
    color: #fff
}

.product-section .right-box-contain .product-package .select-package .form-check-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    float: unset;
    margin: 0;
    opacity: 0;
    cursor: pointer
}

.product-section .right-box-contain .product-package .select-package .form-check-input:checked~.form-check-label {
    border-color: var(--theme-color)
}

.product-section .right-box-contain .product-package .select-package .form-check-input:checked~.form-check-label span {
    color: #fff;
    background-color: var(--theme-color)
}

.product-section .right-box-contain .product-package .select-package.color li.active {
    opacity: 1;
    border-color: #222
}

.product-section .right-box-contain .product-package .select-package.color li .form-check-input:checked~.form-check-label {
    opacity: 1;
    border-color: #222
}

.product-section .right-box-contain .product-package .select-package.color li .form-check-input:checked~.form-check-label span {
    background-color: rgba(0,0,0,0)
}

.product-section .right-box-contain .product-package .select-package.color li .form-check-label {
    opacity: .7
}

.product-section .right-box-contain .product-package .select-package.circle li:hover button {
    color: #222;
    background-color: #f1f0f0
}

.product-section .right-box-contain .product-package .select-package.circle li .form-check-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 100%;
    color: #4a5568;
    padding: 3px;
    border: 1px solid rgba(154,154,154,.4);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    position: relative
}

.product-section .right-box-contain .product-package .select-package.circle li .form-check-label span {
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    width: calc(30px + 4*(100vw - 320px)/1600);
    height: calc(30px + 4*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f8f8f8;
    color: #222;
    border-radius: 100%
}

.product-section .right-box-contain .product-package .select-package.product-radio-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check {
    margin: 0;
    padding: 0;
    min-height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check:hover .form-check-input {
    border-color: rgba(154,154,154,.65)
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check:hover .form-check-label {
    color: #222
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input {
    cursor: pointer;
    float: unset;
    margin: 0;
    width: 16px;
    height: 16px;
    background-color: #f8f8f8;
    border: 1px solid rgba(154,154,154,.4);
    position: relative;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input::after {
    content: "";
    position: relative;
    width: 12px;
    height: 12px;
    background-color: var(--theme-color);
    border-radius: 100%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:active {
    -webkit-filter: unset;
    filter: unset
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:checked {
    background-color: #fff;
    border-color: var(--theme-color)
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:checked::after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:checked~.form-check-label {
    color: #222
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-label {
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    margin-top: 1px;
    color: #4a5568;
    cursor: pointer
}

.product-section .right-box-contain .product-package .select-package .form-select {
    background: linear-gradient(187.77deg, #fafafa 5.52%, #f8f8f8 94%);
    border-radius: 7px;
    border: 1px solid #eee;
    display: inline-block
}

.product-section .right-box-contain .product-package .select-package.image li .form-check-label {
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 1px solid rgba(154,154,154,.4);
    border-radius: 6px;
    padding: 3px
}

.product-section .right-box-contain .product-package .select-package.image li .form-check-label img {
    width: 65px;
    border-radius: 4px;
    cursor: pointer;
    height: 65px;
    padding: 0;
    overflow: hidden
}

.product-section .right-box-contain .product-package .select-package.rectangle li {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    min-height: unset;
    margin: 0;
    padding: 0;
    position: relative
}

.product-section .right-box-contain .product-package .select-package.rectangle li:hover button {
    color: #222;
    background-color: #f1f0f0
}

.product-section .right-box-contain .product-package .select-package.rectangle li.active button {
    color: #fff;
    background-color: var(--theme-color)
}

.product-section .right-box-contain .product-package .select-package.rectangle li .form-check-label {
    cursor: pointer;
    font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 1px solid rgba(154,154,154,.4);
    border-radius: 6px;
    padding: 3px
}

.product-section .right-box-contain .product-package .select-package.rectangle li .form-check-label span {
    padding: 6px 11px;
    background-color: #f8f8f8;
    border-radius: 4px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-section .right-box-contain .product-package .select-package .disabled {
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    opacity: .6 !important;
    pointer-events: none
}

.product-section .right-box-contain .product-package .select-package .disabled::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: 0;
    background-color: #ff7272;
    width: 100%;
    height: 1px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.product-section .right-box-contain .product-package .select-package .disabled a,.product-section .right-box-contain .product-package .select-package .disabled button {
    cursor: default
}

.product-section .right-box-contain .product-package .select-package .disabled .form-check-input:checked~.form-check-label {
    background-color: #f8f8f8 !important;
    color: #4a5568 !important
}

.product-section .right-box-contain .note-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: calc(7px + 8*(100vw - 320px)/1600);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

@media(max-width: 767px) {
    .product-section .right-box-contain .note-box {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.product-section .right-box-contain .note-box .compare-button {
    background-color: #f8f8f8
}

.product-section .right-box-contain .note-box .cart-button {
    -webkit-animation: shake 150ms 2 linear;
    animation: shake 150ms 2 linear
}

.product-section .right-box-contain .note-box .product-qty {
    width: auto;
    margin-top: 0
}

@media(max-width: 360px) {
    .product-section .right-box-contain .note-box .product-qty {
        width:160px
    }
}

.product-section .right-box-contain .note-box .product-qty .input-group {
    background: linear-gradient(187.77deg, #fafafa 5.52%, #f8f8f8 94%)
}

.product-section .right-box-contain .buy-now-button {
    margin-top: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ececec
}

.product-section .right-box-contain .buy-now-button button {
    background-color: #ff7272
}

.product-section .right-box-contain .buy-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 11px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px
}

.product-section .right-box-contain .buy-box .team-box {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-section .right-box-contain .buy-box .team-box input {
    margin-top: -7px;
    display: block
}

.product-section .right-box-contain .buy-box .team-box .form-check-label span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-section .right-box-contain .buy-box .team-box .form-check-label span a {
    text-decoration: underline;
    margin-left: 3px;
    color: #222
}

@media(max-width: 767px) {
    .product-section .right-box-contain .buy-box {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.product-section .right-box-contain .buy-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(5px + 3*(100vw - 320px)/1600);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #777
}

.product-section .right-box-contain .buy-box a .feather {
    width: 17px;
    height: auto
}

.product-section .right-box-contain .feature-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 17px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px
}

.product-section .right-box-contain .feature-list .team-box {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-section .right-box-contain .feature-list .team-box input {
    margin-top: -7px;
    display: block
}

.product-section .right-box-contain .feature-list .team-box .form-check-label span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-section .right-box-contain .feature-list .team-box .form-check-label span a {
    text-decoration: underline;
    margin-left: 3px;
    color: #222
}

@media(max-width: 767px) {
    .product-section .right-box-contain .feature-list {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.product-section .right-box-contain .feature-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(5px + 3*(100vw - 320px)/1600);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #222
}

.product-section .right-box-contain .feature-list a svg {
    width: 17px;
    height: 17px
}

.product-section .right-box-contain .pickup-box {
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec
}

.product-section .right-box-contain .pickup-box .product-info {
    margin-top: 20px
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(8px + 9*(100vw - 320px)/1600);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
    display: inline-block;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 12px;
    width: 80%
}

[dir=rtl] .product-section .right-box-contain .pickup-box .product-info .product-info-list {
    text-align: right
}

@media(max-width: 480px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list {
        -webkit-column-count:1;
        -moz-column-count: 1;
        column-count: 1;
        padding: 15px
    }
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 1500px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
        width:100%
    }
}

@media(max-width: 1450px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
        -webkit-column-count:1;
        -moz-column-count: 1;
        column-count: 1;
        padding: 15px
    }
}

@media(max-width: 1199px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
        -webkit-column-count:2;
        -moz-column-count: 2;
        column-count: 2;
        display: block;
        padding-bottom: 4px
    }

    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 li {
        margin-bottom: 8px
    }
}

@media(max-width: 480px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 15px
    }

    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 li {
        margin-bottom: 0
    }
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list-3 {
    width: 50%
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list-3 li {
    margin-bottom: 7px
}

@media(max-width: 360px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-3 li {
        margin-bottom:0
    }
}

@media(max-width: 1366px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-3 {
        width:80%
    }
}

@media(max-width: 767px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-3 {
        width:100%
    }
}

@media(max-width: 360px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-3 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list li {
    padding-left: 13px;
    width: 100%;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    position: relative;
    color: #777
}

[dir=rtl] .product-section .right-box-contain .pickup-box .product-info .product-info-list li {
    padding-left: 0;
    padding-right: 13px
}

@media(max-width: 575px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list li {
        width:auto;
        margin-left: 18px
    }
}

@media(max-width: 480px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list li {
        margin-left:unset;
        width: 100%;
        padding-left: unset
    }

    .product-section .right-box-contain .pickup-box .product-info .product-info-list li::after {
        content: none !important
    }
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list li::after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    left: 0;
    background-color: #4a5568;
    border-radius: 100%
}

[dir=rtl] .product-section .right-box-contain .pickup-box .product-info .product-info-list li::after {
    left: unset;
    right: 0
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list li a {
    margin-left: 5px;
    color: #222;
    font-weight: 500
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list li a+a {
    margin-left: 0
}

.product-section .right-box-contain .pickup-box .pickup-icon i {
    font-size: 20px;
    color: var(--theme-color)
}

.product-section .right-box-contain .pickup-box .pickup-detail h4 {
    width: 90%;
    font-weight: 400;
    margin-bottom: 5px;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    line-height: 1.6
}

@media(max-width: 767px) {
    .product-section .right-box-contain .pickup-box .pickup-detail h4 {
        width:100%
    }
}

.product-section .right-box-contain .pickup-box .pickup-detail h6 {
    margin-top: 4px
}

.product-section .right-box-contain .pickup-box .pickup-detail a {
    margin-top: 0;
    color: var(--theme-color);
    display: inline-block
}

.product-section .right-box-contain .payment-option ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(3px + 5*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .product-section .right-box-contain .payment-option ul {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

[dir=rtl] .product-section .right-box-contain .payment-option ul {
    padding-right: 0
}

.product-section .right-box-contain .progress-sec {
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px
}

.product-section .right-box-contain .progress-sec .left-progressbar {
    margin-top: 18px
}

.product-section .right-box-contain .progress-sec .left-progressbar h6 {
    margin-bottom: 10px
}

.product-section .right-box-contain .progress-sec .left-progressbar .progress {
    height: 10px
}

.product-section .right-box-contain .progress-sec .left-progressbar .progress.danger-progress .progress-bar {
    background-color: #ff7272
}

.product-section .right-box-contain .progress-sec .left-progressbar .progress.warning-progress .progress-bar {
    background-color: #ffa53b
}

.product-section .right-box-contain .progress-sec .left-progressbar .progress.success-progress .progress-bar {
    background-color: var(--theme-color)
}

.product-section .right-box-contain .progress-sec .left-progressbar .progress-bar {
    background-color: var(--theme-color)
}

.product-section .product-main .slider-image {
    background-color: #f8f8f8
}

.product-section .product-main .slider-image img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    border: 1px solid lightblue;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}



.product-section .right-sidebar-box {
    position: sticky;
    top: 10px
}

.product-section .right-sidebar-box .product-right-sidebar li+li {
    margin-top: 0
}

.product-section .right-sidebar-box .product-right-sidebar li+li::after {
    top: -14px;
    width: calc(100% - 103px)
}

.related-product-2 .related-product .product-title-2 {
    margin-top: 0
}

.related-product-2 .related-product .product-title-2 h4 {
    font-size: calc(21px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    margin-bottom: calc(16px + 5*(100vw - 320px)/1600)
}

.related-product-2 .related-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 15px
}

@media(max-width: 1577px) {
    .related-product-2 .related-box {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.related-product-2 .related-box .related-image {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
    overflow: auto;
    padding-bottom: 13px
}

.related-product-2 .related-box .related-image>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: calc(25px + 10*(100vw - 320px)/1600)
}

.related-product-2 .related-box .related-image>ul>li {
    width: 100%;
    min-width: 200px;
    position: relative
}

.related-product-2 .related-box .related-image>ul>li+li {
    margin: 0 !important
}

.related-product-2 .related-box .related-image>ul>li+li::before {
    content: "+";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    left: calc(-18px + -8*(100vw - 320px)/1600);
    font-size: calc(14px + 6*(100vw - 320px)/1600);
    color: #4a5568
}

.related-product-2 .related-box .related-image>ul>li a {
    display: block;
    overflow: hidden
}

.related-product-2 .related-box .related-image>ul>li a .image-box {
    background-color: #f8f8f8;
    width: calc(136px + 34*(100vw - 320px)/1600);
    height: calc(136px + 34*(100vw - 320px)/1600);
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: calc(6px + 3*(100vw - 320px)/1600)
}

.related-product-2 .related-box .related-image>ul>li a .image-box .form-check {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 0
}

.related-product-2 .related-box .related-image>ul>li a .image-box .form-check .checkbox_animated::after {
    border: 1px solid #4a5567;
    border-radius: 3px
}

.related-product-2 .related-box .related-image>ul>li a .related-content {
    margin-top: 12px;
    padding: 0 calc(4px + 8*(100vw - 320px)/1600)
}

.related-product-2 .related-box .related-image>ul>li a .related-content h5 {
    font-size: 15px;
    line-height: 1.2;
    color: #222;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.related-product-2 .related-box .related-image>ul>li a .related-content h6 {
    margin-top: 5px;
    color: var(--theme-color)
}

.related-product-2 .related-box .related-image>ul>li a .related-content h6 del {
    color: #4a5568;
    margin-left: 4px;
    font-size: 13px
}

.related-product-2 .related-box .related-image>ul>li .product-box .product-detail a h6 {
    font-size: 16px;
    height: auto
}

.related-product-2 .related-box .bundle-list {
    gap: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.related-product-2 .related-box .bundle-list>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px
}

.related-product-2 .related-box .bundle-list>ul>li {
    width: 100%;
    display: block
}

.related-product-2 .related-box .bundle-list>ul>li .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.related-product-2 .related-box .bundle-list>ul>li .form-check .checkbox_animated {
    margin-top: -4px
}

.related-product-2 .related-box .bundle-list>ul>li .form-check .form-check-label span {
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    color: #4a5568
}

.related-product-2 .related-box .bundle-list>ul>li .form-check .form-check-label span span {
    color: #222;
    font-weight: 600
}

.related-product-2 .related-box .bundle-list>ul>li.content {
    margin-top: calc(0px + 15*(100vw - 320px)/1600)
}

.related-product-2 .related-box .bundle-list>ul>li.content h5 {
    font-size: 17px;
    font-weight: 600;
    color: #4a5568
}

.related-product-2 .related-box .bundle-list>ul>li.content h4 {
    margin-top: 8px;
    font-weight: 700
}

.related-product-2 .related-box .bundle-list>ul>li.content h4 del {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-left: 5px;
    font-weight: 400
}

.sticky-bottom-cart {
    position: fixed;
    bottom: -160px;
    width: 100%;
    z-index: 9;
    background-color: #fff;
    padding: calc(11px + -5*(100vw - 320px)/1600) 0;
    -webkit-box-shadow: 0 0 3px 1px rgba(34,34,34,.06);
    box-shadow: 0 0 3px 1px rgba(34,34,34,.06);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.sticky-bottom-cart .cart-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 575px) {
    .sticky-bottom-cart .cart-content {
        display:block
    }
}

.sticky-bottom-cart .product-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 575px) {
    .sticky-bottom-cart .product-image {
        display:none
    }
}

.sticky-bottom-cart .product-image img {
    width: 60px;
    height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.sticky-bottom-cart .product-image .content {
    margin-left: 12px;
    color: #222;
    margin-top: 0
}

[dir=rtl] .sticky-bottom-cart .product-image .content {
    margin-left: 0;
    margin-right: 12px
}

@media(max-width: 991px) {
    .sticky-bottom-cart .product-image .content {
        display:none
    }
}

@media(max-width: 480px) {
    .sticky-bottom-cart .product-image .content {
        display:block
    }
}

.sticky-bottom-cart .product-image .content h5,.sticky-bottom-cart .product-image .content h6 {
    margin-bottom: 0
}

.sticky-bottom-cart .product-image .content h5 {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize
}

.sticky-bottom-cart .product-image .content h6 {
    font-size: 15px;
    margin-top: 6px
}

.sticky-bottom-cart .product-image .content h6 del {
    margin-left: 7px;
    color: #4a5568
}

[dir=rtl] .sticky-bottom-cart .product-image .content h6 del {
    margin-left: unset;
    margin-right: 7px
}

.sticky-bottom-cart .product-image .content h6 span {
    color: var(--theme-color);
    margin-left: 5px
}

[dir=rtl] .sticky-bottom-cart .product-image .content h6 span {
    margin-left: 0;
    margin-right: 5px
}

.sticky-bottom-cart .selection-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 25px 0 auto
}

@media(max-width: 575px) {
    .sticky-bottom-cart .selection-section {
        display:none
    }
}

.sticky-bottom-cart .selection-section .form-control {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    text-transform: capitalize;
    color: #222
}

.sticky-bottom-cart .selection-section .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.sticky-bottom-cart .selection-section .product-qty {
    height: 51px
}

.sticky-bottom-cart .selection-section .product-qty .input-group button {
    height: 100%
}

.sticky-bottom-cart .selection-section .form-group {
    width: 300px;
    margin-left: 10px;
    margin-right: 10px
}

@media(max-width: 1199px) {
    .sticky-bottom-cart .selection-section .form-group {
        width:190px
    }
}

@media(max-width: 767px) {
    .sticky-bottom-cart .selection-section .form-group {
        margin-right:0;
        width: unset
    }
}

@media(max-width: 575px) {
    .sticky-bottom-cart .add-btn {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.sticky-bottom-cart .add-btn a {
    padding: 12px 40px
}

@media(max-width: 575px) {
    .sticky-bottom-cart .add-btn a {
        width:100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.sticky-bottom-cart .add-btn a.wishlist-btn {
    display: none;
    background-color: #f8f8f8;
    color: #222
}

.sticky-bottom-cart .add-btn a.wishlist-btn:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff
}

@media(max-width: 575px) {
    .sticky-bottom-cart .add-btn a.wishlist-btn {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width: 575px) {
    .sticky-bottom-cart .add-btn a+a {
        margin-left:8px
    }

    [dir=rtl] .sticky-bottom-cart .add-btn a+a {
        margin-right: 8px;
        margin-left: unset
    }
}

.sticky-bottom-cart .add-btn a i {
    margin-right: 7px
}

[dir=rtl] .sticky-bottom-cart .add-btn a i {
    margin-right: unset;
    margin-left: 7px
}

.stickyCart {
    padding-bottom: 94px
}

.stickyCart .theme-option-2 {
    bottom: calc(74px + 16*(100vw - 320px)/1600)
}

@media(max-width: 575px) {
    .stickyCart {
        padding-bottom:0
    }
}

.stickyCart .sticky-bottom-cart {
    bottom: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.stickyCart .recently-purchase.show {
    bottom: 110px
}

.stickyCart .tap-top {
    bottom: 110px
}

.theme-product-section .product-left-box .product-title .name {
    font-weight: 700;
    line-height: 1.5;
    margin: 0
}

.theme-product-section .product-left-box .product-title .title-content-list {
    margin-top: 8px;
    margin-bottom: 18px
}

.theme-product-section .product-left-box .product-title .title-content-list>li {
    position: relative
}

.theme-product-section .product-left-box .product-title .title-content-list>li+li {
    padding-left: 15px;
    margin-left: 8px
}

[dir=rtl] .theme-product-section .product-left-box .product-title .title-content-list>li+li {
    padding-left: unset;
    padding-right: 15px;
    margin-left: unset;
    margin-right: 8px
}

.theme-product-section .product-left-box .product-title .title-content-list>li+li::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    left: 0;
    background-color: #ddd;
    border-radius: 100%
}

[dir=rtl] .theme-product-section .product-left-box .product-title .title-content-list>li+li::before {
    left: unset;
    right: 0
}

.theme-product-section .product-left-box .product-title .title-content-list>li .content {
    color: #777;
    display: inline-block;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    font-weight: 400
}

.dark .theme-product-section .product-left-box .product-title .title-content-list>li .content {
    color: #ddd
}

.theme-product-section .product-left-box .product-title .title-content-list>li .content a {
    color: #222;
    font-weight: 500;
    text-decoration: underline
}

.theme-product-section .product-left-box .product-title .title-content-list>li .content a .feather {
    width: 18px;
    height: 18px;
    margin-right: 5px
}

.theme-product-section .product-left-box .product-title .title-content-list>li .content .feather {
    width: 17px;
    height: 17px
}

.theme-product-section .product-left-box .product-title p {
    line-height: 1.5;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #4a5568;
    margin: 0
}

.theme-product-section .product-left-box .theme-option-box {
    margin-top: calc(18px + 12*(100vw - 320px)/1600);
    position: relative;
    overflow: hidden
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-image-option::after {
    opacity: .3
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-image-option .theme-image-icon {
    opacity: 1
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image {
    opacity: 1
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image .product-theme-option li:first-child {
    -webkit-animation: product-fade 100ms ease-in-out;
    animation: product-fade 100ms ease-in-out
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image .product-theme-option li:nth-child(2) {
    -webkit-animation: product-fade 200ms ease-in-out;
    animation: product-fade 200ms ease-in-out
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image .product-theme-option li:nth-child(3) {
    -webkit-animation: product-fade 300ms ease-in-out;
    animation: product-fade 300ms ease-in-out
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image .product-theme-option li:nth-child(4) {
    -webkit-animation: product-fade 400ms ease-in-out;
    animation: product-fade 400ms ease-in-out
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image .product-theme-option li:nth-child(5) {
    -webkit-animation: product-fade 500ms ease-in-out;
    animation: product-fade 500ms ease-in-out
}

.theme-product-section .product-left-box .theme-option-box .theme-image-option {
    position: relative;
    z-index: 0;
    border-radius: calc(8px + 4*(100vw - 320px)/1600);
    overflow: hidden
}

.theme-product-section .product-left-box .theme-option-box .theme-image-option::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #222;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out
}

.theme-product-section .product-left-box .theme-option-box .theme-image-option .theme-image-icon {
    opacity: 0;
    -webkit-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(38px + 12*(100vw - 320px)/1600);
    height: calc(38px + 12*(100vw - 320px)/1600);
    border-radius: 100%;
    background-color: #fff;
    z-index: 2;
    border: unset;
    position: absolute;
    color: #222;
    padding: 0
}

.theme-product-section .product-left-box .theme-option-box .theme-image-option .theme-image-icon .feather {
    width: calc(16px + 4*(100vw - 320px)/1600);
    height: calc(16px + 4*(100vw - 320px)/1600)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image {
    position: absolute;
    right: calc(10px + 10*(100vw - 576px)/1344);
    z-index: 3;
    opacity: 0;
    top: calc(10px + 10*(100vw - 576px)/1344)
}

@media(max-width: 575px) {
    .theme-product-section .product-left-box .theme-option-box .theme-option-image {
        position:relative;
        inset: unset;
        margin-top: 12px
    }
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option {
    margin: 0;
    display: grid;
    gap: 7px
}

@media(max-width: 575px) {
    .theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li {
    position: relative
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li:hover .theme-option-list {
    opacity: 1;
    visibility: visible;
    left: -125px
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.product-theme-icon {
    color: var(--theme-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(34px + 8*(100vw - 576px)/1344);
    height: calc(34px + 8*(100vw - 576px)/1344);
    border-radius: 5px;
    position: relative;
    z-index: 0;
    background-color: #fff;
    overflow: hidden
}

@media(max-width: 575px) {
    .theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.product-theme-icon {
        background-color:#222
    }
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.product-theme-icon .feather {
    width: calc(18px + 4*(100vw - 576px)/1344);
    height: calc(18px + 4*(100vw - 576px)/1344)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.layout-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(34px + 8*(100vw - 576px)/1344);
    height: calc(34px + 8*(100vw - 576px)/1344);
    z-index: 0;
    color: #fff;
    overflow: hidden;
    border-radius: 5px;
    gap: 5px;
    position: relative;
    background-color: var(--theme-color);
    padding: 0
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.layout-grid .feather {
    width: 18px;
    height: 18px
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a .form-check-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    cursor: pointer
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a .form-check-input:checked~.feather {
    fill: var(--theme-color)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -110px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -webkit-box-shadow: -1px 0 10px rgba(34,34,34,.071),5px 20px 40px rgba(34,34,34,.039);
    box-shadow: -1px 0 10px rgba(34,34,34,.071),5px 20px 40px rgba(34,34,34,.039);
    background-color: #fff;
    padding: 10px 6px 10px 12px;
    border-radius: 6px 0 0 6px;
    position: relative
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-left: 15px solid #fff;
    border-top: 21px solid rgba(0,0,0,0);
    border-bottom: 21px solid rgba(0,0,0,0);
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -15px;
    text-shadow: -1px 0 10px rgba(34,34,34,.071),5px 20px 40px rgba(34,34,34,.039)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul li a {
    display: block;
    color: rgba(34,34,34,.839)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul li a:hover {
    color: var(--theme-color)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul li a .feather {
    width: 20px;
    height: 20px;
    stroke-width: 1.8px
}

@media(max-width: 767px) {
    .theme-product-section .right-box-contain {
        text-align:unset
    }
}

.theme-product-section .right-box-contain .main-right-box-contain {
    border: 1px solid #ececec;
    border-radius: 6px;
    padding: calc(20px + 4*(100vw - 320px)/1600) calc(15px + 9*(100vw - 320px)/1600);
    background-color: #f8f8f8
}

.dark .theme-product-section .right-box-contain .main-right-box-contain {
    border-color: rgba(119,119,119,.44);
    background-color: rgba(34,34,34,.9411764706)
}

.theme-product-section .right-box-contain .product-contain p {
    width: 100%
}

.theme-product-section .right-box-contain .product-package+.product-package {
    margin-top: calc(22px + 4*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .product-package h4 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(9px + 9*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .product-package .form-select {
    background: linear-gradient(187.77deg, #fafafa 5.52%, #f8f8f8 94%);
    border-radius: 7px;
    border: 1px solid #eee;
    display: inline-block;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding: calc(8px + .00375*(100vw - 320px)) calc(12px + 3*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .price-rating .price {
    font-size: 26px
}

.theme-product-section .right-box-contain .note-box {
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px;
    margin-top: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dark .theme-product-section .right-box-contain .note-box {
    border-color: rgba(119,119,119,.44)
}

.theme-product-section .right-box-contain .note-box .cart-button {
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    width: 100%
}

.theme-product-section .right-box-contain .note-box .cart-button.border-btn {
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    padding: 12px
}

.theme-product-section .right-box-contain .note-box .cart-button.fill-btn {
    background-color: var(--theme-color);
    color: #fff;
    border: 1px solid rgba(0,0,0,0);
    padding: 12px
}

@media(max-width: 400px) {
    .theme-product-section .right-box-contain .deal-timer.product-deal-timer {
        width:100%
    }
}

.dark .theme-product-section .right-box-contain .buy-box {
    border-color: rgba(119,119,119,.44)
}

@media(max-width: 767px) {
    .theme-product-section .right-box-contain .buy-box {
        -webkit-box-pack:unset;
        -ms-flex-pack: unset;
        justify-content: unset
    }
}

.theme-product-section .right-box-contain .product-rating span {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1
}

.theme-product-section .right-box-contain .pickup-box {
    margin-top: 20px;
    padding: 0;
    border: unset
}

.theme-product-section .right-box-contain .pickup-box .product-info .product-info-list.product-info-list-2 {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    text-align: unset;
    padding: 0;
    background-color: rgba(0,0,0,0)
}

@media(max-width: 1199px) {
    .theme-product-section .right-box-contain .pickup-box .product-info .product-info-list.product-info-list-2 {
        -webkit-column-count:unset;
        -moz-column-count: unset;
        column-count: unset
    }
}

.dark .theme-product-section .right-box-contain .pickup-box .product-info .product-info-list li {
    color: #ddd
}

[dir=rtl] .theme-product-section .right-box-contain .pickup-box .product-info .product-info-list li {
    padding-left: unset;
    padding-right: 13px
}

[dir=rtl] .theme-product-section .right-box-contain .pickup-box .product-info .product-info-list li::after {
    left: unset;
    right: 0
}

.theme-product-section .right-box-contain .discount-box {
    background-color: #f8f8f8;
    padding: calc(12px + 11*(100vw - 320px)/1600) calc(18px + 5*(100vw - 320px)/1600);
    border-radius: calc(6px + 3*(100vw - 320px)/1600);
    border: 1px solid #ececec
}

.dark .theme-product-section .right-box-contain .discount-box {
    border-color: rgba(119,119,119,.44);
    background-color: #222323
}

.theme-product-section .right-box-contain .discount-box h4 {
    font-weight: 600;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px
}

.theme-product-section .right-box-contain .discount-box h4 span {
    color: var(--theme-color);
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    padding: 7px calc(9px + 3*(100vw - 320px)/1600);
    border-radius: 5px;
    z-index: 0
}

.theme-product-section .right-box-contain .discount-box h4 span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1;
    border-radius: 5px
}

.theme-product-section .right-box-contain .discount-box p {
    line-height: 1.5;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(16px + 8*(100vw - 320px)/1600);
    color: #4a5568
}

.theme-product-section .right-box-contain .discount-box .discount-btn {
    background: var(--theme-color);
    color: #fff;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    letter-spacing: 1.1px;
    padding: calc(10px + 2*(100vw - 320px)/1600) calc(16px + 13*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .deal-timer.product-deal-timer ul {
    background-color: #fff
}

.theme-product-section .right-box-contain .vendor-box {
    padding: 0;
    background-color: rgba(0,0,0,0)
}

.theme-product-section .right-box-contain .vendor-box .vendor-contain {
    padding: 12px calc(13px + 4*(100vw - 320px)/1600);
    background-color: #fff;
    margin-bottom: 27px;
    border-radius: calc(6px + 3*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .vendor-box .vendor-contain .vendor-image {
    width: calc(58px + 14*(100vw - 320px)/1600);
    height: calc(58px + 14*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .vendor-box .vendor-name h5 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(5px + -5*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .license-list {
    display: grid;
    gap: calc(8px + 4*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .license-list .form-check {
    min-height: unset;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    position: relative
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-input {
    float: unset;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-input:checked~.form-check-label::before {
    opacity: .1
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-input:checked~.form-check-label .circle-box .circle {
    border-color: var(--theme-color);
    background-color: #fff
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-input:checked~.form-check-label .circle-box .circle::before {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label {
    cursor: pointer;
    position: relative;
    border-radius: 11px;
    overflow: hidden;
    z-index: 0;
    width: 100%;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .circle-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 7px
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .circle-box .circle {
    width: calc(16px + 2*(100vw - 320px)/1600);
    height: calc(16px + 2*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 100%;
    position: relative;
    border: 1px solid #ececec;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.dark .theme-product-section .right-box-contain .license-list .form-check .form-check-label .circle-box .circle {
    border-color: rgba(119,119,119,.44)
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .circle-box .circle::before {
    content: "";
    position: absolute;
    width: calc(10px + 2*(100vw - 320px)/1600);
    height: calc(10px + 2*(100vw - 320px)/1600);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    background-color: var(--theme-color);
    border-radius: 100%;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .name {
    margin: 0;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - 7px - (16px + 2*(100vw - 320px)/1600));
    font-weight: 500;
    color: #4a5568
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .name span {
    color: #222
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .license-content {
    line-height: 1.5;
    color: #4a5568
}

.theme-product-section .right-box-contain .license-list .accordion-item {
    background-color: rgba(0,0,0,0);
    border: unset
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    border: 1px solid rgba(74,85,104,.169);
    border-radius: 11px;
    padding: 16px;
    overflow: hidden;
    z-index: 0;
    background-color: #fff;
    width: 100%;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    color: #222;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 18px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: unset;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    z-index: -1;
    margin: 0;
    opacity: 0
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button:not(.collapsed) {
    border-color: var(--theme-color)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button:not(.collapsed) .feather {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button:not(.collapsed)::after {
    opacity: .15;
    -webkit-transform: unset;
    transform: unset
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button .feather {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 20px;
    height: 20px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse {
    margin-top: 5px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body {
    background-color: #fff;
    border: 1px solid rgba(74,85,104,.169);
    border-radius: 11px;
    padding: 16px 20px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(5px + 8*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

body.rtl .theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package {
    padding-right: 0
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li {
    border: 1px solid rgba(154,154,154,.4);
    border-radius: 6px;
    padding: 3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li a,.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li button {
    padding: 6px 11px;
    border: 1px solid #ececec;
    border-radius: 4px;
    display: block;
    color: #4a5568;
    font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: rgba(0,0,0,0)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li:hover {
    border: 1px solid rgba(154,154,154,.65)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li:hover button,.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li:hover img {
    border-color: rgba(154,154,154,.65)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.active {
    border: 1px solid var(--theme-color);
    border-radius: 6px;
    padding: 3px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.active button,.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.active img {
    background: var(--theme-color);
    color: #fff;
    font-weight: 600
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.disabled {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    opacity: .6 !important;
    pointer-events: none
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.disabled::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: 0;
    background-color: #ff7272;
    width: 100%;
    height: 1px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.disabled a,.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.disabled button {
    cursor: default
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .color li {
    opacity: .7
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .color li.active {
    opacity: 1;
    border-color: #222
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .color li button {
    width: 36px !important;
    height: 36px !important
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .circle li {
    border: 1px solid rgba(154,154,154,.4);
    border-radius: 100% !important;
    padding: 3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .circle li:hover button {
    color: #222;
    background-color: #f1f0f0
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .circle li.active button {
    color: #fff;
    background-color: var(--theme-color)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .circle li button {
    width: 35px;
    height: 35px;
    background-color: #f8f8f8;
    border-radius: 100%;
    color: #4a5568;
    padding: 0;
    border: unset;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check {
    margin: 0;
    padding: 0;
    min-height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check:hover .form-check-input {
    border-color: rgba(154,154,154,.65)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check:hover .form-check-label {
    color: #222
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check+.form-check {
    margin-left: 15px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    float: unset;
    margin: 0;
    width: 16px;
    height: 16px;
    background-color: #f8f8f8;
    border: 1px solid rgba(154,154,154,.4);
    position: relative
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input::after {
    content: "";
    position: relative;
    width: 12px;
    height: 12px;
    background-color: var(--theme-color);
    border-radius: 100%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input:active {
    -webkit-filter: unset;
    filter: unset
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input:checked {
    background-color: #fff;
    border-color: var(--theme-color)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input:checked::after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input:checked~.form-check-label {
    color: #222
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-label {
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    margin-top: 1px;
    color: #4a5568;
    cursor: pointer
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-select {
    background: linear-gradient(187.77deg, #fafafa 5.52%, #f8f8f8 94%);
    border-radius: 7px;
    border: 1px solid #eee;
    display: inline-block
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .image li {
    border: 1px solid rgba(154,154,154,.4);
    border-radius: 6px;
    padding: 3px;
    width: 65px;
    height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 5px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .image li.active img {
    background: rgba(0,0,0,0)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .rectangle li {
    border: 1px solid rgba(154,154,154,.4);
    border-radius: 6px;
    padding: 3px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .rectangle li:hover button {
    color: #222;
    background-color: #f1f0f0
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .rectangle li.active button {
    color: #fff;
    background-color: var(--theme-color)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .rectangle li button {
    background-color: #f8f8f8;
    border: unset
}

.product-label-group {
    position: absolute;
    top: 24px;
    left: 0
}

.product-label-group .product-label-tag {
    padding: 5px 13px;
    background-color: #ff7272;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    position: relative;
    z-index: 1;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.product-label-group .product-label-tag::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    right: -15px;
    border-bottom: solid 15px #ff7272;
    border-left: solid 15px rgba(0,0,0,0);
    border-right: solid 15px rgba(0,0,0,0);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: 1
}

.product-label-group .product-label-tag::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 16px;
    right: -15px;
    border-bottom: solid 15px #ff7272;
    border-left: solid 15px rgba(0,0,0,0);
    border-right: solid 15px rgba(0,0,0,0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    z-index: 1
}

.product-label-group .product-label-tag span {
    font-weight: 700
}

.product-label-group .product-label-tag.warning-label-tag {
    background-color: #ffba00
}

.product-label-group .product-label-tag.warning-label-tag::before,.product-label-group .product-label-tag.warning-label-tag::after {
    border-bottom-color: #ffba00
}

.product-label-group .product-label-tag+.product-label-tag {
    margin-top: 13px
}

.product-count ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px 15px;
    margin-bottom: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-count ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.product-count ul li .feather {
    stroke: var(--theme-color);
    width: 20px;
    height: 20px
}

.product-count ul li h6 {
    font-size: 16px
}

.share-option {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ececec
}

.share-option ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

@media(max-width: 767px) {
    .share-option ul {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.share-option ul li {
    display: block
}

.share-option ul li:hover a {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.share-option ul li a {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #4a5568;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.share-option ul li a:hover {
    color: var(--theme-color);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.dynamic-checkout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    max-width: 600px
}

.dynamic-checkout>* {
    width: 100%
}

.dynamic-checkout button {
    width: 100%;
    color: #fff;
    text-transform: uppercase
}

.dynamic-checkout button.border-theme-color {
    border: 1px solid var(--theme-color);
    background-color: rgba(0,0,0,0);
    color: var(--theme-color);
    -webkit-transition: none;
    transition: none
}

.dynamic-checkout button.border-theme-color .spinning::before {
    border-right: 3px solid #1aa488
}

.dynamic-checkout button:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff
}

.dynamic-checkout button i {
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    animation: ring 4s .7s ease-in-out infinite;
    line-height: 1;
    margin-top: -3px;
    font-size: 19px
}

[dir=rtl] .slick-slider {
    direction: ltr
}

[dir=rtl] .slick-slider .slick-list .slick-track>* {
    direction: rtl
}

[dir=rtl] .slick-slide {
    float: left
}

[dir=rtl] ul {
    padding-right: 0
}

header .navbar.navbar-expand-xl .navbar-nav
 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /* align-items: center; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    font-weight: normal;
    position: relative;
}
header .navbar-light .navbar-nav a {
    color: #222;
    font-size: 16px;
}
.dropdown
{
    margin-right: 20px;
}

.fa-minus::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900; /* required for solid icons */
    content: "\f068";
}
.arrow-slider .slick-next::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105"; /* Font Awesome 'angle-right' */
}

.arrow-slider .slick-prev::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f104"; /* Font Awesome 'angle-left' */
}
.mt--0
{
    margin-bottom: -10px !important;
}




.post-password-form input {
  display: block;
  border: 1px solid #e2e2e2;
  height: 50px;
  border-radius: 3px;
  padding: 0 20px; }

.post-password-form label {
  font-weight: 600;
  color: #333; }

.post-password-form input[type=submit] {
  width: 100px;
  height: 50px;
  background-color: var(--ltn__primary-color);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  border: none;
  cursor: pointer;
  -webkit-transition: .3s ease-in;
  -o-transition: .3s ease-in;
  transition: .3s ease-in; }

.post-password-form input[type=submit]:hover {
  background-color: #121A2F; }

.footer-widget .table td,
.footer-widget .table th {
  padding: 0.50rem !important; }

/* ----------------------------------------------------
    ScrollUp
---------------------------------------------------- */
#scrollUp {
  background-color: var(--section-bg-1);
  color: var(--ltn__heading-color);
  bottom: 70px;
  font-size: 20px;
  font-weight: bold;
  height: 40px;
  width: 40px;
  right: 3%;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-box-shadow: var(--ltn__box-shadow-3);
  box-shadow: var(--ltn__box-shadow-3); }
  #scrollUp i {
    line-height: 40px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  #scrollUp:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white); }

/* ----------------------------------------------------
    Owl Carousel 
---------------------------------------------------- */
.owl-dots {
  display: block;
  text-align: center;
  margin-top: 20px; }

.owl-dots .owl-dot {
  display: inline-block;
  background-color: var(--ltn__secondary-color);
  height: 10px;
  width: 10px;
  margin-right: 30px;
  border-radius: 100%; }

.owl-dots .owl-dot:last-child {
  margin-right: 0px; }

.owl-dots .owl-dot:hover,
.owl-dots .owl-dot.active {
  background-color: var(--ltn__primary-color); }

/* owl-arrow-1 */
.owl-arrow-1 .owl-nav > div {
  position: absolute;
  left: -60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: auto; }

.owl-arrow-1 .owl-nav > div.owl-next {
  left: auto;
  right: -60px; }

@media only screen and (max-width: 1200px) {
  .owl-arrow-1 .owl-nav > div {
    right: auto;
    left: 0px; }
  .owl-arrow-1 .owl-nav > div.owl-next {
    right: 0px;
    left: auto; } }

/* ----------------------------------------------------
    Slick Slider Dots, Arrow
---------------------------------------------------- */
/* Slick dots */
.slick-dots {
  margin: 0 0 30px;
  padding: 0;
  display: block;
  text-align: center;
  line-height: 1; }
  .slick-dots li {
    display: inline-block;
    list-style: none;
    display: inline-block;
    font-size: 0;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    margin-right: 20px;
    background-color: var(--silver);
    cursor: pointer;
    margin-top: 0; }
    .slick-dots li button {
      display: none; }
    .slick-dots li:hover, .slick-dots li.slick-active {
      background-color: var(--ltn__secondary-color); }

/* slick-arrow */
.slick-arrow {
  cursor: pointer;
  z-index: 9; }

/* slick-arrow-1 */
.slick-arrow-1 .slick-arrow {
  background-color: var(--white);
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 15px;
  right: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  line-height: 48px;
  display: block;
  border: 1px solid var(--white-4);
  border-radius: 100%;
  text-align: center;
  font-size: 20px;
  color: var(--ltn__primary-color) !important;
  z-index: 1;
  opacity: 0;
  visibility: hidden; }
  .slick-arrow-1 .slick-arrow:hover {
    background-color: var(--ltn__secondary-color);
    border-color: var(--ltn__secondary-color);
    color: var(--white) !important; }

.slick-arrow-1 .slick-next {
  right: 15px;
  left: auto; }

.slick-arrow-1:hover .slick-arrow {
  opacity: 1;
  visibility: visible; }

.slick-arrow-1-inner.slick-arrow-1:hover .slick-arrow {
  left: 50px;
  right: auto; }

.slick-arrow-1-inner.slick-arrow-1:hover .slick-next {
  right: 50px;
  left: auto; }

@media (min-width: 1350px) {
  .slick-arrow-1:hover .slick-arrow {
    left: -50px;
    right: auto; }
  .slick-arrow-1:hover .slick-next {
    right: -50px;
    left: auto; } }

/* slick-arrow-2 */
.slick-arrow-2 .slick-arrow {
  color: var(--ltn__primary-color) !important;
  cursor: pointer;
  position: absolute;
  bottom: -30px;
  height: 30px;
  width: 30px;
  line-height: 28px;
  display: block;
  left: 15px;
  border: 1px solid var(--border-color-1);
  text-align: center; }
  .slick-arrow-2 .slick-arrow:hover {
    background-color: var(--ltn__secondary-color);
    border-color: var(--ltn__secondary-color);
    color: var(--white) !important; }

.slick-arrow-2 .slick-next {
  left: 60px; }

/* slick-arrow-3 */
.slick-arrow-3 .slick-arrow {
  cursor: pointer;
  position: absolute;
  top: -120px;
  height: 60px;
  width: 60px;
  line-height: 58px;
  display: block;
  left: auto;
  right: 100px;
  border: 2px solid;
  text-align: center;
  -webkit-box-shadow: var(--ltn__box-shadow-2);
  box-shadow: var(--ltn__box-shadow-2); }
  .slick-arrow-3 .slick-arrow:hover {
    background-color: var(--ltn__secondary-color);
    border-color: var(--border-color-4);
    color: var(--white) !important; }

.slick-arrow-3 .slick-next {
  right: 15px;
  background-color: var(--white);
  border-color: var(--white);
  color: var(--ltn__primary-color) !important; }

.slick-arrow-3 .slick-prev {
  background-color: var(--ltn__secondary-color);
  border-color: var(--border-color-4);
  color: var(--white) !important; }

/* slick-arrow-4 */
.slick-arrow-4 {
  margin: 0; }
  .slick-arrow-4 .slick-arrow {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    text-align: center;
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin: 0 auto;
    border: 1px solid;
    border-radius: 100%; }
    .slick-arrow-4 .slick-arrow:hover {
      background-color: var(--ltn__secondary-color);
      border-color: var(--border-color-4);
      color: var(--white) !important; }
  .slick-arrow-4 .slick-next {
    right: -60px; }
  .slick-arrow-4 .slick-prev {
    left: -60px; }

@media (max-width: 767px) {
  .slick-dots {
    margin: 0 0 15px; } }

/* ----------------------------------------------------
    Background Overlay
---------------------------------------------------- */
.bg-overlay-black-10,
.bg-overlay-black-20,
.bg-overlay-black-30,
.bg-overlay-black-40,
.bg-overlay-black-50,
.bg-overlay-black-60,
.bg-overlay-black-70,
.bg-overlay-black-80,
.bg-overlay-black-90,
.bg-overlay-white-10,
.bg-overlay-white-20,
.bg-overlay-white-30,
.bg-overlay-white-40,
.bg-overlay-white-50,
.bg-overlay-white-60,
.bg-overlay-white-70,
.bg-overlay-white-80,
.bg-overlay-white-90 {
  z-index: 8;
  position: relative; }

.bg-overlay-black-10:before,
.bg-overlay-black-20:before,
.bg-overlay-black-30:before,
.bg-overlay-black-40:before,
.bg-overlay-black-50:before,
.bg-overlay-black-60:before,
.bg-overlay-black-70:before,
.bg-overlay-black-80:before,
.bg-overlay-black-90:before,
.bg-overlay-white-10:before,
.bg-overlay-white-20:before,
.bg-overlay-white-30:before,
.bg-overlay-white-40:before,
.bg-overlay-white-50:before,
.bg-overlay-white-60:before,
.bg-overlay-white-70:before,
.bg-overlay-white-80:before,
.bg-overlay-white-90:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1; }

.bg-overlay-black-10:before {
  background: rgba(0, 0, 0, 0.1); }

.bg-overlay-black-20:before {
  background: rgba(0, 0, 0, 0.2); }

.bg-overlay-black-30:before {
  background: rgba(0, 0, 0, 0.3); }

.bg-overlay-black-40:before {
  background: rgba(0, 0, 0, 0.4); }

.bg-overlay-black-50:before {
  background: rgba(0, 0, 0, 0.5); }

.bg-overlay-black-60:before {
  background: rgba(0, 0, 0, 0.6); }

.bg-overlay-black-70:before {
  background: rgba(0, 0, 0, 0.7); }

.bg-overlay-black-80:before {
  background: rgba(0, 0, 0, 0.8); }

.bg-overlay-black-90:before {
  background: rgba(0, 0, 0, 0.9); }

.bg-overlay-white-10:before {
  background: rgba(255, 255, 255, 0.1); }

.bg-overlay-white-20:before {
  background: rgba(255, 255, 255, 0.2); }

.bg-overlay-white-30:before {
  background: rgba(255, 255, 255, 0.3); }

.bg-overlay-white-40:before {
  background: rgba(255, 255, 255, 0.4); }

.bg-overlay-white-50:before {
  background: rgba(255, 255, 255, 0.5); }

.bg-overlay-white-60:before {
  background: rgba(255, 255, 255, 0.6); }

.bg-overlay-white-70:before {
  background: rgba(255, 255, 255, 0.7); }

.bg-overlay-white-80:before {
  background: rgba(255, 255, 255, 0.8); }

.bg-overlay-white-90:before {
  background: rgba(255, 255, 255, 0.9); }

.bg-overlay-theme-10,
.bg-overlay-theme-20,
.bg-overlay-theme-30,
.bg-overlay-theme-40,
.bg-overlay-theme-50,
.bg-overlay-theme-60,
.bg-overlay-theme-70,
.bg-overlay-theme-80,
.bg-overlay-theme-90 {
  z-index: 9;
  position: relative; }

.bg-overlay-theme-10:before,
.bg-overlay-theme-20:before,
.bg-overlay-theme-30:before,
.bg-overlay-theme-40:before,
.bg-overlay-theme-50:before,
.bg-overlay-theme-60:before,
.bg-overlay-theme-70:before,
.bg-overlay-theme-80:before,
.bg-overlay-theme-90:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: var(--ltn__secondary-color); }

.bg-overlay-theme-10:before {
  opacity: 0.1; }

.bg-overlay-theme-20:before {
  opacity: 0.2; }

.bg-overlay-theme-30:before {
  opacity: 0.3; }

.bg-overlay-theme-40:before {
  opacity: 0.4; }

.bg-overlay-theme-50:before {
  opacity: 0.5; }

.bg-overlay-theme-60:before {
  opacity: 0.6; }

.bg-overlay-theme-70:before {
  opacity: 0.7; }

.bg-overlay-theme-80:before {
  opacity: 0.8; }

.bg-overlay-theme-90:before {
  opacity: 0.9; }

.bg-overlay-theme-black-10,
.bg-overlay-theme-black-20,
.bg-overlay-theme-black-30,
.bg-overlay-theme-black-40,
.bg-overlay-theme-black-50,
.bg-overlay-theme-black-60,
.bg-overlay-theme-black-70,
.bg-overlay-theme-black-80,
.bg-overlay-theme-black-90 {
  z-index: 9;
  position: relative; }

.bg-overlay-theme-black-10:before,
.bg-overlay-theme-black-20:before,
.bg-overlay-theme-black-30:before,
.bg-overlay-theme-black-40:before,
.bg-overlay-theme-black-50:before,
.bg-overlay-theme-black-60:before,
.bg-overlay-theme-black-70:before,
.bg-overlay-theme-black-80:before,
.bg-overlay-theme-black-90:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: var(--ltn__primary-color); }

.bg-overlay-theme-black-10:before {
  opacity: 0.1; }

.bg-overlay-theme-black-20:before {
  opacity: 0.2; }

.bg-overlay-theme-black-30:before {
  opacity: 0.3; }

.bg-overlay-theme-black-40:before {
  opacity: 0.4; }

.bg-overlay-theme-black-50:before {
  opacity: 0.5; }

.bg-overlay-theme-black-60:before {
  opacity: 0.6; }

.bg-overlay-theme-black-70:before {
  opacity: 0.7; }

.bg-overlay-theme-black-80:before {
  opacity: 0.8; }

.bg-overlay-theme-black-90:before {
  opacity: 0.9; }

/* ----------------------------------------------
  Scrollbar 
---------------------------------------------- */
.ltn__scrollbar {
  overflow-y: auto; }

.ltn__scrollbar::-webkit-scrollbar {
  width: 2px;
  background-color: #f5f5f5;
  border-radius: 30px; }

.ltn__scrollbar::-webkit-scrollbar-thumb {
  background-color: #ddd; }

.mean-nav {
  overflow-y: auto; }

.mean-nav::-webkit-scrollbar {
  width: 3px;
  background-color: var(--ltn__primary-color);
  border-radius: 30px; }

.mean-nav::-webkit-scrollbar-thumb {
  background-color: var(--ltn__secondary-color); }

/* ----------------------------------------------------
    Padding Top
---------------------------------------------------- */
.pt-0 {
  padding-top: 0px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-15 {
  padding-top: 15px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ----------------------------------------------------
    Padding Bottom
---------------------------------------------------- */
.pb-0 {
  padding-bottom: 0px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ----------------------------------------------------
    Margin Top
---------------------------------------------------- */
.mt-0 {
  margin-top: 0px !important; }

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

.mt-12 {
  margin-top: 12px !important; }

.mt-15 {
  margin-top: 15px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ----------------------------------------------------
    Margin Bottom
---------------------------------------------------- */
.mb-0 {
  margin-bottom: 0px !important; }

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

.mb-12 {
  margin-bottom: 12px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ----------------------------------------------------
    Custom margin Padding
---------------------------------------------------- */
.mr-30 {
  margin-right: 30px; }

.ml-30 {
  margin-left: 30px; }

.pl-70 {
  padding-left: 70px; }

.pr-70 {
  padding-right: 70px; }

/* Padding left right */
.plr--2 {
  padding-left: 2%;
  padding-right: 2%; }

.plr--3 {
  padding-left: 3%;
  padding-right: 3%; }

.plr--4 {
  padding-left: 4%;
  padding-right: 4%; }

.plr--5 {
  padding-left: 5%;
  padding-right: 5%; }

.plr--6 {
  padding-left: 6%;
  padding-right: 6%; }

.plr--7 {
  padding-left: 7%;
  padding-right: 7%; }

.plr--8 {
  padding-left: 8%;
  padding-right: 8%; }

.plr--9 {
  /* used */
  padding-left: 9%;
  padding-right: 9%; }

.plr--10 {
  padding-left: 10%;
  padding-right: 10%; }

.plr--11 {
  padding-left: 11%;
  padding-right: 11%; }

.plr--12 {
  padding-left: 12%;
  padding-right: 12%; }

@media (max-width: 1599px) {
  .plr--2,
  .plr--3,
  .plr--4,
  .plr--5,
  .plr--6,
  .plr--7,
  .plr--8,
  .plr--9,
  .plr--10,
  .plr--11,
  .plr--12 {
    padding-left: 2%;
    padding-right: 2%; } }

@media (max-width: 1399px) {
  .plr--2,
  .plr--3,
  .plr--4,
  .plr--5,
  .plr--6,
  .plr--7,
  .plr--8,
  .plr--9,
  .plr--10,
  .plr--11,
  .plr--12 {
    padding-left: 15px;
    padding-right: 15px; } }

@media (min-width: 1200px) {
  /* Margin Top Minus */
  .mt--30 {
    margin-top: -30px !important; }
  .mt--65 {
    margin-top: -65px; }
  .mt--80 {
    margin-top: -100px; }
  .mt--90 {
    margin-top: -100px; }
  .mt--100 {
    margin-top: -100px; }
  .mt--110 {
    margin-top: -100px; }
  .mt--120 {
    margin-top: -100px; }
  .mt--150 {
    margin-top: -100px; } }

@media (max-width: 767px) {
  .mb-sm-20 {
    margin-bottom: 20px; } }

/* Margin Bottom Minus */
.mb--30 {
  margin-bottom: -30px; }

.mb--80 {
  margin-bottom: -100px; }

.mb--90 {
  margin-bottom: -100px; }

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

.mb--110 {
  margin-bottom: -100px; }

.mb--120 {
  margin-bottom: -100px; }

.mb--150 {
  margin-bottom: -100px; }

/* ----------------------------------------------------
    Custom Height
---------------------------------------------------- */
.ltn__height-100 {
  height: 100px; }

.ltn__height-200 {
  height: 200px; }

.ltn__height-250 {
  height: 250px; }

.ltn__height-300 {
  height: 300px; }

.ltn__height-350 {
  height: 350px; }

.ltn__height-400 {
  height: 400px; }

.ltn__height-450 {
  height: 450px; }

.ltn__height-500 {
  height: 500px; }

.ltn__height-550 {
  height: 550px; }

.ltn__height-600 {
  height: 600px; }

.ltn__height-650 {
  height: 650px; }

.ltn__height-700 {
  height: 700px; }

/* --------------------------------------------------------------
# Gutenberg Default Style
-------------------------------------------------------------- */
.single-post-details-item .entry-content > .alignwide {
  max-width: 1100px; }

.single-post-details-item .entry-content > .alignfull {
  margin: 1.5em 0;
  max-width: 100%; }

.wp-block-video video {
  max-width: 636px; }

.wp-block-image img {
  display: block; }

.wp-block-image.alignleft,
.wp-block-image.alignright {
  width: 100%; }

.wp-block-image.alignfull img {
  width: 100vw; }

.wp-block-gallery:not(.components-placeholder) {
  margin: 1.5em auto; }

.wp-block-cover-text p {
  padding: 1.5em 14px; }

ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
  padding: 0 14px; }

.wp-block-table {
  display: block;
  overflow-x: auto; }

.wp-block-table table {
  border-collapse: collapse;
  width: 100%; }

.wp-block-table td, .wp-block-table th {
  padding: .5em; }

.wp-block-embed.type-video > .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; }

.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.wp-block-quote.is-large {
  margin: 0 auto 16px; }

.wp-block-pullquote > p:first-child {
  margin-top: 0; }

.wp-block-separator {
  margin: 3em auto;
  padding: 0; }

@media screen and (min-width: 768px) {
  .wp-block-cover-text p {
    padding: 1.5em 0; } }

.wp-block-video video {
  max-width: 636px; }

.wp-block-image img {
  display: block; }

.wp-block-image.alignleft,
.wp-block-image.alignright {
  width: 100%; }

.wp-block-image.alignfull img {
  width: 100vw; }

.wp-block-gallery:not(.components-placeholder) {
  margin: 1.5em auto; }

.wp-block-cover-text p {
  padding: 1.5em 14px; }

ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
  padding: 0 14px; }

.wp-block-table {
  display: block;
  overflow-x: auto; }

.wp-block-table table {
  border-collapse: collapse;
  width: 100%; }

.wp-block-table td, .wp-block-table th {
  padding: .5em; }

.wp-block-embed.type-video > .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; }

.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.wp-block-quote.is-large {
  margin: 0 auto 16px; }

.wp-block-pullquote > p:first-child {
  margin-top: 0; }

.wp-block-quote:not(.is-large):not(.is-style-large) {
  border-left: 4px solid #000;
  padding-left: 1em; }

.wp-block-separator {
  margin: 3em auto;
  padding: 0; }

@media screen and (min-width: 768px) {
  .wp-block-cover-text p {
    padding: 1.5em 0; } }

.wp-block-pullquote {
  border-top: 4px solid #555d66;
  border-bottom: 4px solid #555d66;
  color: #40464d; }

/* --------------------------------------------------------------
## Block Color Palette Colors
-------------------------------------------------------------- */
.has-strong-blue-color {
  color: #0073aa; }

.has-strong-blue-background-color {
  background-color: #0073aa; }

.has-lighter-blue-color {
  color: #229fd8; }

.has-lighter-blue-background-color {
  background-color: #229fd8; }

.has-very-light-gray-color {
  color: #eee; }

.has-very-light-gray-background-color {
  background-color: #eee; }

.has-very-dark-gray-color {
  color: #444; }

.has-very-dark-gray-background-color {
  background-color: #444; }

/* ----------------------------------------------------
    Animation Custom Class
---------------------------------------------------- */
.ltn__effect-img {
  position: absolute; }

.ltn__effect-img-top-left {
  top: 6%;
  left: 5%; }

.ltn__effect-img-top-right {
  top: 5%;
  right: 5%; }

.ltn__effect-img-center-left {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 3%; }

.ltn__effect-img-center-center {
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  left: 50%; }

.ltn__effect-img-center-right {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 3%; }

.ltn__effect-img-bottom-left {
  bottom: 5%;
  left: 0; }

.ltn__effect-img-bottom-right {
  bottom: 5%;
  right: 5%; }

/* ----------------------------------------------------
    Animation CSS
---------------------------------------------------- */
.ltn__parallax-effect-wrap,
.layer {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0; }

.ltn__parallax-effect-wrap {
  min-height: 600px;
  position: relative;
  overflow: hidden; }

.layer {
  position: absolute; }

.layer div {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }

.background {
  background: url(../img/effect/1.png) no-repeat 50% 100%;
  bottom: 96px;
  background-size: cover;
  position: absolute;
  width: 110%;
  left: -5%;
  top: -5%; }

.lighthouse {
  -webkit-transform-origin: 50% 90%;
  -moz-transform-origin: 50% 90%;
  -ms-transform-origin: 50% 90%;
  transform-origin: 50% 90%;
  -webkit-animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: lighthouse 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  margin: 0px -64px;
  background-size: 128px 224px;
  height: 224px;
  width: 128px;
  background-image: url(../img/effect/2.png);
  background-repeat: no-repeat;
  bottom: 64px;
  position: absolute;
  right: 20%; }

.wave.plain {
  background-image: url(../img/effect/3.png); }

.wave.paint {
  background-image: url(../img/effect/4.png); }

.light {
  margin: -120px -120px;
  background-size: 240px 240px;
  height: 240px;
  width: 240px;
  background-repeat: no-repeat;
  bottom: 112px;
  position: absolute;
  left: 50%; }

.light.orange {
  background-image: url(../img/effect/5.png); }

.light.purple {
  background-image: url(../img/effect/6.png); }

.light.a {
  bottom: 80px;
  left: 20%; }

.light.b {
  bottom: 80px;
  left: 30%; }

.light.c {
  bottom: 112px;
  left: 45%; }

.light.d {
  bottom: 96px;
  left: 60%; }

.light.e {
  bottom: 112px;
  left: 75%; }

.light.f {
  bottom: 64px;
  left: 80%; }

.light.phase-1 {
  -webkit-animation: phase 20s 0.1s infinite linear;
  -moz-animation: phase 20s 0.1s infinite linear;
  animation: phase 20s 0.1s infinite linear; }

.light.phase-2 {
  -webkit-animation: phase 18s 0.1s infinite linear;
  -moz-animation: phase 18s 0.1s infinite linear;
  animation: phase 18s 0.1s infinite linear; }

.light.phase-3 {
  -webkit-animation: phase 16s 0.1s infinite linear;
  -moz-animation: phase 16s 0.1s infinite linear;
  animation: phase 16s 0.1s infinite linear; }

.light.phase-4 {
  -webkit-animation: phase 14s 0.1s infinite linear;
  -moz-animation: phase 14s 0.1s infinite linear;
  animation: phase 14s 0.1s infinite linear; }

.light.phase-5 {
  -webkit-animation: phase 12s 0.1s infinite linear;
  -moz-animation: phase 12s 0.1s infinite linear;
  animation: phase 12s 0.1s infinite linear; }

.light.phase-6 {
  -webkit-animation: phase 10s 0.1s infinite linear;
  -moz-animation: phase 10s 0.1s infinite linear;
  animation: phase 10s 0.1s infinite linear; }

.hanger {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  position: absolute; }

.hanger.position-1 {
  top: 28%; }

.hanger.position-2 {
  top: 46%; }

.hanger.position-3 {
  top: 59%; }

.hanger.position-4 {
  top: 66.5%; }

.hanger.position-5 {
  top: 69.5%; }

.hanger.position-6 {
  top: 66.5%; }

.hanger.position-7 {
  top: 59%; }

.hanger.position-8 {
  top: 46%; }

.hanger.position-9 {
  top: 28%; }

.hanger.position-1 {
  left: 10%; }

.hanger.position-2 {
  left: 20%; }

.hanger.position-3 {
  left: 30%; }

.hanger.position-4 {
  left: 40%; }

.hanger.position-5 {
  left: 50%; }

.hanger.position-6 {
  left: 60%; }

.hanger.position-7 {
  left: 70%; }

.hanger.position-8 {
  left: 80%; }

.hanger.position-9 {
  left: 90%; }

.board {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  margin: 0px -140px;
  background-size: 280px 280px;
  height: 280px;
  width: 280px;
  background-repeat: no-repeat;
  position: absolute;
  top: -4px;
  left: 0; }

.board.birds {
  background-image: url(../img/effect/5.png); }

.board.cloud-1 {
  background-image: url(../img/effect/1.png); }

.board.cloud-2 {
  background-image: url(../img/effect/2.png); }

.board.cloud-3 {
  background-image: url(../img/effect/3.png); }

.board.cloud-4 {
  background-image: url(../img/effect/4.png); }

.swing-1 {
  -webkit-animation: swing 4s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: swing 4s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: swing 4s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.swing-2 {
  -webkit-animation: swing 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: swing 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: swing 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.swing-3 {
  -webkit-animation: swing 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: swing 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: swing 3s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.swing-4 {
  -webkit-animation: swing 2.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: swing 2.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: swing 2.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); }

.swing-5 {
  -webkit-animation: swing 2s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-animation: swing 2s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation: swing 2s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); }

/* --------------- */
.wave {
  background: transparent repeat-x;
  position: absolute;
  width: 100%;
  left: 0;
  margin: 0px 0px;
  background-position: center bottom;
  background-size: auto 101%;
  height: 30%;
  -webkit-animation: wave 5.33333s 0.1s infinite linear;
  -moz-animation: wave 5.33333s 0.1s infinite linear;
  animation: wave 5.33333s 0.1s infinite linear; }

.ltn__animation-wave-3s {
  -webkit-animation: wave 3s 0.1s infinite linear;
  -moz-animation: wave 3s 0.1s infinite linear;
  animation: wave 3s 0.1s infinite linear; }

.ltn__animation-wave-4s {
  -webkit-animation: wave 4s 0.1s infinite linear;
  -moz-animation: wave 4s 0.1s infinite linear;
  animation: wave 4s 0.1s infinite linear; }

.ltn__animation-wave-5s {
  -webkit-animation: wave 5.33333s 0.1s infinite linear;
  -moz-animation: wave 5.33333s 0.1s infinite linear;
  animation: wave 5.33333s 0.1s infinite linear; }

.ltn__animation-wave-6s {
  -webkit-animation: wave 6.22222s 0.1s infinite linear;
  -moz-animation: wave 6.22222s 0.1s infinite linear;
  animation: wave 6.22222s 0.1s infinite linear; }

.ltn__animation-wave-7s {
  -webkit-animation: wave 7.11111s 0.1s infinite linear;
  -moz-animation: wave 7.11111s 0.1s infinite linear;
  animation: wave 7.11111s 0.1s infinite linear; }

.ltn__animation-wave-8s {
  -webkit-animation: wave 8s 0.1s infinite linear;
  -moz-animation: wave 8s 0.1s infinite linear;
  animation: wave 8s 0.1s infinite linear; }

.cross, .x, .y {
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }

@-webkit-keyframes phase {
  0% {
    opacity: 1; }
  25% {
    opacity: 0.4; }
  50% {
    opacity: 0.8; }
  75% {
    opacity: 0.4; }
  100% {
    opacity: 1; } }

@-moz-keyframes phase {
  0% {
    opacity: 1; }
  25% {
    opacity: 0.4; }
  50% {
    opacity: 0.8; }
  75% {
    opacity: 0.4; }
  100% {
    opacity: 1; } }

@-ms-keyframes phase {
  0% {
    opacity: 1; }
  25% {
    opacity: 0.4; }
  50% {
    opacity: 0.8; }
  75% {
    opacity: 0.4; }
  100% {
    opacity: 1; } }

@keyframes phase {
  0% {
    opacity: 1; }
  25% {
    opacity: 0.4; }
  50% {
    opacity: 0.8; }
  75% {
    opacity: 0.4; }
  100% {
    opacity: 1; } }

@-webkit-keyframes tilt {
  0% {
    -webkit-transform: rotateX(-30deg);
    -moz-transform: rotateX(-30deg);
    transform: rotateX(-30deg); }
  25% {
    -webkit-transform: rotateX(30deg);
    -moz-transform: rotateX(30deg);
    transform: rotateX(30deg); }
  50% {
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg); }
  75% {
    -webkit-transform: rotateY(30deg);
    -moz-transform: rotateY(30deg);
    transform: rotateY(30deg); }
  100% {
    -webkit-transform: rotateZ(20deg);
    -moz-transform: rotateZ(20deg);
    transform: rotateZ(20deg); } }

@-moz-keyframes tilt {
  0% {
    -webkit-transform: rotateX(-30deg);
    -moz-transform: rotateX(-30deg);
    transform: rotateX(-30deg); }
  25% {
    -webkit-transform: rotateX(30deg);
    -moz-transform: rotateX(30deg);
    transform: rotateX(30deg); }
  50% {
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg); }
  75% {
    -webkit-transform: rotateY(30deg);
    -moz-transform: rotateY(30deg);
    transform: rotateY(30deg); }
  100% {
    -webkit-transform: rotateZ(20deg);
    -moz-transform: rotateZ(20deg);
    transform: rotateZ(20deg); } }

@-ms-keyframes tilt {
  0% {
    -webkit-transform: rotateX(-30deg);
    -moz-transform: rotateX(-30deg);
    transform: rotateX(-30deg); }
  25% {
    -webkit-transform: rotateX(30deg);
    -moz-transform: rotateX(30deg);
    transform: rotateX(30deg); }
  50% {
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg); }
  75% {
    -webkit-transform: rotateY(30deg);
    -moz-transform: rotateY(30deg);
    transform: rotateY(30deg); }
  100% {
    -webkit-transform: rotateZ(20deg);
    -moz-transform: rotateZ(20deg);
    -ms-transform: rotate(20deg);
    transform: rotateZ(20deg); } }

@keyframes tilt {
  0% {
    -webkit-transform: rotateX(-30deg);
    -moz-transform: rotateX(-30deg);
    transform: rotateX(-30deg); }
  25% {
    -webkit-transform: rotateX(30deg);
    -moz-transform: rotateX(30deg);
    transform: rotateX(30deg); }
  50% {
    -webkit-transform: rotateY(-30deg);
    -moz-transform: rotateY(-30deg);
    transform: rotateY(-30deg); }
  75% {
    -webkit-transform: rotateY(30deg);
    -moz-transform: rotateY(30deg);
    transform: rotateY(30deg); }
  100% {
    -webkit-transform: rotateZ(20deg);
    -moz-transform: rotateZ(20deg);
    transform: rotateZ(20deg); } }

@-webkit-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg); } }

@-moz-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg); } }

@-ms-keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg); } }

@keyframes wave {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
    -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg); } }

@-webkit-keyframes lighthouse {
  0% {
    -webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
    -moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
    transform: translate3d(15%, 0, 0) rotateZ(10deg); }
  100% {
    -webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
    -moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
    transform: translate3d(-15%, 0, 0) rotateZ(-10deg); } }

@-moz-keyframes lighthouse {
  0% {
    -webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
    -moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
    transform: translate3d(15%, 0, 0) rotateZ(10deg); }
  100% {
    -webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
    -moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
    transform: translate3d(-15%, 0, 0) rotateZ(-10deg); } }

@-ms-keyframes lighthouse {
  0% {
    -webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
    -moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
    transform: translate3d(15%, 0, 0) rotateZ(10deg); }
  100% {
    -webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
    -moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
    transform: translate3d(-15%, 0, 0) rotateZ(-10deg); } }

@keyframes lighthouse {
  0% {
    -webkit-transform: translate3d(15%, 0, 0) rotateZ(10deg);
    -moz-transform: translate3d(15%, 0, 0) rotateZ(10deg);
    transform: translate3d(15%, 0, 0) rotateZ(10deg); }
  100% {
    -webkit-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
    -moz-transform: translate3d(-15%, 0, 0) rotateZ(-10deg);
    transform: translate3d(-15%, 0, 0) rotateZ(-10deg); } }

@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    transform: rotateZ(10deg); }
  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg); } }

@-moz-keyframes swing {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    transform: rotateZ(10deg); }
  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg); } }

@-ms-keyframes swing {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -ms-transform: rotate(10deg);
    transform: rotateZ(10deg); }
  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotateZ(-10deg); } }

@keyframes swing {
  0% {
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    transform: rotateZ(10deg); }
  100% {
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    transform: rotateZ(-10deg); } }

/* ----------------------------------------------------
    End Animation
---------------------------------------------------- */
/* ----------------------------------------------------
    Breadcurmb Area
---------------------------------------------------- */
.ltn__breadcrumb-area {
  background-color: var(--section-bg-1);
  margin-bottom: 120px;
  padding-top: 80px;
  padding-bottom: 80px; }

.ltn__breadcrumb-list ul {
  margin: 0;
  padding: 0; }

.ltn__breadcrumb-list ul li {
  display: inline-block;
  margin-right: 30px;
  position: relative;
  font-weight: 700; }

.ltn__breadcrumb-list ul li:last-child {
  margin-right: 0;
  color: var(--ltn__primary-color); }

.ltn__breadcrumb-list ul li:after {
  position: absolute;
  content: "\f054";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  font-size: 10px;
  right: -20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.ltn__breadcrumb-list ul li:last-child:after {
  display: none; }

/* breadcrumb-area-2 */
.ltn__breadcrumb-area-2 {
  padding-top: 250px;
  padding-bottom: 130px; }

.ltn__breadcrumb-inner-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .ltn__breadcrumb-inner-2 .section-title-area {
    margin-bottom: 0; }
  .ltn__breadcrumb-inner-2 .ltn__section-title-2 .section-title {
    margin-bottom: 0; }
  .ltn__breadcrumb-inner-2 .ltn__breadcrumb-list {
    margin-left: 100px; }
  .ltn__breadcrumb-inner-2 .ltn__breadcrumb-list ul li:after {
    position: absolute;
    content: "";
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 10px;
    width: 2px;
    background-color: var(--ltn__color-1);
    opacity: 0.5; }

.ltn__breadcrumb-color-white .ltn__breadcrumb-list li {
  color: var(--ltn__color-1); }
  .ltn__breadcrumb-color-white .ltn__breadcrumb-list li:last-child {
    color: var(--ltn__secondary-color); }

/* breadcrumb-area-3 */
.ltn__breadcrumb-area-3 {
  padding-top: 350px;
  padding-bottom: 130px; }

/* breadcrumb-area-4 */
.ltn__breadcrumb-inner-4 .section-title-area {
  margin-bottom: 0; }

.ltn__breadcrumb-inner-4 .ltn__breadcrumb-list ul li:last-child {
  opacity: 0.5; }

/* ----------------------------------------------------
    Responsive
---------------------------------------------------- */
@media (max-width: 767px) {
  .ltn__breadcrumb-area-2 {
    padding-top: 240px;
    padding-bottom: 80px; }
  .ltn__breadcrumb-inner-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: center; }
    .ltn__breadcrumb-inner-2 .ltn__breadcrumb-list {
      margin-left: 0; }
  .ltn__breadcrumb-list ul li {
    font-size: 14px; } }

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* ============================================================
>>> TABLE OF CONTENTS:
===============================================================
# Widgets
# Search Widget
# Newsletter Widget
# Tag Cloud Widget
# Color Widget
# Menu Widget
# Popular Post Widget
# Banner Widget
# Top Rated Product Widget
# Price Filter Widget
# Instagram Widget
# Video Widget
# Author Widget
# Widget Responsive

============================================================= */
/* --------------------------------------------------------------
    Widgets
-------------------------------------------------------------- */
.widget {
  margin-bottom: 40px;
  padding: 35px 30px 40px 35px;
  border: 2px solid var(--border-color-11); }
  .widget:last-child {
    margin-bottom: 0; }

.ltn__widget-title {
  font-size: 20px;
  margin-bottom: 35px;
  text-transform: capitalize; }

.ltn__widget-title-border {
  position: relative;
  padding-left: 45px; }
  .ltn__widget-title-border::after, .ltn__widget-title-border::before {
    position: absolute;
    content: "";
    background-color: var(--ltn__secondary-color);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0; }
  .ltn__widget-title-border::before {
    width: 18px;
    height: 4px;
    border-radius: 25px; }
  .ltn__widget-title-border::after {
    width: 4px;
    height: 4px;
    left: 22px;
    border-radius: 100%; }

/* widget-2 */
.widget-2 {
  margin-bottom: 40px; }

/* ----------------------------------------------------
    Search Widget
---------------------------------------------------- */
.ltn__search-widget form {
  position: relative; }

.ltn__search-widget input[type="text"] {
  margin-bottom: 0;
  padding-right: 65px;
  padding-left: 20px;
  height: 60px;
  background-color: var(--section-bg-1);
  font-weight: 600;
  font-size: 14px; }

.ltn__search-widget input[type="text"]::-webkit-input-placeholder {
  color: var(--ltn__primary-color);
  font-size: 12px; }

.ltn__search-widget button {
  position: absolute;
  right: 0;
  height: 100%;
  padding: 0 20px;
  color: var(--white);
  border: 1px solid;
  background-color: var(--ltn__secondary-color);
  border-color: var(--ltn__secondary-color);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.ltn__search-widget button:hover {
  color: var(--white);
  background-color: var(--ltn__primary-color);
  border-color: var(--ltn__primary-color); }

/* ----------------------------------------------------
    Newsletter Widget
---------------------------------------------------- */
.ltn__newsletter-widget {
  background-color: var(--ltn__primary-color);
  padding: 50px 35px;
  position: relative;
  z-index: 2; }
  .ltn__newsletter-widget h6 {
    color: var(--ltn__secondary-color);
    margin-bottom: 5px; }
  .ltn__newsletter-widget h4 {
    color: var(--white);
    font-size: 40px; }
  .ltn__newsletter-widget input[type="text"] {
    background-color: #133236;
    color: var(--white);
    border-color: #133236;
    height: 70px;
    padding-left: 25px;
    padding-right: 70px; }
  .ltn__newsletter-widget input[type="text"]::-webkit-input-placeholder {
    color: var(--white); }
  .ltn__newsletter-widget input[type="text"]:-ms-input-placeholder {
    color: var(--white); }
  .ltn__newsletter-widget input[type="text"]::-ms-input-placeholder {
    color: var(--white); }
  .ltn__newsletter-widget input[type="text"]::placeholder {
    color: var(--white); }
  .ltn__newsletter-widget button {
    background-color: var(--ltn__secondary-color);
    border-color: var(--ltn__secondary-color);
    color: var(--white);
    padding: 0 25px; }
    .ltn__newsletter-widget button:hover {
      background-color: var(--ltn__secondary-color-2);
      border-color: var(--ltn__secondary-color-2);
      color: var(--white); }

.ltn__newsletter-bg-icon {
  position: absolute;
  right: 20px;
  top: 15%;
  font-size: 120px;
  color: var(--ltn__color-1);
  opacity: 0.1;
  z-index: -1;
  line-height: 1; }

/* ----------------------------------------------------
    Tag Cloud Widget
---------------------------------------------------- */
.ltn__tagcloud-widget ul {
  margin: 0;
  padding: 0; }
  .ltn__tagcloud-widget ul li {
    list-style: none;
    display: inline-block;
    margin: 5px 3px; }
    .ltn__tagcloud-widget ul li a {
      display: block;
      padding: 8px 24px 6px;
      font-size: 13px;
      text-transform: uppercase;
      background-color: var(--section-bg-1);
      font-weight: 700;
      font-family: var(--ltn__heading-font); }
      .ltn__tagcloud-widget ul li a:hover {
        background-color: var(--ltn__secondary-color);
        color: var(--white); }

/* ----------------------------------------------------
    Color Widget
---------------------------------------------------- */
.ltn__color-widget ul {
  padding: 0;
  margin: 0; }
  .ltn__color-widget ul li {
    list-style: none;
    display: inline-block;
    margin-top: 3px;
    margin-right: 5px;
    background-color: var(--section-bg-1);
    border: 1px solid var(--border-color-1); }
    .ltn__color-widget ul li a {
      width: 40px;
      height: 22px;
      display: block; }
    .ltn__color-widget ul li:hover {
      outline: 2px solid var(--ltn__secondary-color);
      outline-offset: 1px; }
  .ltn__color-widget ul .black {
    background-color: var(--black); }
  .ltn__color-widget ul .white {
    background-color: var(--white); }
  .ltn__color-widget ul .red {
    background-color: var(--red); }
  .ltn__color-widget ul .silver {
    background-color: var(--silver); }
  .ltn__color-widget ul .gray {
    background-color: var(--gray); }
  .ltn__color-widget ul .maroon {
    background-color: var(--maroon); }
  .ltn__color-widget ul .yellow {
    background-color: var(--yellow); }
  .ltn__color-widget ul .olive {
    background-color: var(--olive); }
  .ltn__color-widget ul .lime {
    background-color: var(--lime); }
  .ltn__color-widget ul .green {
    background-color: var(--green); }
  .ltn__color-widget ul .aqua {
    background-color: var(--aqua); }
  .ltn__color-widget ul .teal {
    background-color: var(--teal); }
  .ltn__color-widget ul .blue {
    background-color: var(--blue); }
  .ltn__color-widget ul .navy {
    background-color: var(--navy); }
  .ltn__color-widget ul .fuchsia {
    background-color: var(--fuchsia); }
  .ltn__color-widget ul .purple {
    background-color: var(--purple); }
  .ltn__color-widget ul .pink {
    background-color: var(--pink); }
  .ltn__color-widget ul .nude {
    background-color: var(--nude); }
  .ltn__color-widget ul .orange {
    background-color: var(--orange); }

/* ----------------------------------------------------
    Menu Widget
---------------------------------------------------- */
.ltn__menu-widget > ul {
  padding: 0;
  margin: 0; }
  .ltn__menu-widget > ul li {
    list-style: none;
    margin-top: 10px; }
    .ltn__menu-widget > ul li a {
      display: block;
      font-size: 14px;
      font-weight: 700; }
      .ltn__menu-widget > ul li a span {
        float: right;
        color: var(--ltn__color-1); }

/* menu-widget-2 */
.ltn__menu-widget-2 {
  background-color: transparent; }
  .ltn__menu-widget-2 ul li a {
    background-color: var(--section-bg-1);
    padding: 20px 10px 20px 30px; }
    .ltn__menu-widget-2 ul li a span {
      background-color: var(--white);
      color: var(--ltn__primary-color);
      position: relative;
      top: -11px;
      width: 50px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
  .ltn__menu-widget-2 ul li.active a, .ltn__menu-widget-2 ul li:hover > a {
    background-color: var(--ltn__secondary-color);
    color: var(--white); }
    .ltn__menu-widget-2 ul li.active a span, .ltn__menu-widget-2 ul li:hover > a span {
      background-color: var(--ltn__secondary-color-2);
      color: var(--white); }
      .ltn__menu-widget-2 ul li.active a span:hover, .ltn__menu-widget-2 ul li:hover > a span:hover {
        background-color: var(--ltn__primary-color);
        color: var(--white); }
  .ltn__menu-widget-2 > ul > li:first-child {
    margin-top: 0; }
  .ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li a {
    background-color: var(--ltn__primary-color);
    color: var(--white); }
    .ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li a span {
      background-color: var(--ltn__primary-color-2);
      color: var(--white); }
  .ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li.active a, .ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li:hover > a {
    background-color: var(--ltn__secondary-color);
    color: var(--white); }
    .ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li.active a span, .ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li:hover > a span {
      background-color: var(--ltn__secondary-color-2);
      color: var(--white); }
      .ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li.active a span:hover, .ltn__menu-widget-2.ltn__menu-widget-2-color-2 ul li:hover > a span:hover {
        background-color: var(--ltn__primary-color);
        color: var(--white); }

/* ----------------------------------------------------
    Popular Post Widget
---------------------------------------------------- */
.ltn__popular-post-widget ul {
  padding: 0;
  margin: 0; }
  .ltn__popular-post-widget ul li {
    list-style: none; }

.ltn__popular-post-widget > ul > li {
  margin-bottom: 30px;
  border-bottom: 1px solid var(--border-color-1);
  padding-bottom: 30px; }

.ltn__popular-post-widget > ul > li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0px; }

.popular-post-widget-img {
  float: left;
  margin-right: 20px; }
  .popular-post-widget-img img {
    max-width: 80px;
    border-radius: 100%; }

.popular-post-widget-brief {
  overflow: hidden; }
  .popular-post-widget-brief h6 {
    margin-bottom: 5px; }
  .popular-post-widget-brief .ltn__blog-meta {
    margin-bottom: 0; }
    .popular-post-widget-brief .ltn__blog-meta li {
      color: var(--ltn__secondary-color); }

.ltn__twitter-post-widget .popular-post-widget-img {
  float: left;
  margin-right: 20px; }
  .ltn__twitter-post-widget .popular-post-widget-img img {
    max-width: 60px;
    border-radius: 100%; }
  .ltn__twitter-post-widget .popular-post-widget-img a {
    color: var(--ltn__secondary-color); }

.ltn__twitter-post-widget .popular-post-widget-brief p {
  margin-bottom: 5px; }
  .ltn__twitter-post-widget .popular-post-widget-brief p a {
    color: var(--ltn__secondary-color); }

/* ----------------------------------------------------
    Banner Widget
---------------------------------------------------- */
.ltn__banner-widget {
  padding: 0 !important;
  border: 0; }

/* ----------------------------------------------------
    Top Rated Product Widget
---------------------------------------------------- */
.ltn__top-rated-product-widget ul {
  padding: 0;
  margin: 0; }
  .ltn__top-rated-product-widget ul li {
    list-style: none; }

.ltn__top-rated-product-widget > ul > li {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid;
  border-color: var(--white-4); }

.ltn__top-rated-product-widget > ul > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0; }

.top-rated-product-img {
  max-width: 90px;
  float: left;
  margin-right: 20px; }

.top-rated-product-info {
  overflow: hidden; }
  .top-rated-product-info h6 {
    margin-bottom: 0; }
  .top-rated-product-info .product-ratting {
    margin-bottom: 0; }
    .top-rated-product-info .product-ratting li {
      font-size: 12px; }
  .top-rated-product-info .product-price {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--ltn__secondary-color);
    font-weight: 700; }

/* ----------------------------------------------------
    Price Filter Widget
---------------------------------------------------- */
.price_filter {
  padding-bottom: 13px; }

.price_slider_amount {
  overflow: hidden; }

.price_slider_amount > input[type="text"],
.price_slider_amount > input[type="submit"] {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  -webkit-box-shadow: none;
  box-shadow: none;
  float: left;
  height: 25px;
  padding: 0;
  text-align: left;
  width: 140px;
  margin-bottom: 20px; }

.price_slider_amount > input[type="text"] {
  font-weight: 700; }

.price_filter .ui-widget-content {
  background-color: var(--ltn__primary-color);
  border: medium none;
  color: #222;
  height: 3px;
  width: 98%;
  background-image: none; }

.price_filter .ui-slider .ui-slider-range {
  background-color: var(--ltn__secondary-color);
  background-image: none; }

.price_filter .ui-state-default,
.price_filter .ui-widget-content .ui-state-default,
.price_filter .ui-widget-header .ui-state-default {
  background-color: var(--ltn__secondary-color);
  border: medium none;
  border-radius: 100%;
  height: 12px;
  margin-left: 0;
  margin-top: -6px;
  top: 50%;
  width: 12px;
  background-image: none; }

/* ----------------------------------------------------
    Instagram Widget
---------------------------------------------------- */
.ltn__instafeed-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .ltn__instafeed-grid .instagram_gallery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%; }
    .ltn__instafeed-grid .instagram_gallery a,
    .ltn__instafeed-grid .instagram_gallery .instagram-image {
      display: block;
      -webkit-box-flex: 1;
      -webkit-flex: 1 0 16.6666%;
      -ms-flex: 1 0 16.6666%;
      flex: 1 0 16.6666%;
      max-width: 16.6666%; }

.ltn__instagram-widget .ltn__instafeed-grid .instagram_gallery a,
.ltn__instagram-widget .ltn__instafeed-grid .instagram_gallery .instagram-image {
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  -webkit-box-flex: 0;
  flex: 0 0 33.333333%;
  max-width: 33.333333%; }

.ltn__instafeed-slider .slick-list .slick-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.insta-slide-gutter .slick-list {
  margin-right: -7.5px !important;
  margin-left: -7.5px !important; }
  .insta-slide-gutter .slick-list .slick-slide {
    padding-right: 7.5px;
    padding-left: 7.5px; }

.insta-grid-gutter .instagram_gallery {
  margin-right: -7.5px !important;
  margin-left: -7.5px !important; }
  .insta-grid-gutter .instagram_gallery a,
  .insta-grid-gutter .instagram_gallery .instagram-image {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin: 7px 0; }

/* ----------------------------------------------------
    Video Widget
---------------------------------------------------- */
.ltn__video-icon-1 {
  background-color: transparent;
  color: var(--white);
  height: 80px;
  width: 80px;
  border: 6px solid;
  border-color: var(--white);
  border-radius: 100%;
  font-size: 22px;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .ltn__video-icon-1:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white); }

.ltn__video-icon-2 {
  height: 80px;
  width: 80px;
  background-color: var(--white);
  color: var(--ltn__secondary-color);
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9; }
  .ltn__video-icon-2 i {
    color: var(--ltn__secondary-color); }
  .ltn__video-icon-2:hover {
    outline: outset; }

.ltn__video-icon-2-border {
  outline-offset: 15px;
  outline: 4px solid var(--border-color-9);
  margin: 20px; }

.ltn__video-bg-img {
  min-height: 350px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  z-index: 99; }

.ltn__video-img {
  position: relative;
  display: inline-block; }
  .ltn__video-img::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-color: var(--ltn__primary-color); }
  .ltn__video-img img {
    margin: 0; }
  .ltn__video-img .ltn__video-icon-1,
  .ltn__video-img .ltn__video-icon-2 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

.ltn__video-info {
  position: relative; }

.ltn__video-popup-height-300 {
  height: 300px; }

.ltn__video-popup-height-400 {
  height: 400px; }

.ltn__video-popup-height-500 {
  height: 500px; }

.ltn__video-popup-height-600 {
  height: 600px; }

.text-center .slide-video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.ltn__secondary-bg.ltn__video-icon-2 {
  background-color: var(--ltn__secondary-color);
  color: var(--white); }

.ltn__secondary-bg.ltn__video-icon-2 i {
  color: var(--white); }

.ltn__video-icon-2-small {
  height: 60px;
  width: 60px;
  font-size: 16px; }

@media (min-width: 992px) and (max-width: 1199px) {
  .ltn__video-popup-height-500,
  .ltn__video-popup-height-600 {
    height: 450px; } }

@media (max-width: 991px) {
  .ltn__video-icon-2 {
    height: 50px;
    width: 50px;
    font-size: 18px; }
  .ltn__video-popup-height-500,
  .ltn__video-popup-height-600 {
    height: initial; } }

@media (max-width: 767px) {
  .ltn__video-bg-img {
    min-height: 320px; }
    .ltn__video-bg-img.ml-30 {
      margin-left: 0; }
  .ltn__video-img.ml-30,
  .ltn__video-bg-img.ml-30 {
    margin-left: 0; } }

/* ----------------------------------------------------
    Author Widget
---------------------------------------------------- */
.ltn__author-widget-inner img {
  margin-bottom: 25px;
  max-width: 140px;
  border-radius: 100%; }

.ltn__author-widget-inner p {
  font-size: 14px; }

.ltn__author-widget-inner .ltn__social-media ul li {
  color: var(--ltn__color-1); }

.ltn__author-widget-2 .ltn__author-widget-inner img {
  margin-bottom: 25px;
  max-width: 100%;
  border-radius: inherit; }

/* ----------------------------------------------------
    Footer About Widget
---------------------------------------------------- */
@media (min-width: 992px) {
  .footer-about-widget {
    padding-right: 35px; } }

/* ----------------------------------------------------
    Widget Responsive
---------------------------------------------------- */
@media (max-width: 1199px) {
  .widget {
    padding: 35px 20px 40px 20px; }
  .top-rated-product-img {
    max-width: 70px;
    margin-right: 15px; } }

@media (max-width: 991px) {
  .ltn__right-sidebar {
    margin-top: 100px; } }

@media (max-width: 767px) {
  .car-price-filter-range .price_filter .ui-state-default:last-child::after {
    display: none; } }

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* ============================================================
>>> TABLE OF CONTENTS:
===============================================================
# Header
# Header Top Area
# Header Middle Area
# Header Bottom Area
# Header Feature Area
# Main Menu
# Header Options
# Mini Cart
# Header Searchbox
# Currency Menu
# Header Sticky
# Utilize Mobile Menu

============================================================= */
/* --------------------------------------------------------------
    Header
-------------------------------------------------------------- */
.ltn__header-area {
  z-index: 9999;
  position: relative; }

/* ----------------------------------------------
    Header Top Area
---------------------------------------------- */
.ltn__header-top-area {
  border-bottom: 1px solid;
  border-color: var(--border-color-1);
  background: #006e39;
  padding: 10px;
  }
  .ltn__header-top-area .ltn__social-media ul li {
    font-size: 14px;
    margin: 0 10px 0 0; }

.top-area-color-white {
  background-color: var(--ltn__primary-color); }
  .top-area-color-white p,
  .top-area-color-white a,
  .top-area-color-white li,
  .top-area-color-white .welcome p,
  .top-area-color-white .welcome a,
  .top-area-color-white .ltn__drop-menu > ul > li > a,
  .top-area-color-white .ltn__drop-menu > ul > li:hover > a {
    color: var(--white); }

.ltn__header-top-area .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

/* welcome */
.welcome p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 40px; }

.ltn__top-bar-menu > ul {
  padding: 0;
  margin: 0; }

.ltn__top-bar-menu > ul > li a 
{
  color: #fff;
}

  .ltn__top-bar-menu > ul > li {
    list-style: none;
    display: inline-block;
    margin: 0 30px 0 0;
    font-size: 14px;
    font-weight: 400;
    }
    .ltn__top-bar-menu > ul > li:last-child {
      margin-right: 0; }
    .ltn__top-bar-menu > ul > li > i, .ltn__top-bar-menu > ul > li > a > i {
      margin-right: 3px;
      color: #fff;
      }

.ltn__top-bar-menu .ltn__currency-menu .active-currency {
  font-size: 14px;
  font-weight: 700; }

/* ----------------------------------------------
    Header Middle Area
---------------------------------------------- */
.ltn__header-middle-area {
  z-index: 999; }

.ltn__header-middle-area > .container-fluid > .row,
.ltn__header-middle-area > .container > .row {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative; }

.ltn__header-middle-area > .container-fluid > .row > .col,
.ltn__header-middle-area > .container > .row > .col {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 1;
  position: static; }

.site-logo {
  min-width: 185px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap; }
  .site-logo a {
    color: var(--ltn__primary-color);
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 1px;
    display: contents; }
  .site-logo i {
    color: var(--ltn__secondary-color);
    margin-right: 5px;
    font-size: 24px;
    position: relative;
    top: -2px; }

.ltn__header-1 .ltn__header-middle-area {
  padding-top: 10px;
  padding-bottom: 10px; }

/* ----------------------------------------------
    Header Bottom Area (header-2)
---------------------------------------------- */
.header-bottom-area .row {
  position: relative; }
  .header-bottom-area .row .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.sticky-logo {
  max-width: 200px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  height: 100%;
  float: left;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: none; }

.header-menu-2 {
  text-align: center; }
  .header-menu-2 .ltn__main-menu > ul {
    display: inline-block; }

/* ----------------------------------------------
    Header Feature Area
---------------------------------------------- */
.header-feature-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.header-feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  margin-right: 50px;
  max-width: 50%; }
  .header-feature-item:last-child {
    margin-right: 0; }
  .header-feature-item h6 {
    margin-bottom: 0;
    color: var(--ltn__body-color);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1; }
  .header-feature-item p {
    margin-bottom: 0;
    font-size: 16px;
    font-family: var(--ltn__heading-font);
    font-weight: 700;
    line-height: 1.2; }

.header-feature-icon {
  margin-right: 10px;
  font-size: 25px;
  line-height: 1;
  color: var(--ltn__heading-color); }

/* ----------------------------------------------
    Main Menu
---------------------------------------------- */
.header-menu-wrap,
.header-menu-column {
  position: inherit; }

.ltn__main-menu ul {
  margin-bottom: 0; }

.ltn__main-menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0; }

.ltn__main-menu li {
  list-style: none;
  display: block;
  margin-top: 0; }

.ltn__main-menu li > a {
  position: relative; }

.ltn__main-menu > ul > li {
  display: inline-block;
  position: relative;
  /* margin-right: 20px; */
  }

.ltn__main-menu > ul > li:last-child {
  margin-right: 0px; }


.ltn__main-menu > ul > .active a

{
  color: #006e39;
  border-bottom: 2px solid #006e39;
}

.ltn__main-menu > ul > li > a {
  font-size: 16px;
  padding: 20px 10px;
  display: inline-block;
  white-space: nowrap;
  color: var(--ltn__heading-color);
  font-weight: 700;
  font-family: var(--ltn__heading-font); }

.ltn__main-menu li:hover > a {
  color: var(--ltn__secondary-color); }

/* Submenu */
.ltn__main-menu li > ul,
.ltn__main-menu .sub-menu {
  position: absolute;
  margin: 0;
  top: 130%;
  -webkit-transition: opacity .2s ease .1s,visibility .2s ease .1s,top .2s ease .1s;
  -o-transition: opacity .2s ease .1s,visibility .2s ease .1s,top .2s ease .1s;
  transition: opacity .2s ease .1s,visibility .2s ease .1s,top .2s ease .1s;
  min-width: 230px;
  padding: 15px 0;
  -webkit-box-shadow: var(--ltn__box-shadow-4);
  box-shadow: var(--ltn__box-shadow-4);
  background-color: #fff;
  left: inherit;
  right: inherit;
  opacity: 0;
  visibility: hidden;
  text-align: left;
  z-index: 999;
  border-top: 5px solid var(--ltn__secondary-color); }

.ltn__main-menu li ul li,
.ltn__main-menu .sub-menu li {
  line-height: 1.3;
  padding: 12px 25px 12px 30px;
  font-size: 16px; }

.mega-menu li ul {
  border-top: 0; }

.mega-menu li ul li {
  padding-left: 10px;
  padding-right: 0; }

.ltn__main-menu li:hover > ul,
.ltn__main-menu li:hover > .sub-menu {
  top: 100%;
  opacity: 1;
  visibility: visible; }

.ltn__main-menu li ul li > ul,
.ltn__main-menu .sub-menu li > .sub-menu {
  left: 100%; }

.ltn__main-menu li ul li:hover > ul,
.ltn__main-menu .sub-menu li:hover > .sub-menu {
  top: 0; }

.ltn__main-menu li ul li,
.ltn__main-menu .sub-menu li {
  position: relative; }

.ltn__main-menu > ul > li:last-child ul li > ul,
.ltn__main-menu > ul > li:last-child .sub-menu li > .sub-menu,
.ltn__main-menu > ul > li:nth-last-child(2) ul li > ul,
.ltn__main-menu > ul > li:nth-last-child(2) .sub-menu li > .sub-menu,
.ltn__main-menu > ul > li:nth-last-child(3) ul li > ul,
.ltn__main-menu > ul > li:nth-last-child(3) .sub-menu li > .sub-menu {
  left: auto;
  right: 100%; }

.ltn__main-menu li > ul.ltn__sub-menu-col-2,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-2,
.ltn__main-menu li > ul.ltn__sub-menu-col-3,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 {
  width: 510px; }
  .ltn__main-menu li > ul.ltn__sub-menu-col-2 > li,
  .ltn__main-menu .sub-menu.ltn__sub-menu-col-2 > li,
  .ltn__main-menu li > ul.ltn__sub-menu-col-3 > li,
  .ltn__main-menu .sub-menu.ltn__sub-menu-col-3 > li {
    width: 50%;
    float: left;
    padding: 12px 20px 12px 25px; }
    .ltn__main-menu li > ul.ltn__sub-menu-col-2 > li > a,
    .ltn__main-menu .sub-menu.ltn__sub-menu-col-2 > li > a,
    .ltn__main-menu li > ul.ltn__sub-menu-col-3 > li > a,
    .ltn__main-menu .sub-menu.ltn__sub-menu-col-3 > li > a {
      padding: 12px 20px 12px 20px;
      margin-left: 0;
      border-bottom: 1px dashed #ddd;
      display: block;
      font-weight: 600;
      background-color: var(--section-bg-1); }
  .ltn__main-menu li > ul.ltn__sub-menu-col-2 .sub-menu-child,
  .ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child,
  .ltn__main-menu li > ul.ltn__sub-menu-col-3 .sub-menu-child,
  .ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child {
    position: inherit;
    float: left;
    width: 100%;
    left: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    z-index: inherit; }
    .ltn__main-menu li > ul.ltn__sub-menu-col-2 .sub-menu-child li,
    .ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child li,
    .ltn__main-menu li > ul.ltn__sub-menu-col-3 .sub-menu-child li,
    .ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child li {
      padding: 12px 20px 12px 20px;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      position: relative; }
      .ltn__main-menu li > ul.ltn__sub-menu-col-2 .sub-menu-child li img,
      .ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child li img,
      .ltn__main-menu li > ul.ltn__sub-menu-col-3 .sub-menu-child li img,
      .ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child li img {
        position: absolute;
        bottom: -20px;
        left: 50%;
        width: 150px;
        height: auto;
        opacity: 0;
        visibility: hidden;
        -webkit-box-shadow: var(--ltn__box-shadow-3);
        box-shadow: var(--ltn__box-shadow-3);
        z-index: 999;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
      .ltn__main-menu li > ul.ltn__sub-menu-col-2 .sub-menu-child li:hover img,
      .ltn__main-menu .sub-menu.ltn__sub-menu-col-2 .sub-menu-child li:hover img,
      .ltn__main-menu li > ul.ltn__sub-menu-col-3 .sub-menu-child li:hover img,
      .ltn__main-menu .sub-menu.ltn__sub-menu-col-3 .sub-menu-child li:hover img {
        bottom: -10px;
        visibility: visible;
        opacity: 1; }

.ltn__main-menu li > ul.ltn__sub-menu-col-3,
.ltn__main-menu .sub-menu.ltn__sub-menu-col-3 {
  width: 780px; }
  .ltn__main-menu li > ul.ltn__sub-menu-col-3 > li,
  .ltn__main-menu .sub-menu.ltn__sub-menu-col-3 > li {
    width: 33.33%; }

.ltn__main-menu li:hover > ul.ltn__sub-menu-col-2 .sub-menu-child,
.ltn__main-menu li:hover > .sub-menu.ltn__sub-menu-col-2 .sub-menu-child {
  opacity: 1;
  visibility: visible; }

/* menu-pages-img-show */
.menu-pages-img-show li {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative; }
  .menu-pages-img-show li img {
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 130px;
    height: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: var(--ltn__box-shadow-3);
    box-shadow: var(--ltn__box-shadow-3);
    z-index: 999;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .menu-pages-img-show li:hover img {
    bottom: -10px;
    visibility: visible;
    opacity: 1; }

/* Menu Reverse */
.ltn__main-menu > ul > li:last-child,
.ltn__main-menu > ul > li:nth-last-child(2) {
  position: relative; }

.ltn__main-menu > ul > li:last-child > ul,
.ltn__main-menu > ul > li:last-child > .sub-menu,
.ltn__main-menu > ul > li:nth-last-child(2) > ul,
.ltn__main-menu > ul > li:nth-last-child(2) > .sub-menu {
  left: auto;
  right: 0; }

/* Mega Menu */
.ltn__main-menu .mega-menu {
  left: 0;
  right: auto;
  overflow: hidden;
  width: 100%; }

.mega-menu > li {
  float: left;
  padding-bottom: 0 !important;
  min-width: 250px !important; }

.mega-menu > li {
  min-width: 220px; }

.ltn__main-menu li:hover ul.mega-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaley(1);
  -ms-transform: scaley(1);
  transform: scaley(1); }

.mega-menu li ul,
.mega-menu li .sub-menu {
  left: 0% !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: inherit; }

/* .ltn__main-menu li:hover .mega-menu li ul */
.ltn__main-menu li .mega-menu > li > ul,
.ltn__main-menu li .mega-menu .sub-menu {
  top: 0; }

.ltn__main-menu li:hover .mega-menu > li > ul,
.ltn__main-menu li:hover .mega-menu .sub-menu {
  opacity: 1;
  visibility: visible; }

.mega-menu > li > a {
  margin-left: 0;
  border-bottom: 1px dashed #ddd;
  display: block;
  font-weight: 600;
  padding: 10px;
  background-color: var(--section-bg-1); }

.mega-menu.column-1,
.mega-menu.column-2 {
  left: auto; }

.mega-menu.column-2 > li {
  min-width: 50%;
  width: 50%; }

.mega-menu.column-3 > li {
  min-width: 33.33%;
  width: 33.33%; }

@media (min-width: 991px) {
  .mega-menu.column-4 > li,
  .mega-menu.column-5 > li,
  .mega-menu.column-6 > li,
  .mega-menu.column-7 > li,
  .mega-menu.column-8 > li,
  .mega-menu.column-9 > li,
  .mega-menu.column-10 > li,
  .mega-menu.column-11 > li,
  .mega-menu.column-12 > li {
    min-width: 25%;
    width: 25%; } }

@media (max-width: 991px) {
  .mega-menu.column-2 > li,
  .mega-menu.column-3 > li,
  .mega-menu.column-4 > li,
  .mega-menu.column-5 > li,
  .mega-menu.column-6 > li,
  .mega-menu.column-7 > li,
  .mega-menu.column-8 > li,
  .mega-menu.column-9 > li,
  .mega-menu.column-10 > li,
  .mega-menu.column-11 > li,
  .mega-menu.column-12 > li {
    min-width: 50%;
    width: 50%; } }

@media (max-width: 767px) {
  .mega-menu.column-2 > li,
  .mega-menu.column-3 > li,
  .mega-menu.column-4 > li,
  .mega-menu.column-5 > li,
  .mega-menu.column-6 > li,
  .mega-menu.column-7 > li,
  .mega-menu.column-8 > li,
  .mega-menu.column-9 > li,
  .mega-menu.column-10 > li,
  .mega-menu.column-11 > li,
  .mega-menu.column-12 > li {
    min-width: 100%;
    width: 100%; } }

/* Mega menu submenu submenu */
.mega-menu li ul li ul {
  left: 100% !important;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: var(--ltn__box-shadow-4);
  box-shadow: var(--ltn__box-shadow-4); }

.mega-menu li ul li:hover > ul {
  opacity: 1;
  visibility: visible; }

@media (min-width: 991px) {
  .mega-menu-parent {
    position: inherit !important; } }

/* Menu Icon */
.menu-icon > a {
  position: relative; }
  .menu-icon > a::before {
    content: "\f067";
    font-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900; }

/* Menu Item Badge */
.menu-item-badge {
  position: absolute;
  left: -8px;
  top: -10px;
  font-size: 10px;
  padding: 0 3px;
  background-color: var(--ltn__secondary-color);
  color: var(--white);
  border-radius: 2px;
  text-transform: uppercase; }

/* Menu Porduct Item */
.menu-product-item {
  margin-bottom: 30px;
  margin-top: 15px;
  border: 2px solid;
  border-color: var(--border-color-8);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center; }
  .menu-product-item .product-info {
    padding: 25px 15px 15px;
    padding-top: 0; }
  .menu-product-item .product-title {
    font-size: 16px;
    margin-bottom: 5px; }
  .menu-product-item .product-price {
    font-size: 16px;
    color: var(--ltn__secondary-color);
    font-weight: 600; }
    .menu-product-item .product-price del {
      font-size: 15px;
      opacity: 0.5;
      color: var(--gray); }

.menu-product-item:hover {
  -webkit-box-shadow: var(--ltn__box-shadow-1);
  box-shadow: var(--ltn__box-shadow-1); }

/* ----------------------------------------------
    Header Options
---------------------------------------------- */
.ltn__header-options > ul {
  padding: 0;
  margin: 0; }
  .ltn__header-options > ul > li {
    display: inline-block;
    margin-right: 15px;
    margin-top: 0;
    list-style: none; }
    .ltn__header-options > ul > li:last-child {
      margin-right: 0; }

.ltn__header-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .ltn__header-options ul li {
    list-style: none; }
  .ltn__header-options > div {
    margin-right: 20px; }
    .ltn__header-options > div:last-child {
      margin-right: 0; }
  .ltn__header-options .ltn__drop-menu > ul > li > a {
    padding: 0; }
  .ltn__header-options .ltn__drop-menu ul {
    padding: 0; }
    .ltn__header-options .ltn__drop-menu ul li ul {
      padding: 10px 0; }

.ltn__header-options-2 > div {
  margin-right: 10px; }

.ltn__header-options-2 .header-search-1,
.ltn__header-options-2 .ltn__drop-menu > ul > li > a,
.ltn__header-options-2 .mini-cart-icon a,
.ltn__header-options-2 .header-wishlist {
  height: 50px;
  width: 50px;
  line-height: 50px;
  background: var(--white);
  color: var(--ltn__heading-color);
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-box-shadow: var(--ltn__box-shadow-1);
  box-shadow: var(--ltn__box-shadow-1); }
  .ltn__header-options-2 .header-search-1:hover,
  .ltn__header-options-2 .ltn__drop-menu > ul > li > a:hover,
  .ltn__header-options-2 .mini-cart-icon a:hover,
  .ltn__header-options-2 .header-wishlist:hover {
    background: var(--ltn__secondary-color);
    color: var(--white); }

.ltn__header-options-2 .header-search-1:hover,
.ltn__header-options-2 .ltn__drop-menu > ul > li:hover > a,
.ltn__header-options-2 .mini-cart-icon a:hover {
  background: var(--ltn__secondary-color);
  color: var(--white); }

.ltn__header-options-2 .ltn__drop-menu.ltn__currency-menu > ul > li > a {
  height: inherit;
  width: inherit;
  line-height: inherit;
  background: inherit;
  color: inherit; }

.ltn__header-options-2 .mobile-menu-toggle > a {
  width: 50px;
  height: 50px;
  background: var(--white);
  -webkit-box-shadow: var(--ltn__box-shadow-1);
  box-shadow: var(--ltn__box-shadow-1); }

/* ltn__drop-menu */
.ltn__drop-menu {
  display: inline-block;
  text-align: left; }

.ltn__drop-menu li {
  margin-top: 0; }

.ltn__drop-menu + .ltn__drop-menu {
  margin-left: 10px; }

.ltn__drop-menu ul {
  margin-bottom: 0; }

.ltn__drop-menu > ul > li {
  display: inline-block;
  position: relative; }

.ltn__drop-menu > ul > li > a {
  display: block;
  text-decoration: none;
  padding: 0 10px;
  height: 40px;
  line-height: 40px; }

.ltn__drop-menu ul li ul {
  position: absolute;
  min-width: 150px;
  right: 0;
  background-color: #fff;
  z-index: 999;
  -webkit-box-shadow: var(--ltn__box-shadow-4);
  box-shadow: var(--ltn__box-shadow-4);
  border-top: 1px solid #ececec;
  top: 130%;
  padding: 10px 0;
  margin: 0;
  -webkit-transition: opacity .2s ease .1s,visibility .2s ease .1s,top .2s ease .1s;
  -o-transition: opacity .2s ease .1s,visibility .2s ease .1s,top .2s ease .1s;
  transition: opacity .2s ease .1s,visibility .2s ease .1s,top .2s ease .1s;
  opacity: 0;
  visibility: hidden; }

.ltn__drop-menu ul li ul li {
  display: block;
  padding: 5px 15px;
  font-size: 16px;
  color: var(--ltn__paragraph-color);
  font-weight: 500; }

.ltn__drop-menu ul li ul li a {
  color: inherit; }

.ltn__drop-menu ul li:hover > ul {
  top: 100%;
  opacity: 1;
  visibility: visible; }

.ltn__drop-menu ul li:hover > a {
  color: var(--ltn__secondary-color); }

.ltn__drop-menu > ul > li,
.header-wishlist a {
  font-size: 20px; }

/* header-wishlist */
.header-wishlist {
  color: var(--ltn__heading-color); }

/* ----------------------------------------------
    Mini Cart
---------------------------------------------- */
.ltn__mini-cart ul {
  margin: 0;
  padding: 0; }

.mini-cart-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 30px;
  cursor: pointer;
  color: var(--ltn__heading-color); }
  .mini-cart-icon i {
    font-size: 18px; }
  .mini-cart-icon sup {
    font-size: 14px;
    font-weight: 600; }

.mini-cart-header h5 {
  margin-bottom: 0; }

.mini-cart-product-area {
  max-height: calc(100% - (60px + 245px)); }

.ltn__utilize-cart-menu .ltn__mini-cart {
  max-height: calc(100% - (60px + 245px)); }

.mini-cart-item {
  padding-top: 20px;
  padding-left: 10px;
  margin-bottom: 20px;
  border-top: 1px solid var(--border-color-1); }
  .mini-cart-item:first-child {
    border-top: 0; }

.mini-cart-img {
  float: left;
  width: 80px;
  margin-right: 15px;
  position: relative; }

.mini-cart-img img {
  background-color: var(--section-bg-1); }

.mini-cart-info {
  overflow: hidden; }

.mini-cart-info h6 {
  margin-bottom: 5px; }

.mini-cart-item-delete {
  position: absolute;
  left: -8px;
  top: -8px;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  display: block;
  line-height: 20px;
  background-color: #fff;
  text-align: center;
  font-size: 10px;
  -webkit-box-shadow: var(--ltn__box-shadow-3);
  box-shadow: var(--ltn__box-shadow-3);
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .mini-cart-item-delete:hover {
    background-color: var(--red);
    color: #fff; }

.mini-cart-footer {
  margin-top: 25px; }
  .mini-cart-footer p {
    font-size: 14px;
    margin-bottom: 0; }

.mini-cart-sub-total {
  border-top: 1px solid var(--border-color-1);
  border-bottom: 1px solid var(--border-color-1);
  padding: 20px 0; }
  .mini-cart-sub-total h5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0; }
  .mini-cart-sub-total span {
    color: var(--ltn__secondary-color); }

.mini-cart-footer .btn-wrapper {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 25px 0 15px; }

.mini-cart-footer .btn-wrapper .btn {
  margin-bottom: 5px;
  text-transform: uppercase; }

.mini-cart-icon-2 > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 125px; }
  .mini-cart-icon-2 > a .mini-cart-icon {
    margin-right: 5px; }
    .mini-cart-icon-2 > a .mini-cart-icon i {
      color: var(--ltn__heading-color);
      font-size: 20px; }
    .mini-cart-icon-2 > a .mini-cart-icon sup {
      font-size: 12px;
      font-weight: 600;
      height: 20px;
      width: 20px;
      line-height: 20px;
      background-color: var(--ltn__secondary-color);
      color: var(--white);
      text-align: center;
      border-radius: 100%;
      right: 8px;
      top: -8px; }
  .mini-cart-icon-2 > a h6 {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    line-height: 20px;
    font-weight: 700;
    color: var(--ltn__body-color);
    font-size: 14px;
    text-transform: uppercase; }

.mini-cart-icon-2 ul li {
  list-style: none; }

/* ----------------------------------------
  Header Searchbox
---------------------------------------- */
.header-search-1 {
  cursor: pointer;
  display: inline-block; }
  .header-search-1 .search-icon {
    min-width: 25px;
    text-align: center;
    font-size: 16px; }

.header-search-wrap {
  position: relative; }

.header-search-1-form {
  background-color: var(--white);
  -webkit-box-shadow: var(--ltn__box-shadow-3);
  box-shadow: var(--ltn__box-shadow-3);
  height: 0;
  margin-right: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 130%;
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
  width: 320px;
  z-index: 9999; }
  .header-search-1-form form {
    position: relative;
    margin: 15px 15px 0; }
  .header-search-1-form input {
    height: 60px;
    padding-right: 50px; }
  .header-search-1-form button[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: var(--ltn__heading-color);
    display: block;
    font-size: 18px;
    height: 60px;
    line-height: 48px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 0;
    padding: 1px 6px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .header-search-1-form button[type="submit"]:hover {
      color: var(--ltn__primary-color); }

.search-icon {
  position: relative; }
  .search-icon .for-search-close {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden; }

.search-open.header-search-1-form {
  height: 90px; }

.search-open .for-search-show {
  opacity: 0;
  visibility: hidden; }

.search-open .for-search-close {
  opacity: 1;
  visibility: visible; }

@media (max-width: 767px) {
  .header-search-wrap {
    position: inherit; }
  .header-search-1-form {
    top: 100%; }
  .header-search-1-form {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    right: 50%; } }

@media (max-width: 575px) {
  .header-search-1-form {
    width: 270px; } }

/* search-2 */
.header-search-2 {
  min-width: 500px; }
  .header-search-2 form {
    position: relative; }
  .header-search-2 input {
    margin-bottom: 0;
    border: 0;
    -webkit-box-shadow: var(--ltn__box-shadow-3);
    box-shadow: var(--ltn__box-shadow-3);
    border-radius: 50px;
    padding-left: 25px;
    padding-right: 50px;
    height: 45px; }
  .header-search-2 button {
    position: absolute;
    right: 0;
    background-color: transparent;
    height: 45px;
    top: 0;
    padding: 0 22px; }

/* ----------------------------------------
    Currency Menu
---------------------------------------- */
.ltn__currency-menu .active-currency {
  font-size: 16px;
  font-weight: 700; }

.ltn__currency-menu ul li ul {
  min-width: 200px; }

.ltn__currency-menu .dropdown-toggle::after {
  margin-left: 3px;
  border-top: 0.25em solid;
  border-right: .20em solid transparent;
  border-left: .20em solid transparent; }

.ltn__language-menu .dropdown-toggle {
  padding-right: 10px !important;
  position: relative; }
  .ltn__language-menu .dropdown-toggle::after {
    display: none; }
  .ltn__language-menu .dropdown-toggle::before {
    content: "\e911";
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: -5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'icomoon';
    color: var(--ltn__secondary-color); }

/* ----------------------------------------
  Header 2
---------------------------------------- */
.ltn__header-2 .sticky-active .row .col {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.ltn__header-2 .sticky-active .sticky-logo {
  display: block; }

.ltn__header-2 .sticky-active .header-menu-2 {
  text-align: right; }

/* ----------------------------------------
  Header 3
---------------------------------------- */
.ltn__header-3 .ltn__header-middle-area {
  padding: 30px 0; }

.ltn__header-3 .header-bottom-area.sticky-active {
  padding-top: 0px;
  padding-bottom: 0px; }

.ltn__header-3 .sticky-active .row .col {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.ltn__header-3 .sticky-active .sticky-logo {
  display: block; }

.ltn__header-3 .sticky-active .header-menu-2 {
  text-align: right; }

/* ----------------------------------------
    Header 4
---------------------------------------- */
.ltn__header-4 .ltn__header-middle-area,
.ltn__header-5 .ltn__header-middle-area {
  /* padding-top: 22px; */
  /* padding-bottom: 22px; */
  }

.ltn__header-4 .ltn__header-top-area {
  border-color: var(--border-color-3); }

.site-logo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .site-logo-wrap .site-logo {
    min-width: auto; }

.get-support {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding-left: 20px;
  margin-left: 20px; }
  .get-support::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 30px;
    width: 1px;
    background-color: #999; }
  .get-support .get-support-icon {
    margin-right: 10px;
    font-size: 35px;
    line-height: 1;
    color: var(--ltn__secondary-color); }
    .get-support .get-support-icon i {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  .get-support .get-support-info {
    margin: 0;
    text-align: left; }
    .get-support .get-support-info h6 {
      margin: 0;
      font-weight: 600;
      font-size: 14px; }
    .get-support .get-support-info h4 {
      margin: 5px 0 0;
      line-height: 1; }

.get-support-color-white .get-support-info h6,
.get-support-color-white .get-support-info h4 {
  color: var(--white); }

.special-link {
  margin-left: 15px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center; }
  .special-link a {
    background-color: var(--ltn__secondary-color);
    color: var(--white) !important;
    padding: 12px 30px !important; }
    .special-link a:hover {
      background-color: var(--ltn__secondary-color-2);
      color: var(--white) !important; }

.menu-color-white .ltn__main-menu > ul > li > a {
  color: var(--white); }

/* ----------------------------------------
  Header 5
---------------------------------------- */
.ltn__header-5 .get-support::before {
  background-color: #e4e8ea; }

.ltn__header-5 .ltn__header-options {
  margin-left: 5px; }

/* ----------------------------------------------
    Header Sticky
---------------------------------------------- */
.sticky-active {
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color: var(--white);
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 10px 50px 0 rgba(46, 56, 220, 0.2);
  box-shadow: 0 10px 50px 0 rgba(46, 56, 220, 0.2); }

.ltn__header-4 .ltn__header-middle-area.sticky-active,
.ltn__header-5 .ltn__header-middle-area.sticky-active {
  /* padding-top: 10px; */
  /* padding-bottom: 10px; */
  }

/* Sticky Background Secondary */
.sticky-active.ltn__sticky-bg-secondary {
  background-color: var(--ltn__secondary-color); }
  .sticky-active.ltn__sticky-bg-secondary .ltn__main-menu > ul > li > a,
  .sticky-active.ltn__sticky-bg-secondary .header-wishlist a,
  .sticky-active.ltn__sticky-bg-secondary .mini-cart-icon,
  .sticky-active.ltn__sticky-bg-secondary .header-feature-item h6,
  .sticky-active.ltn__sticky-bg-secondary .header-feature-item p,
  .sticky-active.ltn__sticky-bg-secondary .header-feature-icon,
  .sticky-active.ltn__sticky-bg-secondary .header-search-1 .search-icon,
  .sticky-active.ltn__sticky-bg-secondary .ltn__header-options .ltn__drop-menu > ul > li > a {
    color: var(--white); }
  .sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .header-search-1,
  .sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .header-search-1 i,
  .sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .ltn__drop-menu > ul > li > a,
  .sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .mini-cart-icon a,
  .sticky-active.ltn__sticky-bg-secondary .ltn__header-options-2 .header-wishlist {
    background: var(--white);
    color: var(--ltn__heading-color); }

/* Sticky Background Black */
.sticky-active.ltn__sticky-bg-black {
  background-color: var(--ltn__heading-color); }
  .sticky-active.ltn__sticky-bg-black .ltn__main-menu > ul > li > a,
  .sticky-active.ltn__sticky-bg-black .header-wishlist a,
  .sticky-active.ltn__sticky-bg-black .mini-cart-icon,
  .sticky-active.ltn__sticky-bg-black .header-feature-item h6,
  .sticky-active.ltn__sticky-bg-black .header-feature-item p,
  .sticky-active.ltn__sticky-bg-black .header-feature-icon,
  .sticky-active.ltn__sticky-bg-black .header-search-1 .search-icon,
  .sticky-active.ltn__sticky-bg-black .ltn__header-options .ltn__drop-menu > ul > li > a {
    color: var(--white); }
  .sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .header-search-1,
  .sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .header-search-1 i,
  .sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .ltn__drop-menu > ul > li > a,
  .sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .mini-cart-icon a,
  .sticky-active.ltn__sticky-bg-black .ltn__header-options-2 .header-wishlist {
    background: var(--white);
    color: var(--ltn__heading-color); }

/* Sticky Background White */
.sticky-active.ltn__sticky-bg-white {
  background-color: var(--white); }
  .sticky-active.ltn__sticky-bg-white .ltn__main-menu > ul > li > a,
  .sticky-active.ltn__sticky-bg-white .header-wishlist a,
  .sticky-active.ltn__sticky-bg-white .mini-cart-icon,
  .sticky-active.ltn__sticky-bg-white .header-feature-item h6,
  .sticky-active.ltn__sticky-bg-white .header-feature-item p,
  .sticky-active.ltn__sticky-bg-white .header-feature-icon,
  .sticky-active.ltn__sticky-bg-white .header-search-1 .search-icon,
  .sticky-active.ltn__sticky-bg-white .ltn__header-options .ltn__drop-menu > ul > li > a {
    color: var(--ltn__heading-color); }
  .sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .header-search-1,
  .sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .header-search-1 i,
  .sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .ltn__drop-menu > ul > li > a,
  .sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .mini-cart-icon a,
  .sticky-active.ltn__sticky-bg-white .ltn__header-options-2 .header-wishlist {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
    background: var(--white);
    color: var(--ltn__heading-color); }

.header-contact-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

/* ltn__header-transparent */
.ltn__header-transparent {
  position: absolute;
  width: 100%;
  z-index: 999;
  background-color: transparent; }
  .ltn__header-transparent .top-area-color-white {
    background-color: transparent; }

/* sticky-active-into-mobile */
.sticky-active-into-mobile.sticky-active {
  position: fixed; }

/* ----------------------------------------
  Utilize Mobile Menu
---------------------------------------- */
.ltn__utilize {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  left: auto;
  display: block;
  overflow: hidden;
  width: 400px;
  height: 100vh;
  padding: 20px 10px 20px 30px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  background-color: var(--white);
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 99999; }

.ltn__utilize.ltn__utilize-mobile-menu {
  right: auto;
  left: 0;
  padding: 50px 40px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); }

.ltn__utilize-menu-inner {
  position: relative;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -ms-touch-action: auto;
  touch-action: auto;
  overflow-x: hidden !important;
  padding-right: 20px; }

.ltn__utilize-menu-search-form {
  margin-bottom: 30px;
  position: relative; }
  .ltn__utilize-menu-search-form input[type="text"] {
    margin-bottom: 0; }
  .ltn__utilize-menu-search-form button {
    background-color: transparent;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 100%;
    padding: 0 15px; }

@media (max-width: 479px) {
  .ltn__utilize {
    width: 300px; }
  .ltn__utilize.ltn__utilize-mobile-menu {
    padding: 50px 20px; } }

.ltn__utilize-menu > ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.ltn__utilize-menu > ul > li {
  position: relative; }

.ltn__utilize-menu > ul > li .menu-expand {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 24px;
  height: 44px;
  cursor: pointer;
  background-color: transparent; }

.ltn__utilize-menu > ul > li .menu-expand::before,
.ltn__utilize-menu > ul > li .menu-expand::after {
  position: absolute;
  top: calc(50% - 1px);
  left: calc(50% - 7px);
  width: 14px;
  height: 2px;
  content: "";
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
  background-color: #7e7e7e; }

.ltn__utilize-menu > ul > li .menu-expand::after {
  -webkit-transform: rotate(90deg) scale(0.75);
  -ms-transform: rotate(90deg) scale(0.75);
  transform: rotate(90deg) scale(0.75); }

.ltn__utilize-menu > ul > li.active .menu-expand::after {
  -webkit-transform: inherit;
  -ms-transform: inherit;
  transform: inherit; }

.ltn__utilize-menu > ul > li > a {
  display: block;
  padding: 8px 24px 8px 0;
  text-transform: uppercase; }

.ltn__utilize-menu > ul > li .sub-menu {
  position: static;
  top: auto;
  display: none;
  visibility: visible;
  width: 100%;
  min-width: auto;
  padding: 0;
  padding-left: 15px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  opacity: 1;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ltn__utilize-menu > ul > li .sub-menu li {
  line-height: inherit;
  position: relative;
  list-style: none; }

.ltn__utilize-overlay {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.5); }

.ltn__utilize.ltn__utilize-open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.ltn__utilize.ltn__utilize-mobile-menu.ltn__utilize-open {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.mobile-menu-toggle {
  margin-right: 15px; }

.mobile-menu-toggle > a {
  width: 24px;
  height: 32px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #333;
  margin-left: auto; }

.mobile-menu-toggle svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 60px;
  margin-top: -2px;
  margin-left: -2px;
  cursor: pointer;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.mobile-menu-toggle svg path {
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  fill: none;
  stroke: #333;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-width: 30px; }

.mobile-menu-toggle svg path#top, .mobile-menu-toggle svg path#bottom {
  stroke-dasharray: 240px 950px; }

.mobile-menu-toggle svg path#middle {
  stroke-dasharray: 240px 240px; }

.mobile-menu-toggle .close svg path#top, .mobile-menu-toggle .close svg path#bottom {
  stroke-dasharray: -650px;
  stroke-dashoffset: -650px; }

.mobile-menu-toggle .close svg path#middle {
  stroke-dasharray: 1px 220px;
  stroke-dashoffset: -115px; }

.ltn__utilize-menu-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee; }
  .ltn__utilize-menu-head .ltn__utilize-menu-title {
    font-weight: 700; }
  .ltn__utilize-menu-head .ltn__utilize-close {
    background-color: transparent;
    font-size: 30px;
    padding: 0 15px; }

.ltn__utilize-buttons {
  border-top: 1px solid var(--border-color-1);
  padding: 5px 0px 20px;
  margin: 30px 0;
  border-bottom: 1px solid var(--border-color-1); }
  .ltn__utilize-buttons ul {
    padding: 0;
    margin: 0; }
    .ltn__utilize-buttons ul li {
      display: inline-block; }
  .ltn__utilize-buttons .utilize-btn-icon {
    width: 50px;
    display: inline-block;
    height: 50px;
    border: 2px solid var(--border-color-1);
    line-height: 46px;
    text-align: center;
    margin-right: 10px; }

.ltn__utilize-buttons-2 ul li {
  display: block; }

.menu-btn-white.mobile-menu-toggle > a {
  color: #fff; }

.menu-btn-white.mobile-menu-toggle svg path {
  stroke: #fff; }

.menu-btn-border a {
  width: 40px;
  height: 38px;
  border: 1px solid; }

/* logo-right-menu-option */
.ltn__logo-right-menu-option .row > * {
  width: auto; }

/* ----------------------------------------
  Responsive
---------------------------------------- */
@media (min-width: 1200px) and (max-width: 1300px) {
  .ltn__main-menu > ul > li {
    margin-right: 15px; }
  .ltn__main-menu > ul > li:last-child {
    margin-right: 0; }
  .ltn__main-menu > ul > li > a {
    font-size: 15px; }
  .ltn__header-6 .ltn__main-menu > ul > li {
    margin-right: 10px; }
  .ltn__header-6 .ltn__main-menu > ul > li:last-child {
    margin-right: 0px; }
  .ltn__header-6 .special-link a {
    padding: 15px 20px !important; }
  .ltn__header-6 .ltn__main-menu > ul > li > a {
    font-size: 14px; } }

@media (max-width: 1199px) {
  .site-logo {
    min-width: 180px; }
  .ltn__main-menu > ul > li > a {
    padding: 20px 15px; }
  .ltn__main-menu > ul > li {
    margin-right: 10px; }
  .ltn__header-3 .header-feature-item {
    display: none; } }

@media (max-width: 991px) {
  .header-search-column,
  .header-menu-column {
    display: none; }
  /* sticky */
  .sticky-active {
    position: inherit; }
  .ltn__header-2 .ltn__header-middle-area > .container > .row .header-feature-column {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    border-top: 1px solid #ddd; }
  .ltn__header-2 .header-feature-area {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .ltn__header-2 .header-feature-item {
    margin-right: 15px; }
  .ltn__header-3 .ltn__header-middle-area > .container > .row .header-search-column {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    border-top: 1px solid #ddd; }
  .ltn__header-3 .header-search-2 {
    min-width: 280px; }
  .ltn__top-bar-menu ul li {
    margin: 0 20px 0 0; } }

@media (max-width: 767px) {
  .ltn__header-top-area {
    padding: 5px 0;
    text-align: center; }
  .ltn__header-top-area .ltn__social-media ul li {
    font-size: 12px;
    margin: 0 5px 0 0; }
  .ltn__top-bar-menu .ltn__currency-menu .active-currency,
  .ltn__top-bar-menu > ul > li {
    font-size: 13px; }
  .ltn__drop-menu > ul > li {
    position: inherit; }
  .ltn__drop-menu > ul > li > a {
    height: 20px;
    line-height: 20px; }
  .ltn__drop-menu ul li ul {
    left: 50%;
    right: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .top-bar-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .welcome p {
    line-height: 20px;
    margin: 5px 0; }
  .site-logo {
    min-width: 100px; }
  .ltn__header-5 .top-bar-right,
  .ltn__header-4 .top-bar-right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5px; }
  .ltn__header-4 .site-logo-wrap,
  .ltn__header-5 .site-logo-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0 30px; }
  .ltn__header-4 .ltn__header-options,
  .ltn__header-5 .ltn__header-options {
    margin-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .ltn__header-3 .top-bar-right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 5px; } }

@media (max-width: 575px) {
  .site-logo a {
    font-size: 24px; }
    .site-logo a i {
      font-size: 20px; }
  .ltn__header-1 .ltn__header-middle-area > .container > .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column; }
  .ltn__header-1 .site-logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .ltn__header-1 .ltn__header-options {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px; }
  .ltn__header-7 .site-logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .ltn__header-7 .ltn__header-options {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px; }
  .ltn__header-7 .ltn__header-middle-area > .container > .row .col,
  .ltn__header-7 .ltn__header-middle-area > .container-fluid > .row .col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
  .ltn__header-3 .mini-cart-icon-2 > a {
    min-width: auto; }
    .ltn__header-3 .mini-cart-icon-2 > a h6 {
      display: none; } }

@media (max-width: 449px) {
  .ltn__header-options > div {
    margin-right: 10px; }
  .ltn__header-options > ul > li {
    margin-right: 5px; }
  .header-feature-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column; }
  .header-feature-item:last-child {
    padding-top: 0; }
  .get-support {
    padding-left: 10px;
    margin-left: 10px; }
    .get-support .get-support-icon {
      font-size: 20px;
      display: none; }
    .get-support .get-support-info h6 {
      display: 13px; }
    .get-support .get-support-info h4 {
      font-size: 16px; } }

@media (max-width: 370px) {
  .ltn__header-3 .ltn__header-options > ul > li {
    margin-right: 5px; } }

/* ----------------------------------------
  Icon Font
---------------------------------------- */
.ltn__header-options i,
.ltn__header-top-area i {
  /* font-weight: bold; */
  }

/* ----------------------------------------------------
    Category Menu
---------------------------------------------------- */
.ltn__category-menu-wrap {
  position: relative; }

.ltn__category-menu-title h2 {
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 45px;
  margin: 0;
  overflow: hidden;
  padding: 5px 20px;
  position: relative;
  text-transform: uppercase; }
  .ltn__category-menu-title h2::before, .ltn__category-menu-title h2::after {
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    display: block;
    font-size: 14px; }
  .ltn__category-menu-title h2::before {
    content: "\f0c9";
    float: left;
    margin-right: 10px; }
  .ltn__category-menu-title h2::after {
    content: "\f0dd";
    float: right; }

.ltn__category-menu-toggle {
  background-color: var(--white); }
  .ltn__category-menu-toggle > ul {
    border-color: var(--border-color-1);
    border-width: 1px 1px 1px;
    border-style: solid;
    padding: 0;
    margin: 0; }
    .ltn__category-menu-toggle > ul > li > a {
      padding: 12px 15px;
      display: block;
      font-size: 15px;
      border-bottom: 1px solid var(--border-color-1); }
    .ltn__category-menu-toggle > ul > li:hover > a {
      background-color: var(--section-bg-1);
      font-weight: 700; }
    .ltn__category-menu-toggle > ul > li:hover .ltn__category-submenu {
      opacity: 1;
      visibility: visible;
      top: 0; }
    .ltn__category-menu-toggle > ul > li i {
      font-size: 18px;
      margin-right: 5px;
      width: 25px;
      display: inline-block; }
  .ltn__category-menu-toggle ul {
    margin: 0; }
    .ltn__category-menu-toggle ul li {
      margin-top: 0;
      list-style: none;
      position: relative;
      font-size: 14px; }
      .ltn__category-menu-toggle ul li a {
        display: block; }
      .ltn__category-menu-toggle ul li:hover > a {
        color: var(--ltn__secondary-color); }
  .ltn__category-menu-toggle.ltn__one-line-active .ltn__category-submenu li a {
    display: block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }

.ltn__category-submenu {
  position: absolute;
  left: 100%;
  top: 90%;
  width: 230px;
  z-index: 99;
  background-color: #fff;
  padding: 25px 20px;
  -webkit-box-shadow: var(--ltn__box-shadow-4);
  box-shadow: var(--ltn__box-shadow-4);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .ltn__category-submenu ul {
    padding: 0; }
    .ltn__category-submenu ul li {
      padding: 8px 0px; }
  .ltn__category-submenu > li {
    width: 100%;
    float: left;
    padding: 0 10px; }
  .ltn__category-submenu.ltn__category-column-5, .ltn__category-submenu.ltn__category-column-6, .ltn__category-submenu.ltn__category-column-7, .ltn__category-submenu.ltn__category-column-8, .ltn__category-submenu.ltn__category-column-9, .ltn__category-submenu.ltn__category-column-10, .ltn__category-submenu.ltn__category-column-11, .ltn__category-submenu.ltn__category-column-12, .ltn__category-submenu.ltn__category-column-no-5, .ltn__category-submenu.ltn__category-column-no-6, .ltn__category-submenu.ltn__category-column-no-7, .ltn__category-submenu.ltn__category-column-no-8, .ltn__category-submenu.ltn__category-column-no-9, .ltn__category-submenu.ltn__category-column-no-10, .ltn__category-submenu.ltn__category-column-no-11, .ltn__category-submenu.ltn__category-column-no-12, .ltn__category-submenu.ltn__category-column-no-13, .ltn__category-submenu.ltn__category-column-no-14 {
    width: 730px; }
    .ltn__category-submenu.ltn__category-column-5 > li, .ltn__category-submenu.ltn__category-column-6 > li, .ltn__category-submenu.ltn__category-column-7 > li, .ltn__category-submenu.ltn__category-column-8 > li, .ltn__category-submenu.ltn__category-column-9 > li, .ltn__category-submenu.ltn__category-column-10 > li, .ltn__category-submenu.ltn__category-column-11 > li, .ltn__category-submenu.ltn__category-column-12 > li, .ltn__category-submenu.ltn__category-column-no-5 > li, .ltn__category-submenu.ltn__category-column-no-6 > li, .ltn__category-submenu.ltn__category-column-no-7 > li, .ltn__category-submenu.ltn__category-column-no-8 > li, .ltn__category-submenu.ltn__category-column-no-9 > li, .ltn__category-submenu.ltn__category-column-no-10 > li, .ltn__category-submenu.ltn__category-column-no-11 > li, .ltn__category-submenu.ltn__category-column-no-12 > li, .ltn__category-submenu.ltn__category-column-no-13 > li, .ltn__category-submenu.ltn__category-column-no-14 > li {
      width: 25%; }
  .ltn__category-submenu.ltn__category-column-4, .ltn__category-submenu.ltn__category-column-no-4 {
    width: 730px; }
    .ltn__category-submenu.ltn__category-column-4 > li, .ltn__category-submenu.ltn__category-column-no-4 > li {
      width: 25%; }
  .ltn__category-submenu.ltn__category-column-3, .ltn__category-submenu.ltn__category-column-no-3 {
    width: 690px; }
    .ltn__category-submenu.ltn__category-column-3 > li, .ltn__category-submenu.ltn__category-column-no-3 > li {
      width: 33%; }
  .ltn__category-submenu.ltn__category-column-2, .ltn__category-submenu.ltn__category-column-no-2 {
    width: 460px; }
    .ltn__category-submenu.ltn__category-column-2 > li, .ltn__category-submenu.ltn__category-column-no-2 > li {
      width: 50%; }

.ltn__category-submenu-title > a {
  border-bottom: 1px solid #ddd;
  font-weight: 700;
  padding: 5px 0;
  margin-bottom: 10px; }

.ltn__category-menu-toggle .ltn__category-menu-more-item-parent {
  cursor: pointer; }

.ltn__category-menu-toggle .ltn__category-menu-more-item-child,
.ltn__category-menu-toggle .rx-show {
  display: none; }

.ltn__category-menu-toggle .rx-change .rx-show {
  display: block; }

.ltn__category-menu-toggle .rx-change .rx-default {
  display: none; }

@media (max-width: 1200px) {
  .ltn__category-menu-toggle > ul > li > a {
    padding: 10px 5px;
    font-size: 13px; }
  .ltn__category-menu-toggle > ul > li i {
    font-size: 16px;
    width: 20px; }
  .ltn__category-menu-toggle ul li {
    font-size: 13px; }
  .ltn__category-submenu ul {
    padding-left: 10px; }
    .ltn__category-submenu ul li {
      padding: 5px 0px; } }

@media (max-width: 991px) {
  .ltn__category-menu-wrap {
    margin-bottom: 30px; }
  .ltn__category-menu-toggle {
    max-height: 350px;
    overflow: auto;
    position: absolute;
    width: 100%;
    z-index: 99;
    display: none; }
  .ltn__category-submenu {
    display: none;
    opacity: inherit !important;
    visibility: inherit !important;
    left: inherit !important;
    width: 100% !important;
    top: 100%;
    max-height: 350px;
    overflow: auto;
    -webkit-transition: unset;
    -o-transition: unset;
    transition: unset;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    position: inherit;
    padding: 5px 0px 0px 15px; }
    .ltn__category-submenu > li {
      width: 100% !important;
      margin-bottom: 0;
      float: none; }
  .ltn__category-submenu-children {
    display: none; }
  .ltn__category-menu-drop > a {
    position: relative; }
    .ltn__category-menu-drop > a::before {
      position: absolute;
      content: "+";
      right: 15px;
      top: 50%;
      -webkit-transform: translatey(-50%);
      -ms-transform: translatey(-50%);
      transform: translatey(-50%);
      font-size: 20px;
      font-weight: 400; }
  .ltn__category-menu-drop.open > a::before {
    display: none; }
  .ltn__category-menu-drop.open > a::after {
    position: absolute;
    content: "-";
    right: 15px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    font-size: 30px;
    font-weight: 400; } }

.mobile-header-menu-fullwidth .mobile-menu-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid var(--border-color-1);
  padding: 7px 20px 6px;
  margin-right: 0; }

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* ----------------------------------------------------
    Slider Area 1, 2, 3, 4, 5, 6, 7, 9
---------------------------------------------------- */
.ltn__slide-item {
  padding-top: 100px;
  padding-bottom: 120px;
  height: 750px;
  }

.ltn__slide-item-inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.slide-item-info-inner {
  width: 100%; }

.slide-title {
  font-size: 50px;
  font-weight: 700; }

/* Slider Animation Start */
.ltn__slide-animation {
  position: relative;
  z-index: 9; }
  .ltn__slide-animation > * {
    opacity: 0;
    visibility: hidden;
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp; }
    .ltn__slide-animation > *:nth-child(1) {
      -webkit-animation-delay: 0.5s;
      animation-delay: 0.5s;
      -webkit-animation-duration: 0.5s;
      animation-duration: 0.5s; }
    .ltn__slide-animation > *:nth-child(2) {
      -webkit-animation-delay: 1s;
      animation-delay: 1s;
      -webkit-animation-duration: 1s;
      animation-duration: 1s; }
    .ltn__slide-animation > *:nth-child(3) {
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s;
      -webkit-animation-duration: 1.5s;
      animation-duration: 1.5s; }
    .ltn__slide-animation > *:nth-child(4) {
      -webkit-animation-delay: 2s;
      animation-delay: 2s;
      -webkit-animation-duration: 2s;
      animation-duration: 2s; }
    .ltn__slide-animation > *:nth-child(5) {
      -webkit-animation-delay: 2.5s;
      animation-delay: 2.5s;
      -webkit-animation-duration: 2.5s;
      animation-duration: 2.5s; }
    .ltn__slide-animation > *:nth-child(6) {
      -webkit-animation-delay: 3s;
      animation-delay: 3s;
      -webkit-animation-duration: 3s;
      animation-duration: 3s; }
    .ltn__slide-animation > *:nth-child(7) {
      -webkit-animation-delay: 3.5s;
      animation-delay: 3.5s;
      -webkit-animation-duration: 3.5s;
      animation-duration: 3.5s; }
    .ltn__slide-animation > *:nth-child(8) {
      -webkit-animation-delay: 4s;
      animation-delay: 4s;
      -webkit-animation-duration: 4s;
      animation-duration: 4s; }
    .ltn__slide-animation > *:nth-child(9) {
      -webkit-animation-delay: 4.5s;
      animation-delay: 4.5s;
      -webkit-animation-duration: 4.5s;
      animation-duration: 4.5s; }
    .ltn__slide-animation > *:nth-child(11) {
      -webkit-animation-delay: 5s;
      animation-delay: 5s;
      -webkit-animation-duration: 5s;
      animation-duration: 5s; }

.slick-current .ltn__slide-animation > *,
.ltn__slide-animation-active .ltn__slide-animation > * {
  opacity: 1;
  visibility: visible;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

/* Title Background Image */
.title-bg-img {
  background-image: url("../img/slider/1.jpg");
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  word-break: break-word; }

.title-bg-img-2 {
  background-image: url("../img/slider/2.jpg"); }

/* Slide Arrow */
.slick-slide-arrow-1 .slick-arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 40px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  line-height: 58px;
  border: 1px solid var(--border-color-1);
  text-align: center;
  font-size: 20px;
  color: var(--ltn__primary-color) !important;
  z-index: 1;
  opacity: 0;
  visibility: hidden; }
  .slick-slide-arrow-1 .slick-arrow:hover {
    background-color: var(--ltn__secondary-color);
    border-color: var(--ltn__secondary-color);
    color: var(--white) !important; }

.slick-slide-arrow-1 .slick-next {
  right: 40px;
  left: auto; }

.slick-slide-arrow-1:hover .slick-arrow {
  opacity: 1;
  visibility: visible;
  left: 20px; }

.slick-slide-arrow-1:hover .slick-next {
  right: 20px;
  left: auto; }

.slick-slide-dots-1 .slick-dots {
  position: absolute;
  bottom: 50px;
  width: 100%;
  margin: 0; }

.arrow-white .slick-arrow {
  color: var(--white) !important;
  border: 1px solid var(--border-color-3); }

@media (min-width: 1400px) {
  .slick-slide-arrow-1:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
    left: 60px; }
  .slick-slide-arrow-1:hover .slick-next {
    right: 60px;
    left: auto; } }

.slide-sub-title img,
.slide-title img {
  display: inline-block; }

/* slide-item-2 */
.ltn__slide-item-2 {
  height: calc(100vh - 0px);
  padding-top: 120px;
  }
  .ltn__slide-item-2 .slide-item-info {
    max-width: 650px; }
  .ltn__slide-item-2 .slide-sub-title {
    margin-bottom: 20px; }
    .ltn__slide-item-2 .slide-sub-title span {
      color: var(--ltn__secondary-color); }
  .ltn__slide-item-2 .slide-title {
    font-size: 72px;
    line-height: 1;
    margin-bottom: 20px; }
    .ltn__slide-item-2 .slide-title span {
      color: var(--ltn__secondary-color); }
  .ltn__slide-item-2 .btn-wrapper {
    margin-top: 40px; }
  .ltn__slide-item-2 .slide-brief {
    padding-left: 30px;
    border-left: 1px solid #576466; }

.ltn__slide-item-6 .text-right .slide-item-info,
.ltn__slide-item-2 .text-right .slide-item-info {
  margin-left: auto; }

.ltn__slide-item-6 .text-right .slide-brief,
.ltn__slide-item-2 .text-right .slide-brief {
  padding-left: 0px;
  border-left: 0;
  padding-right: 30px;
  border-right: 1px solid #576466;
  margin-left: auto; }

.ltn__slide-item-6 .text-center .slide-item-info,
.ltn__slide-item-2 .text-center .slide-item-info {
  margin-left: auto;
  margin-right: auto; }

.ltn__slide-item-6 .text-center .slide-brief,
.ltn__slide-item-2 .text-center .slide-brief {
  padding-left: 0px;
  border-left: 0;
  padding-right: 0px;
  border-right: 0; }

.slide-brief {
  max-width: 450px; }

.text-right .slide-brief {
  margin-left: auto; }

.text-center .slide-brief {
  margin-left: auto;
  margin-right: auto; }

.ltn__product-pointer {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9; }
  .ltn__product-pointer > ul {
    padding: 0;
    margin: 0; }
    .ltn__product-pointer > ul > li {
      display: inline-block;
      list-style: none;
      position: relative; }
      .ltn__product-pointer > ul > li > ul {
        position: absolute;
        top: 80%;
        min-width: 300px;
        padding: 0;
        background-color: white;
        right: 80px;
        -webkit-box-shadow: var(--ltn__box-shadow-3);
        box-shadow: var(--ltn__box-shadow-3);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        text-align: left;
        opacity: 0;
        visibility: hidden; }
        .ltn__product-pointer > ul > li > ul > li {
          list-style: none; }
      .ltn__product-pointer > ul > li:hover ul {
        top: 50%;
        opacity: 1;
        visibility: visible; }
      .ltn__product-pointer > ul > li:hover .ltn__pointer-icon {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
  .ltn__product-pointer ul li, .ltn__product-pointer ol li {
    margin-top: 5px; }
  .ltn__product-pointer img {
    height: inherit !important; }
  .ltn__product-pointer p:last-child {
    margin-bottom: 0; }
  .ltn__product-pointer .ltn__pointer-icon {
    cursor: pointer;
    height: 60px;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: white;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 20px;
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .ltn__product-pointer .ltn__product-pointer-inner {
    padding: 15px 30px 25px;
    position: relative; }
    .ltn__product-pointer .ltn__product-pointer-inner::before {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      border-top: 15px solid transparent;
      border-left: 15px solid var(--white);
      border-bottom: 15px solid transparent;
      right: -15px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .ltn__product-pointer .ltn__product-pointer-inner h5 {
      margin-bottom: 10px; }
    .ltn__product-pointer .ltn__product-pointer-inner p {
      font-size: 14px; }
  .ltn__product-pointer.ltn__product-pointer-1 {
    top: 38%;
    left: auto;
    right: 24%; }
  .ltn__product-pointer.ltn__product-pointer-2 {
    top: 60%;
    left: 20%; }
  .ltn__product-pointer.ltn__product-pointer-3 {
    top: 10%;
    left: 40%; }

.slide-img-left .ltn__product-pointer > ul > li > ul {
  left: 80px;
  right: auto; }

.slide-img-left .ltn__product-pointer .ltn__product-pointer-inner::before {
  border-right: 15px solid var(--white);
  border-left: 0;
  right: auto;
  left: -15px; }

/* slide-item-3 */
.ltn__slide-item-3 .row [class*='col-'] {
  position: inherit; }

.ltn__slide-item-3 .slide-item-info {
  position: relative;
  z-index: 2; }

.ltn__slide-item-3 .slide-item-img {
  width: 45%;
  position: absolute;
  right: 150px;
  top: auto;
  bottom: 100px;
  height: 70%; }
  .ltn__slide-item-3 .slide-item-img img {
    text-align: right;
    margin-left: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center; }

.ltn__slide-item-3 .text-right .slide-item-img {
  right: auto;
  left: 150px; }

.ltn__slide-item-3-normal {
  height: calc(100vh - 160px);
  padding-top: 100px; }

/* slide-item-4 */
.ltn__slide-item-4 {
  padding-bottom: 0; }
  .ltn__slide-item-4 .slide-item-img {
    margin-top: 100px; }

/* slider-5 */
.ltn__slider-5 .ltn__slide-item-2 {
  padding-top: 100px; }

/* slide-item-5 */
.ltn__slide-item-5 .slide-item-img {
  right: 200px;
  bottom: 0;
  height: 80%; }

.ltn__slide-item-5 .call-to-circle-1 {
  right: 14%;
  left: auto;
  top: 30%;
  z-index: -1;
  -webkit-animation: wave 8s 0.1s infinite linear;
  animation: wave 8s 0.1s infinite linear; }

.ltn__slide-item-5 .text-right .slide-item-img {
  right: auto;
  left: 150px; }

.ltn__slide-item-5 .text-right .call-to-circle-1 {
  left: 20%;
  right: auto; }

/* slide-item-6 */
.ltn__slide-item-6 .slide-item-info {
  max-width: 850px; }

.ltn__slide-item-6 .slide-title {
  font-size: 100px;
  line-height: 1; }

/* slide-item-7 */
.ltn__slide-item-7 {
  min-height: 800px;
  height: calc(100vh - 0px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .ltn__slide-item-7 .slide-item-info {
    max-width: 850px; }
  .ltn__slide-item-7 .slide-title {
    font-size: 100px;
    line-height: 1; }

/* slider-9 */
.ltn__slide-item-9 {
  height: 800px; }
  .ltn__slide-item-9 .slide-item-info {
    height: 800px;
    max-width: 500px; }

.ltn__slide-item-9 .ltn__slide-item-inner {
  display: block; }

.ltn__slide-item-9 .slide-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 30px 10px; }

.ltn__slide-item-9 .right-align .slide-item-info {
  margin-left: auto; }

.ltn__slide-item-9 .slide-item-info-inner {
  position: relative; }
  .ltn__slide-item-9 .slide-item-info-inner::before, .ltn__slide-item-9 .slide-item-info-inner::after {
    position: absolute;
    content: '';
    width: 2px;
    height: 84px;
    background-color: var(--ltn__heading-color);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .ltn__slide-item-9 .slide-item-info-inner::before {
    top: -46.5%; }
  .ltn__slide-item-9 .slide-item-info-inner::after {
    bottom: -51%; }

.ltn__slide-item-9 .text-color-white .slide-item-info-inner::before, .ltn__slide-item-9 .text-color-white .slide-item-info-inner::after {
  background-color: var(--white); }

.ltn__slide-item-9 .ltn__tab-menu a {
  padding: 12px 20px; }

.ltn__slide-item-9 .slide-item-info-line-no::before, .ltn__slide-item-9 .slide-item-info-line-no::after {
  display: none; }

/* slide-item-10 */
.ltn__slide-item-10 {
  height: 525px; }
  .ltn__slide-item-10 .slide-item-info-inner {
    padding: 30px; }

@media (min-width: 1600px) {
  .ltn__slide-item-2 {
    min-height: 800px; }
  .ltn__slide-item-3-normal {
    min-height: 780px; }
  .ltn__slide-item-6 {
    height: 800px; } }

@media (max-width: 1599px) {
  .liton-slide-item,
  .ltn__slide-item-3,
  .liton-slide-item-inner {
    height: inherit; }
  .ltn__slide-item-9 {
    height: 650px; }
    .ltn__slide-item-9 .slide-item-info {
      height: 650px;
      max-width: 400px; } }

@media (min-width: 1200px) and (max-width: 1599px) {
  .ltn__slide-item-2 .slide-title {
    font-size: 50px; }
  .ltn__slide-item-6 {
    height: 620px; }
    .ltn__slide-item-6 .slide-title {
      font-size: 80px; } }

@media (min-width: 1400px) and (max-width: 1599px) {
  .ltn__slide-item-3 .slide-item-img {
    width: 45%;
    right: 60px;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .ltn__slide-item-3 .slide-item-img.slide-img-left {
      right: auto;
      left: 60px; }
  .ltn__slide-item-4 .slide-item-img {
    margin-top: 50px;
    width: 50%;
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 1200px) and (max-width: 1399px) {
  .ltn__slide-item-3 .slide-item-img {
    width: 45%;
    right: 60px;
    top: 65%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .ltn__slide-item-3 .slide-item-img.slide-img-left {
      right: auto;
      left: 60px; }
  .ltn__slide-item-4 .slide-item-img {
    margin-top: 50px;
    width: 50%;
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .ltn__slide-item-3 .slide-item-img {
    width: 45%;
    right: 60px; }
    .ltn__slide-item-3 .slide-item-img.slide-img-left {
      right: auto;
      left: 60px; }
  .ltn__slide-item-6 .slide-title {
    font-size: 60px; }
  .ltn__slide-item.ltn__slide-item-10 {
    height: 495px; } }

@media (max-width: 1199px) {
  .slide-title {
    font-size: 36px; }
  .ltn__slide-item {
    height: auto; }
  .liton-slide-item-inner {
    height: inherit; }
  .slide-item-info-inner {
    margin-bottom: 30px; }
  .ltn__slide-item-2 .slide-title {
    font-size: 56px; }
  .ltn__slide-item-2 .slide-brief {
    padding-left: 15px; }
  .ltn__slide-item-6 {
    padding-top: 140px; }
  .ltn__slide-item-7 {
    min-height: 550px;
    height: auto; }
    .ltn__slide-item-7 .slide-title {
      font-size: 60px; } }

@media (max-width: 991px) {
  .slide-title {
    font-size: 26px; }
  .liton-slide-item-inner {
    height: inherit; }
  .slide-item-info-inner {
    margin-bottom: 30px; }
  .slick-slide-arrow-1 .slick-arrow {
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 16px; }
  .ltn__slide-item-2 .slide-title {
    font-size: 40px; }
  .ltn__slide-item-2 .slide-brief {
    padding-left: 15px; }
  .ltn__slide-item-3 .slide-item-img {
    width: 100%;
    position: relative;
    height: auto;
    right: auto;
    bottom: auto; }
    .ltn__slide-item-3 .slide-item-img img {
      height: auto; }
  .ltn__slide-item-3 .text-right .slide-item-img {
    right: auto;
    left: auto; }
  .ltn__product-pointer > ul > li > ul {
    min-width: 280px; }
  .ltn__product-pointer > ul > li > ul {
    top: 110%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .ltn__product-pointer > ul > li:hover ul {
    top: 130%; }
  .ltn__product-pointer .ltn__product-pointer-inner::before {
    left: 50%;
    top: -25px;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    -ms-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg); }
  .slide-img-left .ltn__product-pointer .ltn__product-pointer-inner::before {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg); }
  .ltn__slide-item-5 .slide-item-img {
    display: none; }
  .ltn__slide-item-6 .slide-title {
    font-size: 40px; }
  .ltn__slide-item-7 {
    min-height: 400px; }
    .ltn__slide-item-7 .slide-title {
      font-size: 40px; }
  .ltn__slide-item-9 {
    height: 560px; }
    .ltn__slide-item-9 .slide-item-info {
      height: auto;
      margin: 30px; }
    .ltn__slide-item-9 .ltn__slide-item-inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around; }
    .ltn__slide-item-9 .slide-item-info-inner::before,
    .ltn__slide-item-9 .slide-item-info-inner::after {
      display: none; } }

@media (max-width: 767px) {
  .liton-slide-item-inner {
    height: inherit; }
  .slide-item-info-inner {
    margin-bottom: 30px; }
  .slide-title br {
    display: none; }
  .slide-title {
    font-size: 24px; }
  .ltn__slide-item-2 {
    height: auto;
    padding-top: 300px; }
    .ltn__slide-item-2 .slide-title {
      font-size: 30px; }
    .ltn__slide-item-2 .slide-brief {
      padding-left: 15px; }
  .ltn__slide-item-3-normal {
    padding-top: 100px; }
  .ltn__product-pointer {
    display: none; }
  .ltn__slide-item-6 .slide-title {
    font-size: 30px; } }

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* ----------------------------------------------------
    Product Area
---------------------------------------------------- */
.ltn__product-item {
  position: relative;
  margin-bottom: 20px;
  }

.product-img {
  position: relative;
  overflow: hidden; }

.product-img a {
  display: inline-block; }

.slick-slide .ltn__product-item-3 .product-info {
  /* margin-top: -10px; */
  }

.product-img img {
  position: relative;
  -webkit-transition: all 3.5s ease 0s;
  -o-transition: all 3.5s ease 0s;
  transition: all 3.5s ease 0s;
  /* z-index: -1; */
  }

.product-img:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--ltn__primary-color);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.ltn__product-item:hover .product-img:before {
  opacity: 0.4;
  visibility: visible; }

.ltn__product-item:hover .product-img::before {
  opacity: 0.4;
  visibility: visible; }

.product-title {
  font-size: 18px;
  margin-bottom: 5px; }

.product-ratting {
  margin-bottom: 5px; }

.product-ratting ul {
  margin: 0;
  padding: 0; }

.product-ratting li {
  display: inline-block;
  margin: 0 -2px;
  color: var(--ratings);
  font-size: 12px; }
  .product-ratting li.review-total {
    margin-left: 3px;
    color: var(--ltn__secondary-color); }

.product-hover-action {
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.ltn__product-item:hover .product-hover-action {
  top: 50%;
  opacity: 1;
  visibility: visible; }

.product-hover-action ul {
  margin: 0;
  padding: 0;
  display: inline-block;
  -webkit-box-shadow: var(--ltn__box-shadow-3);
  box-shadow: var(--ltn__box-shadow-3); }

.product-hover-action li {
  height: 50px;
  width: 50px;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  float: left;
  margin-right: 0px;
  margin-top: 0;
  list-style: none;
  border-right: 1px solid var(--border-color-7); }

.product-hover-action li:last-child {
  margin-right: 0;
  border-right: 0; }

.product-hover-action li a {
  display: block;
  background-color: var(--white);
  font-weight: 700; }

.product-hover-action li:hover a {
  background-color: var(--ltn__secondary-color);
  color: var(--white); }

.product-badge {
  position: absolute;
  top: 15px;
  right: 18px; }

.product-badge ul {
  margin: 0;
  padding: 0; }

.product-badge li {
  list-style: none;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  background-color: var(--ltn__secondary-color);
  color: var(--white);
  padding: 1px 12px;
  text-transform: uppercase;
  border-radius: 15px 0px 15px 0px; }
  .product-badge li:first-child {
    margin-top: 0; }
  .product-badge li::before {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 0;
    border-left: 8px solid var(--ltn__secondary-color);
    width: 0;
    height: 0;
    border-bottom: 8px solid transparent;
    display: none; }
  .product-badge li .soldout-badge {
    background-color: var(--red-2); }

.product-info {
  padding: 20px 0 0; }

.product-price {
  color: var(--ltn__secondary-color);
  font-weight: 600;
  font-size: 18px; }

.product-price del {
  opacity: 0.6;
  margin-left: 5px;
  font-size: 80%; }

.ltn__product-item .product-price {
  margin-bottom: 12px; }

.product-action ul {
  margin: 10px 0 0;
  padding: 0; }

.product-action li {
  display: inline-block;
  margin-top: 0; }

.product-action li a {
  display: inline-block;
  padding: 3px 15px;
  border: 1px solid var(--ltn__heading-color);
  color: var(--ltn__heading-color);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.product-action li:hover a {
  background-color: var(--ltn__secondary-color);
  color: var(--white);
  border-color: var(--ltn__secondary-color); }

.button-1 a {
  display: inline-block;
  padding: 5px 15px;
  background-color: var(--ltn__heading-color);
  color: var(--white);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.button-1:hover a {
  background-color: var(--ltn__secondary-color);
  color: var(--white); }

/* product-item-2 */
.ltn__product-item-2 .product-img img {
  background-color: var(--section-bg-1); }

.ltn__product-item-2:hover .product-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.ltn__product-item .add-to-cart {
  width: auto;
  text-transform: uppercase; }
  .ltn__product-item .add-to-cart a {
    padding: 0 15px; }
  .ltn__product-item .add-to-cart span {
    font-size: 12px;
    line-height: 1; }

/* product-item-3 */
.ltn__product-item-3 {
  border: 1px solid;
  border-color: #ddd;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  background: #fff;
  }
  .ltn__product-item-3 .product-img::before {
    display: none; }
  .ltn__product-item-3 .product-info {
    padding: 30px;
    }
  .ltn__product-item-3 .product-title {
    font-size: 20px;
    margin-bottom: 3px;
    }
  .ltn__product-item-3 .product-price {
    font-size: 20px;
    color: var(--ltn__secondary-color);
    font-weight: 700; }
    .ltn__product-item-3 .product-price del {
      font-size: 20px;
      opacity: 0.6; }
  .ltn__product-item-3 .product-info-brief {
    border-top: 2px solid;
    border-color: var(--border-color-8);
    margin-bottom: 15px;
    max-width: 400px; }
    .ltn__product-item-3 .product-info-brief ul {
      margin: 0;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .ltn__product-item-3 .product-info-brief ul li {
        list-style: none;
        display: inline-block;
        font-size: 14px;
        font-weight: 700; }
        .ltn__product-item-3 .product-info-brief ul li i {
          color: var(--ltn__secondary-color);
          margin-right: 5px; }
  .ltn__product-item-3 .product-hover-action {
    top: 70%; }
    .ltn__product-item-3 .product-hover-action ul {
      -webkit-box-shadow: none;
      box-shadow: none; }
      .ltn__product-item-3 .product-hover-action ul li {
        border-radius: 100%;
        margin: 0 5px; }
        .ltn__product-item-3 .product-hover-action ul li a {
          border-radius: 100%;
          -webkit-box-shadow: var(--ltn__box-shadow-3);
          box-shadow: var(--ltn__box-shadow-3); }
  .ltn__product-item-3:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1); }
    .ltn__product-item-3:hover .product-hover-action {
      top: 55%; }

.product-ratting-product-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .product-ratting-product-badge .product-badge {
    position: inherit;
    margin-bottom: 5px; }

/* ----------------------------------------------------
    Modal Area
---------------------------------------------------- */
.modal-dialog {
  margin-top: 150px; }

.modal-content {
  border-radius: 0; }

.modal-header {
  padding: 0;
  border: 0; }
  .modal-header .close {
    position: absolute;
    height: 40px;
    width: 40px;
    line-height: 40px;
    padding: 0;
    right: 16px;
    left: auto;
    top: 16px;
    opacity: 1;
    z-index: 1;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .modal-header .close span {
      display: block;
      font-size: 25px; }
    .modal-header .close:not(:disabled):not(.disabled):focus, .modal-header .close:not(:disabled):not(.disabled):hover, .modal-header .close:hover {
      opacity: 1; }

@media (min-width: 992px) {
  .modal-lg {
    max-width: 980px; } }

.modal-product-info {
  padding-left: 25px; }

.modal-product-info h3 {
  font-size: 24px;
  margin-bottom: 10px; }

.modal-product-info hr {
  margin-top: 20px;
  margin-bottom: 20px; }

.modal-product-info .product-price {
  font-size: 50px;
  margin-bottom: 10px;
  color: var(--ltn__secondary-color);
  line-height: 1.2;
  font-weight: 600; }

.modal-product-meta > ul {
  margin: 15px 0;
  padding: 20px 0;
  border-bottom: 1px solid var(--border-color-12);
  border-top: 1px solid var(--border-color-12); }

.modal-product-meta > ul > li {
  list-style: none;
  font-size: 14px;
  margin-top: 10px; }
  .modal-product-meta > ul > li:first-child {
    margin-top: 0; }

.modal-product-meta li strong {
  color: var(--ltn__heading-color);
  margin-right: 5px;
  font-weight: 600;
  min-width: 100px;
  display: inline-block; }

.modal-product-quantity input {
  border: 1px solid #e5e5e5;
  float: left;
  height: 45px;
  text-align: center;
  width: 80px;
  margin-right: 20px; }

.modal-btn {
  margin-top: 15px;
  border-top: 1px solid #f1f1f1;
  text-align: right; }

.modal-btn a {
  font-size: 14px;
  color: var(--ltn__heading-color);
  padding: 5px 10px; }

.ltn__modal-area .modal-btn {
  border: 0; }

.modal-body {
  padding: 30px; }

.ltn__add-to-cart-modal-area .modal-body {
  padding: 30px; }

.ltn__add-to-cart-modal-area .modal-product-img {
  float: left;
  max-width: 125px;
  margin-right: 20px; }

.ltn__add-to-cart-modal-area .modal-product-info {
  overflow: hidden; }

.ltn__add-to-cart-modal-area .added-cart i {
  color: var(--green); }

.ltn__add-to-cart-modal-area .btn-wrapper {
  margin-top: 20px; }
  .ltn__add-to-cart-modal-area .btn-wrapper .btn {
    padding: 5px 20px;
    margin-right: 10px; }

.ltn__add-to-cart-modal-area .additional-info {
  border-top: 1px solid var(--border-color-1);
  text-align: center;
  padding-top: 30px;
  margin-top: 40px; }

.modal-backdrop.show {
  opacity: .7; }

.modal-body .additional-info p {
  font-size: 14px; }

/* ----------------------------------------------------
    Product Tab
---------------------------------------------------- */
.ltn__tab-menu {
  margin-bottom: 50px; }

.ltn__tab-menu .nav {
  display: inline-block; }

.ltn__gallery-filter-menu button,
.ltn__tab-menu a {
  display: inline-block;
  padding: 15px 40px;
  margin-right: 5px;
  margin-bottom: 10px;
  color: var(--ltn__heading-color);
  background-color: var(--section-bg-1);
  font-weight: 700; }
  .ltn__gallery-filter-menu button:last-child,
  .ltn__tab-menu a:last-child {
    margin-right: 0; }
  .ltn__gallery-filter-menu button i,
  .ltn__tab-menu a i {
    margin-right: 10px; }

.ltn__gallery-filter-menu .active,
.ltn__tab-menu a.active {
  color: var(--white);
  background-color: var(--ltn__primary-color);
  border-color: var(--ltn__primary-color); }

.ltn__tab-menu-top-left {
  position: absolute;
  left: 15px;
  top: 0; }

.ltn__tab-menu-top-right {
  position: absolute;
  right: 15px;
  top: 0; }

.ltn__gallery-filter-menu.text-uppercase button {
  text-transform: uppercase; }

.ltn__tab-menu-2 a {
  background-color: transparent;
  border-bottom: 2px solid transparent;
  position: relative; }
  .ltn__tab-menu-2 a.active {
    color: var(--ltn__secondary-color);
    background-color: transparent;
    border-color: var(--ltn__secondary-color); }
  .ltn__tab-menu-2 a::before {
    position: absolute;
    content: "";
    right: -5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 16px;
    width: 2px;
    background-color: var(--ltn__color-1);
    opacity: 0.4; }
  .ltn__tab-menu-2 a:last-child::before {
    display: none; }

@media (max-width: 991px) {
  .ltn__gallery-filter-menu button,
  .ltn__tab-menu a {
    padding: 15px 25px;
    font-size: 14px; }
  .ltn__tab-menu-top-right {
    position: initial; } }

/* ----------------------------------------------------
    Product Details
---------------------------------------------------- */
.ltn__small-product-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 25px;
  border: 2px solid;
  border-color: var(--border-color-1);
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .ltn__small-product-item:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1);
    border-color: transparent; }
  .ltn__small-product-item .product-price {
    color: var(--ltn__secondary-color); }

.small-product-item-img {
  max-width: 90px;
  margin-right: 20px; }

/* ----------------------------------------------------
    Product Details
---------------------------------------------------- */
.product-meta-date input[type="date"] {
  border: 1px solid #ddd;
  height: 63px;
  padding: 0 15px;
  line-height: 50px; }

.product-meta-date input[type="date"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: pink;
  line-height: 50px; }

.product-meta-date input[type="date"]::-moz-placeholder {
  /* Firefox 19+ */
  color: pink;
  line-height: 50px; }

.product-meta-date input[type="date"]:-ms-input-placeholder {
  /* IE 10+ */
  color: pink;
  line-height: 50px; }

.product-meta-date input[type="date"]:-moz-placeholder {
  /* Firefox 18- */
  color: pink;
  line-height: 50px; }

/* ltn__shop-details-img-gallery */
.ltn__shop-details-img-gallery {
  margin-bottom: 35px; }
  .ltn__shop-details-img-gallery img {
    background-color: var(--white-8); }

.ltn__shop-details-small-img {
  margin-top: 20px;
  margin-left: -5px;
  margin-right: -5px; }
  .ltn__shop-details-small-img .single-small-img {
    padding: 0 5px; }
    .ltn__shop-details-small-img .single-small-img.slick-current img {
      border: 1px solid var(--ltn__secondary-color);
      margin-bottom: 10px; }

.ltn__shop-details-small-img.slick-arrow-2 {
  margin-bottom: 35px; }
  .ltn__shop-details-small-img.slick-arrow-2 .slick-arrow {
    left: 5px;
    bottom: -35px; }
  .ltn__shop-details-small-img.slick-arrow-2 .slick-next {
    left: 45px; }

/* ltn__shop-details-content-wrap */
.ltn__shop-details-content-wrap {
  padding: 50px 50px 40px; }

/* ltn__shop-details-tab-area */
.ltn__shop-details-tab-menu .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .ltn__shop-details-tab-menu .nav a {
    background-color: var(--ltn__primary-color);
    color: var(--white);
    padding: 20px 20px;
    font-size: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    text-align: center;
    font-weight: 700; }
    .ltn__shop-details-tab-menu .nav a.active {
      background-color: var(--ltn__secondary-color); }

.ltn__shop-details-tab-content-inner {
  border: 1px solid #e5e5e5;
  padding: 50px 50px 30px;
  background-color: var(--section-bg-1); }
  .ltn__shop-details-tab-content-inner .ltn__comment-reply-area form {
    padding: 0; }

.add-a-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .add-a-review h6 {
    margin-bottom: 0;
    margin-right: 15px; }

.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu {
  border-bottom: 2px solid var(--border-color-1); }
  .ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav a {
      background-color: transparent;
      color: var(--ltn__paragraph-color);
      padding: 20px 0px;
      margin-right: 50px;
      -webkit-box-flex: inherit;
      -ms-flex: inherit;
      flex: inherit;
      text-align: left;
      position: relative; }
      .ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav a::before {
        position: absolute;
        content: "";
        bottom: -2px;
        left: 0;
        width: 0%;
        height: 2px;
        background-color: transparent;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s; }
      .ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav a.active {
        color: var(--ltn__secondary-color);
        background-color: transparent; }
        .ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-menu .nav a.active::before {
          background-color: var(--ltn__secondary-color);
          width: 100%; }

.ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-content-inner {
  border: 0;
  padding: 30px 0px 0px;
  background-color: transparent; }
  .ltn__shop-details-tab-inner-2 .ltn__shop-details-tab-content-inner .ltn__comment-reply-area form {
    padding: 30px; }

/* product-details-menu-1 */
.ltn__product-details-menu-1 ul li a {
  position: relative;
  margin-right: 10px; }
  .ltn__product-details-menu-1 ul li a::before {
    position: absolute;
    content: ",";
    right: -5px; }
  .ltn__product-details-menu-1 ul li a:last-child::before {
    display: none; }

.ltn__product-details-menu-1 ul li strong {
  font-weight: 400; }

.ltn__product-details-menu-1 ul li span {
  font-weight: 600; }

.ltn__product-details-menu-1 .ltn__color-widget ul li a {
  width: 15px;
  height: 15px; }

.ltn__product-details-menu-1 .ltn__tagcloud-widget ul li {
  margin: 0; }
  .ltn__product-details-menu-1 .ltn__tagcloud-widget ul li a {
    padding: 3px 10px 1px; }

/* product-details-menu-2 */
.ltn__product-details-menu-2 ul {
  padding: 0;
  margin: 0; }
  .ltn__product-details-menu-2 ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px; }
    .ltn__product-details-menu-2 ul li:last-child {
      margin-right: 0; }

/* product-details-menu-3 */
.ltn__product-details-menu-3 ul {
  padding: 0;
  margin: 0; }
  .ltn__product-details-menu-3 ul li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 600; }
    .ltn__product-details-menu-3 ul li:last-child {
      margin-right: 0; }

/* ----------------------------------------------------
    Product Options
---------------------------------------------------- */
.nice-select .option {
  margin-top: 0;
  white-space: normal;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.8; }

.nice-select .list {
  min-width: 100%; }

.ltn__shop-options {
  margin-bottom: 40px; }
  .ltn__shop-options ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    margin: 0;
    padding: 0; }
    .ltn__shop-options ul li {
      list-style: none;
      margin-top: 0;
      line-height: 50px; }
  .ltn__shop-options .short-by .nice-select {
    border-radius: 0;
    border: 2px solid #ededed;
    height: 50px;
    line-height: 46px;
    min-width: 190px; }
    .ltn__shop-options .short-by .nice-select .option {
      width: 100%;
      padding-left: 10px;
      padding-right: 5px; }
    .ltn__shop-options .short-by .nice-select .current {
      font-weight: 700; }

.ltn__grid-list-tab-menu a {
  font-size: 30px;
  margin-right: 20px; }

.ltn__grid-list-tab-menu .active {
  color: var(--ltn__secondary-color); }

.showing-product-number span {
  font-weight: 700;
  font-size: 20px;
  font-family: var(--ltn__heading-font); }

.ltn__product-list-view .product-title {
  font-size: 22px;
  margin-bottom: 10px; }

.ltn__product-list-view .ltn__product-item:after {
  display: block;
  clear: both;
  content: ""; }

.ltn__product-list-view .ltn__product-item .product-img {
  max-width: 45%;
  float: left; }

.ltn__product-list-view .ltn__product-item .product-info {
  overflow: hidden;
  padding: 0 0 0 30px; }

.ltn__product-list-view .ltn__product-item-3 .product-info {
  overflow: hidden;
  padding: 25px 25px 20px 30px; }

.ltn__product-list-view .product-hover-action {
  position: inherit;
  -webkit-transform: inherit;
  -ms-transform: inherit;
  transform: inherit;
  text-align: left;
  opacity: 1;
  visibility: visible;
  margin-top: 15px; }

/* Bootstrap Tab with Slider Issue Fix Start */
.tab-content {
  width: 100%; }

.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  visibility: hidden;
  overflow: hidden;
  opacity: 0; }

.tab-content .tab-pane.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible; }

/* Bootstrap Tab with Slider Issue Fix End */
@media (max-width: 1400px) {
  .shop-details-info .product-price {
    font-size: 36px; }
  .shop-details-info .cart-plus-minus {
    width: 130px; }
  .shop-details-info .ltn__product-details-menu-2 .btn {
    padding: 17px 15px; } }

@media (max-width: 991px) {
  .ltn__product-item-3 .product-info {
    padding: 25px 15px 15px; }
  .ltn__product-item-3 .product-price {
    font-size: 16px; }
    .ltn__product-item-3 .product-price del {
      font-size: 14px; }
  .ltn__shop-details-img-gallery {
    margin-bottom: 75px; } }

@media (max-width: 767px) {
  .ltn__shop-options ul li {
    margin: 5px 0; }
  .showing-product-number span {
    font-size: 16px; }
  .ltn__product-list-view .ltn__product-item .product-img {
    max-width: 100%; }
  .ltn__product-list-view .ltn__product-item .product-info {
    padding: 25px 0 0 1px; }
  .ltn__product-list-view .ltn__product-item-3 .product-info {
    padding: 25px 25px 20px 30px; }
  .modal-product-info h3 {
    font-size: 22px; }
  .modal-product-info .product-price {
    font-size: 34px; }
  .ltn__shop-details-tab-menu .nav a {
    padding: 15px 15px;
    font-size: 14px; }
  .ltn__shop-details-tab-content-inner {
    padding: 50px 20px 30px; } }

@media (max-width: 576px) {
  .product-hover-action li {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 13px; }
  .product-badge li {
    font-size: 10px;
    padding: 1px 8px; }
    .product-badge li::before {
      bottom: -6px; }
  .ltn__product-item-3 .product-title {
    font-size: 14px; }
  .ltn__product-item-3 .product-info {
    padding-left: 5px;
    padding-right: 5px; }
  .ltn__product-item-3 .product-price {
    font-size: 14px; }
    .ltn__product-item-3 .product-price del {
      font-size: 13px; }
  .ltn__product-item-3 .product-info-brief ul li {
    font-size: 12px; } }

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* ----------------------------------------------
  Gallery Area
---------------------------------------------- */
.ltn__gallery-item {
  margin-bottom: 30px; }
  .ltn__gallery-item:hover .ltn__gallery-item-img::before {
    opacity: 0.9;
    visibility: visible; }
  .ltn__gallery-item:hover .ltn__gallery-item-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  .ltn__gallery-item:hover .ltn__gallery-action-icon {
    top: 50%;
    opacity: 1;
    visibility: visible; }

.ltn__gallery-item-inner {
  position: relative;
  overflow: hidden; }
  .ltn__gallery-item-inner h4 {
    margin-bottom: 5px; }
  .ltn__gallery-item-inner p {
    margin-bottom: 0;
    font-size: 14px; }

.ltn__gallery-item-img {
  position: relative;
  overflow: hidden; }
  .ltn__gallery-item-img::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: var(--ltn__primary-color);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1; }
  .ltn__gallery-item-img img {
    -webkit-transition: all 3.5s ease 0s;
    -o-transition: all 3.5s ease 0s;
    transition: all 3.5s ease 0s; }

.ltn__gallery-action-icon {
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  font-size: 16px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  z-index: 2; }
  .ltn__gallery-action-icon i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: var(--white);
    color: var(--ltn__primary-color);
    border-radius: 100%;
    margin: 3px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .ltn__gallery-action-icon i:hover {
      background-color: var(--ltn__secondary-color);
      color: var(--white); }

.ltn__gallery-item-info {
  padding: 25px 30px;
  position: relative;
  z-index: 2; }

/* Gallery Style 1 */
.ltn__gallery-style-1 .ltn__gallery-item-info {
  border: 1px solid var(--border-color-1); }

/* Gallery Style 2 */
.ltn__gallery-style-2 .ltn__gallery-item-info {
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  background: var(--gradient-color-3);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden; }

.ltn__gallery-style-2 h4, .ltn__gallery-style-2 p {
  color: var(--white); }

.ltn__gallery-style-2 .ltn__gallery-item:hover .ltn__gallery-item-info {
  bottom: 0px;
  opacity: 1;
  visibility: visible; }

.ltn__gallery-style-2 .ltn__gallery-item:hover .ltn__gallery-action-icon {
  top: 35%; }

.ltn__gallery-info-hide .ltn__gallery-item-info {
  display: none; }

.ltn__gallery-info-hide .ltn__gallery-item:hover .ltn__gallery-action-icon {
  top: 50%; }

/* Lightcase Default CSS */
.lightcase-error {
  color: var(--white); }

#lightcase-info {
  color: var(--ltn__color-1); }

#lightcase-caption {
  color: var(--white); }

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* ============================================================
>>> TABLE OF CONTENTS:
===============================================================
# Common CSS
# Section title
# Category Area
# Feature Area 
# Countdown Area
# Blog Area
# Blog Details
# Service Details
# Pagination
# Testimonial
# Banner Area
# Team Area
# CounterUp Area
# Contact Form Area
# Cart Table Area
# Cart plus minus
# Product Details
# Shoping Cart
# Custom Content
# Newsletter
# Faq Area
# 404 Area
# Coming Soon Area
# Screenshot Area
# Pricing List Area
# Checkbox
# Body Sidebar Icons
# About Us Area
# Why Choose Us Area
# Service Area
# Call To Action
# Elements Area
# Service Form 
# Get A Quote Form
# Car Dealer Form
# Video Area
# Brand Logo
# Progress Bar 
# Our Journey Area
# Google Map Locations Area
# Team Details
# Our History Area
# Appointment Form Area
# Checkout Page
# Myaccount Page
# Time Schedule Area

============================================================= */
/* ----------------------------------------------------
    Common CSS
---------------------------------------------------- */
.ltn__social-media ul {
  margin: 0;
  padding: 0; }
  .ltn__social-media ul li {
    list-style: none;
    display: inline-block;
    margin: 0 15px 0 0; }
    .ltn__social-media ul li:last-child {
      margin: 0; }

.ltn__social-media-2 ul {
  margin: 0;
  padding: 0; }
  .ltn__social-media-2 ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px; }
    .ltn__social-media-2 ul li a {
      background-color: var(--section-bg-1);
      color: var(--ltn__paragraph-color);
      display: block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center; }
      .ltn__social-media-2 ul li a i {
        color: inherit; }
    .ltn__social-media-2 ul li:last-child {
      margin-right: 0; }
    .ltn__social-media-2 ul li:hover a {
      background-color: var(--ltn__secondary-color);
      color: var(--white); }

.ltn__social-media-3 ul {
  margin: 0;
  padding: 0; }
  .ltn__social-media-3 ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px; }
    .ltn__social-media-3 ul li a {
      background-color: var(--white);
      color: var(--ltn__paragraph-color);
      border: 2px solid var(--border-color-11);
      display: block;
      width: 50px;
      height: 50px;
      line-height: 46px;
      text-align: center; }
      .ltn__social-media-3 ul li a i {
        color: inherit; }
    .ltn__social-media-3 ul li:last-child {
      margin-right: 0; }
    .ltn__social-media-3 ul li:hover a {
      background-color: var(--ltn__secondary-color);
      border-color: var(--ltn__secondary-color);
      color: var(--white); }

.bg-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.bg-image-top {
  background-size: auto;
  background-position: top center;
  background-repeat: no-repeat; }

.nice-select .option {
  font-weight: 600; }

/* small mobile :320px. */
@media (max-width: 991px) {
  .bg-image-top {
    background-size: inherit; } }

.ltn__social-media-4 ul {
  margin: 0;
  padding: 0; }
  .ltn__social-media-4 ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px; }
    .ltn__social-media-4 ul li a {
      background-color: var(--ltn__primary-color-3);
      color: var(--white);
      display: block;
      width: 50px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      border-radius: 100%; }
    .ltn__social-media-4 ul li:last-child {
      margin-right: 0; }
    .ltn__social-media-4 ul li:hover a {
      background-color: var(--ltn__secondary-color);
      color: var(--white); }

/* ----------------------------------------
  Section title
---------------------------------------- */
.section-title-area {
  margin-bottom: 50px; }
  .section-title-area p {
    margin-bottom: 0;
    max-width: 600px; }
  .section-title-area p + p {
    margin-top: 15px; }
  .section-title-area.text-right p {
    margin-left: auto; }
  .section-title-area.text-center p {
    margin-left: auto;
    margin-right: auto; }

.section-title {
  margin-bottom: 5px;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2; }
  .section-title span {
    color: var(--ltn__secondary-color); }
  .section-title p {
    font-size: 16px;
    line-height: 1.8;
    color: var(--ltn__paragraph-color);
    margin-top: 20px; }
  .section-title.white .section-title {
    color: var(--white); }
  .section-title.white p {
    color: rgba(var(--white), 0.7); }

/* ltn__separate-line */
.ltn__separate-line {
  position: relative;
  display: inline-block;
  min-width: 200px;
  margin-bottom: 3px;
  text-align: center !important; }
  .ltn__separate-line::before {
    position: absolute;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(#f28bc2), color-stop(50%, #d8b1f2));
    background: -webkit-linear-gradient(left, #f28bc2 0%, #d8b1f2 50%);
    background: -o-linear-gradient(left, #f28bc2 0%, #d8b1f2 50%);
    background: linear-gradient(90deg, #f28bc2 0%, #d8b1f2 50%); }
  .ltn__separate-line .separate-icon {
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 0 15px; }
  .ltn__separate-line i {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 0 -4px;
    color: var(--ltn__secondary-color); }

/* Section Title 2 */
.ltn__section-title-2 {
  margin-bottom: 40px; }
  .ltn__section-title-2 .section-subtitle {
    /* text-transform: uppercase; */
    font-size: calc(16px + 2 * (100vw - 320px) / 1600);
    margin-bottom: calc(7px + 6 * (100vw - 320px) / 1600);
    color: #222;
    font-weight: 400;
    }
  .ltn__section-title-2 .section-title {
    font-size: 72px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1; }
  .ltn__section-title-2 p {
    padding: 0 0 0 30px;
    border-width: 0 0 0 2px;
    border-style: solid;
    border-color: var(--ltn__secondary-color);
    max-width: 450px; }
  .ltn__section-title-2.text-right p {
    padding: 0 30px 0 0;
    border-width: 0 2px 0 0;
    margin-left: auto; }
  .ltn__section-title-2.text-center p {
    padding: 0 0 0 30px;
    border-width: 0 0 0 2px;
    margin-left: auto;
    margin-right: auto;
    text-align: left !important; }

/* Section Title 3 */
.section-title-style-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .section-title-style-3 .section-brief-in p {
    padding: 0 30px 0 0;
    border-width: 0 2px 0 0;
    margin-left: auto;
    margin-right: 30px;
    text-align: right; }

/* title-2 */
.title-2 {
  margin-bottom: 30px;
  font-size: 26px; }

@media (max-width: 1599px) {
  .ltn__section-title-2 .section-title {
    font-size: 60px; } }

@media (max-width: 1399px) {
  .ltn__section-title-2 .section-title {
    font-size: 56px;
    font-size: calc(26px + 14 * (100vw - 320px) / 1600);
    margin-bottom: calc(12px + 18 * (100vw - 320px) / 1600);
    width: 80%;
    line-height: 1.3;
    position: relative;
    color: var(--theme-color);
    }
  .section-title-style-3 .section-title {
    min-width: 320px; } }

@media (max-width: 1199px) {
  .section-title {
    font-size: 30px; }
  .ltn__section-title-2 .section-title {
    font-size: 50px; } }

@media (max-width: 991px) {
  .section-title {
    font-size: 26px; }
  .ltn__section-title-2 .section-title {
    font-size: 40px; }
  .ltn__section-title-2 p {
    padding: 0 0 0 15px; } }

@media (max-width: 767px) {
  .section-title {
    font-size: 30px; }
  .ltn__section-title-2 .section-title {
    font-size: 30px; }
  .ltn__section-title-2 p {
    padding: 0 0 0 15px; }
  .section-title-style-3 {
    display: block; }
    .section-title-style-3 .section-title {
      min-width: 100%; }
    .section-title-style-3 .section-brief-in p {
      padding: 0 0px 0 15px;
      border-width: 0 0px 0 2px;
      margin-left: 0;
      margin-right: 0;
      text-align: left;
      margin-bottom: 15px; }
  .title-2 {
    font-size: 22px; } }

@media (max-width: 575px) {
  .section-title {
    font-size: 24px; }
  .ltn__section-title-2 .section-title {
    font-size: 24px; } }

/* ----------------------------------------------------
    Category Area
---------------------------------------------------- */
.ltn__category-item {
  margin-top: 2px;
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border: 1px solid var(--border-color-7);
  background-color: var(--white);
  }

.ltn__category-item-img {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.ltn__category-item-img img {
  display: inline-block; }

.ltn__category-item-name {
  padding: 15px 20px 5px; }

.ltn__category-item:hover {
  -webkit-box-shadow: var(--ltn__box-shadow-3);
  box-shadow: var(--ltn__box-shadow-3); }

/* ltn__category-item-2 */
.ltn__category-item-2 {
  padding: 20px 15px 15px; }
  .ltn__category-item-2 .ltn__category-item-img {
    float: left;
    width: 35%; }
  .ltn__category-item-2 .ltn__category-item-name {
    overflow: hidden; }
    .ltn__category-item-2 .ltn__category-item-name ul {
      padding: 0;
      margin: 0; }
      .ltn__category-item-2 .ltn__category-item-name ul li {
        list-style: circle;
        margin-top: 5px;
        font-size: 14px; }
        .ltn__category-item-2 .ltn__category-item-name ul li a {
          display: block; }
  .ltn__category-item-2 h4 {
    margin-bottom: 5px; }
  .ltn__category-item-2 .category-btn {
    float: right;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: underline; }

/* ltn__category-item-3 */
.ltn__category-item-3 {
  /* padding: 50px 0 25px; */
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  }
  .ltn__category-item-3::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0%;
    height: 4px;
    background-color: var(--ltn__secondary-color);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0;
    visibility: hidden; }
  .ltn__category-item-3:hover {
    -webkit-box-shadow: none;
    box-shadow: none; }
    .ltn__category-item-3:hover::before {
      width: 100%;
      opacity: 1;
      visibility: visible; }
    .ltn__category-item-3:hover h5 {
      color: var(--ltn__secondary-color); }

@media (max-width: 768px) {
  .ltn__category-item-2 .ltn__category-item-img {
    display: none; }
  .ltn__category-item-3 {
    padding: 30px 0 5px; } }

/* ----------------------------------------------------
    Feature Area 
---------------------------------------------------- */
.ltn__feature-item {
  padding: 40px 25px 10px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative; }

.ltn__feature-icon {
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 1; }

/* feature-item-2 */
.ltn__feature-item-2 {
  padding: 40px 25px 10px; }
  .ltn__feature-item-2 .ltn__feature-icon {
    margin-bottom: 20px; }
    .ltn__feature-item-2 .ltn__feature-icon span {
      background: transparent;
      height: 100px;
      width: 100px;
      line-height: 109px;
      border-radius: 100%;
      position: relative;
      -webkit-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      display: inline-block;
      text-align: center; }
      .ltn__feature-item-2 .ltn__feature-icon span::before, .ltn__feature-item-2 .ltn__feature-icon span::after {
        position: absolute;
        content: "";
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 100%;
        -webkit-transition: all 0.8s ease 0s;
        -o-transition: all 0.8s ease 0s;
        transition: all 0.8s ease 0s; }
      .ltn__feature-item-2 .ltn__feature-icon span:before {
        height: 0%;
        width: 0%;
        background: transparent; }
      .ltn__feature-item-2 .ltn__feature-icon span:after {
        height: 100%;
        width: 100%;
        border: 1px solid;
        border-color: var(--ltn__heading-color); }
    .ltn__feature-item-2 .ltn__feature-icon i {
      font-size: 26px;
      color: var(--ltn__heading-color);
      line-height: 1;
      -webkit-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      z-index: 1;
      position: relative; }
  .ltn__feature-item-2.active-feature .ltn__feature-icon span, .ltn__feature-item-2:hover .ltn__feature-icon span {
    color: var(--white);
    border-color: transparent; }
    .ltn__feature-item-2.active-feature .ltn__feature-icon span:before, .ltn__feature-item-2:hover .ltn__feature-icon span:before {
      height: 100%;
      width: 100%;
      background: -webkit-gradient(linear, left top, right top, from(#ee91cb), color-stop(50%, #d9b0f1));
      background: -webkit-linear-gradient(left, #ee91cb 0%, #d9b0f1 50%);
      background: -o-linear-gradient(left, #ee91cb 0%, #d9b0f1 50%);
      background: linear-gradient(90deg, #ee91cb 0%, #d9b0f1 50%); }
    .ltn__feature-item-2.active-feature .ltn__feature-icon span:after, .ltn__feature-item-2:hover .ltn__feature-icon span:after {
      border-color: var(--white);
      height: 80%;
      width: 80%; }
  .ltn__feature-item-2.active-feature .ltn__feature-icon i, .ltn__feature-item-2:hover .ltn__feature-icon i {
    color: var(--white); }
  .ltn__feature-item-2.active-feature .ltn__feature-info h6, .ltn__feature-item-2:hover .ltn__feature-info h6 {
    color: var(--ltn__secondary-color); }

/* feature-item-3 */
.ltn__feature-item-3 {
  padding: 35px 22px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  border: 2px solid;
  border-color: #f4faff;
  margin-bottom: 20px;
  position: relative; }
  .ltn__feature-item-3 h1, .ltn__feature-item-3 h2, .ltn__feature-item-3 h3, .ltn__feature-item-3 h4, .ltn__feature-item-3 h5, .ltn__feature-item-3 h6 {
    margin-bottom: 5px; }
  .ltn__feature-item-3 .ltn__feature-icon {
    margin: 0px 20px 0 0;
    font-size: 50px;
    color: var(--ltn__secondary-color);
    line-height: 1.5; }
    .ltn__feature-item-3 .ltn__feature-icon img {
      max-width: 60px; }
  .ltn__feature-item-3 p {
    font-size: 14px; }
  .ltn__feature-item-3::before {
    position: absolute;
    content: "";
    left: -2px;
    top: 50%;
    width: 4px;
    height: 0%;
    background-color: var(--ltn__secondary-color);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .ltn__feature-item-3:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1); }
    .ltn__feature-item-3:hover::before {
      height: 80%;
      opacity: 1;
      visibility: visible; }
  .ltn__feature-item-3.text-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse; }
    .ltn__feature-item-3.text-right .ltn__feature-icon {
      margin: 0px 0 0 20px; }
    .ltn__feature-item-3.text-right::before {
      right: -2px;
      left: auto; }

/* feature-item-4 */
.ltn__feature-item-4 {
  padding: 50px 20px 15px;
  background-color: var(--white);
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-box-shadow: var(--ltn__box-shadow-2);
  box-shadow: var(--ltn__box-shadow-2); }
  .ltn__feature-item-4:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1); }

/* feature-item-5 */
.ltn__feature-item-5 {
  padding: 70px 30px 25px;
  margin-bottom: 30px; }
  .ltn__feature-item-5 .ltn__feature-icon {
    margin-bottom: 25px;
    font-size: 80px;
    line-height: 1; }
    .ltn__feature-item-5 .ltn__feature-icon img {
      max-width: 200px; }
    .ltn__feature-item-5 .ltn__feature-icon span {
      position: relative; }
      .ltn__feature-item-5 .ltn__feature-icon span::before {
        position: absolute;
        content: "\e942";
        font-family: 'icomoon';
        right: -10px;
        top: -10px;
        height: 35px;
        width: 35px;
        line-height: 35px;
        background-color: var(--ltn__primary-color);
        color: var(--white);
        font-size: 14px;
        border-radius: 100%; }
  .ltn__feature-item-5 .btn-wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden; }
    .ltn__feature-item-5 .btn-wrapper a {
      min-height: 60px; }
  .ltn__feature-item-5:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1); }
    .ltn__feature-item-5:hover .btn-wrapper {
      bottom: -60px;
      opacity: 1;
      visibility: visible; }
  .ltn__feature-item-5.section-bg-2 .ltn__feature-icon {
    color: var(--ltn__secondary-color); }
    .ltn__feature-item-5.section-bg-2 .ltn__feature-icon i {
      color: var(--ltn__secondary-color); }
    .ltn__feature-item-5.section-bg-2 .ltn__feature-icon span::before {
      background-color: var(--white);
      color: var(--ltn__primary-color); }
  .ltn__feature-item-5.white-bg .ltn__feature-icon span::before {
    background-color: var(--ltn__secondary-color);
    color: var(--white); }

.feature-btn a {
  display: block;
  padding: 15px 20px;
  background-color: #fff;
  text-align: center; }

/* feature-item-6 */
.ltn__feature-item-6 {
  border: 1px solid var(--border-color-8);
  margin-bottom: 30px;
  padding: 40px 30px 35px; }
  .ltn__feature-item-6::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0%;
    height: 4px;
    background-color: var(--ltn__secondary-color);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0;
    visibility: hidden; }
  .ltn__feature-item-6 .ltn__feature-icon {
    color: var(--ltn__secondary-color); }
    .ltn__feature-item-6 .ltn__feature-icon i {
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
  .ltn__feature-item-6 .ltn__feature-info p {
    font-size: 14px; }
  .ltn__feature-item-6 .ltn__feature-info .ltn__service-btn {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: var(--ltn__color-1);
    font-weight: 700;
    font-size: 14px; }
  .ltn__feature-item-6.active, .ltn__feature-item-6:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1); }
    .ltn__feature-item-6.active::before, .ltn__feature-item-6:hover::before {
      width: 100%;
      opacity: 1;
      visibility: visible; }
    .ltn__feature-item-6.active .ltn__feature-info .ltn__service-btn,
    .ltn__feature-item-6.active .ltn__feature-icon, .ltn__feature-item-6:hover .ltn__feature-info .ltn__service-btn,
    .ltn__feature-item-6:hover .ltn__feature-icon {
      color: var(--ltn__secondary-color); }

/* feature-item-7 */
.ltn__feature-item-7 {
  background-color: var(--white);
  padding: 38px 30px 10px;
  -webkit-box-shadow: var(--ltn__box-shadow-2);
  box-shadow: var(--ltn__box-shadow-2);
  margin-bottom: 30px; }
  .ltn__feature-item-7 .ltn__feature-icon-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px; }
  .ltn__feature-item-7 .ltn__feature-icon {
    margin-bottom: 0;
    margin-right: 20px;
    color: var(--ltn__secondary-color); }
  .ltn__feature-item-7 h3 {
    margin-bottom: 0; }

.ltn__feature-item-7-color-white {
  background-color: transparent;
  border: 1px solid #203336; }
  .ltn__feature-item-7-color-white h3,
  .ltn__feature-item-7-color-white p {
    color: var(--white); }

/* feature-item-8 */
.ltn__feature-item-8 {
  padding: 40px 30px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .ltn__feature-item-8 .ltn__feature-icon {
    margin-right: 20px;
    font-size: 40px;
    width: 50px; }
  .ltn__feature-item-8 .ltn__feature-info h4 {
    margin-bottom: 5px; }
  .ltn__feature-item-8 .ltn__feature-info p {
    font-size: 15px; }

.ltn__feature-item-box-wrap {
  -webkit-box-shadow: var(--ltn__box-shadow-1);
  box-shadow: var(--ltn__box-shadow-1); }

.ltn__feature-item-box-wrap-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .ltn__feature-item-box-wrap-2 .ltn__feature-item-8 {
    min-width: 280px; }

.ltn__border-between-column [class*='col']::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 50%;
  width: 1px;
  background-color: var(--border-color-1); }

.ltn__border-between-column [class*='col']:first-child::before {
  display: none; }

/* small mobile :320px. */
@media (max-width: 767px) {
  .ltn__feature-item-5 + .btn-wrapper {
    margin-bottom: 30px; }
  .ltn__feature-item-7 {
    padding: 38px 20px 10px; }
  .ltn__border-between-column [class*='col']::before {
    display: none; } }

/* ----------------------------------------------------
    Countdown Area
---------------------------------------------------- */
.ltn__countdown {
  margin-top: 30px;
  display: inline-block;
  -webkit-box-shadow: var(--ltn__box-shadow-3);
  box-shadow: var(--ltn__box-shadow-3);
  padding: 25px 40px 5px; }
  .ltn__countdown .single {
    display: inline-block;
    margin-right: 30px; }
    .ltn__countdown .single:last-child {
      margin-right: 0; }

.ltn__countdown-2 {
  margin-top: 0;
  padding: 20px 30px 1px; }
  .ltn__countdown-2 .single {
    margin-right: 20px; }
    .ltn__countdown-2 .single h1 {
      font-size: 22px;
      margin-bottom: 5px; }
    .ltn__countdown-2 .single p {
      font-size: 14px; }

.ltn__countdown-3 {
  margin-top: 0;
  padding: 20px 30px 1px;
  padding-left: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .ltn__countdown-3 .single {
    margin-right: 20px;
    text-align: center; }
    .ltn__countdown-3 .single h1 {
      font-size: 30px;
      margin-bottom: 5px;
      height: 100px;
      width: 100px;
      line-height: 100px;
      background-color: var(--white);
      border-radius: 100%;
      color: var(--ltn__heading-color); }
    .ltn__countdown-3 .single p {
      font-size: 20px;
      text-transform: uppercase; }
  .ltn__countdown-3 .btn-wrapper {
    margin-top: 20px; }

.ltn__countdown-4 {
  margin-top: 0;
  padding: 20px 30px 1px;
  padding-left: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .ltn__countdown-4 .single {
    margin-right: 20px;
    text-align: center;
    width: 100px;
    background-color: white;
    padding: 15px 10px; }
    .ltn__countdown-4 .single h1 {
      font-size: 30px;
      margin-bottom: 0; }
    .ltn__countdown-4 .single p {
      font-size: 18px;
      margin-bottom: 0; }

@media (max-width: 991px) {
  .ltn__countdown-3 .single h1 {
    font-size: 20px;
    height: 50px;
    width: 50px;
    line-height: 50px; }
  .ltn__countdown-3 .single p {
    font-size: 14px; } }

@media (min-width: 767px) {
  .ltn__countdown-1 {
    min-width: 380px; } }

/* ----------------------------------------------------
    Blog Area
---------------------------------------------------- */
.ltn__blog-item {
  position: relative;
  margin-bottom: 30px; }

.ltn__blog-img {
  position: relative; }
  .ltn__blog-img img {
    margin-bottom: 0; }

.ltn__blog-likes {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1; }
  .ltn__blog-likes ul {
    margin: 0;
    padding: 0; }
  .ltn__blog-likes li {
    list-style: none; }
    .ltn__blog-likes li a {
      height: 70px;
      width: 70px;
      font-size: 16px;
      border-radius: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: var(--white);
      text-align: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column;
      flex-flow: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-shadow: var(--ltn__box-shadow-3);
      box-shadow: var(--ltn__box-shadow-3);
      color: var(--ltn__heading-color); }
      .ltn__blog-likes li a i {
        font-size: 18px;
        margin-bottom: 5px; }
      .ltn__blog-likes li a span {
        display: inline-block;
        line-height: 1;
        font-size: 12px; }

.ltn__blog-brief {
  padding: 30px 0 30px; }

.ltn__blog-title {
  margin-bottom: 20px;
  font-size: 26px; }

.ltn__blog-meta {
  margin-bottom: 20px; }
  .ltn__blog-meta ul {
    padding: 0;
    margin: 0; }
  .ltn__blog-meta li {
    font-weight: 700;
    font-family: var(--ltn__heading-font);
    display: inline-block;
    margin-right: 25px;
    position: relative;
    font-size: 14px;
    margin-top: 0; }
    .ltn__blog-meta li:last-child {
      margin-right: 0; }
    .ltn__blog-meta li i {
      color: var(--ltn__secondary-color);
      margin-right: 5px; }
    .ltn__blog-meta li img {
      margin-bottom: 0; }

.ltn__blog-tags a {
  margin-right: 10px;
  position: relative;
  display: inline-block; }
  .ltn__blog-tags a::before {
    position: absolute;
    content: ",";
    right: -3px; }
  .ltn__blog-tags a:last-child::before {
    display: none; }

.ltn__blog-author img {
  border-radius: 100%;
  margin-right: 10px;
  max-width: 30px;
  display: inline-block; }

.ltn__blog-btn {
  color: var(--ltn__heading-color);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.ltn__blog-category a {
  background-color: var(--ltn__secondary-color);
  color: var(--white);
  padding: 5px 15px 2px;
  margin-bottom: 5px;
  margin-right: 5px;
  display: inline-block;
  text-transform: uppercase; }
  .ltn__blog-category a:last-child {
    margin-right: 0; }
  .ltn__blog-category a:hover {
    background-color: var(--ltn__primary-color);
    color: var(--white); }

.ltn__blog-meta-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .ltn__blog-meta-btn .ltn__blog-meta {
    margin-bottom: 0; }

/* ltn__blog-item-1 */
.ltn__blog-item-1 .ltn__blog-img img {
  border-radius: 0px 0px 0px 35px; }

.ltn__blog-item-1 .ltn__blog-meta ul li {
  position: relative; }
  .ltn__blog-item-1 .ltn__blog-meta ul li::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 10px;
    top: 50%;
    background-color: var(--ltn__primary-color);
    right: -15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.2; }
  .ltn__blog-item-1 .ltn__blog-meta ul li:last-child::before {
    display: none; }

/* ltn__blog-item-2 */
.ltn__blog-item-2 {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .ltn__blog-item-2 .ltn__blog-brief {
    padding: 30px 20px 30px; }
  .ltn__blog-item-2 .ltn__blog-meta li:before {
    height: 15px;
    width: 2px;
    top: 50%; }
    .ltn__blog-item-2 .ltn__blog-meta li:before::before {
      position: absolute;
      content: "";
      right: -15px;
      height: 15px;
      width: 2px;
      background-color: var(--ltn__heading-color);
      top: 50%;
      bottom: 6px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 0.6; }
    .ltn__blog-item-2 .ltn__blog-meta li:before:last-child::before {
      display: none; }
  .ltn__blog-item-2 .ltn__blog-btn {
    opacity: 0;
    visibility: hidden;
    margin-top: -20px; }
  .ltn__blog-item-2:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1); }
    .ltn__blog-item-2:hover .ltn__blog-btn {
      margin-top: 0;
      opacity: 1;
      visibility: visible; }

/* ltn__blog-item-3 */
/* ltn__blog-item-4 */
.ltn__blog-item-3 .ltn__blog-brief,
.ltn__blog-item-4 .ltn__blog-brief {
  padding: 30px 30px 30px;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--white);
  position: relative; }

.ltn__blog-item-3 .ltn__blog-meta,
.ltn__blog-item-4 .ltn__blog-meta {
  margin-bottom: 15px; }

.ltn__blog-item-3 .ltn__blog-meta-btn,
.ltn__blog-item-4 .ltn__blog-meta-btn {
  border-top: 1px solid;
  border-color: var(--border-color-1);
  padding-top: 20px; }
  .ltn__blog-item-3 .ltn__blog-meta-btn .ltn__blog-meta,
  .ltn__blog-item-4 .ltn__blog-meta-btn .ltn__blog-meta {
    margin-bottom: 0; }

.ltn__blog-item-3 .ltn__blog-btn,
.ltn__blog-item-4 .ltn__blog-btn {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--ltn__heading-font);
  color: var(--ltn__secondary-color);
  text-transform: uppercase; }

/* ltn__blog-item-3 */
.ltn__blog-item-3 .ltn__blog-brief {
  width: calc( 100% - 30px);
  -webkit-box-shadow: var(--ltn__box-shadow-4);
  box-shadow: var(--ltn__box-shadow-4); }

.ltn__blog-item-3 .ltn__blog-img + .ltn__blog-brief {
  margin-top: -50px; }

.ltn__blog-item-3-normal .ltn__blog-item-3 {
  margin-bottom: 50px; }
  .ltn__blog-item-3-normal .ltn__blog-item-3 .ltn__blog-brief {
    width: calc( 100%); }
  .ltn__blog-item-3-normal .ltn__blog-item-3 .ltn__blog-img + .ltn__blog-brief {
    margin-top: 0px; }

.ltn__blog-item-3 .ltn__blog-img {
  overflow: hidden; }
  .ltn__blog-item-3 .ltn__blog-img img {
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s; }

.ltn__blog-item-3:hover .ltn__blog-img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

/* ltn__blog-item-4 */
.ltn__blog-item-4 {
  border: 2px solid var(--white-9);
  margin-top: 1px; }
  .ltn__blog-item-4 .ltn__blog-brief {
    margin-top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .ltn__blog-item-4 p {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .ltn__blog-item-4::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    background-color: var(--ltn__primary-color);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .ltn__blog-item-4:hover::before {
    width: 100%;
    height: 100%;
    opacity: 0.9;
    visibility: visible; }
  .ltn__blog-item-4:hover .ltn__blog-brief {
    background-color: transparent; }
  .ltn__blog-item-4:hover .ltn__blog-meta,
  .ltn__blog-item-4:hover .ltn__blog-title,
  .ltn__blog-item-4:hover p {
    color: var(--white); }

/* ltn__blog-item-5 */
.ltn__blog-item-5 {
  border: 2px solid var(--border-color-11); }
  .ltn__blog-item-5 .ltn__blog-brief {
    padding: 40px 30px 40px 30px; }
  .ltn__blog-item-5 .ltn__blog-meta-btn {
    padding-top: 10px; }
  .ltn__blog-item-5 .ltn__blog-author {
    font-size: 16px; }
    .ltn__blog-item-5 .ltn__blog-author img {
      max-width: 40px; }
  .ltn__blog-item-5 .ltn__blog-btn {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--ltn__body-font); }

/* blog-item-quote */
.ltn__blog-item-quote {
  border: 0; }
  .ltn__blog-item-quote .ltn__blog-meta li {
    color: var(--white); }
    .ltn__blog-item-quote .ltn__blog-meta li i {
      color: var(--white); }
    .ltn__blog-item-quote .ltn__blog-meta li:hover a {
      color: var(--white-3); }
  .ltn__blog-item-quote blockquote {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    background-color: transparent;
    font-style: normal;
    border-left: 0;
    border-color: var(--ltn__heading-color);
    padding: 60px 0 0;
    margin: 0px 0 30px 0px;
    color: var(--white);
    text-align: left; }
    .ltn__blog-item-quote blockquote::before {
      position: absolute;
      content: "\e94d";
      font-family: 'icomoon';
      font-size: 30px;
      left: 0;
      right: 0;
      top: 0;
      -webkit-transform: inherit;
      -ms-transform: inherit;
      transform: inherit;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
    .ltn__blog-item-quote blockquote a:hover, .ltn__blog-item-quote blockquote:hover {
      color: var(--white-3); }

/* blog-item-6 */
.ltn__blog-item-6 {
  -webkit-box-shadow: var(--ltn__box-shadow-5);
  box-shadow: var(--ltn__box-shadow-5);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .ltn__blog-item-6:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1); }
  .ltn__blog-item-6 .ltn__blog-brief {
    padding: 35px 30px 15px 35px; }
  .ltn__blog-item-6 .ltn__blog-title {
    font-size: 22px; }
  .ltn__blog-item-6 p {
    font-size: 14px; }

/* blog-item-7 */
.ltn__blog-item-7 {
  -webkit-box-shadow: var(--ltn__box-shadow-5);
  box-shadow: var(--ltn__box-shadow-5);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
  .ltn__blog-item-7:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1); }
  .ltn__blog-item-7 .ltn__blog-meta li {
    color: var(--ltn__secondary-color); }
  .ltn__blog-item-7 .ltn__blog-brief {
    padding: 30px 30px 30px 35px; }
  .ltn__blog-item-7 .ltn__blog-title {
    font-size: 18px;
    text-transform: uppercase; }
  .ltn__blog-item-7 p {
    font-size: 18px;
    line-height: 28px; }
  .ltn__blog-item-7 .ltn__blog-btn {
    font-size: 15px; }

/* blog-list-wrap */
.ltn__blog-list-wrap .ltn__blog-item {
  margin-bottom: 40px; }

.ltn__blog-list-wrap .ltn__blog-title {
  font-size: 40px;
  line-height: 1.2; }

.ltn__blog-list-wrap .ltn__blog-item-5 .ltn__blog-brief {
  padding: 50px 40px 50px 45px; }

.ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta {
  padding-left: 100px; }

.ltn__blog-list-wrap .ltn__blog-item-quote blockquote {
  font-size: 35px;
  line-height: 1.2;
  padding: 0 0 0 100px; }
  .ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before {
    font-size: 80px;
    left: 0; }
  .ltn__blog-list-wrap .ltn__blog-item-quote blockquote a:hover, .ltn__blog-list-wrap .ltn__blog-item-quote blockquote:hover {
    color: var(--white-3); }

@media (min-width: 992px) and (max-width: 1199px) {
  .ltn__blog-list-wrap .ltn__blog-title {
    font-size: 26px; }
  .ltn__blog-list-wrap .ltn__blog-item-quote blockquote {
    font-size: 24px;
    padding: 0 0 0 80px; }
    .ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before {
      font-size: 50px; }
  .ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta {
    padding-left: 80px; }
  .ltn__blog-item-6 .ltn__blog-title {
    font-size: 20px; } }

@media (max-width: 991px) {
  .ltn__blog-title {
    font-size: 22px; }
  .ltn__blog-item-3 .ltn__blog-brief {
    width: calc( 100% - 30px); }
  .ltn__blog-list-wrap .ltn__blog-title {
    font-size: 26px; }
  .ltn__blog-list-wrap .ltn__blog-item-quote blockquote {
    font-size: 24px;
    padding: 0 0 0 0px; }
    .ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before {
      font-size: 30px;
      display: block;
      position: relative;
      margin-bottom: 10px; }
  .ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta {
    padding-left: 0; } }

@media (max-width: 767px) {
  .ltn__blog-title {
    font-size: 18px; }
  .ltn__blog-meta li {
    margin-right: 10px;
    font-size: 12px; }
  .ltn__blog-list-wrap .ltn__blog-title {
    font-size: 22px; }
  .ltn__blog-list-wrap .ltn__blog-item-5 .ltn__blog-brief {
    padding: 40px 20px 35px 20px; }
  .ltn__blog-list-wrap .ltn__blog-item-quote blockquote {
    font-size: 20px;
    padding: 0 0 0 0px; }
    .ltn__blog-list-wrap .ltn__blog-item-quote blockquote::before {
      font-size: 30px;
      display: block;
      position: relative;
      margin-bottom: 10px; }
  .ltn__blog-list-wrap .ltn__blog-item-quote .ltn__blog-meta {
    padding-left: 0; }
  .ltn__blog-item-6 .ltn__blog-title {
    font-size: 20px; }
  .ltn__blog-item-6 .ltn__blog-brief {
    padding: 35px 20px 15px 20px; } }

/* ----------------------------------------------------
    Blog Details
---------------------------------------------------- */
.ltn__page-details-inner h1, .ltn__page-details-inner h2, .ltn__page-details-inner h3, .ltn__page-details-inner h4, .ltn__page-details-inner h5, .ltn__page-details-inner h6 {
  margin-top: 30px; }

.ltn__page-details-inner p {
  margin-top: 1.5em; }

.ltn__page-details-inner .ltn__blog-title {
  margin-top: 0;
  font-size: 36px; }

.ltn__page-details-inner .ltn__blog-img {
  margin-bottom: 40px; }

.ltn__page-details-inner .img-radius img {
  border-radius: 0px 0px 0px 35px; }

.ltn__page-details-inner label {
  font-size: 14px; }

/* blog-details-wrap */
.ltn__blog-details-wrap {
  border: 2px solid var(--border-color-11);
  padding: 50px; }

blockquote {
  font-size: 28px;
  font-family: var(--ltn__heading-font);
  line-height: 1.6;
  font-weight: 700;
  background-color: var(--section-bg-1);
  padding: 60px 50px 60px 60px;
  margin: 50px 0 50px 0px;
  font-style: normal;
  text-align: center;
  border-left: 0;
  position: relative;
  z-index: 1; }
  blockquote::before {
    position: absolute;
    content: "\e94d";
    font-family: 'icomoon';
    font-size: 230px;
    right: 45px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--white);
    z-index: -1; }

.ltn__comment-item {
  position: relative; }
  .ltn__comment-item p {
    font-size: 14px; }

.ltn__commenter-img {
  float: left;
  margin-right: 30px;
  max-width: 100px; }

.ltn__commenter-img img {
  border-radius: 100%; }

.ltn__commenter-comment {
  overflow: hidden; }

.ltn__commenter-comment h6 {
  margin-bottom: 5px;
  font-size: 20px; }

.ltn__commenter-comment .comment-date {
  margin-bottom: 10px;
  display: block;
  font-size: 13px;
  font-weight: 700;
  font-family: var(--ltn__heading-font);
  color: var(--ltn__secondary-color); }

.ltn__comment-inner ul {
  margin: 0;
  padding: 0; }

.ltn__comment-inner li {
  list-style: none;
  border-top: 1px solid var(--border-color-12);
  padding-top: 30px;
  margin-top: 8px; }

.ltn__comment-inner > ul > li:first-child {
  border-top: 0;
  padding-top: 0;
  margin-top: 0; }

.ltn__comment-inner ul ul {
  margin: 0 0 0 70px;
  padding: 0; }

.ltn__comment-reply-btn {
  position: absolute;
  padding: 0 25px 0;
  border: 2px solid var(--border-color-11);
  display: inline-block;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  line-height: 36px;
  top: 0;
  right: 0; }
  .ltn__comment-reply-btn i {
    margin-right: 5px; }
  .ltn__comment-reply-btn:hover {
    border-color: var(--ltn__secondary-color); }

.ltn__comment-reply-area form {
  padding: 50px;
  background-color: var(--white-5); }
  .ltn__comment-reply-area form input[type="text"],
  .ltn__comment-reply-area form input[type="email"],
  .ltn__comment-reply-area form input[type="password"],
  .ltn__comment-reply-area form input[type="submit"],
  .ltn__comment-reply-area form textarea {
    border-color: var(--white-5); }

.ltn__comment-inner .product-ratting ul {
  padding: 0;
  margin: 0; }
  .ltn__comment-inner .product-ratting ul li {
    padding: 0;
    border: 0; }

.ltn__first-letter {
  font-size: 70px;
  font-weight: 700;
  float: left;
  background-color: var(--ltn__secondary-color);
  color: var(--white);
  margin-right: 30px;
  line-height: 1;
  text-transform: uppercase;
  width: 100px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.ltn__blog-tags-social-media .ltn__social-media ul li {
  color: var(--ltn__color-1); }

.ltn__prev-next-btn {
  position: relative; }
  .ltn__prev-next-btn::before {
    position: absolute;
    content: "\e958";
    font-family: 'icomoon';
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font-size: 30px;
    color: var(--ltn__secondary-color); }
  .ltn__prev-next-btn h6 {
    color: var(--ltn__secondary-color); }
  .ltn__prev-next-btn .ltn__blog-title {
    font-size: 28px;
    margin-bottom: 0; }

.ltn-author-introducing {
  padding: 40px;
  border: 2px solid var(--border-color-11);
  margin-bottom: 50px; }
  .ltn-author-introducing .author-img {
    float: left;
    max-width: 180px;
    margin-right: 40px; }
  .ltn-author-introducing .author-info {
    overflow: hidden; }
    .ltn-author-introducing .author-info h6 {
      margin-bottom: 0;
      font-size: 14px;
      color: var(--ltn__secondary-color); }
    .ltn-author-introducing .author-info h1 {
      margin-bottom: 10px; }
    .ltn-author-introducing .author-info p {
      font-size: 14px;
      margin-bottom: 0; }
      .ltn-author-introducing .author-info p + p {
        margin-top: 15px; }

@media (min-width: 992px) and (max-width: 1199px) {
  .ltn-author-introducing .author-img {
    max-width: 120px;
    margin-right: 30px; } }

@media (max-width: 991px) {
  .ltn__blog-tags-social-media .ltn__social-media {
    text-align: left !important;
    margin-top: 30px; } }

@media (max-width: 767px) {
  .ltn__page-details-inner .ltn__blog-title {
    margin-top: 0;
    font-size: 24px; }
  .ltn__page-details-inner .ltn__blog-img {
    margin-bottom: 40px; }
  .ltn__blog-details-wrap {
    padding: 50px 20px; }
  blockquote {
    font-size: 16px;
    padding: 70px 20px 40px 20px; }
    blockquote::before {
      position: initial;
      font-size: 60px;
      display: block;
      line-height: 1; }
  .ltn__prev-next-btn .ltn__blog-title {
    font-size: 18px; }
  .blog-prev {
    margin-bottom: 40px; }
  .blog-next {
    margin-top: 40px;
    margin-bottom: 0; }
  .ltn-author-introducing {
    padding: 40px 20px; }
    .ltn-author-introducing .author-img {
      max-width: 100px;
      margin-right: 0px;
      margin-bottom: 30px; }
    .ltn-author-introducing .author-info {
      overflow: inherit; }
  .ltn__commenter-img {
    float: inherit;
    margin-right: 0;
    max-width: 80px;
    margin-bottom: 20px; }
  .ltn__commenter-comment h6 {
    font-size: 18px; }
  .ltn__comment-reply-btn {
    position: inherit;
    font-size: 12px; }
  .ltn__comment-inner ul ul {
    margin: 0px; }
  .ltn__comment-inner li {
    margin-top: 30px; }
  .ltn__comment-reply-area form {
    padding: 50px 20px; }
  .ltn__first-letter {
    font-size: 40px;
    margin-right: 20px;
    width: 60px;
    height: 60px; } }

/* ----------------------------------------------------
    Service Details
---------------------------------------------------- */
.ltn__service-list-menu ul {
  padding: 0; }
  .ltn__service-list-menu ul li {
    display: block;
    border-top: 2px solid #f6f6f6;
    padding: 18px 0;
    margin: 0;
    font-weight: 700;
    font-family: var(--ltn__heading-font); }
    .ltn__service-list-menu ul li:last-child {
      border-bottom: 2px solid #f6f6f6; }
    .ltn__service-list-menu ul li i {
      margin-right: 5px;
      color: var(--ltn__secondary-color); }
    .ltn__service-list-menu ul li .service-price {
      float: right;
      text-transform: capitalize;
      font-weight: 400;
      font-family: var(--ltn__body-font); }

@media (max-width: 767px) {
  .ltn__service-list-menu ul li .service-price {
    float: none;
    display: block; } }

/* ----------------------------------------------------
    Pagination
---------------------------------------------------- */
/* ltn__pagination-3 */
.ltn__pagination ul {
  margin: 0;
  padding: 0; }
  .ltn__pagination ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px; }
    .ltn__pagination ul li:last-child {
      margin-right: 0px; }
    .ltn__pagination ul li a {
      height: 50px;
      width: 50px;
      line-height: 46px;
      border: 2px solid var(--border-color-11);
      text-align: center;
      display: block;
      font-weight: 700; }
    .ltn__pagination ul li:hover a, .ltn__pagination ul li.active a {
      background-color: var(--ltn__secondary-color);
      border-color: var(--ltn__secondary-color);
      color: var(--white); }

@media (max-width: 767px) {
  .ltn__pagination ul li {
    margin-right: 5px;
    font-size: 14px; }
    .ltn__pagination ul li a {
      height: 40px;
      width: 40px;
      line-height: 36px; } }

/* ----------------------------------------------------
    Testimonial ( 1, 2, 3, 4, 5, 6 )
---------------------------------------------------- */
.ltn__testimonial-item {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  margin-bottom: 50px; }
  .ltn__testimonial-item .ltn__testimoni-img img {
    border-radius: 100%; }
  .ltn__testimonial-item.text-center .ltn__testimoni-img {
    margin-left: auto;
    margin-right: auto; }
  .ltn__testimonial-item.text-right .ltn__testimoni-img {
    margin-left: auto;
    margin-right: 0; }

.ltn__testimoni-img {
  max-width: 120px;
  margin-bottom: 30px; }
  .ltn__testimoni-img img {
    border-radius: 0; }
  .ltn__testimoni-img i {
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid;
    border-radius: 100%;
    font-size: 18px; }

/* testimonial-item-2 */
.ltn__testimonial-item-2 {
  max-width: 60%; }
  .ltn__testimonial-item-2 .ltn__testimoni-img {
    max-width: 85px;
    outline: 8px solid;
    outline-color: var(--white);
    margin-top: 8px;
    position: relative; }
    .ltn__testimonial-item-2 .ltn__testimoni-img img {
      border-radius: 0;
      -webkit-box-shadow: var(--ltn__box-shadow-4);
      box-shadow: var(--ltn__box-shadow-4); }
  .ltn__testimonial-item-2 p {
    font-size: 24px; }
  .ltn__testimonial-item-2 .ltn__testimoni-info h4 {
    font-size: 30px;
    margin-bottom: 5px; }
  .ltn__testimonial-item-2 .ltn__testimoni-info h6 {
    color: var(--ltn__secondary-color); }

/* testimonial-item-3 */
.ltn__testimonial-item-3 {
  max-width: 100%;
  margin-bottom: 20px; }
  .ltn__testimonial-item-3 .ltn__testimoni-info {
    -webkit-box-shadow: var(--ltn__box-shadow-4);
    box-shadow: var(--ltn__box-shadow-4);
    width: calc(100% - 40px);
    margin: -60px auto 0;
    background-color: var(--white);
    padding: 25px 30px 30px;
    position: relative;
    z-index: 9; }
    .ltn__testimonial-item-3 .ltn__testimoni-info p {
      margin-top: 0; }
    .ltn__testimonial-item-3 .ltn__testimoni-info h4 {
      margin-bottom: 5px;
      margin-top: 0; }
    .ltn__testimonial-item-3 .ltn__testimoni-info h6 {
      margin-bottom: 5px;
      margin-top: 0;
      color: var(--ltn__secondary-color); }
  .ltn__testimonial-item-3 .ltn__testimoni-info-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .ltn__testimonial-item-3 .ltn__testimoni-img {
    max-width: 60px;
    margin-bottom: 0;
    margin-right: 15px; }
    .ltn__testimonial-item-3 .ltn__testimoni-img img {
      border-radius: 0; }

.ltn__testimoni-bg-icon {
  position: absolute;
  right: 15px;
  bottom: 5px;
  z-index: -1;
  opacity: 0.1; }
  .ltn__testimoni-bg-icon i {
    font-size: 110px;
    line-height: 1;
    color: var(--ltn__color-1); }

/* testimonial-item-4 */
.ltn__testimonial-item-4 {
  max-width: 100%;
  position: relative;
  padding: 40px;
  background-color: var(--white);
  -webkit-box-shadow: var(--ltn__box-shadow-2);
  box-shadow: var(--ltn__box-shadow-2);
  z-index: 2; }
  .ltn__testimonial-item-4 .ltn__testimoni-img {
    max-width: 160px;
    float: left;
    margin-right: 40px; }
    .ltn__testimonial-item-4 .ltn__testimoni-img img {
      border-radius: 0; }
  .ltn__testimonial-item-4 .ltn__testimoni-info {
    overflow: hidden; }
    .ltn__testimonial-item-4 .ltn__testimoni-info p {
      margin-bottom: 15px; }
    .ltn__testimonial-item-4 .ltn__testimoni-info h4 {
      margin-bottom: 5px; }
    .ltn__testimonial-item-4 .ltn__testimoni-info h6 {
      margin-bottom: 5px;
      color: var(--ltn__secondary-color); }

/* testimonial-item-5 */
.ltn__testimonial-slider-4 {
  max-width: 45%;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.ltn__testimonial-item-5 .ltn__quote-icon {
  font-size: 240px;
  position: absolute;
  top: -15px;
  line-height: 1;
  color: var(--white-7);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1; }

.ltn__testimonial-item-5 .ltn__testimonial-image {
  max-width: 85px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px; }
  .ltn__testimonial-item-5 .ltn__testimonial-image img {
    outline: 8px solid #fff;
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1); }

.ltn__testimonial-item-5 .ltn__testimonial-info {
  margin-top: 30px; }
  .ltn__testimonial-item-5 .ltn__testimonial-info p {
    font-size: 24px; }
  .ltn__testimonial-item-5 .ltn__testimonial-info h4 {
    font-size: 30px;
    margin-bottom: 5px; }
  .ltn__testimonial-item-5 .ltn__testimonial-info h6 {
    color: var(--ltn__secondary-color); }

.ltn__testimonial-quote-menu {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0; }
  .ltn__testimonial-quote-menu li {
    list-style: none; }
    .ltn__testimonial-quote-menu li img {
      position: absolute; }
    .ltn__testimonial-quote-menu li:nth-child(1) img {
      width: 105px;
      top: -15%;
      left: 0; }
    .ltn__testimonial-quote-menu li:nth-child(2) img {
      width: 65px;
      top: 0;
      left: auto;
      right: 3%; }
    .ltn__testimonial-quote-menu li:nth-child(3) img {
      width: 65px;
      top: 70%;
      left: 10%; }
    .ltn__testimonial-quote-menu li:nth-child(4) img {
      width: 125px;
      top: 60%;
      left: auto;
      right: 10%; }
    .ltn__testimonial-quote-menu li:nth-child(5) img {
      width: 75px;
      top: 40%;
      left: 3%; }
    .ltn__testimonial-quote-menu li:nth-child(6) img {
      width: 75px;
      top: 25%;
      left: auto;
      right: 15%; }
    .ltn__testimonial-quote-menu li:nth-child(7) img {
      width: 55px;
      top: 20%;
      left: 15%; }
    .ltn__testimonial-quote-menu li:nth-child(8) img {
      width: 55px;
      top: 40%;
      left: auto;
      right: 3%; }

/* testimonial-item-6 */
.ltn__testimonial-item-6 {
  padding-top: 50px;
  margin-bottom: 0; }
  .ltn__testimonial-item-6 .ltn__testimoni-img i {
    border: 0;
    color: var(--ltn__secondary-color); }
  .ltn__testimonial-item-6 p {
    font-size: 28px; }

@media (max-width: 991px) {
  .ltn__testimonial-item-2 {
    max-width: 70%; }
    .ltn__testimonial-item-2 p {
      font-size: 20px; }
    .ltn__testimonial-item-2 .ltn__testimoni-info h4 {
      font-size: 24px; }
  .ltn__testimonial-slider-4 {
    max-width: 70%; }
  .ltn__testimonial-item-5 .ltn__testimonial-info p {
    font-size: 20px; }
  .quote-animated-image {
    display: none !important; } }

@media (max-width: 767px) {
  .ltn__testimonial-item-2 {
    max-width: 95%; }
    .ltn__testimonial-item-2 p {
      font-size: 16px; }
    .ltn__testimonial-item-2 .ltn__testimoni-info h4 {
      font-size: 20px; }
  .ltn__testimonial-item-3 .ltn__testimoni-info {
    width: calc(100% - 20px);
    padding: 25px 20px 30px; }
  .ltn__testimonial-item-4 .ltn__testimoni-img {
    float: none; }
  .ltn__testimonial-slider-4 {
    max-width: 95%; }
  .ltn__testimonial-item-5 .ltn__testimonial-info p {
    font-size: 16px; } }

/* ----------------------------------------------------
    Banner Area ( style: 2, 3 )
---------------------------------------------------- */
.ltn__banner-item {
  margin-bottom: 30px;
  position: relative; }

.ltn__banner-img {
  overflow: hidden; }
  .ltn__banner-img img {
    -webkit-transition: all 3.5s ease 0s;
    -o-transition: all 3.5s ease 0s;
    transition: all 3.5s ease 0s; }
  .ltn__banner-img:hover img {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform: scale(1.1); }

.ltn__banner-info h4 {
  margin-bottom: 10px; }

.ltn__banner-style-2 .ltn__banner-info {
  padding: 20px 30px;
  border: 1px solid;
  border-color: var(--border-color-1); }

.ltn__banner-style-3 .ltn__banner-info {
  position: absolute;
  left: 35px;
  top: 30px; }

.ltn__banner-style-3 .banner-button {
  position: absolute;
  bottom: 30px;
  left: 30px; }
  .ltn__banner-style-3 .banner-button a {
    color: var(--ltn__color-1);
    padding: 12px 25px;
    background-color: rgba(255, 255, 255, 0.1);
    display: inline-block; }
    .ltn__banner-style-3 .banner-button a:hover {
      color: var(--white); }

.ltn__banner-style-4 .ltn__banner-info {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

/* ----------------------------------------------------
    Team Area
---------------------------------------------------- */
.ltn__team-item {
  margin-bottom: 30px;
  border: 2px solid var(--border-color-8);
  text-align: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s; }
  .ltn__team-item:hover {
    -webkit-box-shadow: var(--ltn__box-shadow-1);
    box-shadow: var(--ltn__box-shadow-1); }

.team-info {
  padding: 25px 15px; }

/* team-item-2 */
.ltn__team-item-2 {
  position: relative; }
  .ltn__team-item-2:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--gradient-color-1);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .ltn__team-item-2 .team-info {
    position: absolute;
    width: 100%;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .ltn__team-item-2:hover:before {
    opacity: 0.7;
    visibility: visible; }
  .ltn__team-item-2:hover .team-info {
    top: 50%;
    opacity: 1;
    visibility: visible; }

/* team-item-3 */
.ltn__team-item-3 {
  padding: 45px 20px 25px;
  -webkit-box-shadow: var(--ltn__box-shadow-1);
  box-shadow: var(--ltn__box-shadow-1);
  border: 0;
  position: relative; }
  .ltn__team-item-3 .team-img {
    max-width: 180px;
    margin-left: auto;
    margin-right: auto; }
    .ltn__team-item-3 .team-img img {
      border-radius: 100%; }
  .ltn__team-item-3 h6 {
    text-transform: uppercase; }
  .ltn__team-item-3 .team-info {
    padding: 0;
    margin-top: 30px; }
  .ltn__team-item-3 .ltn__social-media {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: currentColor;
    width: 100%;
    padding: 10px 20px 20px;
    opacity: 0;
    visibility: hidden;
    border-bottom: 3px solid transparent; }
  .ltn__team-item-3:hover {
    background-color: var(--ltn__primary-color); }
    .ltn__team-item-3:hover h6,
    .ltn__team-item-3:hover h4,
    .ltn__team-item-3:hover .ltn__social-media ul li {
      color: var(--white); }
    .ltn__team-item-3:hover .ltn__social-media {
      bottom: -25px;
      opacity: 1;
      visibility: visible;
      z-index: 999;
      border-bottom-color: var(--ltn__secondary-color); }

@media (max-width: 767px) {
  .ltn__team-item-3 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto; } }

/* ----------------------------------------------------
    CounterUp Area
---------------------------------------------------- */
.ltn__counterup-item {
  margin-bottom: 50px;
  text-align: center; }
  .ltn__counterup-item .counter-icon {
    margin-bottom: 25px; }
    .ltn__counterup-item .counter-icon i {
      font-size: 35px; }
  .ltn__counterup-item h1 {
    font-weight: 700;
    font-size: 40px;
    color: var(--ltn__secondary-color); }

/* counterup-item-2 */
.ltn__counterup-item-2 {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .ltn__counterup-item-2 .counter-icon {
    margin-bottom: 0;
    margin-right: 30px;
    text-align: center; }
    .ltn__counterup-item-2 .counter-icon i {
      font-size: 35px;
      height: 65px;
      width: 65px;
      line-height: 65px;
      border: 1px solid;
      border-radius: 5px;
      color: var(--ltn__color-1); }
  .ltn__counterup-item-2 h1, .ltn__counterup-item-2 h6 {
    font-weight: 600;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 10px; }
  .ltn__counterup-item-2 h6 {
    font-size: 20px; }

/* counterup-item-3 */
.ltn__counterup-item-3 {
  margin-bottom: 50px; }
  .ltn__counterup-item-3 .counter-icon {
    color: var(--ltn__color-1);
    margin-bottom: 20px; }
  .ltn__counterup-item-3 h1 {
    font-size: 72px;
    line-height: 1; }
  .ltn__counterup-item-3 .counterUp-icon {
    font-size: 30px; }
  .ltn__counterup-item-3 h6 {
    font-family: var(--ltn__body-font); }

@media (max-width: 1199px) {
  .ltn__counterup-item-3 h1 {
    font-size: 56px; } }

@media (max-width: 767px) {
  .ltn__counterup-area .ltn__section-title-2 {
    text-align: center; }
  .ltn__counterup-item-3 {
    text-align: center; }
    .ltn__counterup-item-3 h1 {
      font-size: 56px; } }

/* ----------------------------------------------------
    Contact Form Area
---------------------------------------------------- */
.ltn__contact-address-item {
  padding: 40px 30px 10px;
  text-align: center;
  -webkit-box-shadow: var(--ltn__box-shadow-2);
  box-shadow: var(--ltn__box-shadow-2);
  margin-bottom: 30px; }
  .ltn__contact-address-item i {
    background-color: transparent;
    color: var(--ltn__heading-color);
    height: 60px;
    width: 60px;
    line-height: 60px;
    -webkit-box-shadow: var(--ltn__box-shadow-2);
    box-shadow: var(--ltn__box-shadow-2);
    text-align: center;
    border-radius: 100%;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .ltn__contact-address-item:hover i {
    background-color: var(--ltn__primary-color);
    color: var(--white); }

.ltn__contact-address-item-2 {
  padding: 30px 0 10px;
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .ltn__contact-address-item-2 + .ltn__contact-address-item-2 {
    border-top: 1px solid; }

.contact-form-box {
  padding: 40px 50px 50px;
  position: relative;
  z-index: 1; }
  .contact-form-box input::-webkit-input-placeholder {
    color: var(--ltn__color-1); }
  .contact-form-box input::-moz-placeholder {
    color: var(--ltn__color-1); }
  .contact-form-box input:-ms-input-placeholder {
    color: var(--ltn__color-1); }
  .contact-form-box input:-moz-placeholder {
    color: var(--ltn__color-1); }

.contact-form-box-2 input,
.contact-form-box-2 textarea {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding-left: 0; }

.google-map {
  height: 800px; }

.ltn__contact-address-item-3 {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid var(--border-color-11);
  padding: 50px 30px 25px; }
  .ltn__contact-address-item-3 i {
    font-size: 50px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .ltn__contact-address-item-3 .ltn__contact-address-icon {
    margin-bottom: 35px; }
    .ltn__contact-address-item-3 .ltn__contact-address-icon img {
      max-width: 80px; }
  .ltn__contact-address-item-3:hover i {
    background-color: transparent;
    color: var(--ltn__secondary-color); }

.form-messege .error {
  color: var(--red); }

.form-messege .success {
  color: var(--green); }

@media (max-width: 767px) {
  .contact-form-box {
    padding: 40px 25px 50px; } }

/* ----------------------------------------------------
    Cart Table Area
---------------------------------------------------- */
.table-1 table {
  border: 0;
  text-transform: uppercase;
  font-size: 13px;
  width: 100%; }
  .table-1 table tr:first-child {
    font-weight: 700;
    text-transform: uppercase;
    background-color: #e5e5e6; }
  .table-1 table tr:nth-child(odd) {
    background-color: #e5e5e6; }
  .table-1 table tr:nth-of-type(even) {
    background: #f9f9f9; }
  .table-1 table tr th {
    font-weight: 700;
    text-transform: uppercase;
    background-color: #e5e5e6;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 10px 0;
    display: table-cell;
    line-height: 18px;
    text-align: center;
    width: 12%; }
  .table-1 table tr td {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 10px 0;
    display: table-cell;
    line-height: 18px;
    text-align: center; }

.mobile-show {
  display: none; }

@media only screen and (max-width: 767px) {
  .mobile-none {
    display: none; }
  .mobile-show {
    display: block; } }

/* ----------------------------------------------------
    Cart plus minus
---------------------------------------------------- */
.cart-plus-minus {
  border: 2px solid;
  height: 63px;
  line-height: 56px;
  width: 140px;
  text-align: center; }

.qtybutton {
  height: 100%;
  width: 30%; }

.dec.qtybutton {
  float: left;
  border-right: 2px solid; }

.inc.qtybutton {
  float: right;
  border-left: 2px solid; }

.cart-plus-minus,
.dec.qtybutton,
.inc.qtybutton {
  background-color: var(--white);
  border-color: var(--border-color-11);
  font-size: 20px;
  font-weight: 700;
  cursor: pointer; }

input.cart-plus-minus-box {
  background: transparent none repeat scroll 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
  width: 40%;
  font-weight: 700; }

/* ----------------------------------------------------
    Product Details
---------------------------------------------------- */
.product-details-content .product-title {
  font-size: 36px;
  font-weight: 700; }

.product-details-content .product-price {
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 15px; }

.product-details-content .product-excerpt {
  margin-bottom: 30px; }

.product-details-content .cart-plus-minus {
  display: inline-block;
  margin-right: 20px; }

.product-details-content .product-details-cart-btn {
  display: inline-block;
  margin-top: 0; }

.product-details-content .product-details-buy-btn .theme-btn-1 {
  padding: 10px 100px 9px; }

/* ----------------------------------------------------
    Shoping Cart
---------------------------------------------------- */
.table tr:nth-child(odd) {
  background-color: #f7f8fa; }

.table tr:nth-child(even) {
  background-color: #fafafa; }

.shoping-cart-table tbody {
  border-bottom: 1px solid #dee2e6; }

.shoping-cart-table thead th {
  vertical-align: middle;
  border-bottom: 0;
  background-color: #f7f8fa; }

.shoping-cart-table .table tr {
  background-color: transparent;
  display: table;
  width: 100%; }

.shoping-cart-table td {
  padding: 20px 25px;
  vertical-align: middle; }

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

.cart-product-remove {
  cursor: pointer; }

.cart-product-remove:hover {
  color: var(--ltn__secondary-color); }

.cart-product-subtotal {
  font-weight: 700; }

.cart-coupon-row {
  background-color: #f7f8fa;
  text-align: right; }

.cart-coupon {
  text-align: left; }

.cart-coupon input {
  max-width: 250px;
  margin-bottom: 0; }

.submit-button-1 {
  padding: 10px 30px;
  background-color: var(--ltn__primary-color);
  color: var(--white);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.submit-button-1:hover {
  background-color: var(--ltn__secondary-color);
  color: var(--white); }

.btn.disabled {
  cursor: not-allowed; }

.shoping-cart-total {
  float: right;
  max-width: 450px;
  width: 100%; }
  .shoping-cart-total .table {
    margin-bottom: 0; }
  .shoping-cart-total .btn-wrapper {
    margin-top: 0; }
    .shoping-cart-total .btn-wrapper .theme-btn-1 {
      display: block; }

@media (min-width: 768px) and (max-width: 991px) {
  .shoping-cart-table td {
    padding: 20px 10px; }
  .cart-product-image img {
    max-width: 80px; }
  .cart-product-info h4 {
    font-size: 18px; } }

@media (max-width: 767px) {
  .shoping-cart-table thead th {
    display: none; }
  .shoping-cart-table .table tr {
    display: block;
    text-align: center; }
  .shoping-cart-table td {
    display: block;
    padding: 20px 15px; }
  .cart-product-image {
    max-width: 100%; }
  .shoping-cart-table .cart-plus-minus {
    margin-left: auto;
    margin-right: auto; }
  .cart-coupon input {
    margin-bottom: 20px; }
  .shoping-cart-table .table tr:nth-child(even) {
    background-color: var(--section-bg-1); } }

/* ----------------------------------------------------
    Custom Content
---------------------------------------------------- */
.custom-content-brief h1 {
  margin-bottom: 30px; }

.custom-content-brief .btn-wrapper {
  margin-top: 40px; }

/* ----------------------------------------------------
    Newsletter
---------------------------------------------------- */
.ltn__newsletter-inner .ltn__form-box {
  position: relative;
  margin-top: 30px; }
  .ltn__newsletter-inner .ltn__form-box input {
    margin-bottom: 0;
    padding-right: 140px; }
  .ltn__newsletter-inner .ltn__form-box button {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    height: 100%;
    -webkit-box-shadow: none;
    box-shadow: none; }

.ltn__newsletter-inner-2 .ltn__form-box input {
  border-width: 0px 0px 1px 0px;
  padding-right: 140px; }

.ltn__newsletter-inner-3 .ltn__form-box input {
  border-radius: 50px;
  padding-left: 30px; }

/* ----------------------------------------------------
    Faq Area
---------------------------------------------------- */
.ltn__faq-inner .card {
  border: none;
  border-radius: 0;
  margin-bottom: 35px; }
  .ltn__faq-inner .card:last-child {
    margin-bottom: 0; }
  .ltn__faq-inner .card .ltn__card-title {
    background-color: var(--section-bg-1);
    padding: 22px 15px 22px 40px;
    cursor: pointer;
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 18px;
    margin-bottom: 0; }
    .ltn__faq-inner .card .ltn__card-title::before {
      position: absolute;
      content: "\e903";
      font-family: 'icomoon';
      right: 15px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      font-size: 20px; }
  .ltn__faq-inner .card .ltn__card-title[aria-expanded="true"] {
    background-color: var(--ltn__secondary-color);
    color: var(--white); }
  .ltn__faq-inner .card .ltn__card-title[aria-expanded="true"]:before {
    content: "\e904"; }
  .ltn__faq-inner .card .card-body {
    padding: 20px 0 0 0; }

/* ltn__faq-inner-2 */
.ltn__faq-inner-2 .card {
  margin: 0 0 -2px 0;
  border: 2px solid;
  border-color: var(--border-color-10); }
  .ltn__faq-inner-2 .card .ltn__card-title {
    background-color: transparent;
    padding: 20px 60px 20px 40px; }
    .ltn__faq-inner-2 .card .ltn__card-title::before {
      background-color: var(--section-bg-1);
      color: var(--ltn__primary-color);
      font-size: 16px;
      height: 40px;
      width: 40px;
      text-align: center;
      line-height: 40px; }
  .ltn__faq-inner-2 .card .ltn__card-title[aria-expanded="true"] {
    background-color: transparent;
    color: var(--ltn__primary-color); }
  .ltn__faq-inner-2 .card .ltn__card-title[aria-expanded="true"]:before {
    color: var(--ltn__secondary-color); }
  .ltn__faq-inner-2 .card .card-body {
    padding: 15px 40px 25px; }

@media (max-width: 767px) {
  .ltn__faq-inner-2 .card .ltn__card-title {
    padding: 20px 60px 20px 20px;
    font-size: 16px; }
  .ltn__faq-inner-2 .card .card-body {
    padding: 15px 20px 25px; } }

/* ----------------------------------------------------
    404 Area
---------------------------------------------------- */
.error-404-inner .btn-wrapper {
  margin-top: 50px; }

.error-404-title {
  font-size: 120px;
  line-height: 1;
  margin-bottom: 40px; }

/* 404 area 1 */
.ltn__404-area-1 .error-404-title {
  font-size: 400px;
  line-height: 1;
  color: var(--ltn__secondary-color);
  margin-bottom: 0; }

.ltn__404-area-1 h2 {
  font-size: 60px; }

/* 404 area 2 */
.ltn__404-area-2 {
  min-height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .ltn__404-area-2 .error-404-inner {
    padding: 150px 0 170px; }

@media (max-width: 1199px) {
  .ltn__404-area-1 .error-404-title {
    font-size: 200px; }
  .ltn__404-area-1 h2 {
    font-size: 30px; } }

@media (max-width: 991px) {
  .ltn__404-area-2 .error-404-inner {
    padding: 80px 0 110px; }
  .error-404-inner p br {
    display: none; }
  .error-404-title {
    font-size: 80px; }
  .ltn__404-area-1 .error-404-title {
    font-size: 100px; }
  .ltn__404-area-1 h2 {
    font-size: 20px; } }

/* ----------------------------------------------------
    Coming Soon Area
---------------------------------------------------- */
.ltn__coming-soon-area {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.coming-soon-inner {
  padding: 120px 0 100px; }
  .coming-soon-inner .ltn__countdown {
    margin-top: 0; }
    .coming-soon-inner .ltn__countdown .single {
      border: 1px solid var(--border-color-3);
      margin-right: 30px;
      margin-top: 15px;
      margin-bottom: 15px;
      min-width: 120px;
      padding-top: 15px; }
  .coming-soon-inner .btn-wrapper {
    margin-top: 50px; }
  .coming-soon-inner p {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto; }
  .coming-soon-inner .ltn__form-box {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto; }
    .coming-soon-inner .ltn__form-box input {
      background-color: transparent;
      color: var(--white);
      border: 1px solid var(--border-color-3); }
    .coming-soon-inner .ltn__form-box input[type="text"]::-webkit-input-placeholder,
    .coming-soon-inner .ltn__form-box input[type="email"]::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: var(--white); }

@media (min-width: 767px) and (max-width: 991px) {
  .coming-soon-inner .ltn__countdown .single {
    min-width: 110px; } }

@media (max-width: 991px) {
  .coming-soon-inner {
    padding: 80px 0 110px; }
    .coming-soon-inner p br {
      display: none; } }

@media (max-width: 767px) {
  .coming-soon-inner .ltn__countdown {
    padding: 25px 20px 5px; }
    .coming-soon-inner .ltn__countdown .single {
      margin-right: 20px;
      min-width: 90px; } }

/* ----------------------------------------------------
    Screenshot Area
---------------------------------------------------- */
/* img-slide-item-1 */
.ltn__img-slide-item-1 {
  margin: 10px 0 20px 0;
  padding: 0 0; }

.slick-current .ltn__img-slide-item-1 {
  -webkit-box-shadow: var(--ltn__box-shadow-1);
  box-shadow: var(--ltn__box-shadow-1); }

/* img-slide-item-2 */
.ltn__img-slide-item-2 {
  margin-bottom: 30px; }

/* img-slide-item-3 */
.ltn__img-slide-item-3 {
  position: relative;
  margin-bottom: 85px; }
  .ltn__img-slide-item-3 .ltn__img-slide-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 35px;
    background-color: white;
    position: absolute;
    bottom: 0;
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: var(--ltn__box-shadow-2);
    box-shadow: var(--ltn__box-shadow-2); }
  .ltn__img-slide-item-3 .ltn__img-slide-info-brief {
    padding-right: 20px; }
  .ltn__img-slide-item-3 h6 {
    margin-bottom: 5px;
    color: var(--ltn__secondary-color); }
  .ltn__img-slide-item-3 h1 {
    margin-bottom: 0;
    font-size: 30px; }
  .ltn__img-slide-item-3 .btn-wrapper {
    margin-top: 0; }
    .ltn__img-slide-item-3 .btn-wrapper .btn {
      padding: 15px 20px 13px; }
  .ltn__img-slide-item-3:hover .ltn__img-slide-info {
    bottom: -65px;
    opacity: 1;
    visibility: visible; }

.slick-current .ltn__img-slide-item-3 .ltn__img-slide-info {
  bottom: -65px;
  opacity: 1;
  visibility: visible; }

.ltn__img-slide-item-4 {
  position: relative;
  margin-bottom: 30px; }
  .ltn__img-slide-item-4 .ltn__img-slide-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 35px;
    position: absolute;
    bottom: 5px;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: var(--gradient-color-3);
    opacity: 0;
    visibility: hidden; }
  .ltn__img-slide-item-4 .ltn__img-slide-info-brief {
    padding-right: 20px; }
  .ltn__img-slide-item-4 h6 {
    margin-bottom: 5px;
    color: var(--white); }
  .ltn__img-slide-item-4 h1 {
    margin-bottom: 0;
    font-size: 30px;
    color: var(--white); }
  .ltn__img-slide-item-4 .btn-wrapper {
    margin-top: 0; }
    .ltn__img-slide-item-4 .btn-wrapper .btn {
      padding: 15px 20px 13px; }
  .ltn__img-slide-item-4:hover .ltn__img-slide-info {
    bottom: 0;
    opacity: 1;
    visibility: visible; }

@media (max-width: 1399px) {
  .ltn__img-slide-item-3 .ltn__img-slide-info {
    padding: 30px 20px;
    width: calc(100% - 30px); }
  .ltn__img-slide-item-3 .ltn__img-slide-info-brief {
    padding-right: 15px; }
  .ltn__img-slide-item-3 h1 {
    font-size: 18px; }
  .ltn__img-slide-item-3 .btn-wrapper .btn {
    padding: 10px 10px 8px; }
  .ltn__img-slide-item-4 .ltn__img-slide-info {
    padding: 30px 20px; }
  .ltn__img-slide-item-4 h1 {
    font-size: 18px; }
  .ltn__img-slide-item-4 .btn-wrapper .btn {
    padding: 10px 10px 8px; } }

/* ----------------------------------------------------
    Pricing List Area
---------------------------------------------------- */
.ltn__pricing-plan-item {
  -webkit-box-shadow: var(--ltn__box-shadow-1);
  box-shadow: var(--ltn__box-shadow-1);
  margin-bottom: 30px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  overflow: hidden; }
  .ltn__pricing-plan-item .pricing-badge {
    color: var(--white);
    background-color: var(--ltn__secondary-color);
    padding: 4px 20px;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    display: table;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 18px;
    position: absolute;
    right: -28px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .ltn__pricing-plan-item .pricing-title {
    margin: 0;
    height: 100px;
    line-height: 100px; }
  .ltn__pricing-plan-item .pricing-price {
    background-color: var(--section-bg-1);
    height: 85px;
    line-height: 85px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
    .ltn__pricing-plan-item .pricing-price h2 {
      margin-bottom: 0;
      line-height: inherit;
      font-size: 48px; }
    .ltn__pricing-plan-item .pricing-price sup,
    .ltn__pricing-plan-item .pricing-price sub {
      font-size: 24px; }
    .ltn__pricing-plan-item .pricing-price sup {
      top: -.9em; }
    .ltn__pricing-plan-item .pricing-price sub {
      bottom: -.2em; }
  .ltn__pricing-plan-item ul {
    margin: 35px 0;
    padding: 0; }
    .ltn__pricing-plan-item ul li {
      list-style: none;
      font-size: 18px; }
  .ltn__pricing-plan-item .btn-wrapper {
    padding-bottom: 50px; }
  .ltn__pricing-plan-item.active-price, .ltn__pricing-plan-item.active {
    -webkit-box-shadow: var(--ltn__box-shadow-6);
    box-shadow: var(--ltn__box-shadow-6);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    overflow: hidden;
    position: relative; }
    .ltn__pricing-plan-item.active-price .pricing-price h2, .ltn__pricing-plan-item.active .pricing-price h2 {
      color: var(--ltn__secondary-color); }
    .ltn__pricing-plan-item.active-price .btn, .ltn__pricing-plan-item.active .btn {
      background-color: var(--ltn__secondary-color);
      color: var(--white); }

@media (max-width: 767px) {
  .ltn__pricing-plan-item.active-price, .ltn__pricing-plan-item.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

/* ----------------------------------------------------
    Checkbox
---------------------------------------------------- */
/* checkbox-item */
.checkbox-item {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.checkbox-item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkbox-item .checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: var(--gray);
  border: 1px solid;
  border-color: var(--ltn__primary-color); }

/* On mouse-over, add a grey background color */
.checkbox-item:hover input ~ .checkmark {
  background-color: var(--ltn__secondary-color); }

/* When the checkbox is checked, add a blue background */
.checkbox-item input:checked ~ .checkmark {
  background-color: var(--ltn__primary-color); }

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-item .checkmark:after {
  position: absolute;
  content: "";
  display: none; }

/* Show the checkmark when checked */
.checkbox-item input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.checkbox-item .checkmark:after {
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

/* ----------------------------------------------------
    Body Sidebar Icons
---------------------------------------------------- */
.body-sidebar-icons {
  position: fixed;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 9;
  -webkit-transition: -webkit-transform .3s ease 1s;
  transition: -webkit-transform .3s ease 1s;
  -o-transition: transform .3s ease 1s;
  transition: transform .3s ease 1s;
  transition: transform .3s ease 1s, -webkit-transform .3s ease 1s;
  transition: transform .3s ease 1s,-webkit-transform .3s ease 1s;
  right: 0;
  -webkit-transform: translate3d(100%, -50%, 0);
  transform: translate3d(100%, -50%, 0);
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }
  .body-sidebar-icons a {
    background-color: #ddd;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: auto;
    height: 40px;
    min-width: 40px;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .body-sidebar-icons a i {
      width: 40px;
      line-height: 40px;
      font-size: 14px;
      vertical-align: middle; }
    .body-sidebar-icons a .icon-name {
      white-space: nowrap;
      max-width: 0;
      padding: 0;
      overflow: hidden;
      font-size: 14px;
      font-weight: 600;
      -webkit-transition: padding 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15), max-width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
      -o-transition: padding 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15), max-width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
      transition: padding 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15), max-width 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15); }
    .body-sidebar-icons a.facebook-icon {
      background-color: var(--facebook); }
    .body-sidebar-icons a.twitter-icon {
      background-color: var(--twitter); }
    .body-sidebar-icons a.pinterest-icon {
      background-color: var(--pinterest); }
    .body-sidebar-icons a.instagram-icon {
      background-color: var(--instagram); }
    .body-sidebar-icons a.dribbble-icon {
      background-color: var(--dribbble); }
    .body-sidebar-icons a.behance-icon {
      background-color: var(--behance); }
    .body-sidebar-icons a.google-plus-icon {
      background-color: var(--google-plus); }
    .body-sidebar-icons a.linkedin-icon {
      background-color: var(--linkedin); }
    .body-sidebar-icons a.youtube-icon {
      background-color: var(--youtube); }
    .body-sidebar-icons a.vk-icon {
      background-color: var(--vk); }
    .body-sidebar-icons a.wechat-icon {
      background-color: var(--wechat); }
    .body-sidebar-icons a.email-icon {
      background-color: var(--email); }
    .body-sidebar-icons a:hover {
      -webkit-box-shadow: none;
      box-shadow: none; }
      .body-sidebar-icons a:hover .icon-name {
        padding-left: 15px;
        max-width: 220px; }
  .body-sidebar-icons.left-side {
    left: 0;
    right: auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .body-sidebar-icons.left-side a {
      -webkit-box-orient: unset;
      -webkit-box-direction: unset;
      -ms-flex-direction: unset;
      flex-direction: unset; }
      .body-sidebar-icons.left-side a:hover {
        -webkit-box-shadow: none;
        box-shadow: none; }
        .body-sidebar-icons.left-side a:hover .icon-name {
          padding-right: 15px;
          padding-left: 0; }

/* ----------------------------------------------------
    About Us Area
---------------------------------------------------- */
.about-us-img-wrap {
  position: relative; }
  .about-us-img-wrap img {
    margin: 0; }

.about-us-img-info {
  width: 310px;
  height: 310px;
  background-color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-box-shadow: var(--ltn__box-shadow-1);
  box-shadow: var(--ltn__box-shadow-1);
  position: absolute;
  top: 70%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto; }
  .about-us-img-info h1 {
    margin: 0;
    font-size: 120px;
    line-height: 0.8;
    color: var(--ltn__secondary-color); }
    .about-us-img-info h1 .counter {
      font-size: 120px;
      line-height: 0.8;
      color: var(--ltn__secondary-color); }
    .about-us-img-info h1 span {
      font-size: 20px;
      color: var(--ltn__heading-color); }
  .about-us-img-info h6 {
    margin: 0; }
    .about-us-img-info h6 span {
      font-size: 20px;
      color: var(--ltn__secondary-color); }
  .about-us-img-info .btn-wrapper {
    margin-top: 50px; }
  .about-us-img-info .dots-bottom {
    height: 25px;
    width: 25px;
    background-color: var(--ltn__secondary-color);
    display: inline-block;
    position: absolute;
    bottom: -10px;
    left: 12px; }

.about-us-img-info-2 {
  width: 190px;
  height: 190px;
  background-color: var(--ltn__secondary-color);
  border: 15px solid;
  border-color: var(--white);
  bottom: 0;
  top: auto;
  -webkit-transform: inherit;
  -ms-transform: inherit;
  transform: inherit;
  margin-right: 0; }
  .about-us-img-info-2 h1 {
    font-size: 50px;
    color: var(--white); }
    .about-us-img-info-2 h1 .counter {
      font-size: 50px;
      color: var(--white); }
    .about-us-img-info-2 h1 span {
      font-size: 20px;
      color: var(--white); }
  .about-us-img-info-2 h6 {
    color: var(--white); }

.about-us-info-wrap .btn-wrapper {
  margin-top: 40px; }

.about-us-info-wrap hr {
  margin-top: 40px;
  margin-bottom: 40px; }

.about-us-info-devide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .about-us-info-devide .list-item-with-icon {
    margin-left: 30px;
    margin-bottom: 30px; }

.list-item-with-icon {
  min-width: 300px; }

.about-us-img-info-inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column; }

.list-item-with-icon-2 ul,
.list-item-with-icon ul {
  padding: 0;
  margin: 0; }
  .list-item-with-icon-2 ul li,
  .list-item-with-icon ul li {
    position: relative;
    list-style: none;
    padding-left: 60px;
    font-weight: 700;
    margin-bottom: 25px; }
    .list-item-with-icon-2 ul li:last-child,
    .list-item-with-icon ul li:last-child {
      margin-bottom: 0; }
    .list-item-with-icon-2 ul li::before,
    .list-item-with-icon ul li::before {
      position: absolute;
      content: "\f00c";
      font-family: 'Font Awesome\ 5 Free';
      font-weight: 900;
      left: 0;
      top: -5px;
      background-color: var(--section-bg-1);
      height: 40px;
      width: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 12px;
      color: var(--ltn__secondary-color); }

.list-item-with-icon-2 ul li {
  padding-left: 30px;
  font-weight: 400;
  margin-bottom: 0; }
  .list-item-with-icon-2 ul li::before {
    height: inherit;
    line-height: inherit;
    width: inherit;
    background-color: transparent;
    color: var(--ltn__heading-color);
    top: 5px; }

.about-img-left {
  margin-right: 30px; }

.about-img-right {
  margin-left: 30px; }

.ltn__img-shape-left,
.ltn__img-shape-right {
  position: relative; }
  .ltn__img-shape-left::before,
  .ltn__img-shape-right::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 85%;
    width: 30px;
    background-color: var(--ltn__secondary-color); }

.ltn__img-shape-left {
  padding-left: 30px; }
  .ltn__img-shape-left::before {
    left: 0; }

.ltn__img-shape-right {
  padding-right: 30px; }
  .ltn__img-shape-right::before {
    left: auto;
    right: 0; }

.about-call-us {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .about-call-us .call-us-icon {
    font-size: 50px;
    margin-right: 20px;
    color: var(--ltn__secondary-color);
    line-height: 1; }
  .about-call-us .call-us-info p {
    margin-bottom: 10px; }
  .about-call-us .call-us-info h2 {
    margin-bottom: 0px; }

@media (min-width: 992px) and (max-width: 1199px) {
  .about-us-info-devide {
    display: block; }
    .about-us-info-devide .list-item-with-icon {
      margin-left: 0; }
  .list-item-with-icon {
    margin-top: 30px;
    margin-bottom: 40px; } }

@media (max-width: 991px) {
  .about-img-left {
    margin-right: 0;
    margin-bottom: 40px; }
  .about-img-right {
    margin-left: 0;
    margin-bottom: 40px; } }

@media (max-width: 767px) {
  .custom-content-brief {
    margin-bottom: 30px; }
  .about-us-img-info {
    height: 200px;
    width: 220px; }
    .about-us-img-info h1 .counter {
      font-size: 80px; }
  .about-us-img-info-2 {
    width: 150px;
    height: 150px; }
    .about-us-img-info-2 h1 .counter {
      font-size: 30px; }
  .about-us-info-devide {
    display: block; }
    .about-us-info-devide .list-item-with-icon {
      margin-left: 0; }
  .list-item-with-icon {
    margin-top: 30px;
    margin-bottom: 40px; }
  .list-item-with-icon {
    min-width: 275px; } }

/* ----------------------------------------------------
    Why Choose Us Area
---------------------------------------------------- */
.why-choose-us-feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  max-width: 480px; }
  .why-choose-us-feature-item .why-choose-us-feature-icon {
    margin-right: 20px;
    font-size: 70px;
    line-height: 1.2;
    color: var(--ltn__secondary-color);
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content; }
  .why-choose-us-feature-item .why-choose-us-feature-brief h3 {
    margin-bottom: 5px; }

.why-choose-us-img-wrap img {
  max-width: 65%; }

.why-choose-us-img-2 {
  margin-top: -15%; }
  .why-choose-us-img-2 img {
    border: 15px solid #fff; }

/* ----------------------------------------------------
    Service Area
---------------------------------------------------- */
.ltn__service-item-1 {
  background-color: var(--white);
  margin-bottom: 50px; }
  .ltn__service-item-1 .service-item-img {
    position: relative;
    overflow: hidden; }
    .ltn__service-item-1 .service-item-img img {
      -webkit-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
  .ltn__service-item-1 .service-item-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70px;
    height: 70px;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 40px;
    color: var(--ltn__secondary-color); }
  .ltn__service-item-1 .service-item-brief {
    padding: 32px 40px 10px; }
    .ltn__service-item-1 .service-item-brief h3 {
      margin-bottom: 5px; }
  .ltn__service-item-1:hover .service-item-img img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }

.ltn__service-item-2 {
  padding: 0px 45px 30px;
  margin-bottom: 50px;
  margin-top: 35px; }
  .ltn__service-item-2 .service-item-icon {
    font-size: 80px;
    line-height: 1;
    top: -35px;
    position: relative;
    color: var(--ltn__secondary-color); }
  .ltn__service-item-2 .service-item-brief {
    padding-top: 50px; }
  .ltn__service-item-2 .service-item-icon + .service-item-brief {
    padding-top: 0; }
  .ltn__service-item-2 ul {
    margin-bottom: 10px;
    padding: 0; }
    .ltn__service-item-2 ul li {
      list-style: none;
      margin-top: 10px; }
      .ltn__service-item-2 ul li span {
        color: var(--ltn__color-1); }
  .ltn__service-item-2 hr {
    margin-top: 25px;
    margin-bottom: 25px; }

@media (max-width: 1199px) {
  .ltn__service-item-2 {
    padding: 0px 30px 30px; } }

@media (max-width: 767px) {
  .ltn__service-item-1 .service-item-brief {
    padding: 30px 22px 10px; } }

/* ----------------------------------------------------
    Call To Action
---------------------------------------------------- */
/* call-to-action-2 */
.call-to-action-2 {
  background-color: var(--white-3); }

.call-to-action-inner-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .call-to-action-inner-2 h2 {
    margin: 0; }
  .call-to-action-inner-2 .btn-wrapper {
    margin-top: 0; }

/* call-to-action-3 */
.get-a-free-service-margin {
  margin-bottom: -180px; }

.get-a-free-service-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-shadow: var(--ltn__box-shadow-1);
  box-shadow: var(--ltn__box-shadow-1);
  padding-right: 80px;
  padding-left: 30px; }
  .get-a-free-service-inner .call-to-img img {
    max-width: 350px;
    position: absolute;
    left: 35px;
    bottom: 0;
    z-index: 2; }
  .get-a-free-service-inner .call-to-action-inner-content {
    position: relative;
    z-index: 3; }

.call-to-circle-1,
.call-to-circle-2 {
  height: 265px;
  width: 265px;
  display: inline-block;
  background-color: var(--ltn__secondary-color);
  position: absolute;
  left: 60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 100%;
  z-index: 1; }

.call-to-circle-2 {
  height: 80px;
  width: 80px;
  left: 300px;
  top: 10%;
  -webkit-transform: inherit;
  -ms-transform: inherit;
  transform: inherit;
  -webkit-animation: wave 8s 0.1s infinite linear;
  animation: wave 8s 0.1s infinite linear; }

.call-to-bg-icon {
  position: absolute;
  font-size: 220px;
  right: 35px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  color: var(--ltn__color-1);
  opacity: 0.1; }

.get-a-free-service-inner .call-to-circle-2 {
  -webkit-animation: wave 8s 0.1s infinite linear;
  animation: wave 8s 0.1s infinite linear; }

/* call-to-action-4 */
.ltn__call-to-action-4 {
  position: relative; }
  .ltn__call-to-action-4 .call-to-action-inner-4 {
    position: relative;
    z-index: 99; }
    .ltn__call-to-action-4 .call-to-action-inner-4 h2 {
      font-style: italic; }
    .ltn__call-to-action-4 .call-to-action-inner-4 .h1 {
      font-size: 50px; }
    .ltn__call-to-action-4 .call-to-action-inner-4 p {
      font-size: 18px; }

.ltn__call-to-4-img-1 {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 34%; }

.ltn__call-to-4-img-2 {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 27%; }

/* call-to-action-5 */
.call-to-action-inner-5 a:hover {
  text-decoration: underline;
  color: var(--white); }

/* Device :991px. */
@media (max-width: 991px) {
  .ltn__call-to-4-img-1,
  .ltn__call-to-4-img-2 {
    display: none; }
  .ltn__call-to-action-4 .call-to-action-inner-4 .h1 {
    font-size: 30px; }
  .ltn__call-to-action-4 .call-to-action-inner-4 p {
    font-size: 14px; } }

/* small mobile :320px. */
@media (max-width: 767px) {
  .call-to-action-inner-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column; }
    .call-to-action-inner-2 .btn-wrapper {
      margin-top: 15px; }
  .get-a-free-service-inner {
    display: block;
    padding-right: 0;
    padding-left: 0px; }
    .get-a-free-service-inner .call-to-img {
      margin-bottom: 40px; }
      .get-a-free-service-inner .call-to-img img {
        max-width: 100%;
        position: relative;
        left: 0; }
  .call-to-circle-1,
  .call-to-circle-2 {
    display: none; }
  .ltn__call-to-action-4 .call-to-action-inner-4 .h1 {
    font-size: 24px; } }

/* ----------------------------------------------------
    Elements Area
---------------------------------------------------- */
.ltn__elements-area {
  background-color: var(--section-bg-1);
  padding: 50px 0;
  margin: 50px 0; }

.elements-title-area {
  text-align: center; }

.elements-title-inner {
  background-color: var(--white-3);
  display: inline-block;
  padding: 10px 30px;
  outline: 10px solid;
  outline-offset: 10px;
  outline-color: var(--white-3);
  margin: 20px; }
  .elements-title-inner p {
    margin-bottom: 0;
    padding-top: 5px;
    border-top: 1px solid #ddd;
    margin-top: 5px; }

.elements-title {
  display: inline-block;
  margin: 0; }

/* ----------------------------------------------------
    Service Form 
---------------------------------------------------- */
.ltn__service-form-box {
  margin: 0;
  padding: 0 30px; }
  .ltn__service-form-box > ul {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .ltn__service-form-box > ul > li {
      display: inline-block;
      margin-right: 20px;
      list-style: none; }
  .ltn__service-form-box .nice-select {
    margin: 0;
    height: 60px;
    line-height: 58px;
    padding-right: 40px;
    padding-left: 20px;
    border-radius: 0;
    min-width: 200px;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--ltn__heading-font); }
    .ltn__service-form-box .nice-select:after {
      right: 20px; }
    .ltn__service-form-box .nice-select UL li {
      display: block; }
  .ltn__service-form-box input {
    margin: 0; }
  .ltn__service-form-box input[type="date"] {
    margin: 0;
    height: 60px;
    padding: 0 20px;
    border: 1px solid;
    font-weight: 700;
    font-family: var(--ltn__heading-font);
    text-transform: uppercase; }
  .ltn__service-form-box .btn-wrapper {
    margin: 0; }

.ltn__service-form-color-white .ltn__service-form-box .nice-select {
  background-color: transparent;
  border: 2px solid;
  border-color: var(--border-color-3); }
  .ltn__service-form-color-white .ltn__service-form-box .nice-select .current {
    color: var(--white);
    text-transform: uppercase; }
  .ltn__service-form-color-white .ltn__service-form-box .nice-select::after {
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: var(--border-color-3); }

.ltn__service-form-color-white .ltn__service-form-box input {
  background-color: transparent;
  color: var(--white);
  border-color: var(--border-color-3);
  font-weight: 700;
  height: 60px; }

.ltn__service-form-color-white .ltn__service-form-box input[type="date"] {
  background-color: transparent;
  color: var(--white); }

.ltn__service-form-color-white .ltn__service-form-box input[type="date"]::-webkit-calendar-picker-indicator {
  -webkit-filter: invert(100%);
  filter: invert(100%); }

.ltn__service-form-color-white .ltn__service-form-box input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--white); }

.ltn__service-form-color-white .ltn__service-form-box input::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--white); }

.ltn__service-form-color-white .ltn__service-form-box input:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--white); }

.ltn__service-form-color-white .ltn__service-form-box input:-moz-placeholder {
  /* Firefox 18- */
  color: var(--white); }

.ltn__service-form-color-white .input-item-date.ltn__custom-icon::before {
  color: var(--white);
  top: 50%; }

.input-item-date {
  margin-bottom: 30px; }
  .input-item-date input[type="date"] {
    background-color: transparent;
    border: 2px solid var(--border-color-1);
    height: 65px;
    width: 100%;
    padding: 0 20px; }
  .input-item-date input[type="date"]::-webkit-calendar-picker-indicator {
    -webkit-filter: invert(0%);
    filter: invert(0%); }

.ltn__service-form-1 .ltn__service-form-brief {
  padding-left: 100px; }

.ltn__service-form-margin {
  margin-top: -160px; }

@media (min-width: 1200px) and (max-width: 1599px) {
  .ltn__service-form-box {
    padding: 0; }
    .ltn__service-form-box .input-item {
      max-width: 200px; } }

@media (max-width: 1199px) {
  .ltn__service-form-box > ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; } }

@media (max-width: 767px) {
  .ltn__service-form-box > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column; } }

@media (max-width: 575px) {
  .ltn__service-form-1 .ltn__service-form-brief {
    padding-left: 20px; } }

/* ----------------------------------------------------
    Get A Quote Form
---------------------------------------------------- */
.get-a-quote-wrap {
  padding: 40px 50px 50px;
  border: 2px solid;
  border-color: var(--border-color-1); }

.get-a-quote-form {
  margin: 0; }
  .get-a-quote-form .btn-wrapper {
    padding: 0 40px; }
  .get-a-quote-form .btn {
    width: 100%; }
  .get-a-quote-form input::-webkit-input-placeholder {
    color: var(--ltn__color-1); }
  .get-a-quote-form input::-moz-placeholder {
    color: var(--ltn__color-1); }
  .get-a-quote-form input:-ms-input-placeholder {
    color: var(--ltn__color-1); }
  .get-a-quote-form input:-moz-placeholder {
    color: var(--ltn__color-1); }

.input-item .nice-select {
  border: 2px solid;
  border-color: var(--border-color-1);
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
  height: 65px;
  line-height: 60px;
  width: 100%;
  margin-bottom: 30px; }
  .input-item .nice-select .current {
    font-weight: 700; }
  .input-item .nice-select::after {
    display: none; }
  .input-item .nice-select::before {
    content: "\f063";
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    color: var(--ltn__secondary-color); }

.input-item::after {
  display: block;
  clear: both;
  content: ""; }

@media (max-width: 1199px) {
  .get-a-quote-form .btn-wrapper {
    padding: 0 0px; } }

@media (max-width: 767px) {
  .get-a-quote-wrap {
    padding: 40px 30px 50px; } }

/* ----------------------------------------------------
    Car Dealer Form
---------------------------------------------------- */
.ltn__car-dealer-form-tab .ltn__tab-menu {
  margin-bottom: 0; }
  .ltn__car-dealer-form-tab .ltn__tab-menu .active {
    border-color: var(--ltn__secondary-color);
    background-color: var(--ltn__secondary-color);
    color: var(--white); }

.ltn__car-dealer-form-tab .tab-content {
  padding: 40px;
  background-color: var(--section-bg-1); }

.ltn__car-dealer-form-box .ltn__car-dealer-form-item {
  position: relative;
  display: inline-block;
  margin-bottom: 30px; }

.ltn__car-dealer-form-box .nice-select {
  margin: 0;
  height: 60px;
  line-height: 58px;
  padding-right: 40px;
  padding-left: 20px;
  border-radius: 0;
  min-width: 200px;
  font-size: 16px;
  font-weight: 700;
  font-family: var(--ltn__heading-font);
  width: 100%; }
  .ltn__car-dealer-form-box .nice-select .list {
    width: 100%;
    z-index: 99; }

.ltn__car-dealer-form-box .ltn__custom-icon::before {
  display: none; }

.ltn__car-dealer-form-box .ltn__custom-icon .nice-select::before {
  content: "\f063";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  margin-right: 10px;
  color: var(--ltn__secondary-color); }

.ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-calendar .nice-select::before {
  content: "\f073"; }

.ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-car .nice-select::before {
  content: "\f1b9"; }

.ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-meter .nice-select::before {
  content: "\f3fd"; }

.ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-ring .nice-select::before {
  content: "\f1cd"; }

.ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-cog .nice-select::before {
  content: "\f013"; }

.ltn__car-dealer-form-box .ltn__custom-icon.ltn__icon-transgender .nice-select::before {
  content: "\f225"; }

.car-price-filter-range .price_filter .ui-widget-content {
  height: 8px;
  background-color: var(--white);
  margin-top: 20px; }

.car-price-filter-range .price_filter .ui-state-default:last-child::before {
  position: absolute; }

.car-price-filter-range .price_filter .ui-state-default:last-child::after {
  position: absolute;
  content: "";
  top: -30px;
  left: -5px;
  background-image: url(../img/icons/car.png);
  z-index: 99;
  width: 125px;
  height: 50px;
  background-repeat: no-repeat; }

.car-price-filter-range .price_slider_amount > input[type="text"],
.car-price-filter-range .price_slider_amount > input[type="submit"] {
  font-weight: 700; }

@media (max-width: 767px) {
  .ltn__car-dealer-form-tab .tab-content {
    padding: 40px 25px; } }

/* ----------------------------------------------------
    Video Area
---------------------------------------------------- */
/* car home 3 */
.ltn__video-popup-margin {
  margin-bottom: -180px; }

/* Service page */
.ltn__video-popup-margin-2 {
  margin-top: -295px; }

/* ----------------------------------------------------
    Brand Logo
---------------------------------------------------- */
.ltn__brand-logo-item {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.5;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin: 10px 0; }
  .ltn__brand-logo-item img {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .ltn__brand-logo-item:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1; }
    .ltn__brand-logo-item:hover img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }

/* ----------------------------------------------------
    Progress Bar 
---------------------------------------------------- */
.ltn__progress-bar-wrap {
  margin-bottom: 50px; }

.ltn__progress-bar-item {
  overflow: hidden;
  margin-bottom: 10px; }
  .ltn__progress-bar-item > p {
    font-size: 18px;
    font-weight: 700;
    margin: 0; }
  .ltn__progress-bar-item .progress {
    background: #ebeeee none repeat scroll 0 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400;
    height: 3px;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-top: 12px;
    overflow: visible;
    text-transform: uppercase;
    position: relative; }
  .ltn__progress-bar-item .progress-bar {
    background-color: var(--ltn__secondary-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--ltn__secondary-color);
    font-size: 11px;
    overflow: visible;
    height: 7px;
    margin-top: -2px;
    text-align: left;
    position: relative; }
    .ltn__progress-bar-item .progress-bar span {
      border-radius: 15px;
      display: inline-block;
      height: 25px;
      letter-spacing: 0;
      line-height: 24px;
      min-width: 25px;
      padding: 0 3px;
      position: absolute;
      right: 0;
      text-align: center;
      bottom: 15px;
      font-size: 18px;
      font-weight: 700;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }

@media (max-width: 767px) {
  .ltn__progress-bar-item > p {
    font-size: 14px; } }

/* ----------------------------------------------------
    Our Journey Area
---------------------------------------------------- */
.ltn__our-journey-wrap ul {
  margin-left: 0;
  padding-left: 0; }

.ltn__our-journey-wrap > ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative; }
  .ltn__our-journey-wrap > ul::before {
    position: absolute;
    content: "";
    background-color: #d13724;
    height: 4px;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .ltn__our-journey-wrap > ul li {
    list-style: none;
    margin: 0; }
  .ltn__our-journey-wrap > ul > li {
    display: inline-block;
    position: relative;
    margin: 0 10px; }
    .ltn__our-journey-wrap > ul > li:nth-last-child(1) ul, .ltn__our-journey-wrap > ul > li:nth-last-child(2) ul {
      left: auto;
      right: 0; }
    .ltn__our-journey-wrap > ul > li::before {
      position: absolute;
      content: "";
      top: 15px;
      width: 0;
      height: 0;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 15px solid #fff;
      left: 0;
      right: 0;
      margin: auto;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      opacity: 0;
      visibility: hidden; }
    .ltn__our-journey-wrap > ul > li ul {
      position: absolute;
      bottom: 100%;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      opacity: 0;
      visibility: hidden; }
    .ltn__our-journey-wrap > ul > li.active .ltn__journey-icon, .ltn__our-journey-wrap > ul > li:hover .ltn__journey-icon {
      background-color: var(--white);
      color: var(--ltn__secondary-color); }
    .ltn__our-journey-wrap > ul > li.active ul, .ltn__our-journey-wrap > ul > li:hover ul {
      opacity: 1;
      visibility: visible; }
    .ltn__our-journey-wrap > ul > li.active::before, .ltn__our-journey-wrap > ul > li:hover::before {
      opacity: 1;
      visibility: visible; }

.ltn__our-journey-wrap .ltn__journey-icon {
  font-size: 20px;
  font-weight: 700;
  padding: 40px;
  background-color: var(--ltn__primary-color);
  color: var(--white);
  display: block;
  margin: 30px 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-box-shadow: var(--ltn__box-shadow-2);
  box-shadow: var(--ltn__box-shadow-2);
  text-align: center; }

.ltn__our-journey-wrap .dropdown-menu {
  padding: 0; }

.ltn__journey-history-item-info {
  background-color: var(--white);
  padding: 20px;
  display: block;
  width: 550px;
  -webkit-box-shadow: var(--ltn__box-shadow-2);
  box-shadow: var(--ltn__box-shadow-2);
  position: relative; }
  .ltn__journey-history-item-info .ltn__journey-history-img {
    float: left;
    margin-right: 20px;
    max-width: 150px; }
  .ltn__journey-history-item-info .ltn__journey-history-info {
    overflow: hidden; }
  .ltn__journey-history-item-info h3 {
    margin-bottom: 5px; }

@media (min-width: 992px) and (max-width: 1199px) {
  .ltn__journey-history-item-info {
    width: 500px; } }

@media (max-width: 1199px) {
  .ltn__our-journey-wrap .ltn__journey-icon {
    font-size: 18px;
    padding: 20px; } }

@media (max-width: 991px) {
  .ltn__journey-history-item-info {
    width: 350px; }
    .ltn__journey-history-item-info .ltn__journey-history-img {
      float: none;
      margin-bottom: 20px;
      max-width: 100px; } }

@media (max-width: 767px) {
  .ltn__our-journey-wrap > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column; }
  .ltn__our-journey-wrap > ul > li ul {
    left: 30px; }
  .ltn__our-journey-wrap > ul > li:nth-last-child(1) ul,
  .ltn__our-journey-wrap > ul > li:nth-last-child(2) ul {
    left: 30px;
    right: auto; } }

@media (max-width: 575px) {
  .ltn__journey-history-item-info {
    width: 250px; }
    .ltn__journey-history-item-info .ltn__journey-history-img {
      float: none;
      margin-bottom: 20px; } }

/* ----------------------------------------------------
    Google Map Locations Area
---------------------------------------------------- */
.ltn__google-map-locations-area #gmap {
  height: 90vh; }
  .ltn__google-map-locations-area #gmap .gm-style .gm-style-iw-c {
    padding: 20px; }

.ltn__map-item {
  padding: 30px 25px 35px;
  -webkit-box-shadow: var(--ltn__box-shadow-4);
  box-shadow: var(--ltn__box-shadow-4); }
  .ltn__map-item .ltn__location-name {
    border-bottom: 2px solid var(--border-color-1);
    margin-bottom: 25px;
    color: var(--ltn__secondary-color); }
  .ltn__map-item .ltn__location-single-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .ltn__map-item .ltn__location-single-info i {
      margin-right: 10px;
      background: var(--ltn__secondary-color);
      color: var(--white);
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center; }
  .ltn__map-item .btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .ltn__map-item .btn {
    padding: 17px 10px;
    font-size: 15px;
    margin-right: 10px; }

.ltn__google-map-locations-list-area .ltn__map-item {
  margin-bottom: 50px; }

.ltn__location-search h3 {
  float: left;
  margin-right: 30px;
  margin-bottom: 0;
  line-height: 63px;
  color: var(--white); }

.ltn__location-search .input-item {
  float: left;
  width: 300px; }

.ltn__location-search form {
  padding: 50px 50px 20px;
  background-color: var(--ltn__secondary-color); }

.ltn__state-location-title {
  padding: 15px 30px;
  background-color: var(--ltn__secondary-color);
  color: var(--white);
  margin: 50px 0; }

/* ----------------------------------------------------
    Team Details
---------------------------------------------------- */
.ltn__team-details-member-info .team-details-img {
  margin-bottom: 30px;
  max-width: 350px; }

.ltn__team-details-member-info.text-right .team-details-img {
  margin-left: auto;
  margin-right: 0; }

.ltn__team-details-member-info.text-center .team-details-img {
  margin-left: auto;
  margin-right: auto; }

.ltn__team-details-member-about ul {
  margin: 0; }
  .ltn__team-details-member-about ul li {
    list-style: none;
    display: block; }
    .ltn__team-details-member-about ul li strong {
      min-width: 120px;
      display: inline-block; }

.ltn__team-details-member-about > ul {
  padding: 0; }

/* ----------------------------------------------------
    Our History Area
---------------------------------------------------- */
.ltn__our-history-inner .ltn__tab-menu .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative; }
  .ltn__our-history-inner .ltn__tab-menu .nav::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: var(--white-6);
    z-index: -1; }

.ltn__our-history-inner .ltn__tab-menu a {
  background-color: var(--white);
  border: 2px solid var(--white-6); }

.ltn__our-history-inner .ltn__tab-menu .active {
  border-color: var(--ltn__secondary-color);
  background-color: var(--ltn__secondary-color);
  color: var(--white); }

.ltn__history-icon {
  position: absolute;
  bottom: 40px;
  right: 0;
  font-size: 160px;
  line-height: 1;
  color: var(--ltn__secondary-color); }
  .ltn__history-icon i {
    margin: 0; }

.ltn__our-history-inner .about-img-left {
  padding-right: 70px; }

.ltn__our-history-inner .about-img-right {
  padding-left: 70px; }

.ltn__our-history-inner-2 .ltn__tab-menu {
  margin-bottom: 20px; }
  .ltn__our-history-inner-2 .ltn__tab-menu .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative; }
    .ltn__our-history-inner-2 .ltn__tab-menu .nav::before {
      display: none; }
  .ltn__our-history-inner-2 .ltn__tab-menu a {
    background-color: transparent;
    border: 2px solid transparent;
    font-size: 22px;
    padding: 5px 20px; }
  .ltn__our-history-inner-2 .ltn__tab-menu .active {
    border-color: transparent;
    background-color: transparent;
    color: var(--ltn__secondary-color); }

@media (max-width: 767px) {
  .ltn__history-icon {
    bottom: 10px;
    right: 10px;
    font-size: 80px; }
  .ltn__our-history-inner .about-img-left {
    padding-right: 0px; }
  .ltn__our-history-inner .about-img-right {
    padding-left: 0px; } }

/* ----------------------------------------------------
    Appointment Form Area
---------------------------------------------------- */
.ltn__appointment-inner .alert {
  border-radius: 0;
  padding: 20px 30px;
  margin-bottom: 30px; }

.ltn__appointment-inner .alert-danger {
  font-weight: 600;
  font-size: 14px; }

/* ----------------------------------------------------
    Checkout Page
---------------------------------------------------- */
.ltn__checkout-single-content {
  margin-bottom: 30px; }
  .ltn__checkout-single-content h5 {
    background-color: var(--section-bg-1);
    padding: 20px 30px; }

.ltn__checkout-single-content-info {
  padding: 30px;
  border: 1px solid var(--border-color-1); }

.ltn__checkout-payment-method .card {
  padding: 20px;
  border-radius: 0; }

.ltn__checkout-payment-method .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.ltn__checkout-payment-method .card-body {
  padding: 15px 30px;
  -webkit-box-shadow: var(--ltn__box-shadow-3);
  box-shadow: var(--ltn__box-shadow-3);
  margin-top: 15px;
  position: relative; }
  .ltn__checkout-payment-method .card-body::before {
    position: absolute;
    top: -3px;
    left: 25px;
    width: 10px;
    height: 10px;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff; }

.ltn__checkout-payment-method .ltn__card-title {
  position: relative;
  padding-left: 30px;
  margin-bottom: 0; }
  .ltn__checkout-payment-method .ltn__card-title::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    content: "";
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #333;
    border-radius: 50%; }
  .ltn__checkout-payment-method .ltn__card-title::after {
    position: absolute;
    top: 50%;
    left: 2px;
    width: 11px;
    height: 11px;
    margin-top: 2px;
    content: "";
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    border-radius: 50%;
    background-color: #333; }
  .ltn__checkout-payment-method .ltn__card-title img {
    height: 45px;
    margin-left: 10px; }

.ltn__checkout-payment-method .ltn__card-title[aria-expanded="true"]::after {
  opacity: 1; }

.ltn__checkout-payment-method p {
  font-size: 14px; }
  .ltn__checkout-payment-method p:last-child {
    margin-bottom: 0; }

/* ----------------------------------------------------
    Myaccount Page
---------------------------------------------------- */
.ltn__tab-menu-list .nav {
  display: block;
  margin-right: 30px;
  border: 1px solid #eee; }
  .ltn__tab-menu-list .nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid var(--border-color-1); }
    .ltn__tab-menu-list .nav a:last-child {
      border-bottom: 0; }
    .ltn__tab-menu-list .nav a i {
      font-size: 14px; }
    .ltn__tab-menu-list .nav a.active {
      background-color: var(--section-bg-2);
      color: var(--white); }

.ltn__myaccount-tab-content-inner > p {
  padding: 20px;
  background-color: var(--section-bg-1); }

/* ----------------------------------------------------
    Time Schedule Area
---------------------------------------------------- */
.ltn__time-schedule-widget {
  padding: 50px 40px;
  margin-top: -10px; }
  .ltn__time-schedule-widget h3 {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 20px;
    margin-bottom: 25px; }
  .ltn__time-schedule-widget ul {
    padding: 0;
    margin: 0; }
    .ltn__time-schedule-widget ul li {
      display: block; }
      .ltn__time-schedule-widget ul li span {
        float: right; }

/* ----------------------------------------------------
    Contact Feature
---------------------------------------------------- */
.ltn__contact-feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 30px 20px;
  -webkit-box-shadow: var(--ltn__box-shadow-4);
  box-shadow: var(--ltn__box-shadow-4);
  margin-bottom: 30px;
  background-color: var(--white); }

.ltn__contact-feature-icon {
  font-size: 50px;
  margin-right: 20px;
  color: var(--ltn__secondary-color);
  line-height: 1;
  max-width: 50px; }

.ltn__contact-feature-info .h6,
.ltn__contact-feature-info .h2 {
  font-family: var(--ltn__body-font); }

.ltn__contact-feature-info .h6 {
  color: var(--ltn__color-3); }

@media (max-width: 1400px) {
  .ltn__contact-feature-icon {
    font-size: 40px;
    margin-right: 15px; }
  .ltn__contact-feature-info .h6 {
    font-size: 14px; }
  .ltn__contact-feature-info .h2 {
    font-size: 18px; } }

/* ----------------------------------------------------
    Image Slide (Screenshot)
---------------------------------------------------- */
.ltn__img-slide-item-4 > a,
.ltn__img-slide-item-3 > a,
.ltn__img-slide-item-2 > a {
  display: block;
  overflow: hidden; }

.ltn__img-slide-item-4 img,
.ltn__img-slide-item-3 img,
.ltn__img-slide-item-2 img {
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s; }

.ltn__img-slide-item-4:hover img,
.ltn__img-slide-item-3:hover img,
.ltn__img-slide-item-2:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

/* ----------------------------------------------------
    Background Video
---------------------------------------------------- */
/* Video From Local (src="myFolderName/videoName.mp4") */
#myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%; }

/* Video From Link (src="website.com/videoUrl") */
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }

/* YouTube Video */
.ltn__youtube-video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -99; }

/* ----------------------------------------------------
    Background Video
---------------------------------------------------- */
.ltn__newsletter-popup-2 .modal-header .close {
  background-color: var(--section-bg-1);
  color: var(--ltn__heading-color);
  border-radius: 0px 0px 0px 20px; }

.ltn__newsletter-popup-2 .modal-body {
  padding: 0; }

.ltn__newsletter-popup-2 .ltn__newsletter-popup-info {
  padding: 30px; }

/* ----------------------------------------------------
    newsletter popup
---------------------------------------------------- */
/*  23. newsletter popup css here */
.ltn__newletter-popup-active {
  max-width: 850px;
  background: #fff;
  top: 50% !important;
  margin-top: -179px;
  position: fixed !important;
  display: none; }

.ltn__newletter-popup {
  position: relative;
  padding: 30px; }
  .ltn__newletter-popup p {
    font-size: 14px; }
  .ltn__newletter-popup .subscribe-bottom {
    font-size: 14px; }

.ltn__newsletter-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  z-index: 999; }

.ltn__newsletter-close:hover {
  color: var(--ltn__secondary-color); }

.ltn__newsletter-close-btn-left {
  right: auto;
  left: 0; }

.ltn__newsletter-popup-info {
  padding: 15px; }

.text-center .ltn__newsletter-popup-info input[type="email"] {
  text-align: center; }

.ltn__newletter-popup-3 {
  padding: 0; }
  .ltn__newletter-popup-3 .ltn__newsletter-popup-info {
    padding: 30px; }

.ltn__newletter-popup-4 {
  padding: 0; }
  .ltn__newletter-popup-4 .ltn__newsletter-popup-info {
    padding: 30px 30px 30px 10px; }

@media (max-width: 991px) {
  .ltn__newletter-popup-active {
    max-width: 400px;
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden; }
  .ltn__newsletter-popup-img {
    display: none; } }

@media (max-width: 768px) {
  .ltn__newletter-popup-active {
    max-width: 300px; } }

/* ----------------------------------------------------
    LightCase
---------------------------------------------------- */
#lightcase-overlay {
  z-index: 9999;
  background: var(--section-bg-2); }

#lightcase-case {
  z-index: 99999; }

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* ----------------------------------------------------
    Footer Default Style
---------------------------------------------------- */
.footer-widget .footer-title {
  font-size: 22px; }

/* footer-2 */
.ltn__footer-2 .footer-widget .footer-title {
  font-size: 24px; }

.ltn__footer-2 .footer-widget p,
.ltn__footer-2 .footer-widget li {
  font-size: 16px; }

.ltn__footer-2 .footer-about-widget .footer-logo {
  position: relative;
  top: -20px;
  margin-bottom: 10px; }

.ltn__footer-2 .footer-menu ul li {
  margin-bottom: 30px;
  font-weight: 600; }

.ltn__footer-2 .footer-widget .ltn__blog-meta li,
.footer-widget .ltn__blog-meta li {
  font-size: 14px; }

/* footer-color-1 */
.ltn__footer-color-1 p {
  color: var(--ltn__color-2); }
  .ltn__footer-color-1 p a {
    color: var(--white); }

.ltn__footer-color-1 .ltn__footer-timeline-widget-1 li span {
  color: var(--ltn__color-1); }

.ltn__footer-color-1 .ltn__footer-timeline-widget-1 li:last-child span {
  color: var(--white); }

.ltn__footer-color-1 .footer-menu ul li {
  color: var(--ltn__color-2); }

.ltn__footer-color-1 .ltn__footer-blog-item {
  border-color: var(--border-color-6); }
  .ltn__footer-color-1 .ltn__footer-blog-item .ltn__blog-meta li {
    color: var(--ltn__color-2); }

.ltn__footer-color-1 .ltn__copyright-area {
  background-color: var(--ltn__primary-color-2); }

.ltn__footer-color-1 .get-support-info h6 {
  color: var(--ltn__color-4); }

.ltn__footer-color-1 .get-support-info h4 {
  color: var(--white); }

.ltn__footer-color-1 .ltn__copyright-menu ul li {
  color: var(--white); }

/* footer-color-2 */
.ltn__footer-color-2 .ltn__footer-timeline-widget-1 {
  background-color: var(--white); }
  .ltn__footer-color-2 .ltn__footer-timeline-widget-1 li {
    border-color: transparent; }
    .ltn__footer-color-2 .ltn__footer-timeline-widget-1 li:last-child span {
      color: var(--ltn__secondary-color); }

.ltn__footer-color-2 .ltn__footer-blog-item {
  border-color: var(--border-color-7); }

.ltn__footer-color-2 .ltn__copyright-area {
  background-color: var(--white-4); }

/*-------------------------
    Footer Area
-------------------------*/
.footer-top-area {
  padding-top: 92px;
  padding-bottom: 20px; }

.footer-widget {
  margin-bottom: 60px; }

.footer-logo {
  position: relative;
  top: -10px; }

.footer-title {
  font-size: 20px;
  margin-bottom: 25px; }

/* ----------------------------------------------------
    Footer About Widget
---------------------------------------------------- */
/* footer-address */
.footer-address ul {
  margin: 0;
  padding: 0; }
  .footer-address ul li {
    list-style: none;
    display: block;
    margin-top: 8px; }
    .footer-address ul li:after {
      display: block;
      clear: both;
      content: ""; }
    .footer-address ul li .footer-address-icon {
      float: left;
      margin-right: 15px; }
    .footer-address ul li .footer-address-info {
      overflow: hidden; }
      .footer-address ul li .footer-address-info p {
        margin-bottom: 0; }

/* ----------------------------------------------------
    Footer Menu Widget
---------------------------------------------------- */
/* footer-menu */
.footer-menu ul {
  margin: 0;
  padding: 0; }
  .footer-menu ul li {
    list-style: none;
    margin-top: 0px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px;
    }
    .footer-menu ul li a {
      position: relative; }
      .footer-menu ul li a::before {
        position: absolute;
        content: "//";
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
        /* opacity: 0; */
        /* visibility: hidden; */
        margin-left: -20px;
        color: #fff;
        }
    .footer-menu ul li:hover a {
      }
      .footer-menu ul li:hover a::before {
         }

.footer-menu ul ul {
  margin-left: 15px; }

/* footer-menu-widget-2-column */
.footer-menu-widget-2-column {
  padding-left: 30px; }
  .footer-menu-widget-2-column .footer-menu {
    width: 50%;
    float: left; }
    .footer-menu-widget-2-column .footer-menu:nth-child(odd) {
      padding-left: 20px; }
  .footer-menu-widget-2-column ul {
    margin: 0; }
    .footer-menu-widget-2-column ul li {
      font-weight: 600; }

/* ----------------------------------------------------
    Footer Newsletter Widget
---------------------------------------------------- */
.footer-newsletter form {
  position: relative; }

.footer-newsletter input[type="email"] {
  margin: 0;
  padding-right: 50px; }

.footer-newsletter .btn-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  height: 100%; }
  .footer-newsletter .btn-wrapper .btn {
    padding: 0 18px;
    height: 100%; }

/* ----------------------------------------------------
    Footer Timeline Widget
---------------------------------------------------- */
.ltn__footer-timeline-widget {
  padding: 50px 50px 40px;
  border-bottom: 5px solid;
  border-color: var(--border-color-5);
  margin-top: -92px; }
  .ltn__footer-timeline-widget .footer-title {
    font-size: 36px; }
  .ltn__footer-timeline-widget ul {
    margin: 0;
    padding: 0; }
    .ltn__footer-timeline-widget ul li {
      list-style: none;
      font-family: var(--ltn__heading-font);
      font-weight: 700;
      border-bottom: 1px solid;
      border-color: var(--border-color-6);
      padding-bottom: 10px;
      margin-top: 10px; }
      .ltn__footer-timeline-widget ul li:last-child {
        border-bottom: 0;
        padding-bottom: 0; }
        .ltn__footer-timeline-widget ul li:last-child span {
          font-weight: 700; }
      .ltn__footer-timeline-widget ul li span {
        float: right;
        font-weight: 600; }

/* ----------------------------------------------------
    Footer Blog Widget
---------------------------------------------------- */
.ltn__footer-blog-item {
  border-bottom: 1px solid;
  border-color: var(--border-color-6);
  margin-bottom: 20px; }
  .ltn__footer-blog-item:last-child {
    border-bottom: 0;
    margin-bottom: 0; }
  .ltn__footer-blog-item .ltn__blog-meta {
    margin-bottom: 5px; }
    .ltn__footer-blog-item .ltn__blog-meta i {
      color: var(--ltn__secondary-color);
      margin-right: 5px; }
  .ltn__footer-blog-item .ltn__blog-title {
    font-size: 20px; }

/* ----------------------------------------------------
    Copyright Area
---------------------------------------------------- */
.ltn__copyright-area {
  padding-top: 30px;
  padding-bottom: 30px; }
  .ltn__copyright-area .payment-method {
    text-align: right; }

.ltn__copyright-design h6, .ltn__copyright-design h4 {
  font-size: 14px;
  font-family: var(--ltn__body-font);
  font-weight: 700; }

.ltn__copyright-design p {
  margin-bottom: 0; }

.ltn__copyright-menu ul {
  margin: 0;
  padding: 0; }
  .ltn__copyright-menu ul li {
    list-style: none;
    display: inline-block;
    margin-top: 0;
    margin-right: 20px;
    font-size: 14px;
    font-family: var(--ltn__heading-font);
    font-weight: 700; }
    .ltn__copyright-menu ul li:last-child {
      margin-right: 0; }
    .ltn__copyright-menu ul li a {
      margin: 0; }

/* ----------------------------------------------------
    Responsive
---------------------------------------------------- */
@media (max-width: 991px) {
  .ltn__footer-timeline-widget {
    padding: 50px 25px 40px; }
  .ltn__copyright-area {
    text-align: center; }
    .ltn__copyright-area .payment-method {
      text-align: center;
      margin-top: 15px; }
    .ltn__copyright-area .site-logo-wrap {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .ltn__copyright-area .ltn__copyright-menu {
      text-align: center !important; }
  #scrollUp {
    font-size: 16px;
    height: 30px;
    width: 30px;
    bottom: 50px; }
  #scrollUp i {
    line-height: 30px; } }

@media (max-width: 767px) {
  .ltn__footer-timeline-widget {
    padding: 50px 25px 40px; }
  .footer-menu-widget-2-column {
    padding-left: 0; }
  .ltn__copyright-menu {
    margin-top: 25px; }
  .ltn__footer-2 .footer-widget p,
  .ltn__footer-2 .footer-widget li {
    font-size: 14px; }
  .ltn__footer-2 .footer-widget .ltn__blog-meta li,
  .footer-widget .ltn__blog-meta li {
    font-size: 12px; }
  .ltn__footer-2 .footer-menu ul li {
    margin-bottom: 20px; }
  .ltn__footer-blog-item .ltn__blog-title {
    font-size: 18px; } }

@media (max-width: 575px) {
  .ltn__footer-timeline-widget {
    padding: 50px 25px 40px; }
  .footer-menu-widget-2-column .footer-menu {
    width: 100%; }
    .footer-menu-widget-2-column .footer-menu:nth-child(odd) {
      padding-left: 0px; }
  .ltn__copyright-menu {
    margin-top: 25px; } }

/* ----------------------------------------------------
    END
---------------------------------------------------- */
/* -------------------------
    ## Preloader Css
--------------------------- */
.pre-wrap {
  position: fixed;
  content: '';
  -webkit-transform: translate(-100%, -240%);
  -ms-transform: translate(-100%, -240%);
  transform: translate(-100%, -240%);
  font-size: 62px; }

.preloader-inner {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999999;
  background-color: #071c1f;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .preloader-inner .cancel-preloader {
    position: absolute;
    bottom: 30px;
    right: 30px; }
    .preloader-inner .cancel-preloader a {
      background-color: var(--white);
      font-weight: 600;
      text-transform: capitalize;
      color: var(--ltn__primary-color);
      width: 200px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      border-radius: 30px;
      display: block;
      -webkit-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
      .preloader-inner .cancel-preloader a:hover {
        background-color: var(--ltn__secondary-color);
        color: var(--white); }

.spinner {
  margin: 120px auto;
  width: 60px;
  height: 60px;
  position: relative;
  text-align: center;
  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear; }

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: var(--ltn__secondary-color);
  border-radius: 100%;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out; }

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

@-webkit-keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }

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

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

/*----------------------------------------
  Search Popup
----------------------------------------*/
/* ---------------------------------------
    ## Button
--------------------------------------- */
.btn-wrapper {
  display: block;
  margin-top: 30px; }

.btn {
  border-radius: 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  font-family: var(--ltn__heading-font);
  padding: 15px 40px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 1;
  margin-right: 15px; }
  .btn:last-child {
    margin-right: 0; }

.theme-btn-1 {
  background-color: var(--ltn__secondary-color);
  color: var(--white); }
  .theme-btn-1:hover {
    background-color: var(--ltn__primary-color);
    color: var(--white); }

.theme-btn-2 {
  background-color: var(--ltn__primary-color);
  color: var(--white); }
  .theme-btn-2:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white); }

.theme-btn-3 {
  background-color: transparent;
  border: 2px solid var(--border-color-9); }
  .theme-btn-3:hover {
    background-color: var(--ltn__secondary-color);
    border-color: var(--ltn__secondary-color);
    color: var(--white); }

.reverse-color {
  background-color: var(--ltn__secondary-color); }
  .reverse-color:hover {
    background-color: var(--ltn__primary-color); }

.btn-white {
  background-color: var(--white);
  color: var(--ltn__primary-color);
  -webkit-box-shadow: var(--ltn__box-shadow-3);
  box-shadow: var(--ltn__box-shadow-3); }
  .btn-white:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white); }

.btn-black {
  background-color: var(--black);
  color: var(--white); }
  .btn-black:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white); }

.btn-transparent {
  background-color: transparent;
  -webkit-box-shadow: var(--ltn__box-shadow-3);
  box-shadow: var(--ltn__box-shadow-3);
  border-color: #ddd; }
  .btn-transparent:hover {
    background-color: var(--ltn__secondary-color);
    color: var(--white); }

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

.btn-opacity-6 {
  opacity: 0.6; }
  .btn-opacity-6:hover {
    opacity: 1; }

.btn-opacity-7 {
  opacity: 0.7; }
  .btn-opacity-7:hover {
    opacity: 1; }

.btn-opacity-8 {
  opacity: 0.8; }
  .btn-opacity-8:hover {
    opacity: 1; }

.btn-opacity-9 {
  opacity: 0.9; }
  .btn-opacity-9:hover {
    opacity: 1; }

.btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.btn-effect-1:after {
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--white); }

.btn-effect-1:hover {
  color: var(--ltn__heading-color); }
  .btn-effect-1:hover::after {
    width: 100%; }

.btn-effect-2:after {
  width: 0%;
  height: 100%;
  top: 0;
  right: 0;
  background: var(--white); }

.btn-effect-2:hover {
  color: var(--ltn__heading-color); }
  .btn-effect-2:hover::after {
    width: 100%; }

.btn-effect-3:after {
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--ltn__primary-color); }

.btn-effect-3:hover {
  color: var(--white); }
  .btn-effect-3:hover::after {
    width: 100%; }

.btn-effect-4:after {
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--ltn__secondary-color); }

.btn-effect-4:hover {
  color: var(--white); }
  .btn-effect-4:hover::after {
    width: 100%; }

.btn-full-width {
  display: block; }

.btn-full-width-2 {
  display: block;
  width: 100%; }

.btn-border {
  border: 2px solid var(--border-color-10);
  -webkit-box-shadow: none;
  box-shadow: none; }

@media (min-width: 768px) and (max-width: 991px) {
  .btn {
    padding: 12px 25px; }
  [type="submit"].btn {
    padding: 15px 30px; } }

@media only screen and (max-width: 767px) {
  .btn {
    padding: 10px 20px;
    font-size: 14px; }
  [type="submit"].btn {
    padding: 12px 30px; } }

/* ----------------------------------------------------
    END
---------------------------------------------------- */

/*# sourceMappingURL=style.css.map */