:root {
    --red-color-2: #f00075;
    --red-color-3: #c2080f;
    --red-color-4: #ff0000;
    --red-color-5: #ff6161;
    --red-color-6: #e74c3c;
    --blue-color: #012b72;
    --blue-color-1: #4696f0;
    --blue-color-2: #0e76a8;
    --blue-color-3: #1356a2;
    --blue-color-4: #00b9f5;
    --blue-dark-color: #393977;
    --gold-color: #c29958;
    --yellow-color: #ffc300;
    --yellow-color-2: #feee2f;
    --green-color: #388e3c;
    --green-color-2: #56d362;
    --black-color: #000000;
    --black-color-1: #333333;
    --black-color-2: #161616;
    --black-color-5: #1a262f;
    --black-color-6: #111111;
    --black-color-7: #464646;
    --black-color-8: #222222;
    --black-color-9: #34353c;
    --black-color-10: #56575d;
    --black-color-11: #434349;
    --black-color-12: #2a2a36;
    --black-color-13: #3a2b4d;
    --black-color-14: #2a1b3c;
    --black-color-15: #727477;
    --black-color-16: #393939;
    --black-color-17: #1b1b17;
    --black-color-21: #7e7e7e;
    --black-color-22: #d7d7d7;
    --black-color-23: #30414d;
    --black-color-24: #555555;
    --light-pink-color: #ceb9e3;
    --white-color: #ffffff;
    --white-color-1: #777777;
    --white-color-2: #fdfdfd;
    --light-white-color: #f7f7f7;
    --dark-white-color: #edf1f7;
    --gray-color: #d6d6d6;
    --gray-color-1: #fff7f5;
    --gray-color-2: #919191;
    --gray-color-3: #dddddd;
    --gray-color-4: #edf2f8;
    --gray-color-5: #dadada;
    --gray-color-6: #f9f9f9;
    --gray-color-7: #f5f5ff;
    --gray-color-8: #ebebeb;
    --gray-color-9: #999999;
    --gray-color-10: #f0f0f0;
    --gray-color-11: #eeeeee;
    --gray-color-12: #aaaaaa;
    --gray-color-13: #fff4f9;
    --gray-color-14: #979797;
    --gray-color-15: #666666;
    --gray-color-16: #f5f5f5;
    --gray-color-17: #fbfbfb;
    --gray-color-18: #dfdfdf;
    --gray-color-19: #f8f8f8;
    --gray-color-20: #b2b2b2;
    --gray-color-21: #878787;
    --gray-color-22: #e4e6e7;
    --gray-color-23: #e4e4e4;
    --gray-color-24: #f2f2f2;
    --gray-color-25: #f2f1f1;
    --gray-color-26: #ececec;
    --gray-color-27: #dfe3e9;
    --gray-color-28: #f4f4f4;
    --gray-color-29: #fefefe;
    --gray-color-30: #e5e5e5;
    --gray-color-31: #ebeeee;
    --gray-color-32: #f4f5f7;
    --gray-color-33: #d1d0d5;
    --gray-color-34: #d3d3d3;
    --gray-dark-color: #191919;
    --dark-color: #888888;
    --dark-color-2: #3b3b3b;
    --dark-color-3: #4e4e53;
    --blue-dark-color-3: #212e37;
    --white-dark-color-3: rgba(255, 255, 255, 0.95);
    --black-color-3: rgba(0, 0, 0, 0.1);
    --black-color-4: rgba(0, 0, 0, 0.7);
    --black-color-18: rgba(0, 0, 0, 0.5);
    --black-color-19: rgba(0,0,0,0.3);
    --black-color-20: rgba(0, 0, 0, 0.6);
    --gold-color-2: rgba(194, 153, 88, 0.8);
}

html {
    scroll-behavior: smooth;
    overflow-x: auto;
}

body {
    overflow: hidden;
    background: var(--white-color);
    font-family: 'IRANSansX', sans-serif;
}

body, h1, h2, h3, h4, h5, h6, li, p, table, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

*, ::after, ::before {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

[type=button]:not(:disabled), button:not(:disabled) {
    outline: 0;
}

a {
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
    color: var(--black-color);
    outline: none;
    text-decoration: none;
    box-shadow: none;
}

    a:focus, a:hover {
        text-decoration: none;
        color: var(--black-color);
        outline: 0;
    }

p {
    font-family: 'IRANSansX', sans-serif;
    color: var(--black-color);
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
}

button {
    border: none;
    outline: none;
    box-shadow: none;
    background: none;
}

.object-fit-cover {
    object-fit: cover !important;
}

.slick-slide {
    box-shadow: none;
    border-color: none;
    color: none;
    background: none;
    outline: none;
}

@media (min-width:768px) {
    .w-sm-auto {
        width: auto !important;
    }

    .w-md-auto {
        width: auto !important;
    }

    .w-lg-auto {
        width: auto !important;
    }

    .w-xl-auto {
        width: auto !important;
    }

    .w-xxl-auto {
        width: auto !important;
    }
}

.homepage-v6-container-fluid {
    padding: 0 3.7%;
}

.float-right {
    float: right !important;
}
/*------------------------------ Preloader CSS --------------------------------*/
.preloader-v4 {
    animation-delay: 1s;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    background-color: var(--black-color-5);
    overflow: hidden;
}

    .preloader-v4 .sub-preloader-v4 {
        width: 120px;
        height: 120px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

        .preloader-v4 .sub-preloader-v4 img {
            background-size: cover;
            animation: spin 1s linear infinite;
        }

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/*------------------------------ Common Title CSS --------------------------------*/
.common-title {
    font-size: 45px;
    font-weight: 900;
    color: var(--black-color-5);
    margin: 0;
    padding: 0;
}

.common-subtitle-desc {
    margin: 6px 0 34px 0;
    padding: 0;
    font-size: 20px;
    font-style: italic;
    color: var(--gold-color);
    font-family: 'IRANSansX', sans-serif;
    position: relative;
    display: table;
    margin: 0 auto;
    margin-top: 6px;
    margin-bottom: 34px;
}

    .common-subtitle-desc::before {
        content: "";
        position: absolute;
        background-color: var(--gray-color-30);
        width: 38px;
        height: 1px;
        left: -60px;
        top: calc(100% + -16px);
    }

    .common-subtitle-desc::after {
        content: "";
        position: absolute;
        background-color: var(--gray-color-30);
        width: 38px;
        height: 1px;
        right: -60px;
        top: calc(100% + -16px);
    }

.common-subtitle-desc2 {
    margin: 27px 0 9px 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--black-color-2);
    line-height: 30px;
    font-family: 'IRANSansX', sans-serif;
}

.common-small-title {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 36px;
    color: var(--black-color-5);
}

.common-innerpage-label {
    margin: 0 0 11px 0;
    padding: 0;
    font-weight: 900;
    font-size: 20px;
    color: var(--black-color-5);
    display: block;
}

.common-innerpage-title {
    margin: 0;
    padding: 0;
    font-weight: 900;
    font-size: 45px;
    color: var(--gold-color);
}

.common-title-2 {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 45px;
    color: var(--white-color);
    text-transform: uppercase;
}

.common-sub-title {
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-size: 25px;
    color: var(--white-color);
    letter-spacing: 6px;
}

.common-title-3 {
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-size: 48px;
    color: var(--black-color-2);
}

.common-title-3-inner {
    font-weight: 700;
}

.common-subdesc-three {
    margin: 18px 0 40px 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-2);
    line-height: 30px;
    font-family: 'IRANSansX', sans-serif
}

.common-subdesc-three-margin {
    margin: 18px 0 27px 0;
}

.common-subdesc-three-m-t-b {
    margin: 31px 0 42px 0;
}

.common-inner-title {
    color: var(--blue-color);
}

/*------------------------------ Common Button CSS --------------------------------*/
.common-btn-link {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 24px;
    color: var(--black-color-1);
    background: none;
    text-align: center;
    outline: none;
    text-decoration: underline;
    cursor: pointer;
}

    .common-btn-link:focus, .common-btn-link:hover {
        color: var(--black-color-1);
        text-decoration: underline;
    }

.common-btn1-hover {
    background-color: var(--blue-color);
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color);
    cursor: pointer;
    padding: 12px 26px;
    margin: 0;
    text-align: center;
    border: none;
    text-transform: uppercase;
    display: block;
    border-radius: 0px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .common-btn1-hover span {
        margin-right: 8px;
    }

    .common-btn1-hover i {
        font-size: 18px;
    }

    .common-btn1-hover:hover {
        background-color: var(--blue-color);
        color: var(--white-color-2);
        background-position: 100% 0;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .common-btn1-hover:focus {
        background-color: var(--blue-color);
        color: var(--white-color-2);
        outline: none;
    }

.common-btn1-hover2 {
    padding: 21px 50px;
}

.common-btn1-hover-outline {
    background-color: var(--white-color);
    color: var(--blue-color);
    border: 1px solid var(--blue-color);
}

    .common-btn1-hover-outline:hover {
        background-color: var(--white-color);
        border-color: var(--blue-color);
        color: var(--blue-color);
        background-position: 100% 0;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .common-btn1-hover-outline:focus {
        color: var(--blue-color);
        outline: none;
    }

.common-btn2-hover {
    background-color: var(--black-color);
    font-size: 15px;
    font-weight: 400;
    color: var(--white-color-2);
    cursor: pointer;
    padding: 18px 26px;
    margin: 0;
    text-align: center;
    border: none;
    text-transform: uppercase;
    background-size: 300% 100%;
    border-radius: 0px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .common-btn2-hover span {
        margin-right: 8px;
    }

    .common-btn2-hover i {
        font-size: 18px;
    }

    .common-btn2-hover:hover {
        background-color: var(--black-color);
        color: var(--white-color-2);
        background-position: 100% 0;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .common-btn2-hover:focus {
        background-color: var(--black-color);
        color: var(--white-color-2);
        outline: none;
    }

.common-btn1-hover-small {
    background-color: var(--blue-color);
    font-size: 13px;
    font-weight: 500;
    color: var(--white-color-2);
    cursor: pointer;
    padding: 10px 20px;
    margin: 0;
    text-align: center;
    border: none;
    text-transform: uppercase;
    background-size: 300% 100%;
    border-radius: 0px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

    .common-btn1-hover-small:hover {
        background-color: var(--blue-color);
        color: var(--white-color-2);
        background-position: 100% 0;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .common-btn1-hover-small:focus {
        background-color: var(--blue-color);
        color: var(--white-color-2);
        outline: none;
    }

.common-large-btn3-hover {
    background-color: var(--blue-color);
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color);
    cursor: pointer;
    padding: 20px 32px;
    margin: 0;
    text-align: center;
    border: none;
    text-transform: uppercase;
    display: block;
    border-radius: 0px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .common-large-btn3-hover span {
        margin-right: 8px;
    }

    .common-large-btn3-hover i {
        font-size: 18px;
    }

    .common-large-btn3-hover:hover {
        background-color: var(--blue-color);
        color: var(--white-color);
        background-position: 100% 0;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .common-large-btn3-hover:focus {
        background-color: var(--blue-color);
        color: var(--white-color);
        outline: none;
    }

.common-btn4-hover {
    background-color: var(--blue-color);
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color-2);
    cursor: pointer;
    padding: 16px 30px;
    margin: 0;
    text-align: center;
    border: none;
    text-transform: uppercase;
    display: block;
    background-size: 300% 100%;
    border-radius: 0px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

    .common-btn4-hover span {
        margin-right: 8px;
    }

    .common-btn4-hover i {
        font-size: 18px;
    }

    .common-btn4-hover:hover {
        background-color: var(--blue-color);
        color: var(--white-color-2);
        background-position: 100% 0;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .common-btn4-hover:focus {
        background-color: var(--blue-color);
        color: var(--white-color-2);
        outline: none;
    }

.common-btn2-hover-large {
    background-color: var(--black-color);
    font-size: 20px;
    font-weight: 500;
    color: var(--white-color-2);
    cursor: pointer;
    padding: 24px 39px;
    margin: 0;
    text-align: center;
    border: none;
    text-transform: uppercase;
    display: block;
    background-size: 300% 100%;
    border-radius: 0px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

    .common-btn2-hover-large span {
        margin-right: 8px;
    }

    .common-btn2-hover-large i {
        font-size: 18px;
    }

    .common-btn2-hover-large:hover {
        background-color: var(--black-color);
        color: var(--white-color-2);
        background-position: 100% 0;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .common-btn2-hover-large:focus {
        background-color: var(--black-color);
        color: var(--white-color-2);
        outline: none;
    }

.common-btn2-hover-small {
    background-color: var(--blue-color);
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color-2);
    cursor: pointer;
    padding: 14px 20px;
    margin: 0;
    text-align: center;
    border: none;
    text-transform: uppercase;
    display: block;
    background-size: 300% 100%;
    border-radius: 0px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

    .common-btn2-hover-small span {
        margin-right: 8px;
    }

    .common-btn2-hover-small i {
        font-size: 18px;
    }

    .common-btn2-hover-small:hover {
        background-color: var(--blue-color);
        color: var(--white-color-2);
        background-position: 100% 0;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .common-btn2-hover-small:focus {
        background-color: var(--blue-color);
        color: var(--white-color-2);
        outline: none;
    }

.common-btn2-hover-small2 {
    background-image: linear-gradient(to right, var(--black-color-1), var(--black-color), var(--black-color), var(--black-color-1));
}

.common-btn2-hover2 {
    background-color: var(--blue-color);
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color-2);
    cursor: pointer;
    padding: 14px 26px;
    margin: 0;
    text-align: center;
    border: none;
    text-transform: uppercase;
    display: block;
    background-size: 300% 100%;
    border-radius: 0px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

    .common-btn2-hover2 span {
        margin-right: 8px;
    }

    .common-btn2-hover2 i {
        font-size: 18px;
    }

    .common-btn2-hover2:hover {
        background-color: var(--blue-color);
        color: var(--white-color-2);
        background-position: 100% 0;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .common-btn2-hover2:focus {
        background-color: var(--blue-color);
        color: var(--white-color-2);
        outline: none;
    }

.common-btn2-hover-small-2 {
    background-color: var(--blue-color);
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color-2);
    cursor: pointer;
    padding: 16px 30px;
    margin: 0;
    text-align: center;
    border: none;
    text-transform: uppercase;
    display: block;
    background-size: 300% 100%;
    border-radius: 0px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.common-btn2-hover-small-2-padding2 {
    padding: 18px 60px;
}

.common-btn2-hover-small-2 span {
    margin-right: 8px;
}

.common-btn2-hover-small-2 i {
    font-size: 18px;
}

.common-btn2-hover-small-2:hover {
    background-color: var(--blue-color);
    color: var(--white-color-2);
    background-position: 100% 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.common-btn2-hover-small-2:focus {
    background-color: var(--blue-color);
    color: var(--white-color-2);
    outline: none;
}

.common-btn-border {
    font-size: 14px;
    font-weight: 400;
    color: var(--blue-color) !important;
    text-transform: uppercase;
    text-align: center;
    background-color: var(--white-color);
    border: 2px solid;
    border-color: var(--gray-color-3);
    display: block;
    padding: 22px 64px;
    font-family: 'IRANSansX', sans-serif;
}

.common-btn-link1 {
    font-size: 21px;
    font-weight: 700;
    color: var(--blue-color);
    position: relative;
    padding: 0 0 0 35px;
}

    .common-btn-link1:focus, .common-btn-link1:hover {
        color: var(--blue-color);
    }

    .common-btn-link1::after {
        content: "\f100";
        position: absolute;
        top: 0px;
        left: 0px;
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        color: var(--gray-color-2);
    }

.common-btn-link2 {
    font-size: 21px;
    font-weight: 700;
    color: var(--black-color-2);
    position: relative;
    padding: 0 0 0 35px;
}

    .common-btn-link2:focus, .common-btn-link2:hover {
        color: var(--black-color-2);
    }

    .common-btn-link2::after {
        content: "\f100";
        position: absolute;
        top: 0px;
        left: 0px;
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        color: var(--gray-color-2);
    }

.common-large-btn1-hover {
    background-color: var(--blue-color);
    font-size: 18px;
    font-weight: 400;
    color: var(--white-color-2);
    cursor: pointer;
    padding: 20px 30px;
    margin: 0;
    text-align: center;
    border: none;
    text-transform: uppercase;
    display: block;
    background-size: 300% 100%;
    border-radius: 0px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

    .common-large-btn1-hover span {
        margin-left: 8px;
    }

    .common-large-btn1-hover i {
        font-size: 18px;
    }

    .common-large-btn1-hover:hover {
        background-color: var(--blue-color);
        color: var(--white-color-2);
        background-position: 100% 0;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .common-large-btn1-hover:focus {
        background-color: var(--blue-color);
        color: var(--white-color-2);
        outline: none;
    }

.common-btn-link-underline1 {
    font-size: 18px;
    font-weight: 500;
    color: var(--blue-color);
    text-decoration: underline;
}

    .common-btn-link-underline1:focus, .common-btn-link-underline1:hover {
        color: var(--blue-color);
        text-decoration: underline;
    }

.common-btn-link3 {
    font-size: 21px;
    font-weight: 700;
    color: var(--blue-color);
    position: relative;
    padding: 0;
}

    .common-btn-link3:focus, .common-btn-link3:hover {
        color: var(--blue-color);
    }

    .common-btn-link3::after {
        content: "\f101";
        position: absolute;
        top: 0px;
        right: -35px;
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        color: var(--gray-color-2);
    }

/*------------------------------ Common Margin Padding CSS --------------------------------*/
.mb-mobile-24 {
    margin-bottom: 0px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-24 {
    margin-top: 24px;
}

.m-b-24 {
    margin-bottom: 24px;
}

.m-b-36 {
    margin-bottom: 36px;
}

.m-t-34 {
    margin-top: 34px;
}

.m-t-37 {
    margin-top: 37px;
}

.m-t-45 {
    margin-top: 45px;
}

.m-b-45 {
    margin-bottom: 45px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-t-60 {
    margin-top: 60px;
}

.m-b-60 {
    margin-bottom: 60px;
}

.m-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-l-30 {
    padding-left: 30px;
}

.p-r-30 {
    padding-right: 30px;
}

.p-t-60 {
    padding-top: 60px;
}

.p-b-60 {
    padding-bottom: 60px;
}

.p-b-83 {
    padding-bottom: 83px;
}

.p-t-50 {
    padding-top: 50px;
}

.p-y-23 {
    padding-top: 23px;
    padding-bottom: 23px;
}

.p-y-24 {
    padding-top: 24px;
    padding-bottom: 24px;
}

.p-t-24 {
    padding-top: 24px;
}

.p-b-24 {
    padding-bottom: 24px;
}

.p-y-27 {
    padding-top: 27px;
    padding-bottom: 27px;
}

.p-y-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.p-y-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.p-t-70 {
    padding-top: 70px;
}

.p-t-75 {
    padding-top: 75px;
}

.p-t-73 {
    padding-top: 73px;
}

.p-b-75 {
    padding-bottom: 75px;
}

.p-t-120 {
    padding-top: 120px;
}

.p-b-120 {
    padding-bottom: 120px;
}

.p-y-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.p-y-142 {
    padding-top: 142px;
    padding-bottom: 142px;
}

.p-t-142 {
    padding-top: 142px;
}

.p-b-142 {
    padding-bottom: 142px;
}

.p-y-150 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.p-t-150 {
    padding-top: 150px;
}

.p-b-150 {
    padding-bottom: 150px;
}

.pl-0 {
    padding-left: 0;
}

/*------------------------------ Common Background Color CSS --------------------------------*/
.gray-drak-bg {
    background-color: var(--black-color);
}

.gray-light-bg {
    background-color: var(--black-color);
}

.gray-bg {
    background-color: var(--gray-color-28);
}

.gray-bg2 {
    background-color: var(--light-white-color);
}

.gray-bg3 {
    background-color: var(--gray-color-19);
}

.text-gray {
    color: var(--gray-color);
}

/*------------------------------ Common Form CSS --------------------------------*/
.common-form {
    margin: 0;
    padding: 0 0 0 26px;
}

    .common-form .form-control {
        margin: 20px 0 10px 0;
        padding: 24px;
        font-size: 15px;
        font-weight: 600;
        color: var(--white-color-1);
        background: none;
        border: 2px solid var(--gray-color-4);
        border-radius: 0;
        height: 66px;
        font-family: 'IRANSansX', sans-serif;
        box-shadow: none;
        outline: none;
        background-color: white;
    }

    .common-form textarea.form-control {
        height: 150px;
        min-height: calc(1.5em + (.75rem + 2px));
    }

.common-form2 {
    margin: 0;
    padding: 0;
}

    .common-form2 .form-control {
        margin: 0 0 20px 0;
        padding: 14px 26px;
        font-size: 14px;
        font-weight: 400;
        color: var(--white-color-1);
        background: none;
        border: 2px solid var(--gray-color-4);
        border-radius: 0;
        height: 50px;
        font-family: 'IRANSansX', sans-serif;
        box-shadow: none;
        outline: none
    }

    .common-form2 textarea.form-control {
        height: 156px;
        min-height: calc(1.5em + (.75rem + 2px));
    }

.common-form-input-box-shadow {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05) !important;
}

.common-custom-control {
    position: relative;
    padding-right: 26px;
    margin-top: -5px;
    margin-bottom: 30px;
    text-align: right;
}

.common-custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.common-custom-control-label {
    position: static;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 16px;
    padding-left: 0;
    margin-left: 0;
    vertical-align: top;
    font-weight: 500;
    color: var(--black-color-2);
}

    .common-custom-control-label:before {
        position: absolute;
        display: block;
        content: "";
        right: 0;
        top: 4px;
        width: 18px;
        height: 18px;
        background-color: var(--gray-color-6);
        border: 1px solid var(--gray-color-5);
        box-shadow: none !important;
    }

    .common-custom-control-label:before {
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

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

.common-custom-checkbox .common-custom-control-label:after {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    background-image: none;
    font-size: 12px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    line-height: 1;
    text-align: center;
    opacity: 0;
    margin-top: -1px;
    visibility: hidden;
    transition: opacity .01s;
}

.common-custom-control-label:after {
    position: absolute;
    right: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    background-color: var(--blue-color) !important;
    background: no-repeat 50%/50% 50%;
    border: 1px solid var(--blue-color);
    border-radius: 2px;
}

.common-custom-checkbox .common-custom-control-input:checked ~ .common-custom-control-label:after {
    background-image: none;
    opacity: 1;
    visibility: visible;
}

.common-form-line {
    height: 2px !important;
    margin: 33px 0 36px 0;
    background-color: var(--dark-white-color);
    border: none;
    opacity: 1;
}

.common-form-bottom-link {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-color-2);
}

    .common-form-bottom-link a {
        color: var(--blue-color);
    }

.common-form .form-select {
    margin: 0 0 20px 0;
    padding: 20px 24px;
    font-size: 15px;
    font-weight: 600;
    color: var(--white-color-1);
    border: 2px solid var(--gray-color-4);
    border-radius: 0;
    height: 66px;
    font-family: 'IRANSansX', sans-serif;
    box-shadow: none;
    outline: none;
    background-image: url('../images/common-form-select-arrow.png');
    background-size: 10px 7px;
    background-position: right 22px center;
}

/*=========================================== Home Page v6 Start CSS ===========================================*/
/*------------------------------ Home Page v6 Header CSS --------------------------------*/
.homepage-v6-header {
    background-color: var(--black-color-5);
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
}

.stickyNav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    background-color: var(--black-color-5);
    box-shadow: 0 0 4px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4);
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.inner-page .homepage-v6-header.headerchanged {
    background-color: var(--black-color-5);
}

.headerchanged {
    background-color: var(--black-color-5);
}

.homepage-v6-search {
    width: 100%;
    position: relative;
    display: flex;
}

.homepage-v6-searchTerm {
    width: 100%;
    border-bottom: 1px solid var(--gray-color-30);
    border-left: none;
    border-right: none;
    border-top: none;
    outline: none;
    background: none;
    box-shadow: none;
    color: var(--dark-color-2);
    font-size: 14px;
    font-weight: 400;
    font-family: 'IRANSansX', sans-serif;
    border-radius: 0px;
    line-height: 2;
    padding: .375rem 3rem .375rem .75rem;
}

    .homepage-v6-searchTerm:focus {
        color: var(--dark-color-2);
        border-left: none;
        border-right: none;
        border-top: none;
        outline: none;
        box-shadow: none;
        border-radius: 0px;
    }

.homepage-v6-searchButton {
    border-bottom: 1px solid var(--gray-color-30);
    color: var(--dark-color-2);
    cursor: pointer;
    font-size: 16px;
}

.homepage-v6-contact-link-text {
    display: block;
}

.homepage-v6-contact-link-text-responsive {
    display: none;
}

.headerchanged .header-v4 .navbar-brand img {
    filter: brightness(0) invert(1);
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.header-v4-navbar-right-mobile {
    display: none;
}

.homev4-responsive-mobile {
    display: none;
}

.stickyNav .header-v4 {
    padding: 6px 0;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.header-v4 {
    background: none;
    margin: 0;
    padding: 35px 0 29px 0;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.header-v4-navbar-border {
    padding: 0 0 25px 0;
}

.stickyNav .header-v4-navbar-border {
    padding: 2px 0;
}

.header-v4 .navbar-brand {
    height: 51px;
    width: 127px;
    padding: 0;
    display: inline-block;
    margin-right: 0;
    position: absolute;
}

.stickyNav .header-v4 .navbar-brand {
    height: 39px;
    width: 102px;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.homev4-nav-link {
    color: var(--white-color) !important;
    font-size: 15px;
    font-weight: 400;
    border-bottom: 1px solid;
    border-color: transparent;
    text-transform: uppercase;
}

    .homev4-nav-link.active, .homev4-nav-link:hover {
        color: var(--gold-color) !important;
    }

.homev4-nav-link {
    padding-right: 26px !important;
    padding-left: 26px !important;
}

    .homev4-nav-link.show .fa-angle-down {
        transform: rotate(180deg);
    }

    .homev4-nav-link.dropdown-toggle::after {
        display: none;
    }

.roundbgcolor-4 {
    color: var(--white-color) !important;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    padding: 0 !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 0 0 20px;
}

.homev4-search a {
    position: relative;
}

.homev4-search .form-control {
    padding: 15px 24px;
    font-size: 15px;
    font-weight: 400;
    color: var(--black-color);
    background-color: var(--gray-color-28);
    border: none;
    border-radius: 100px !important;
    height: 41px;
    font-family: 'IRANSansX', sans-serif;
    box-shadow: none;
    outline: none;
    font-style: italic;
}

    .homev4-search .form-control:focus {
        border: none;
        border-radius: 100px !important;
        box-shadow: none;
        outline: none;
    }

.homev4-search .homev4-search-fullwidth {
    background-color: var(--white-color);
    border: 1px solid var(--gray-color-8);
    padding: 10px 10px 10px 10px;
}

.homev4-search.menu-large {
    position: unset !important;
}

    .homev4-search.menu-large .search-mobile-name {
        display: none;
    }

.homev4-search .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-radius: 0px;
    margin-bottom: 110px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.2s;
    display: block;
    background: none;
    border: none;
    box-shadow: none;
}

    .homev4-search .dropdown-menu.show {
        display: block;
        margin-top: 0px !important;
        opacity: 1;
        visibility: visible;
        z-index: 1;
        transition: all 0.2s;
        top: 110px;
        left: 0;
        right: 0;
        margin-top: .125rem;
        position: absolute;
        z-index: 1000;
        display: block;
        padding: 0;
        margin: 0;
        font-size: 1rem;
        color: var(--black-color-1);
        text-align: left;
        list-style: none;
        background: none;
        background-clip: border-box;
        border: none;
        box-shadow: none;
        background-clip: padding-box;
        border-radius: 0px;
    }

.stickyNav .homev4-search .dropdown-menu.show {
    top: 62px;
}

.homev4-wishlist .wishlist-mobile-name {
    display: none;
}

.homev4-wishlist a {
    position: relative;
}

.homev4-shopping-basket a {
    position: relative;
}

    .homev4-shopping-basket a .cart-count {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        color: var(--white-color);
        position: absolute;
        top: -7px;
        right: -18px;
        width: 20px;
        height: 20px;
        background-color: var(--blue-color);
        font-family: 'IRANSansX', sans-serif;
    }

.homev4-shopping-basket .dropdown-cart-products {
    max-height: 27.9rem;
    margin-top: -1rem;
    overflow-y: auto;
    width: 234px;
}

.homev4-shopping-basket .product {
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px 0 20px 30px;
    box-shadow: none;
    margin: 0 !important;
    border: none;
    border-bottom: 1px solid var(--gray-color-8);
    box-shadow: none !important;
}

.homev4-shopping-basket .product-cart-details {
    font-weight: 400;
    max-width: 150px;
    font-size: 1.3rem;
    color: var(--gray-color-9);
    text-align: left;
}

.homev4-shopping-basket .product-title {
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: var(--black-color-1);
    text-align: right;
    margin-bottom: 5px;
}

    .homev4-shopping-basket .product-title a {
        color: var(--black-color-1);
    }

    .homev4-shopping-basket .product-title:hover a {
        color: var(--blue-color);
    }

.homev4-shopping-basket .product-cart-details {
    font-weight: 700;
    max-width: 150px;
    font-size: 15px;
    color: var(--white-color-1);
    text-align: left;
}

.homev4-shopping-basket .product-cart-details {
    font-weight: 700;
    font-size: 14px;
    color: var(--black-color-1);
    text-align: left;
    margin-right: 5px;
}

.homev4-shopping-basket .cart-product-qty del {
    opacity: 50%;
    font-family: 'IRANSansX', sans-serif;
    font-weight: 400;
}

.homev4-shopping-basket .product-image-container {
    position: relative;
    max-width: 60px;
    margin: 0;
}

.product-image {
    display: block;
    width: 100%;
    height: auto;
}

.homev4-shopping-basket .btn-remove {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    color: var(--white-color-1);
    font-size: 15px;
    line-height: 1;
    text-align: center;
    margin-top: -0.5rem;
    cursor: pointer;
}

    .homev4-shopping-basket .btn-remove:hover {
        color: var(--blue-color);
    }

.homev4-shopping-basket .dropdown-cart-total {
    padding: 15px 0;
    display: flex;
    align-items: flex-end;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--black-color-1);
    margin-bottom: 0;
    width: 234px;
}

    .homev4-shopping-basket .dropdown-cart-total .cart-total-price {
        font-size: 19px;
        margin-left: auto;
    }

.homev4-shopping-basket .dropdown-cart-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    width: 234px;
}

    .homev4-shopping-basket .dropdown-cart-action .btn {
        font-size: 18px;
        min-width: 110px;
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
        color: var(--white-color);
        background-color: var(--blue-color);
        border-color: var(--blue-color);
        box-shadow: none;
        outline: none;
        border-radius: 0px;
    }

.homev4-shopping-basket .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    border-radius: 0px;
    margin-bottom: 110px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.2s;
    display: block;
}

    .homev4-shopping-basket .dropdown-menu.show {
        display: block;
        margin-top: 0px !important;
        opacity: 1;
        visibility: visible;
        z-index: 1;
        transition: all 0.2s;
        top: 70px;
        left: auto;
        margin-top: .125rem;
        right: 0;
        position: absolute;
        z-index: 1000;
        display: block;
        min-width: 280px;
        padding: 22px;
        margin: 0;
        font-size: 1rem;
        color: var(--black-color-1);
        text-align: left;
        list-style: none;
        background-color: var(--white-color);
        background-clip: padding-box;
        border: 1px solid var(--gray-color-8);
        border-radius: 0px;
    }

.stickyNav .homev4-shopping-basket .dropdown-menu.show {
    top: 46px;
}

.homev4-shop .megamenu-img {
    height: 237px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.homev4-shop .megamenu-text {
    position: absolute;
    bottom: 30px;
    left: 39px;
    padding: 0;
    margin: 0;
}

    .homev4-shop .megamenu-text .title2 {
        font-size: 17px;
        font-weight: 500;
        color: var(--black-color-1);
        margin: 0;
        padding: 0;
        text-transform: uppercase;
    }

    .homev4-shop .megamenu-text .title {
        font-size: 24px;
        font-weight: 900;
        color: var(--black-color-1);
        margin: 0;
        padding: 0;
        text-transform: uppercase;
    }

.homev4-shop .megamenu .default {
    position: static;
    top: 50%;
    font-size: 12px;
    font-weight: 400;
    right: 17px;
    border-radius: 100px;
    margin-left: 5px;
    line-height: normal;
    background-color: var(--blue-color-4);
    color: var(--white-color);
    padding: 1px 10px;
    font-family: 'IRANSansX', sans-serif;
}

.homev4-shop .megamenu .new {
    position: static;
    top: 50%;
    font-size: 12px;
    font-weight: 400;
    right: 17px;
    border-radius: 100px;
    margin-left: 5px;
    line-height: normal;
    background-color: var(--blue-color-3);
    color: var(--white-color);
    padding: 1px 10px;
    font-family: 'IRANSansX', sans-serif;
}

.homev4-shop .megamenu .hot {
    position: static;
    top: 50%;
    font-size: 12px;
    font-weight: 400;
    right: 17px;
    border-radius: 100px;
    margin-left: 5px;
    line-height: normal;
    background-color: var(--red-color-4);
    color: var(--white-color);
    padding: 1px 10px;
    font-family: 'IRANSansX', sans-serif;
}

.homev4-shop .megamenu .featured {
    position: static;
    top: 50%;
    font-size: 12px;
    font-weight: 400;
    right: 17px;
    border-radius: 100px;
    margin-left: 5px;
    line-height: normal;
    background-color: var(--black-color-1);
    color: var(--white-color);
    padding: 1px 10px;
    font-family: 'IRANSansX', sans-serif;
}

.homev4-shop.menu-large {
    position: unset !important;
}

.homev4-shop .dropdown-menu {
    top: 100%;
    left: 0;
    right: 0;
    border-radius: 0px;
    margin-bottom: 110px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.2s;
    display: block;
    background: none;
    border: none;
    box-shadow: none;
}

    .homev4-shop .dropdown-menu.show {
        display: block;
        margin-top: 0px !important;
        opacity: 1;
        visibility: visible;
        z-index: 1;
        transition: all 0.2s;
        top: 48px;
        left: 0;
        right: 0;
        margin-top: .125rem;
        position: absolute;
        z-index: 1000;
        display: block;
        padding: 0;
        margin: 0;
        font-size: 1rem;
        color: var(--black-color-1);
        text-align: left;
        list-style: none;
        background: none;
        border: none;
        box-shadow: none;
        background-clip: padding-box;
        border-radius: 0px;
    }

.stickyNav .homev4-shop .dropdown-menu.show {
    top: 45px;
}

.homev4-shop-megamenu {
    background-color: var(--white-color);
    border: 1px solid var(--gray-color-8);
    padding: 44px;
    text-align: right;
}

.homev4-shop .dropdown-item, .dropdown-item:focus, .dropdown-item:hover {
    color: var(--black-color-1);
    background: none;
    font-size: 14px;
    font-weight: 400;
    font-family: 'IRANSansX', sans-serif;
    margin: 0;
    padding: 0;
    line-height: 30px;
}

.homev4-shop li:hover .dropdown-item {
    color: var(--blue-color);
    background-color: var(--gray-color-6);
    padding: 0 10px;
}

.homev4-shop .col-megamenu .title {
    color: var(--black-color-1);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid var(--gray-color-31);
    margin: 0 0 20px 0;
    padding: 0 0 19px 0;
}

.homev4-pages .dropdown-menu {
    top: 100%;
    left: 0;
    border-radius: 0px;
    margin-bottom: 110px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.2s;
    display: block;
}

    .homev4-pages .dropdown-menu.show {
        min-width: 11rem;
        display: block;
        margin-top: 0px !important;
        opacity: 1;
        visibility: visible;
        z-index: 1;
        transition: all 0.2s;
        top: 45px;
        margin-top: .125rem;
        position: absolute;
        z-index: 1000;
        display: block;
        padding: 10px 15px;
        margin: 0;
        font-size: 1rem;
        color: var(--black-color-1);
        text-align: left;
        list-style: none;
        background-color: var(--white-color);
        background-clip: padding-box;
        border: 1px solid var(--gray-color-8);
        border-radius: 0px;
        right: auto;
        left: 0;
    }

.homev4-pages .multilevel-dropdown-menu {
    top: 100%;
    left: 160px;
    border-radius: 0px;
    margin-bottom: 110px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.2s;
    display: block;
}

    .homev4-pages .multilevel-dropdown-menu.show {
        display: block;
        margin-top: 0px !important;
        opacity: 1;
        visibility: visible;
        z-index: 1;
        transition: all 0.2s;
        top: 0px;
        margin-top: .125rem;
        position: absolute;
        z-index: 1000;
        display: block;
        padding: 10px 15px;
        margin: 0;
        font-size: 1rem;
        color: var(--dark-color-2);
        text-align: left;
        list-style: none;
        background-color: var(--white-color);
        background-clip: padding-box;
        border: 1px solid var(--gray-color-8);
        border-radius: 0px;
        right: auto;
        left: 160px;
    }

.stickyNav .homev4-pages .multilevel-dropdown-menu.show {
    top: 0 !important;
}

.homev4-pages .dropdown-item4 {
    color: var(--black-color-1);
    background-color: var(--white-color);
    border: none;
    font-size: 14px;
    font-weight: 400;
    font-family: 'IRANSansX', sans-serif;
    margin: 0;
    padding: 0;
    line-height: 30px;
}

.homev4-pages .multilevel-dropdown-menu li:hover .dropdown-item4 {
    color: var(--blue-color);
    background-color: var(--gray-color-6);
    padding: 0 15px;
}

.homev4-pages .dropdown-item4:focus, .homev4-pages .dropdown-item4:hover {
    color: var(--blue-color);
}

.stickyNav .homev4-pages .dropdown-menu.show {
    top: 43px;
}

.homev4-pages .dropdown-item {
    color: var(--black-color-1);
    background-color: var(--white-color);
    border: none;
    font-size: 14px;
    font-weight: 400;
    font-family: 'IRANSansX', sans-serif;
    margin: 0;
    padding: 0;
    line-height: 30px;
    text-align: right;
}

    .homev4-pages .dropdown-item.show .homev4-pages-right-arrow {
        transform: rotate(-90deg);
    }

.dropend .dropdown-toggle::after {
    border: 0px;
}

.homev4-pages .dropdown-item:focus, .dropdown-item:hover {
    color: var(--blue-color);
}

.homev4-pages li:hover .dropdown-item {
    color: var(--blue-color);
    background-color: var(--gray-color-6);
    padding: 0 15px;
}

.homev4-pages-right-arrow {
    line-height: 30px;
    float: right;
}

/*------------------------------ Home Page v6 Banner Slider CSS --------------------------------*/
.homepage-v6-banner-slider-wrap {
    border-top: 1px solid var(--gray-color-30);
    border-bottom: 1px solid var(--gray-color-30);
}

.homepage-v6-banner-slider-main .homepage-v6-element {
    padding: 89px 40px 110px 40px;
    background-color: var(--gray-color-19);
    display: block;
    text-align: center;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    width: 100%;
}

    .homepage-v6-banner-slider-main .homepage-v6-element.slick-current.slick-active {
        background-color: var(--gray-color-17);
        border-left: 1px solid var(--gray-color-30);
        border-right: 1px solid var(--gray-color-30);
    }

        .homepage-v6-banner-slider-main .homepage-v6-element.slick-current.slick-active .homepage-v6-banner-slider-images {
            opacity: 0.5;
        }

.homepage-v6-banner-slider-images {
    overflow: hidden;
    height: 394px;
}

.homepage-v6-banner-slider-offer {
    font-size: 16px;
    font-weight: 400;
    color: var(--blue-color);
    text-align: center;
    margin: 34px 0 0 0;
    padding: 0;
    display: block;
    font-family: 'IRANSansX', sans-serif;
}

.homepage-v6-banner-slider-title {
    font-size: 24px;
    font-weight: 500;
    color: var(--black-color-8);
    text-align: center;
    margin: 15px 0 16px 0;
    padding: 0;
}

.homepage-v6-banner-slider-link {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-24);
    text-align: center;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    text-underline-offset: 4px;
    font-family: 'IRANSansX', sans-serif;
}

    .homepage-v6-banner-slider-link:focus, .homepage-v6-banner-slider-link:hover {
        text-decoration: underline;
    }
.homepage-v6-collection-products-wrapper .slick-prev::before,
.homepage-v6-collection-products-wrapper .slick-next::before {
    font-size: 30px;
    line-height: 1;
    opacity: 1;
    color: var(--black-color-5);
}

.homepage-v6-banner-slider-main .slick-prev {
    right: -41px;
}

.homepage-v6-banner-slider-main .slick-next {
    left: -30px;
}

/*------------------------------ Home Page v6 Recently Added Product CSS --------------------------------*/
.recently-added-product {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--white-color);
    background-clip: border-box;
    border: none;
    border-radius: 0;
    padding: 11px 10px;
    border-radius: 5px;
    border: 1px solid var(--black-color);
}

    .recently-added-product .card-img-top {
        border-radius: 5px;
        overflow: hidden;
        height: 258px;
        -webkit-transition: all 240ms ease-in-out;
        -moz-transition: all 240ms ease-in-out;
        -ms-transition: all 240ms ease-in-out;
        -o-transition: all 240ms ease-in-out;
        transition: all 240ms ease-in-out;
    }

        .recently-added-product .card-img-top img {
            transition: transform .75s;
        }

        .recently-added-product .card-img-top:hover img {
            transform: scale(1.08);
        }

    .recently-added-product .card-body {
        padding: 16px 0 0 0;
    }

    .recently-added-product .product-title {
        font-size: 20px;
        font-weight: 700;
        color: var(--black-color);
        margin: 0;
        padding: 0;
        overflow: hidden;
        -webkit-box-orient: vertical;
        display: block;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
    }

    .recently-added-product:hover .product-title a {
        color: var(--blue-color);
    }

    .recently-added-product .text-price del {
        font-size: 16px;
        font-weight: 600;
        color: var(--dark-color-2);
        opacity: 50%;
        margin: 0;
        padding: 0 3px 0 0;
        font-family: 'IRANSansX', sans-serif;
    }

    .recently-added-product .text-price {
        font-size: 20px;
        font-weight: 700;
        color: var(--black-color-7);
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

    .recently-added-product .product-price {
        margin: 1px 0 0 0;
    }

    .recently-added-product .product-action-vertical {
        margin: 4px 0 0 0;
    }

        .recently-added-product .product-action-vertical .btn-product-wishlist-icon {
            font-size: 19px;
            color: var(--dark-color-2);
            margin: 0;
            padding: 0;
        }

        .recently-added-product .product-action-vertical .btn-product-quickview-icon {
            font-size: 19px;
            color: var(--dark-color-2);
            margin: 0;
            padding: 0 0 0 8px;
        }

        .recently-added-product .product-action-vertical .btn-product-addtocart-icon {
            font-size: 19px;
            color: var(--dark-color-2);
            margin: 0;
            padding: 0 0 0 8px;
        }

        .recently-added-product .product-action-vertical .btn-product-wishlist-icon:hover {
            color: var(--blue-color);
        }

        .recently-added-product .product-action-vertical .btn-product-quickview-icon:hover {
            color: var(--blue-color);
        }

        .recently-added-product .product-action-vertical .btn-product-addtocart-icon:hover {
            color: var(--blue-color);
        }

/*------------------------------ Home Page v6 Collection CSS --------------------------------*/
.homepage-v6-new-collection-area {
    /*background-color: rgba(244, 245, 247, 0.8);*/
    position: relative;
    width: 100%;
}

    .homepage-v6-new-collection-area::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        z-index: -1;
        background-color: white;
    }

.homepage-v6-collection-tab-menu-wrap {
    justify-content: center;
    margin-bottom: 45px;
    align-items: center;
}

.homepage-v6-collection-nav-item {
    padding: 0 30px;
    position: relative;
}

    .homepage-v6-collection-nav-item:first-child:after {
        display: none;
    }

    .homepage-v6-collection-nav-item:after {
        content: "/";
        position: absolute;
        right: 0;
        top: 0;
        color: var(--black-color);
        font-size: 18px;
    }

.homepage-v6-collection-nav-link {
    color: var(--black-color) !important;
    font-size: 20px;
    font-weight: 400;
    padding: 0;
    background: none !important;
    border: 0 !important;
    border-radius: 0px !important;
}

    .homepage-v6-collection-nav-link:hover,
    .homepage-v6-collection-nav-link.active {
        color: var(--blue-color) !important;
        background: none !important;
        border-radius: 0px !important;
    }

.homepage-v6-collection-products-wrapper {
    position: relative;
}

.homepage-v6-collection-products-carousel .draggable {
    margin: 0 -15px;
    padding-bottom: 25px;
}

.homepage-v6-collection-products-carousel .slide {
    padding: 0 15px;
    height: auto;
}

.homepage-v6-collection-single-product-item {
    background-color: var(--white-color);
    padding: 3px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    position: relative;
    overflow: hidden;
    border: 0px solid var(--black-color-5);
    border-radius: 3px;
}

.homepage-v6-collection-products-wrapper-two {
    margin-top: 11px;
}

.homepage-v6-collection-single-product-item-two {
    /*background-color: var(--gray-color-32);*/
}

.homepage-v6-collection-single-product-item:after {
    background-color: rgb(168 191 218 / 10%);
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scaleX(0);
    -moz-transform: translate(-50%, -50%) scaleX(0);
    -ms-transform: translate(-50%, -50%) scaleX(0);
    transform: translate(-50%, -50%) scaleX(0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    pointer-events: none;
    height: calc(100%);
    width: calc(100%);
}

.homepage-v6-collection-single-product-item:hover:after {
    -webkit-transform: translate(-50%, -50%) scaleX(1);
    -moz-transform: translate(-50%, -50%) scaleX(1);
    -ms-transform: translate(-50%, -50%) scaleX(1);
    transform: translate(-50%, -50%) scaleX(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.homepage-v6-collection-single-product-item:hover .homepage-v6-collection-product-meta {
    top: 10px;
    right: 10px;
    opacity: 1;
    visibility: visible;
}

.homepage-v6-collection-single-product-item:hover .homepage-v6-collection-btn-add-to-cart {
    border-color: var(--blue-color);
    color: var(--white-color);
}

    .homepage-v6-collection-single-product-item:hover .homepage-v6-collection-btn-add-to-cart:hover {
        color: var(--white-color);
    }

.homepage-v6-collection-single-product-item:hover .homepage-v6-collection-product-bedge {
    top: 10px;
    left: 10px;
}

.homepage-v6-collection-product-thumb {
    /*margin-bottom: 34px;*/
    overflow: hidden;
    height: 307px;
    border-radius: 20px;
}

.homepage-v6-collection-product-title {
    color: var(--black-color);
    font-size: 20px;
    font-weight: 400;
}

    .homepage-v6-collection-product-title:hover {
        color: var(--blue-color);
    }

.homepage-v6-collection-products-desc {
    display: none;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 1.5;
}

.homepage-v6-collection-rating {
    color: var(--gold-color);
    font-size: 10px;
    margin: 15px 0 10px 0;
}

.homepage-v6-collection-price {
    color: var(--black-color);
    font-size: 18px;
    font-weight: 400;
    display: block;
    font-family: 'IRANSansX', sans-serif;
    direction: rtl;
}

.homepage-v6-collection-btn-add-to-cart {
    margin-top: 15px;
    margin-bottom: 20px;
}

    .homepage-v6-collection-btn-add-to-cart:last-child {
        margin-right: 0;
    }

    .homepage-v6-collection-btn-add-to-cart.btn-compare, .homepage-v6-collection-btn-add-to-cart.btn-whislist {
        display: none;
    }

.homepage-v6-collection-product-meta {
    position: absolute;
    right: -100%;
    top: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}

.homepage-v6-collection-btn, .homepage-v6-collection-wishlist-compress {
    background-color: var(--black-color);
    font-size: 18px;
    color: var(--white-color);
    cursor: pointer;
    display: flex;
    height: 45px;
    padding: 0;
    text-align: center;
    width: 45px;
    border-radius: 0px;
    border: none;
    outline: none;
    box-shadow: none;
    margin-bottom: 1px;
    justify-content: center;
    align-items: center;
}

    .homepage-v6-collection-btn:hover, .homepage-v6-collection-wishlist-compress:hover {
        background-color: var(--blue-color);
        color: var(--white-color);
        box-shadow: none;
    }

    .homepage-v6-collection-btn:focus, .homepage-v6-collection-wishlist-compress:focus {
        background-color: var(--blue-color);
        color: var(--white-color);
        box-shadow: none;
    }

.homepage-v6-collection-product-bedge {
    background-color: var(--black-color);
    font-size: 14px;
    color: var(--white-color);
    padding: 10px 25px;
    text-transform: uppercase;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    clip-path: polygon(100% 0%, 85% 50%, 100% 100%, 0 100%, 0% 50%, 0 0);
    z-index: 2;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

    .homepage-v6-collection-product-bedge.homepage-v6-collection-sale {
        background-color: var(--red-color-6);
    }

.homepage-v6-collection-products-carousel-slider-controls {
    margin-top: 0px;
    text-align: center;
}

    .homepage-v6-collection-products-carousel-slider-controls span {
        position: absolute;
        cursor: pointer;
        margin: -25px 0 0 0;
        transition: all 0.3s linear;
    }

.homepage-v6-collection-prevSlide, .homepage-v6-collection-prevSlide2, .homepage-v6-collection-prevSlide3, .homepage-v6-collection-prevSlide4 {
    right: 48px;
}

.homepage-v6-collection-nextSlide, .homepage-v6-collection-nextSlide2, .homepage-v6-collection-nextSlide3, .homepage-v6-collection-nextSlide4 {
    right: 0;
}

.homepage-v6-collection-prevSlide, .homepage-v6-collection-prevSlide2, .homepage-v6-collection-prevSlide3, .homepage-v6-collection-prevSlide4 i {
    font-size: 20px;
    color: var(--black-color);
}

.homepage-v6-collection-nextSlide, .homepage-v6-collection-nextSlide2, .homepage-v6-collection-nextSlide3, .homepage-v6-collection-nextSlide4 i {
    font-size: 20px;
    color: var(--blue-color);
}

.homepage-v6-collection-products-carousel .slick-dots {
    bottom: -34px;
    left: -10px;
    text-align: left;
}

    .homepage-v6-collection-products-carousel .slick-dots li button::before {
        width: 7px;
        height: 7px;
        margin: 0px 6px;
        border: 0px;
        background-color: var(--black-color);
        display: block;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        transition: all .3s ease;
        border-radius: 100px;
        color: transparent;
        opacity: 1;
    }

    .homepage-v6-collection-products-carousel .slick-dots li.slick-active button::before {
        opacity: 1;
        width: 22px;
        background: var(--blue-color);
        color: transparent;
        z-index: 1;
    }

/*------------------------------ Home Page v6 Products by Category Area CSS --------------------------------*/
.homepage-v6-product-categories-single-cat-item {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

    .homepage-v6-product-categories-single-cat-item:hover .homepage-v6-product-categories-category-thumb img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .homepage-v6-product-categories-single-cat-item:hover .homepage-v6-product-categories-category-name {
        top: 70%;
    }

.homepage-v6-product-categories-category-thumb {
    position: relative;
    overflow: hidden;
    margin: 0 0 0.938rem;
}

.homepage-v6-product-categories-large-size-cate .homepage-v6-product-categories-category-thumb-images {
    display: block;
    overflow: hidden;
    height: 660px;
}

.homepage-v6-product-categories-small-size-cate .homepage-v6-product-categories-category-thumb-images {
    display: block;
    overflow: hidden;
    height: 315px;
}

.homepage-v6-product-categories-category-thumb img {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.homepage-v6-product-categories-category-name {
    border: 1px solid var(--gray-color-30);
    position: absolute;
    top: 87%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    padding: 5px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 90%;
}

.homepage-v6-product-categories-category-title {
    background-color: var(--white-color);
    color: var(--black-color);
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 14px 20px;
    text-align: center;
}

.homepage-v6-product-categories-large-size-cate .homepage-v6-product-categories-single-cat-item {
    margin-bottom: 15px;
}

.homepage-v6-product-categories-small-size-cate {
    margin-top: -15px;
}

    .homepage-v6-product-categories-small-size-cate .homepage-v6-product-categories-single-cat-item {
        margin-top: 15px;
    }

/*------------------------------ Home Page v6 What People Say CSS --------------------------------*/
.homepage-v6-testimonial-wrapper {
    background-color: rgba(0, 0, 0, 0.6);
    position: relative;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
}

    .homepage-v6-testimonial-wrapper::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-image: url('../images/homepage-v6-testimonial-bg.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        z-index: -1;
    }

.homepage-v6-client-text {
    font-size: 15px;
    font-style: italic;
    color: var(--white-color);
    line-height: 30px;
    font-family: 'IRANSansX', sans-serif;
    margin-top: 14px;
}

.homepage-v6-client-name {
    text-transform: uppercase;
    color: var(--white-color);
    font-weight: 500;
    font-size: 15px;
    margin-top: 37px;
}

.homepage-v6-client-email {
    color: var(--white-color);
    font-weight: 400;
    font-size: 15px;
    margin-top: 11px;
    display: block;
}

/*------------------------------ Home Page v6 From Our Blog CSS --------------------------------*/
.homepage-v6-blog-area {
    background-color: rgba(244, 245, 247, 0.9);
    position: relative;
    width: 100%;
}

    .homepage-v6-blog-area::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-image: url('../images/homepage-v6-blog-bg.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        z-index: -1;
    }

.homepage-v6-blog-content-wrap {
    margin-top: 7px;
}

.homepage-v6-single-blog-wrap {
    text-align: center;
}

.homepage-v6-blog-thumb {
    position: relative;
    height: 300px;
    overflow: hidden;
}

    .homepage-v6-blog-thumb:hover:after {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
    }

    .homepage-v6-blog-thumb:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .homepage-v6-blog-thumb:after {
        background-color: rgba(32, 32, 32, 0.5);
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        pointer-events: none;
    }

    .homepage-v6-blog-thumb img {
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        width: 100%;
    }

.homepage-v6-blog-details {
    margin-top: 28px;
}

.homepage-v6-blog-title {
    font-size: 20px;
    font-weight: 500;
    color: var(--black-color);
}

    .homepage-v6-blog-title:hover {
        color: var(--blue-color);
    }

.homepage-v6-blog-text {
    font-style: italic;
    font-family: 'IRANSansX', sans-serif;
    color: var(--black-color);
    font-size: 14px;
    line-height: 20px;
}

.homepage-v6-post-date {
    font-size: 13px;
    font-weight: 500;
    font-style: italic;
    display: block;
    padding-bottom: 14px;
    margin-bottom: 29px;
    margin-top: 15px;
    position: relative;
}

    .homepage-v6-post-date:after {
        background-color: var(--blue-color);
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -20px;
        bottom: 0;
        width: 40px;
        height: 2px;
    }

.homepage-v6-btn-long-arrow {
    margin-top: 30px;
    font-size: 15px;
    font-weight: 500;
    color: var(--blue-color);
    display: block;
    text-transform: uppercase;
}

    .homepage-v6-btn-long-arrow span {
        padding-right: 20px;
    }

/*------------------------------ Home Page v6 Shipping Area CSS --------------------------------*/
.homepage-v6-callto-action-wrapper {
    background-color: var(--gray-color-19);
    padding: 0;
}

.homepage-v6-single-callto-action {
    position: relative;
    padding: 51px 0;
    align-items: center;
    margin: 0;
    justify-content: center;
}

    .homepage-v6-single-callto-action::after {
        border-right: 1px solid var(--gray-color-30);
        position: absolute;
        right: -12px;
        top: 0;
        bottom: 0;
        content: '';
    }

    .homepage-v6-single-callto-action.border_right_0::after {
        border-right: 0px;
    }

.homepage-v6-callto-thumb {
    margin-right: 20px;
}

    .homepage-v6-callto-thumb i {
        font-size: 30px;
        color: var(--blue-color);
    }

.homepage-v6-callto-info-title {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 5px;
}

.homepage-v6-callto-info-text {
    font-weight: 400;
    font-size: 14px;
    color: var(--gray-color-14);
    font-family: 'IRANSansX', sans-serif;
}

/*------------------------------ Home Page v6 #Regalia Shop On Instagram Image Gallery Area CSS --------------------------------*/
.homepage-v6-shop-on-instagram-gallery-item {
    position: relative;
}

.homepage-v6-shop-on-instagram-gallery-images {
    overflow: hidden;
    height: 410px;
    display: block;
    border-radius: 20px 0;
}

.homepage-v6-shop-on-instagram-gallery-item:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.homepage-v6-shop-on-instagram-gallery-images img {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.homepage-v6-shop-on-instagram-gallery-item:hover .homepage-v6-shop-on-instagram-gallery-icon {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.homepage-v6-shop-on-instagram-gallery-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -36px;
    font-size: 2.8rem;
    line-height: 1.5;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    z-index: 1;
}

    .homepage-v6-shop-on-instagram-gallery-icon a {
        color: var(--white-color);
        width: 70px;
        height: 70px;
        display: inline-flex;
        background-color: var(--blue-color);
        border-radius: 100px;
        justify-content: center;
        align-items: center;
    }

/*------------------------------ Home Page v6 Footer Newletter CSS --------------------------------*/
.newsletter-form-control {
    padding: 18px 24px;
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
    color: var(--black-color);
    background-color: var(--gray-color-28);
    border: none;
    border-radius: 0px !important;
    height: 58px;
    font-family: 'IRANSansX', sans-serif;
    box-shadow: none;
    outline: none;
}

    .newsletter-form-control:focus {
        color: var(--black-color);
        background-color: var(--gray-color-28);
        border: none;
        outline: 0;
        box-shadow: none;
    }

.homepage-v6-two-div-line {
    margin: 60px 0;
    color: inherit;
    background-color: var(--gray-color-28);
    border: 0;
    opacity: 1;
    height: 2px !important;
}

/*------------------------------ Home Page v6 Footer CSS --------------------------------*/
.homepage-v6-footer-followup-wrapper {
    background-color: var(--black-color);
    padding: 70px 15px;
}

.homepage-v6-footer-logo {
    height: 51px;
    width: 127px;
    padding: 0;
    display: inline-flex;
    margin: 0 0 18px 0;
    filter: brightness(0) invert(1);
    justify-content: center;
    align-items: center;
}

.homepage-v6-footer-text {
    margin: 0;
    font-family: 'IRANSansX', sans-serif;
    color: var(--white-color);
    font-size: 15px;
    font-style: italic;
}

.homepage-v6-footer-menu {
    margin: 32px 0 0 0;
    padding: 0;
}

.homepage-v6-footer-li {
    display: inline-block;
    margin: 0;
    padding: 0 15px;
    position: relative;
}

    .homepage-v6-footer-li::after {
        position: absolute;
        content: '/';
        font-size: 16px;
        font-weight: 400;
        color: var(--white-color);
        right: -5px;
    }

    .homepage-v6-footer-li:last-child::after {
        content: '';
    }

.homepage-v6-nav-link {
    font-size: 16px;
    font-weight: 400;
    color: var(--white-color);
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

    .homepage-v6-nav-link:focus, .homepage-v6-nav-link:hover {
        color: var(--blue-color);
    }

.homepage-v6-footer-social-icons {
    margin: 38px 0 0 0;
}

    .homepage-v6-footer-social-icons a {
        font-size: 18px;
        display: inline-flex;
        color: var(--white-color);
        border: 2px solid var(--gray-color-30);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        margin-left: 8px;
        margin-right: 8px;
        height: 46px;
        width: 46px;
        justify-content: center;
        align-items: center;
    }

        .homepage-v6-footer-social-icons a:last-child {
            margin-right: 0;
        }

        .homepage-v6-footer-social-icons a:hover {
            background-color: var(--blue-color);
            border-color: var(--blue-color);
        }

.homepage-v6-footer-payment-logo {
    display: inline-flex;
    overflow: hidden;
    height: 25px;
}

.homepage-v6-footer-copyright-area {
    padding: 14px 0;
    background-color: var(--black-color-5);
}

.homepage-v6-footer-copyright-text {
    font-style: italic;
    font-size: 15px;
    color: var(--white-color);
    font-family: 'IRANSansX', sans-serif;
}

    .homepage-v6-footer-copyright-text a {
        color: var(--gold-color);
    }

.footer-to-top {
    position: fixed;
    bottom: 11%;
    right: 2%;
    padding: 0px;
    margin: 0px;
    display: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    z-index: 1;
}

.footer-to-top-img {
    position: absolute;
    width: 27px;
    height: 84px;
    margin: 0;
}

.footer-to-top:hover {
    transition: all 0.4s linear;
    transform: scale(1.1);
}

/*------------------------------ Home Page v2 Quick View CSS --------------------------------*/
.modal-backdrop.show {
    opacity: .7;
}

.homepage-v1-quickview .modal-dialog {
    margin: 110px auto;
}

.homepage-v1-quickview .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: var(--white-color);
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    outline: 0;
    padding: 40px;
}

.homepage-v1-quickview .modal-header {
    padding: 0px;
    border: none;
    position: absolute;
    top: 12px;
    right: 12px;
}

    .homepage-v1-quickview .modal-header .btn-close {
        width: 14px;
        height: 14px;
        color: var(--black-color);
        background: url('../images/homepage-v2-quickview-closeicon.png') center/1em auto no-repeat, var(--gray-color-18);
        outline: none;
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.09);
        border: none;
        z-index: 1;
        opacity: 1;
        border-radius: 100px;
    }

.homepage-v1-quickview .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0;
}

.homepage-v1-quickview-slider-main {
    width: 345px;
    display: block;
    margin: 0;
    padding: 0;
    opacity: 0;
    transition: all 0.3s;
}

    .homepage-v1-quickview-slider-main.open {
        opacity: 1;
        transition: all 0.3s;
    }

.homepage-v1-quickview-slider-nav {
    margin: 0 -5px;
}

.quickview-slider-img {
    position: relative;
    margin: 0 0 10px 0;
    padding: 0;
    width: 345px;
    height: 476px;
    overflow: hidden;
}

.quickview-slider-thumbal {
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 5px;
    height: 78px;
    overflow: hidden;
    cursor: pointer;
}

    .quickview-slider-thumbal img {
        object-position: center;
    }

    .quickview-slider-thumbal.mr-0 {
        margin-right: 0px;
    }

.quickview-product-title_01 {
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-6);
    margin: 0;
    padding: 0;
}

.ratings-container_01 {
    margin: 14px 0;
}

.in-stock_01 {
    color: var(--green-color-2);
    font-size: 15px;
    font-weight: 400;
}

.ratings-full_01 {
    margin: 0 10px;
}

.ratings_01 {
    color: var(--yellow-color);
    font-size: 12px;
    margin: 0;
    padding: 0;
    display: inline-block;
    letter-spacing: -4px;
}

.rating-reviews_01 {
    color: var(--black-color-6);
    font-size: 15px;
    font-weight: 400;
}

    .rating-reviews_01:hover {
        color: var(--blue-color);
    }

.text-price_01 del {
    font-size: 16px;
    font-weight: 600;
    color: var(--black-color-6);
    opacity: 50%;
    margin: 0;
    padding: 0 3px 0 0;
    font-family: 'IRANSansX', sans-serif;
    display: inline-block;
}

.text-price_01 {
    font-size: 19px;
    font-weight: 700;
    color: var(--black-color-6);
    margin: 0;
    padding: 0;
    font-family: 'IRANSansX', sans-serif;
    display: inline-block;
}

.text-tax-included_01 {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-color-15);
    margin: 3px 0 15px 0;
    padding: 0;
    font-family: 'IRANSansX', sans-serif;
    display: block;
}

.quickview-product-short-desc_01 p {
    font-family: 'IRANSansX', sans-serif;
    color: var(--gray-color-14);
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 16px 0;
    padding: 0;
}

.quickview-product-sku_01 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    line-height: 30px;
    margin: 0;
    padding: 0;
}

    .quickview-product-sku_01 span {
        font-size: 14px;
        font-weight: 500;
        color: var(--black-color-6);
        line-height: 30px;
        margin: 0;
        padding: 0;
    }

.quickview-product-categories_01 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    line-height: normal;
    margin: 0;
    padding: 0;
}

    .quickview-product-categories_01 span {
        font-size: 14px;
        font-weight: 500;
        color: var(--black-color-6);
        line-height: normal;
        margin: 0;
        padding: 0;
    }

.quickview-product-tags_01 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    line-height: 30px;
    margin: 0;
    padding: 0;
}

    .quickview-product-tags_01 span {
        font-size: 14px;
        font-weight: 500;
        color: var(--black-color-6);
        line-height: 30px;
        margin: 0;
        padding: 0;
    }

.quickview-product-color-swatch_01 {
    margin: 18px 0 0 0;
    padding: 0;
}

.color-title_01 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 0 7px 0;
    padding: 0;
    display: inline-block;
}

[class*="-title-val"] {
    font-family: 'IRANSansX', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--black-color-6);
    margin: 0;
    padding: 0;
    display: inline-block;
}

.color_01 {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    border: 2px solid var(--white-color);
    margin-right: 10px;
    transition: box-shadow .35s ease;
    background-repeat: no-repeat;
    background-position: 50%;
    box-shadow: 0 0 0 2px var(--gray-color-1);
}

    .color_01.active {
        box-shadow: 0 0 0 2px var(--blue-color);
    }

.tt-text_01 {
    visibility: hidden;
    opacity: 0;
}

.quickview-product-size-swatch_01 {
    margin: 23px 0 30px 0;
    padding: 0;
}

.size-title_01 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 0 7px 0;
    padding: 0;
    display: inline-block;
}

    .size-title_01 p {
        font-family: 'IRANSansX', sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: var(--black-color-6);
        margin: 0;
        padding: 0;
        display: inline-block;
    }

.size_01 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    background-color: var(--gray-color-16);
    width: 35px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    margin: 0 10px 0 0;
    border: 2px solid var(--gray-color-16);
}

    .size_01.active {
        border-color: var(--blue-color);
    }

.control_01 {
    display: flex;
    width: 90px;
    height: 41px;
    border: 1px solid var(--gray-color-11);
    margin: 0 10px 0 0;
    padding: 0;
}

    .control_01 .bttn-left {
        border-radius: 0px;
    }

    .control_01 .input {
        width: calc(100px * 0.5);
        padding: 0;
        margin: 0;
        text-align: center;
        border: none;
        color: var(--black-color-6);
        font-size: 14px;
        font-weight: 400;
        outline: none;
        box-shadow: none;
    }

    .control_01 a.bttn {
        color: var(--black-color);
        text-decoration: none;
    }

    .control_01 a.bttn,
    .control_01 .bttn {
        width: calc(100px * 0.5);
        padding: 0;
        text-align: center;
        border: none;
        outline: none;
        box-shadow: none;
        background-color: var(--white-color);
        font-size: 18px;
        color: var(--black-color-6);
    }

        .control_01 a.bttn span,
        .control_01 .bttn span {
            margin: auto !important;
        }

    .control_01 .bttn-right {
        border-radius: 0px;
    }

    .control_01 input[type="number"]::-webkit-inner-spin-button,
    .control_01 input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .control_01 input::-webkit-outer-spin-button,
    .control_01 input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .control_01 input[type=number] {
        -moz-appearance: textfield;
    }

.quickview-product-single-share_01 {
    margin: 23px 0 0 0;
    padding: 0;
    align-items: center;
}

.social-icons_01 {
    border-right: 1px solid var(--gray-color-11);
    margin: 0 18px 0 0;
    padding: 0 8px 0 0;
}

.social-button_01 {
    font-size: 14px;
    color: var(--black-color-6);
    margin: 0 8px 0 0;
    padding: 0;
    width: 28px;
    height: 28px;
    border-radius: 100px;
    border: 1px solid var(--gray-color-11);
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .social-button_01:hover {
        color: var(--dark-color-2);
        border: 1px solid var(--dark-color-2);
    }

    .social-button_01.icon-facebook:hover {
        color: var(--blue-color);
        border: 1px solid var(--blue-color);
    }

    .social-button_01.icon-twitter:hover {
        color: var(--blue-color-1);
        border: 1px solid var(--blue-color-1);
    }

    .social-button_01.icon-instagram:hover {
        color: var(--red-color-2);
        border: 1px solid var(--red-color-2);
    }

    .social-button_01.icon-pinterest:hover {
        color: var(--red-color-3);
        border: 1px solid var(--red-color-3);
    }

    .social-button_01.icon-linkedin:hover {
        color: var(--blue-color-2);
        border: 1px solid var(--blue-color-2);
    }

.quickview-product-add-to-wishlist_01 {
    padding: 0;
    margin: 0;
}

    .quickview-product-add-to-wishlist_01 i {
        font-size: 16px;
        color: var(--black-color-6);
        margin: 0 6px 0 0;
        padding: 0;
    }

    .quickview-product-add-to-wishlist_01:hover i {
        color: var(--blue-color);
    }

    .quickview-product-add-to-wishlist_01 span {
        font-size: 15px;
        font-weight: 400;
        color: var(--black-color-6);
        margin: 0;
        padding: 0;
    }

    .quickview-product-add-to-wishlist_01:hover span {
        color: var(--blue-color);
    }

/*------------------------------ Home Page v6 Responsive CSS --------------------------------*/
@media (max-width: 1799.98px) {
    .homepage-v6-client-text br {
        display: none;
    }
}

@media (max-width: 1500.98px) {
    .homev4-shopping-basket {
        margin-right: 18px;
    }

    .homepage-v6-banner-slider-main .slick-prev {
        right: 0;
        z-index: 1;
    }

    .homepage-v6-banner-slider-main .slick-next {
        left: 10px;
    }
}

@media (max-width: 1400.98px) {
    .homepage-v6-banner-slider-images {
        height: 344px;
    }

    .homepage-v6-collection-product-thumb {
        height: 302px;
    }

    .homepage-v6-product-categories-large-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 486px;
    }

    .homepage-v6-product-categories-small-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 228px;
    }

    .homepage-v6-blog-thumb {
        height: 296px;
    }

    .homepage-v6-shop-on-instagram-gallery-images {
        height: 220px;
    }
}

@media (max-width: 1399.98px) {
    .homev4-shop .megamenu .default {
        margin-left: 1px;
        font-size: 11px;
        padding: 1px 5px;
    }

    .homev4-shop .megamenu .new {
        margin-left: 1px;
        font-size: 11px;
        padding: 1px 5px;
    }

    .homev4-shop .megamenu .hot {
        margin-left: 1px;
        font-size: 11px;
        padding: 1px 5px;
    }

    .homev4-shop .megamenu .featured {
        margin-left: 1px;
        font-size: 11px;
        padding: 1px 5px;
    }

    .homev4-shop-megamenu {
        padding: 20px;
    }

    .homev4-shopping-basket {
        margin-right: 0;
    }

    .common-title br {
        display: none;
    }

    .common-btn1-hover2 {
        padding: 21px 36px;
    }

    .homepage-v6-banner-slider-images {
        height: 304px;
    }

    .homepage-v6-banner-slider-offer {
        font-size: 14px;
    }

    .homepage-v6-banner-slider-title {
        font-size: 22px;
    }

    .recently-added-product .text-price {
        font-size: 18px;
    }

        .recently-added-product .text-price del {
            font-size: 15px;
        }

    .recently-added-product .product-action-vertical .btn-product-wishlist-icon {
        font-size: 16px;
    }

    .recently-added-product .product-action-vertical .btn-product-quickview-icon {
        font-size: 16px;
    }

    .recently-added-product .product-action-vertical .btn-product-addtocart-icon {
        font-size: 16px;
    }

    .homepage-v6-collection-nav-link {
        font-size: 18px;
    }

    .homepage-v6-collection-product-thumb {
        height: 237px;
    }

    .homepage-v6-collection-product-title {
        font-size: 18px;
    }

    .homepage-v6-collection-price {
        font-size: 16px;
    }

    .homepage-v6-product-categories-small-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 212px;
    }

    .homepage-v6-product-categories-large-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 454px;
    }

    .homepage-v6-product-categories-category-title {
        font-size: 18px;
        padding: 8px 10px;
    }

    .homepage-v6-blog-thumb {
        height: 238px;
    }

    .homepage-v6-blog-title {
        font-size: 18px;
    }

    .homepage-v6-shop-on-instagram-gallery-images {
        height: 410px;
    }

    .homepage-v6-shop-on-instagram-gallery-icon {
        font-size: 1.8rem;
        margin-top: -25px;
        margin-left: -25px;
    }

        .homepage-v6-shop-on-instagram-gallery-icon a {
            width: 50px;
            height: 50px;
        }

    .common-btn-link {
        font-size: 20px;
    }

    .common-title {
        font-size: 35px;
    }

    .common-subtitle-desc {
        font-size: 18px;
    }

        .common-subtitle-desc::before {
            top: calc(100% + -12px);
        }

        .common-subtitle-desc::after {
            top: calc(100% + -12px);
        }

    .p-t-150 {
        padding-top: 70px;
    }

    .p-y-150 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .p-b-150 {
        padding-bottom: 70px;
    }

    .p-y-80 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .p-y-23 {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .footer-to-top {
        right: 3%;
        bottom: 12%;
    }
}

@media (max-width: 1299.98px) {
    .homev4-shop .megamenu-text {
        bottom: 15px;
        left: 30px;
    }

        .homev4-shop .megamenu-text .title2 {
            font-size: 14px;
        }

        .homev4-shop .megamenu-text .title {
            font-size: 17px;
        }

    .recently-added-product .product-title {
        font-size: 18px;
    }

    .recently-added-product .text-price {
        font-size: 16px;
    }

    .recently-added-product .product-action-vertical {
        margin: 2px 0 0 0;
    }

    .recently-added-product .product-price {
        margin: 2px 0 0 0;
    }

    .common-btn1-hover2 {
        padding: 16px 39px;
    }

    .p-t-120 {
        padding-top: 70px;
    }

    .p-y-120 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .p-b-120 {
        padding-bottom: 70px;
    }

    .p-b-75 {
        padding-bottom: 70px;
    }

    .p-y-60 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .p-y-27 {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .newsletter-form-control {
        font-size: 14px;
        height: 50px;
        padding: 14px 24px;
    }

    .common-large-btn3-hover {
        padding: 16px 32px;
    }
}

@media (max-width: 1199.98px) {
    .homev4-pages .dropdown-item4 {
        font-size: 13px;
        line-height: 26px;
    }

    .homev4-pages .dropdown-item {
        font-size: 13px;
        line-height: 26px;
    }

    .homev4-shop .dropdown-item, .dropdown-item:focus, .dropdown-item:hover {
        font-size: 13px;
        line-height: 26px;
    }

    .homepage-v6-banner-slider-images {
        height: 264px;
    }

    .homepage-v6-banner-slider-main .homepage-v6-element {
        padding: 79px 30px 100px 30px;
    }

    .homepage-v6-banner-slider-offer {
        margin: 24px 0 0 0;
    }

    .homepage-v6-banner-slider-title {
        margin: 10px 0 11px 0;
    }

    .common-btn1-hover {
        padding: 12px 16px;
    }

    .common-btn1-hover2 {
        padding: 12px 20px;
    }

    .common-btn2-hover {
        padding: 12px 16px;
    }

    .common-large-btn3-hover {
        padding: 12px 16px;
    }

    .p-y-142 {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .recently-added-product .card-img-top {
        height: 248px;
    }

    .homepage-v6-collection-product-thumb {
        height: 272px;
    }

    .homepage-v6-product-categories-small-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 194px;
    }

    .homepage-v6-product-categories-large-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 418px;
    }

    .homepage-v6-blog-thumb {
        height: 198px;
    }

    .homepage-v6-single-callto-action {
        padding: 40px 0;
    }

    .homepage-v6-shop-on-instagram-gallery-images {
        height: 188px;
    }

    .common-btn-link {
        font-size: 15px;
    }

    .common-title {
        font-size: 24px;
    }

    .common-subtitle-desc {
        font-size: 16px;
    }

    .p-t-142 {
        padding-top: 72px;
    }

    .p-b-83 {
        padding-bottom: 73px;
    }

    .p-t-60 {
        padding-top: 50px;
    }

    .newsletter-form-control {
        height: 46px;
    }

    .p-y-27 {
        padding-top: 14px;
        padding-bottom: 14px;
    }
}

@media (max-width: 1024.98px) {
    .preloader .sub-preloader {
        width: 200px;
        height: 200px;
    }
}

@media (max-width: 991.98px) {
    .header-v4 {
        padding: 11px 0;
    }

    .stickyNav .header-v4 {
        padding: 11px 0;
    }

    .stickyNav .header-v4-navbar-border {
        padding: 0px;
    }

    .homepage-v6-contact-link-text {
        display: none;
    }

    .header-v4 .navbar-brand {
        margin-left: 15px;
        position: relative;
    }

    .header-v4.navbar-light .navbar-toggler {
        padding: 10px;
        color: var(--white-color);
        border-color: transparent;
        background-color: var(--blue-color);
        box-shadow: none;
        outline: none;
        border-radius: 5px;
        z-index: 100000;
    }

    .stickyNav .header-v4.navbar-light .navbar-toggler {
        padding: 8px;
    }

    .header-v4.navbar-light .navbar-toggler-icon {
        background-image: url('../images/homepage-v2-menubar.png');
        background-repeat: no-repeat;
        background-size: cover;
        width: 24px;
        height: 24px;
    }

    .header-v4.navbar-light .navbar-toggler > .close {
        background-image: url('../images/homepage-v2-close.png');
        background-repeat: no-repeat;
        background-size: cover;
        display: inline-block;
        width: 24px;
        height: 24px;
        vertical-align: middle;
        content: "";
        opacity: 1;
        fill: var(--white-color);
        color: var(--white-color);
        float: none;
    }

    .header-v4.navbar-light .navbar-toggler.collapsed > .close,
    .header-v4.navbar-light .navbar-toggler:not(.collapsed) > .navbar-toggler-icon {
        display: none;
    }

    .header-v4.navbar-light .navbar-collapse {
        position: fixed !important;
        top: 0;
        height: 100vh !important;
        height: 100%;
        overflow: hidden !important;
        overflow-y: auto !important;
        background: var(--black-color-5);
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
        width: 350px;
        min-width: 350px;
        transition: all 0.1s !important;
        left: -100%;
        opacity: 0;
        display: table !important;
        z-index: 10000;
        -webkit-transition: all .5s ease 0s;
        transition: all .5s ease 0s;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    .stickyNav .header-v4.navbar-light .navbar-collapse {
        top: 0;
    }

    .header-v4.navbar-light .navbar-collapse .navbar-nav {
        overflow-y: auto;
        overflow-x: hidden;
        height: calc(100vh - 0px);
        padding-bottom: 155px;
    }

    .header-v4.navbar-light .navbar-collapse.show {
        left: 0px;
        transition: all 0.1s !important;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .homev4-responsive-mobile {
        display: block !important;
        position: unset;
    }

        .homev4-responsive-mobile.homev4-search .dropdown-menu.show {
            position: absolute;
            top: 73px;
        }

    .stickyNav .homev4-responsive-mobile.homev4-search .dropdown-menu.show {
        top: 64px;
    }

    .homev4-responsive-mobile.homev4-shopping-basket .dropdown-menu.show {
        position: absolute;
        top: 73px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    .stickyNav .homev4-responsive-mobile.homev4-shopping-basket .dropdown-menu.show {
        top: 64px;
    }

    .headerchanged .homev4-responsive-mobile .homev4-nav-link {
        color: var(--white-color) !important;
    }

    .homepage-v6-contact-link-text-responsive {
        display: flex;
        justify-content: flex-start;
        color: var(--white-color);
        padding: 100px 25px 25px 25px;
    }

        .homepage-v6-contact-link-text-responsive .homepage-v6-searchButton {
            color: var(--white-color);
        }

        .homepage-v6-contact-link-text-responsive .homepage-v6-searchTerm {
            color: var(--white-color);
            padding: .375rem .75rem .375rem .75rem;
        }

            .homepage-v6-contact-link-text-responsive .homepage-v6-searchTerm:focus {
                background: none;
            }

    .homev4-nav-link {
        color: var(--white-color) !important;
        text-align: left;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 17px;
    }

    .homev4-shop {
        line-height: 40px;
    }

    .homev4-pages-right-arrow {
        line-height: normal;
        float: unset;
        padding-left: 10px;
    }

    .homev4-pages {
        line-height: 40px;
    }

        .homev4-pages li:hover .dropdown-item {
            background-color: var(--black-color-5);
        }

        .homev4-pages .dropdown-menu {
            display: none !important;
        }

            .homev4-pages .dropdown-menu.show {
                display: block !important;
                position: static;
                margin: 0;
                background-color: var(--black-color-5);
                border: 1px solid var(--black-color-5);
                padding: 0;
            }

        .homev4-pages .dropdown-item.show .homev4-pages-right-arrow {
            position: relative;
            top: 6px;
        }

        .homev4-pages .dropdown-item {
            background-color: var(--blue-dark-color-3);
            color: var(--white-color);
            text-align: left;
            font-size: 15px;
            line-height: 50px;
            padding: 0 15px 0 25px;
        }

        .homev4-pages .multilevel-dropdown-menu.show {
            padding: 0;
        }

        .homev4-pages .dropdown-item4 {
            color: var(--white-color);
            text-align: left;
            background-color: var(--blue-dark-color-3);
            display: block;
            font-size: 15px;
            line-height: 50px;
            padding: 0 15px 0 40px;
        }

        .homev4-pages .multilevel-dropdown-menu li:hover .dropdown-item4 {
            color: var(--blue-color);
            background-color: var(--black-color-5);
            padding: 0 15px;
        }

    .homev4-shop .dropdown-item, .dropdown-item:focus, .dropdown-item:hover {
        font-size: 14px;
        line-height: 50px;
    }

    .homev4-shop .dropdown-menu {
        display: none !important;
    }

        .homev4-shop .dropdown-menu.show {
            display: block !important;
            position: static;
        }

    .homev4-shop .col-megamenu {
        margin: 0 0 20px 0;
    }

        .homev4-shop .col-megamenu .title {
            margin: 0 0 10px 0;
            padding: 0 0 10px 15px;
            color: var(--white-color);
            border-bottom: 1px solid var(--black-color-23);
            text-align: left;
        }

    .homev4-shop li:hover .dropdown-item {
        background-color: var(--black-color-5);
    }

    .homev4-shop .dropdown-menu.show .container {
        padding-left: 0;
        padding-right: 0;
    }

    .homev4-shop .dropdown-item {
        color: var(--white-color);
        text-align: left;
        padding: 0 0 0 15px;
    }

    .homev4-shop-megamenu {
        padding: 15px;
        background-color: var(--blue-dark-color-3);
        border: 1px solid var(--blue-dark-color-3);
    }

    .header-v4-navbar-border {
        padding: 0px;
    }

    .header-v4-navbar-right-mobile {
        display: flex;
    }

    .header-v4-navbar-right-desktop {
        display: none;
    }

    .homev4-search {
        display: none;
    }

    .homev4-wishlist {
        display: none;
    }

    .homev4-shopping-basket {
        display: none;
    }

    .homev4-search.menu-large .search-mobile-name {
        display: inline-block;
    }

    .homev4-wishlist .wishlist-mobile-name {
        display: inline-block;
    }

    .homev4-search .dropdown-menu.show {
        display: block !important;
        position: static;
    }

    .homev4-search .form-control {
        padding: 10px 10px;
        font-size: 14px;
        height: 35px;
    }

    .homev4-shopping-basket .dropdown-menu.show {
        display: block !important;
        position: static;
        margin: 0 12px;
        min-width: auto;
        padding: 10px;
    }

    .homev4-shopping-basket .dropdown-cart-products {
        width: auto;
    }

    .homev4-shopping-basket .dropdown-cart-total {
        width: auto;
        padding: 10px 0;
        font-size: 14px;
    }

        .homev4-shopping-basket .dropdown-cart-total .cart-total-price {
            font-size: 16px;
        }

    .homev4-shopping-basket .dropdown-cart-action {
        width: auto;
    }

    .homev4-shopping-basket .product-title {
        font-size: 14px;
    }

    .homev4-shopping-basket .product-cart-details {
        font-size: 13px;
    }

    .homev4-shopping-basket .product-image-container {
        max-width: 50px;
    }

    .homev4-shopping-basket .btn-remove {
        font-size: 14px;
        margin-top: -0.7rem;
    }

    .homev4-shopping-basket .product {
        padding: 15px 25px 15px 0px;
    }

    .roundbgcolor-4 {
        margin: 0 0 0 10px;
    }

    .common-subtitle-desc br {
        display: none;
    }

    .homepage-v6-banner-slider-main .homepage-v6-element {
        padding: 79px 40px 100px 40px;
    }

    .recently-added-product .card-img-top {
        height: 230px;
    }

    .homepage-v6-two-div-line {
        margin: 40px 0;
    }

    .homepage-v6-collection-product-thumb {
        height: 313px;
    }

    .homepage-v6-product-categories-large-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 332px;
    }

    .homepage-v6-product-categories-small-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 332px;
    }

    .homepage-v6-blog-thumb {
        height: 226px;
    }

    .homepage-v6-single-blog-wrap {
        margin-bottom: 24px;
    }

    .homepage-v6-single-callto-action::after {
        border-right: none;
    }

    .homepage-v6-shop-on-instagram-gallery-images {
        height: 206px;
    }

    .footer-to-top-img {
        width: 15px;
        height: 45px;
        margin: 0;
    }

    .footer-to-top {
        bottom: 7%;
        right: 3%;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .homepage-v1-quickview .modal-dialog {
        margin: 40px auto;
        max-width: 800px;
    }

    .social-icons_01 {
        border-right: 0;
        margin: 0 0 15px 0;
        padding: 0;
    }
}

@media (max-width: 800.98px) {
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .homepage-v1-quickview .modal-content {
        padding: 20px;
    }

    .homepage-v1-quickview .modal-dialog {
        max-width: 750px;
    }
}

@media (max-width: 768.98px) {
    .preloader .sub-preloader {
        width: 150px;
        height: 150px;
    }

    .homev4-responsive-mobile.homev4-search .dropdown-menu.show {
        top: 73px;
    }

    .homev4-responsive-mobile.homev4-shopping-basket .dropdown-menu.show {
        top: 73px;
    }

    .common-title {
        font-size: 22px;
    }

    .common-subtitle-desc {
        font-size: 14px;
    }

        .common-subtitle-desc::after {
            top: calc(100% + -10px);
        }

    .homepage-v6-banner-slider-title {
        font-size: 20px;
    }

    .recently-added-product .product-title {
        font-size: 16px;
    }

    .recently-added-product .text-price {
        font-size: 15px;
    }

        .recently-added-product .text-price del {
            font-size: 14px;
        }

    .p-y-60 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .newsletter-form-control {
        padding: 15px;
        height: 42px;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .homepage-v1-quickview .modal-dialog {
        margin: 30px auto;
        max-width: 700px;
    }

    .homepage-v1-quickview .modal-content {
        padding: 20px;
    }

    .homepage-v1-quickview-slider-main {
        width: 100%;
    }

    .quickview-slider-img {
        width: 100%;
        height: 450px;
    }
}

@media (max-width: 767.98px) {
    .preloader .sub-preloader {
        width: 100px;
        height: 100px;
    }

    .header-v4.navbar-light .navbar-collapse {
        top: 0;
        width: 300px;
        min-width: 300px;
    }

    .stickyNav .header-v4.navbar-light .navbar-collapse {
        top: 0;
    }


    .header-v4 .navbar-brand {
        height: 30px;
        width: 74px;
        margin-right: 5px;
    }

    .stickyNav .header-v4 .navbar-brand {
        height: 32px;
        width: 80px;
        margin-right: 0;
    }

    .header-v4.navbar-light .navbar-toggler-icon {
        width: 16px;
        height: 16px;
    }

    .header-v4.navbar-light .navbar-toggler > .close {
        width: 16px;
        height: 16px;
    }

    .header-v4.navbar-light .navbar-toggler {
        padding: 12px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .homev4-responsive-mobile.homev4-search .dropdown-menu.show {
        top: 64px;
    }

    .stickyNav .homev4-responsive-mobile.homev4-search .dropdown-menu.show {
        top: 56px;
    }

    .homev4-responsive-mobile.homev4-shopping-basket .dropdown-menu.show {
        top: 64px;
    }

    .stickyNav .homev4-responsive-mobile.homev4-shopping-basket .dropdown-menu.show {
        top: 56px;
    }

    .homev4-nav-link {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
    }

    .homev4-pages {
        line-height: 40px;
    }

    .homev4-shop {
        line-height: 40px;
    }

    .recently-added-product .card-img-top {
        height: 262px;
    }

    .homepage-v6-banner-slider-images {
        height: 204px;
    }

    .homepage-v6-banner-slider-main .homepage-v6-element {
        padding: 59px 30px 80px 30px;
    }

    .homepage-v6-collection-product-thumb {
        height: 224px;
    }

    .homepage-v6-product-categories-large-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 256px;
    }

    .homepage-v6-product-categories-small-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 256px;
    }

    .homepage-v6-blog-thumb {
        height: 164px;
    }

    .homepage-v6-blog-details {
        margin-top: 18px;
    }

    .homepage-v6-post-date {
        margin-bottom: 19px;
    }

    .homepage-v6-btn-long-arrow {
        margin-top: 20px;
    }

    .homepage-v6-shop-on-instagram-gallery-images {
        height: 240px;
    }

    .p-y-142 {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .p-t-142 {
        padding-top: 32px;
    }

    .p-t-60 {
        padding-top: 30px;
    }

    .p-b-83 {
        padding-bottom: 33px;
    }

    .p-y-80 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .p-y-27 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .homepage-v6-footer-followup-wrapper {
        padding: 60px 15px;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .quickview-slider-img {
        height: 600px;
    }

    .homepage-v1-quickview .modal-dialog {
        max-width: 100%;
        margin: 30px;
    }

    .quickview-slider-thumbal {
        height: 158px;
    }

    .quickview-product-title_01 {
        margin: 30px 0 0 0;
    }
}

@media (max-width: 600.98px) {
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .quickview-slider-thumbal {
        height: 117px;
    }
}

@media (max-width: 575.98px) {
    .header-v4.navbar-light .navbar-collapse {
        left: -130%;
    }

    .homev4-shopping-basket {
        margin-right: 18px;
    }

    .homepage-v6-responsive-full-box {
        width: 50%;
    }

    .recently-added-product .card-img-top {
        height: 270px;
    }

    .homepage-v6-collection-tab-menu-wrap {
        margin-bottom: 25px;
    }

    .homepage-v6-collection-products-wrapper-two {
        margin-top: 0;
    }

    .homepage-v6-collection-nav-item {
        padding: 0 20px;
    }

    .homepage-v6-product-categories-large-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 398px;
    }

    .homepage-v6-product-categories-small-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 398px;
    }

    .homepage-v6-client-text {
        margin-top: 0;
    }

    .homepage-v6-blog-thumb {
        height: 370px;
    }

    .homepage-v6-blog-content-wrap {
        margin-top: 0;
    }

    .newsletter-form-control {
        width: 100% !important;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .input-group-append {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .homepage-v6-footer-followup-wrapper {
        padding: 30px 15px;
    }

    .p-t-150 {
        padding-top: 30px;
    }

    .p-y-150 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .p-b-150 {
        padding-bottom: 30px;
    }

    .p-t-120 {
        padding-top: 30px;
    }

    .p-y-120 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .p-b-120 {
        padding-bottom: 30px;
    }

    .p-b-75 {
        padding-bottom: 30px;
    }

    .p-y-80 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .p-y-60 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .footer-to-top {
        bottom: 8%;
        right: 8%;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .homepage-v1-quickview .modal-dialog {
        max-width: 100%;
        margin: 30px;
    }

    .quickview-slider-img {
        height: 650px;
    }

    .quickview-slider-thumbal {
        height: 110px;
    }

    .quickview-product-title_01 {
        margin: 30px 0 0 0;
    }
}

@media (max-width: 480.98px) {
    .homev4-shop .megamenu-img {
        height: 225px;
    }

    .homepage-v6-banner-slider-main .homepage-v6-element {
        padding: 49px 20px 70px 20px;
    }

    .homepage-v6-banner-slider-images {
        height: 184px;
    }

    .recently-added-product .card-img-top {
        height: 220px;
    }

    .homepage-v6-collection-product-thumb {
        height: 194px;
    }

    .homepage-v6-product-categories-large-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 230px;
    }

    .homepage-v6-product-categories-small-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 332px;
    }

    .homepage-v6-blog-thumb {
        height: 306px;
    }

    .homepage-v6-shop-on-instagram-gallery-images {
        height: 300px;
    }

    .footer-to-top-img {
        width: 16px;
        height: 49px;
    }

    .footer-to-top {
        bottom: 10%;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .quickview-slider-img {
        height: 500px;
    }

    .quickview-slider-thumbal {
        height: 87px;
    }
}

@media (max-width: 414.98px) {
    .header-v4.navbar-light .navbar-collapse {
        left: -190%;
    }

    .homev4-shop .megamenu-img {
        height: 170px;
    }

    .homepage-v6-banner-slider-main .homepage-v6-element {
        padding: 49px 50px 70px 50px;
        height: auto;
    }

    .homepage-v6-responsive-full-box {
        width: 100%;
    }

    .recently-added-product .card-img-top {
        height: 416px;
    }

    .homepage-v6-collection-nav-item {
        padding: 10px 0;
        width: 100%;
        text-align: center;
        justify-content: center;
        align-items: center;
        display: inline-flex;
    }

        .homepage-v6-collection-nav-item:first-child:after {
            display: none;
        }

        .homepage-v6-collection-nav-item:last-child:after {
            display: block;
        }

        .homepage-v6-collection-nav-item::after {
            content: "";
            width: 20px;
            left: 0;
            right: 0;
            margin: 0 auto;
            height: 2px;
            background-color: var(--black-color);
        }

    .homepage-v6-collection-product-thumb {
        height: 370px;
    }

    .homepage-v6-product-categories-large-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 286px;
    }

    .homepage-v6-product-categories-small-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 286px;
    }

    .homepage-v6-blog-thumb {
        height: 260px;
    }

    .homepage-v6-shop-on-instagram-gallery-images {
        height: 258px;
    }

    .homepage-v6-footer-social-icons a {
        height: 40px;
        width: 40px;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .quickview-slider-img {
        height: 400px;
    }

    .quickview-slider-thumbal {
        height: 70px;
    }
}

@media (max-width: 375.98px) {
    .recently-added-product .card-img-top {
        height: 374px;
    }

    .homepage-v6-all-product-mobile {
        width: 100%;
    }

    .homepage-v6-collection-product-thumb {
        height: 330px;
    }

    .homepage-v6-product-categories-large-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 260px;
    }

    .homepage-v6-product-categories-small-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 260px;
    }

    .homepage-v6-blog-thumb {
        height: 236px;
    }

    .homepage-v6-shop-on-instagram-gallery-images {
        height: 234px;
    }

    .footer-to-top {
        bottom: 13%;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .quickview-slider-img {
        height: 410px;
    }

    .quickview-slider-thumbal {
        height: 60px;
    }
}

@media (max-width: 360.98px) {
    .recently-added-product .card-img-top {
        height: 358px;
    }

    .homepage-v6-collection-product-thumb {
        height: 316px;
    }

    .homepage-v6-product-categories-large-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 248px;
    }

    .homepage-v6-product-categories-small-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 248px;
    }

    .homepage-v6-blog-thumb {
        height: 225px;
    }

    .homepage-v6-shop-on-instagram-gallery-images {
        height: 225px;
    }

    .homepage-v6-footer-social-icons a {
        margin-left: 5px;
        margin-right: 5px;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .quickview-slider-img {
        height: 320px;
    }

    .quickview-slider-thumbal {
        height: 56px;
    }
}

@media (max-width: 320.98px) {
    .homev4-shop .megamenu-img {
        height: 145px;
    }

    .recently-added-product .card-img-top {
        height: 233px;
    }

    .homepage-v6-collection-product-thumb {
        height: 276px;
    }

    .homepage-v6-product-categories-large-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 220px;
    }

    .homepage-v6-product-categories-small-size-cate .homepage-v6-product-categories-category-thumb-images {
        height: 220px;
    }

    .homepage-v6-blog-thumb {
        height: 198px;
    }

    .homepage-v6-shop-on-instagram-gallery-images {
        height: 200px;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .homepage-v1-quickview .modal-dialog {
        max-width: 100%;
        margin: 20px;
    }

    .homepage-v1-quickview .modal-content {
        padding: 15px;
    }

    .quickview-slider-img {
        height: 300px;
    }

    .quickview-slider-thumbal {
        height: 54px;
    }
}
/*=========================================== Home Page v2 End CSS ===========================================*/

/*=========================================== About Page v1 Start CSS ===========================================*/
/*------------------------------ About Page v1 Breadcrumb CSS --------------------------------*/
.aboutpage-v1-breadcrumb {
    background-image: linear-gradient(var(--black-color-18), var(--black-color-18)), url('../images/aboutpage-v1-header-bg.jpg');
    padding: 200px 0 0 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    height: 500px;
}

.aboutpage-v1-innerpage-breadcrumb {
    justify-content: center;
    align-items: center;
    margin: 25px 0 0 0;
}

    .aboutpage-v1-innerpage-breadcrumb .breadcrumb-item {
        padding-left: 0px;
        padding-right: 10px;
        font-family: 'IRANSansX', sans-serif;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

        .aboutpage-v1-innerpage-breadcrumb .breadcrumb-item .link-active {
            margin: 0;
            padding: 0;
            font-size: 17px;
            font-weight: 400;
            color: var(--white-color);
            font-family: 'IRANSansX', sans-serif;
        }

        .aboutpage-v1-innerpage-breadcrumb .breadcrumb-item a {
            margin: 0;
            padding: 0;
            font-size: 17px;
            font-weight: 400;
            color: var(--white-color);
            font-family: 'IRANSansX', sans-serif;
        }

        .aboutpage-v1-innerpage-breadcrumb .breadcrumb-item.active {
            margin: 0;
            padding: 0;
            font-size: 17px;
            font-weight: 400;
            color: var(--gold-color);
            font-family: 'IRANSansX', sans-serif;
        }

        .aboutpage-v1-innerpage-breadcrumb .breadcrumb-item::before {
            padding-right: 10px;
            color: var(--white-color);
            font-size: 1rem;
            font-family: 'IRANSansX', sans-serif;
        }

/*------------------------------ About Page v1 Who Are We Welcome To Regalia CSS --------------------------------*/
.aboutpage-v1-whoarewe {
    position: relative;
}

.whoarewe-text-one {
    margin: 36px 0 31px 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-5);
    line-height: 30px;
    font-family: 'IRANSansX', sans-serif;
    text-align: justify;
}

.whoarewe-text {
    margin: 0 0 36px 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--black-color-2);
    line-height: 30px;
}

.whoarewe-point {
    margin: 18px 0 0 0;
    padding: 0;
}

    .whoarewe-point li {
        padding: 0 20px 0 0;
        margin: 0 0 12px 0;
        position: relative;
        color: var(--white-color-1);
        font-size: 18px;
        font-weight: 600;
        line-height: 18px;
    }

        .whoarewe-point li:after {
            right: 0;
            top: 0px;
            color: var(--gold-color);
            font-size: 12px;
            content: "\f111";
            font-weight: 400;
            position: absolute;
            font-family: "Font Awesome 5 Free";
        }

.about-whoarewe-img-wrapper {
    margin: 0;
    padding: 0;
    width: 696px;
    height: 525px;
    overflow: hidden;
}

/*------------------------------ About Page v1 Count Area CSS --------------------------------*/
.aboutpage-v1-countarea {
    margin: 0;
    text-align: center;
}

.countarea-box1 {
    margin: 0;
    padding: 50px;
    background-color: var(--white-color);
}

    .countarea-box1 .counting {
        margin: 10px 0 2px 0;
        padding: 0;
        font-size: 46px;
        font-weight: 700;
        color: var(--black-color);
    }

    .countarea-box1 .counting-text {
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: 400;
        color: var(--black-color);
        font-family: 'IRANSansX', sans-serif;
    }

    .countarea-box1 .fas {
        text-align: center;
        color: var(--blue-color);
        font-size: 60px;
    }

/*------------------------------ About Page v1 Our Leaders Meet Our Team CSS --------------------------------*/
.our-leaders-meet-our-team {
    text-align: center;
    margin: 0;
}

    .our-leaders-meet-our-team .two {
        visibility: hidden;
        opacity: 0;
    }

    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        position: relative;
        margin: 0 0 24px 0;
        border-radius: 10px;
        height: 377px;
        overflow: hidden;
    }

    .our-leaders-meet-our-team .overlay, .overlay-visible {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        color: var(--white-color);
        transition: padding .3s ease-out, background-color .3s, opacity .3s;
        padding-top: 0;
        background: var(--black-color-19);
        opacity: 0;
    }

    .our-leaders-meet-our-team .our-leaders-meet-our-team-box:hover .overlay {
        padding-top: 0;
        opacity: 1;
    }

    .our-leaders-meet-our-team .social-link {
        margin: 0 5px;
        width: 34px;
        height: 34px;
        font-size: 17px;
        border-radius: 50%;
        border: 2px solid var(--white-color);
        color: var(--white-color);
        transition: color .4s, border .4s, background .4s;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .our-leaders-meet-our-team .name {
        text-transform: capitalize;
        font-size: 22px;
        font-weight: 700;
        color: var(--black-color-5);
        margin: 0;
        padding: 0;
    }

    .our-leaders-meet-our-team .job {
        font-size: 18px;
        font-weight: 400;
        color: var(--white-color-1);
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

/*------------------------------ About Page v1 Our Clients Popular Brands CSS --------------------------------*/
.our-clients-popular-brands-slider .slick-list {
    margin: 0 -10px;
}

.brand-wrap1 {
    margin: 0 10px;
    padding: 0;
    border-radius: 10px;
}

    .brand-wrap1 .our-clients-popular-brands-logo-img {
        padding: 25px;
        margin: 0;
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);
        height: 143px;
        max-width: 334px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .brand-wrap1 img {
        filter: grayscale(100%);
        -webkit-transition: all 240ms ease-in-out;
        -moz-transition: all 240ms ease-in-out;
        -ms-transition: all 240ms ease-in-out;
        -o-transition: all 240ms ease-in-out;
        transition: all 240ms ease-in-out;
    }

    .brand-wrap1:hover img {
        filter: grayscale(0);
    }

/*------------------------------ About Page v1 Happy Customer and Our Store CSS --------------------------------*/
.happycustomer-and-ourstore-box1 {
    margin-right: 28px;
}

.happycustomer-and-ourstore-box2 {
    margin-left: 28px;
}

.happycustomer-and-ourstore-text-one {
    margin: 36px 0 31px 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-2);
    line-height: 30px;
    font-family: 'IRANSansX', sans-serif;
}

.happycustomer-and-ourstore-text {
    margin: 0 0 36px 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--black-color-2);
    line-height: 30px;
}

.spacing-happycustomer-and-ourstore {
    margin: 60px 0;
    display: block;
    width: 100%;
    clear: both;
}

.happycustomer-and-ourstore-img1 {
    position: relative;
    margin: 0;
    padding: 0;
    width: 760px;
    height: 490px;
    overflow: hidden;
}

    .happycustomer-and-ourstore-img1 img {
        transition: transform .3s;
        margin: 0;
        padding: 0 0 5px 5px;
        -webkit-transition: all 240ms ease-in-out;
        -moz-transition: all 240ms ease-in-out;
        -ms-transition: all 240ms ease-in-out;
        -o-transition: all 240ms ease-in-out;
        transition: all 240ms ease-in-out;
    }

    .happycustomer-and-ourstore-img1:hover img {
        transform: scale(1.08);
    }

    .happycustomer-and-ourstore-img1:before {
        content: "";
        width: 5px;
        height: 340px;
        background-color: var(--blue-color);
        position: absolute;
        left: 0px;
        bottom: 0;
        z-index: 1;
    }

    .happycustomer-and-ourstore-img1:after {
        content: "";
        height: 5px;
        width: 500px;
        background-color: var(--blue-color);
        position: absolute;
        left: 0px;
        bottom: 0;
        z-index: 1;
    }

.happycustomer-and-ourstore-img2 {
    position: relative;
    margin: 0;
    padding: 0;
    width: 760px;
    height: 490px;
    overflow: hidden;
}

    .happycustomer-and-ourstore-img2 img {
        transition: transform .3s;
        margin: 0;
        padding: 5px 5px 0 0;
        -webkit-transition: all 240ms ease-in-out;
        -moz-transition: all 240ms ease-in-out;
        -ms-transition: all 240ms ease-in-out;
        -o-transition: all 240ms ease-in-out;
        transition: all 240ms ease-in-out;
    }

    .happycustomer-and-ourstore-img2:hover img {
        transform: scale(1.08);
    }

    .happycustomer-and-ourstore-img2:before {
        content: "";
        width: 5px;
        height: 340px;
        background-color: var(--blue-color);
        position: absolute;
        right: 0px;
        top: 0;
        z-index: 1;
    }

    .happycustomer-and-ourstore-img2:after {
        content: "";
        height: 5px;
        width: 500px;
        background-color: var(--blue-color);
        position: absolute;
        right: 0px;
        top: 0;
        z-index: 1;
    }

/*------------------------------ About Page v1 Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .happycustomer-and-ourstore-img1 {
        width: 726px;
        height: 470px;
    }

        .happycustomer-and-ourstore-img1:before {
            height: 300px;
        }

        .happycustomer-and-ourstore-img1:after {
            width: 460px;
        }

    .happycustomer-and-ourstore-img2 {
        width: 726px;
        height: 470px;
    }

        .happycustomer-and-ourstore-img2:before {
            height: 300px;
        }

        .happycustomer-and-ourstore-img2:after {
            width: 460px;
        }
}

@media (max-width: 1499.98px) {
    .about-whoarewe-img-wrapper {
        width: 650px;
        height: 490px;
    }

    .happycustomer-and-ourstore-img1 {
        width: 675px;
        height: 436px;
    }

        .happycustomer-and-ourstore-img1:before {
            height: 260px;
        }

        .happycustomer-and-ourstore-img1:after {
            width: 420px;
        }

    .happycustomer-and-ourstore-img2 {
        width: 675px;
        height: 436px;
    }

        .happycustomer-and-ourstore-img2:before {
            height: 260px;
        }

        .happycustomer-and-ourstore-img2:after {
            width: 420px;
        }

    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 327px;
    }
}

@media (max-width: 1399.98px) {
    .aboutpage-v1-breadcrumb {
        padding: 145px 0 0 0;
        height: 400px;
    }

    .about-whoarewe-img-wrapper {
        width: 545px;
        height: 411px;
    }

    .happycustomer-and-ourstore-img1 {
        width: 545px;
        height: 354px;
    }

        .happycustomer-and-ourstore-img1:before {
            height: 220px;
        }

        .happycustomer-and-ourstore-img1:after {
            width: 380px;
        }

    .happycustomer-and-ourstore-img2 {
        width: 545px;
        height: 354px;
    }

        .happycustomer-and-ourstore-img2:before {
            height: 220px;
        }

        .happycustomer-and-ourstore-img2:after {
            width: 380px;
        }

    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 262px;
    }

    .brand-wrap1 .our-clients-popular-brands-logo-img {
        height: 115px;
    }
}

@media (max-width: 1299.98px) {
    .aboutpage-v1-breadcrumb {
        padding: 112px 0 0 0;
        height: 300px;
    }

    .aboutpage-v1-innerpage-breadcrumb {
        margin: 15px 0 0 0;
    }

        .aboutpage-v1-innerpage-breadcrumb .breadcrumb-item .link-active {
            font-size: 16px;
        }

        .aboutpage-v1-innerpage-breadcrumb .breadcrumb-item a {
            font-size: 16px;
        }

        .aboutpage-v1-innerpage-breadcrumb .breadcrumb-item.active {
            font-size: 16px;
        }

    .common-innerpage-title {
        font-size: 30px;
    }

    .common-innerpage-label {
        font-size: 17px;
    }

    .common-small-title {
        font-size: 22px;
    }

    .whoarewe-text-one {
        margin: 25px 0 20px 0;
        font-size: 16px;
        line-height: 24px;
    }

    .whoarewe-text {
        margin: 0 0 25px 0;
        font-size: 14px;
        line-height: 24px;
    }

    .whoarewe-point {
        margin: 14px 0 0 0;
    }

        .whoarewe-point li {
            font-size: 15px;
        }

            .whoarewe-point li::after {
                font-size: 10px;
            }

    .countarea-box1 .fas {
        font-size: 50px;
    }

    .countarea-box1 .counting {
        margin: 8px 0 2px 0;
        font-size: 40px;
    }

    .countarea-box1 .counting-text {
        font-size: 14px;
    }

    .our-leaders-meet-our-team .name {
        font-size: 19px;
    }

    .our-leaders-meet-our-team .job {
        font-size: 15px;
    }

    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        margin: 0 0 15px 0;
    }

    .m-t-37 {
        margin-top: 25px;
    }

    .m-t-45 {
        margin-top: 25px;
    }

    .m-b-45 {
        margin-bottom: 25px;
    }

    .spacing-happycustomer-and-ourstore {
        margin: 70px 0 0 0;
    }

    .happycustomer-and-ourstore-text-one {
        margin: 25px 0 20px 0;
        font-size: 16px;
        line-height: 24px;
    }

    .happycustomer-and-ourstore-text {
        margin: 0 0 25px 0;
        font-size: 14px;
        line-height: 24px;
    }
}

@media (max-width: 1199.98px) {
    .about-whoarewe-img-wrapper {
        width: 455px;
        height: 344px;
    }

    .countarea-box1 {
        padding: 40px;
    }

    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 216px;
    }

    .brand-wrap1 .our-clients-popular-brands-logo-img {
        height: 90px;
        padding: 15px;
    }

    .happycustomer-and-ourstore-img1 {
        width: 455px;
        height: 295px;
    }

        .happycustomer-and-ourstore-img1:before {
            height: 180px;
        }

        .happycustomer-and-ourstore-img1:after {
            width: 340px;
        }

    .happycustomer-and-ourstore-img2 {
        width: 455px;
        height: 295px;
    }

        .happycustomer-and-ourstore-img2:before {
            height: 180px;
        }

        .happycustomer-and-ourstore-img2:after {
            width: 340px;
        }
}

@media (max-width: 992.98px) {
    .aboutpage-v1-breadcrumb {
        padding: 64px 0 0 0;
        height: 200px;
    }
}

@media (max-width: 991.98px) {
    .about-whoarewe-img-wrapper {
        width: 335px;
        height: 252px;
    }

    .countarea-box1 {
        padding: 20px;
    }

    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 336px;
    }

    .brand-wrap1 .our-clients-popular-brands-logo-img {
        height: 75px;
    }

    .happycustomer-and-ourstore-img1 {
        width: 335px;
        height: 220px;
    }

        .happycustomer-and-ourstore-img1:before {
            height: 140px;
        }

        .happycustomer-and-ourstore-img1:after {
            width: 240px;
        }

    .happycustomer-and-ourstore-img2 {
        width: 335px;
        height: 220px;
    }

        .happycustomer-and-ourstore-img2:before {
            height: 140px;
        }

        .happycustomer-and-ourstore-img2:after {
            width: 240px;
        }

    .mb-mobile-24 {
        margin-bottom: 24px;
    }
}

@media (max-width: 768.98px) {
    .common-innerpage-title {
        font-size: 22px;
    }

    .aboutpage-v1-innerpage-breadcrumb {
        margin: 10px 0 0 0;
    }

    .common-innerpage-label {
        font-size: 15px;
        margin: 0 0 5px 0;
    }

    .whoarewe-text-one {
        margin: 15px 0 10px 0;
        font-size: 15px;
        line-height: 22px;
    }

    .whoarewe-text {
        margin: 0 0 15px 0;
        line-height: 22px;
    }

    .common-small-title {
        font-size: 17px;
    }

    .whoarewe-point {
        margin: 10px 0 0 0;
    }

    .countarea-box1 .fas {
        font-size: 40px;
    }

    .countarea-box1 .counting {
        font-size: 26px;
    }

    .our-leaders-meet-our-team .name {
        font-size: 16px;
    }

    .our-leaders-meet-our-team .job {
        font-size: 14px;
    }

    .happycustomer-and-ourstore-text-one {
        margin: 15px 0 10px 0;
        font-size: 15px;
        line-height: 22px;
    }

    .happycustomer-and-ourstore-text {
        margin: 0 0 15px 0;
        line-height: 22px;
    }
}

@media (max-width: 767.98px) {
    .about-whoarewe-img-wrapper {
        width: 100%;
        height: 389px;
    }

    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 246px;
        border-radius: 0.5rem;
    }

    .happycustomer-and-ourstore-box1 {
        margin-right: 0;
    }

    .happycustomer-and-ourstore-img1 {
        width: 100%;
        height: 334px;
        margin-bottom: 20px;
    }

    .happycustomer-and-ourstore-box2 {
        margin-left: 0;
    }

    .happycustomer-and-ourstore-img2 {
        width: 100%;
        height: 334px;
        margin-bottom: 20px;
    }

    .brand-wrap1 {
        border-radius: 5px;
    }
}

@media (max-width: 575.98px) {
    .aboutpage-v1-breadcrumb {
        padding: 46px 0 0 0;
        height: 150px;
    }

    .about-whoarewe-img-wrapper {
        height: 416px;
    }

    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 264px;
    }

    .spacing-happycustomer-and-ourstore {
        margin: 30px 0 0 0;
    }

    .happycustomer-and-ourstore-img1 {
        height: 357px;
    }

    .happycustomer-and-ourstore-img2 {
        height: 357px;
    }
}

@media (max-width: 480.98px) {
    .aboutpage-v1-breadcrumb {
        padding: 50px 0 0 0;
        height: 150px;
    }

    .about-whoarewe-img-wrapper {
        height: 344px;
    }

    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 216px;
    }

    .happycustomer-and-ourstore-img1 {
        height: 295px;
    }

    .happycustomer-and-ourstore-img2 {
        height: 295px;
    }

    .m-t-37 {
        margin-top: 15px;
    }

    .m-t-45 {
        margin-top: 15px;
    }
}

@media (max-width: 414.98px) {
    .about-whoarewe-img-wrapper {
        height: 295px;
    }

    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 390px;
    }

    .happycustomer-and-ourstore-img1 {
        height: 253px;
    }

        .happycustomer-and-ourstore-img1::before {
            height: 100px;
        }

        .happycustomer-and-ourstore-img1::after {
            width: 200px;
        }

    .happycustomer-and-ourstore-img2 {
        height: 253px;
    }

        .happycustomer-and-ourstore-img2::before {
            height: 100px;
        }

        .happycustomer-and-ourstore-img2::after {
            width: 200px;
        }
}

@media (max-width: 375.98px) {
    .about-whoarewe-img-wrapper {
        height: 264px;
    }

    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 350px;
    }

    .happycustomer-and-ourstore-img1 {
        height: 228px;
    }

    .happycustomer-and-ourstore-img2 {
        height: 228px;
    }
}

@media (max-width: 360.98px) {
    .about-whoarewe-img-wrapper {
        height: 253px;
    }

    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 336px;
    }

    .happycustomer-and-ourstore-img1 {
        height: 218px;
    }

    .happycustomer-and-ourstore-img2 {
        height: 218px;
    }
}

@media (max-width: 320.98px) {
    .aboutpage-v1-breadcrumb {
        padding: 35px 0;
        height: 120px;
    }

    .about-whoarewe-img-wrapper {
        height: 223px;
    }

    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 296px;
    }

    .happycustomer-and-ourstore-img1 {
        height: 192px;
    }

    .happycustomer-and-ourstore-img2 {
        height: 192px;
    }
}
/*=========================================== About Page v1 End CSS ===========================================*/

/*=========================================== About Page v2 Start CSS ===========================================*/
/*------------------------------ About Page v2 Breadcrumb CSS --------------------------------*/
.aboutpage-v2-breadcrumb {
    padding: 0;
    height: 44px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: white;
    border: 1px solid white;
    border-right: none;
    border-left: none;
    background-color: var(--gray-color-4);
}

.aboutpage-v2-innerpage-breadcrumb {
    margin: 0;
    justify-content: flex-start;
    align-items: center;
}

    .aboutpage-v2-innerpage-breadcrumb .breadcrumb-item {
        padding-right: 10px;
        padding-left: 0;
        font-family: 'IRANSansX', sans-serif;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

        .aboutpage-v2-innerpage-breadcrumb .breadcrumb-item:first-of-type {
            padding-left: 0px;
        }

        .aboutpage-v2-innerpage-breadcrumb .breadcrumb-item .link-active {
            opacity: 0.6;
            margin: 0;
            padding: 0;
            font-size: 15px;
            font-weight: 400;
            color: var(--black-color);
            font-family: 'IRANSansX', sans-serif;
        }

        .aboutpage-v2-innerpage-breadcrumb .breadcrumb-item a {
            opacity: 0.6;
            margin: 0;
            padding: 0;
            font-size: 15px;
            font-weight: 400;
            color: var(--black-color);
            font-family: 'IRANSansX', sans-serif;
        }

        .aboutpage-v2-innerpage-breadcrumb .breadcrumb-item.active {
            margin: 0;
            padding: 0;
            font-size: 15px;
            font-weight: 400;
            color: var(--black-color);
            font-family: 'IRANSansX', sans-serif;
        }

        .aboutpage-v2-innerpage-breadcrumb .breadcrumb-item::before {
            opacity: 0.6;
            margin: 0;
            padding-right: 10px;
            color: var(--black-color);
            content: var(--bs-breadcrumb-divider, "\f111");
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            font-size: 5px;
        }

        .aboutpage-v2-innerpage-breadcrumb .breadcrumb-item:first-of-type::before {
            content: var(--bs-breadcrumb-divider, "");
            display: none;
        }

/*------------------------------ About Page v2 Our Story CSS --------------------------------*/
.our-story-detail {
    margin: 150px 0 0 0;
    padding: 100px 66px 84px 70px;
    background-color: var(--white-color);
    width: 532px;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.06);
}

.our-story-text-one {
    margin: 27px 0 0 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-2);
    line-height: 30px;
    font-family: 'IRANSansX', sans-serif;
}

.our-story-text {
    margin: 33px 0 0 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--black-color-2);
    line-height: 30px;
}

.our-story-img {
    margin: 0;
    padding: 0;
    width: 644px;
    height: 795px;
    overflow: hidden;
}

.our-story-detail-main {
    position: relative;
    z-index: 1;
}

.our-story-img-main {
    position: relative;
    z-index: 0;
}

.our-vision-mission.mt-vision {
    margin-top: 125px;
}

.our-vision-mission.mt-mission {
    margin-top: 68px;
}

.our-vision-mission {
    margin: 0 0 0 70px;
    padding: 0;
}

.our-story-point {
    margin: 21px 0 0 0;
    padding: 0;
}

    .our-story-point li {
        padding: 0 0 17px 20px;
        margin: 0 0 14px 0;
        position: relative;
        color: var(--black-color-2);
        font-size: 18px;
        font-weight: 400;
        line-height: 17px;
        border-bottom: 1px solid var(--gray-color-27);
    }

        .our-story-point li:after {
            left: 0;
            top: 0px;
            color: var(--blue-color);
            font-size: 6px;
            content: "\f45c";
            font-weight: 900;
            position: absolute;
            font-family: "Font Awesome 5 Free";
        }

        .our-story-point li:last-child {
            border: 0px;
            margin-bottom: 0px;
            padding-bottom: 0px;
        }

/*------------------------------ About Page v2 Why Choose Us CSS --------------------------------*/
.aboutpage-v2-why-choose-us {
    position: relative;
}

.why-choose-us-bg-wrap {
    position: relative;
}

.why-choose-us-img-main {
    height: 838px;
    overflow: hidden;
}

.why-choose-us-detail-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.why-choose-us-detail {
    margin: 0;
    padding: 114px 0 120px 88px;
}

.why-choose-us-box:nth-child(2) {
    margin-top: 45px;
}

.why-choose-us-box {
    margin: 0 0 10px 0;
    padding: 40px 40px 35px 40px;
    background-color: var(--white-color);
    display: flex;
}

    .why-choose-us-box:last-child {
        margin-bottom: 0px;
    }

.why-choose-us-icon {
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .why-choose-us-icon i {
        margin: 0;
        padding: 10px;
        width: 60px;
        height: 60px;
        background-color: var(--blue-color);
        border-radius: 10px;
        font-size: 30px;
        color: var(--white-color);
        line-height: 40px;
    }

.why-choose-us-content {
    margin: 0 0 0 18px;
    padding: 0;
}

.why-choose-us-title {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 30px;
    color: var(--black-color);
}

.why-choose-us-sub-desc {
    margin: 3px 0 0 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--black-color);
    line-height: 26px;
    font-family: 'IRANSansX', sans-serif;
}

/*------------------------------ About Page v2 Meet Our Leaders CSS --------------------------------*/
.meet-our-leaders-img {
    margin: 0 auto;
    padding: 0;
    width: 260px;
    height: 260px;
    overflow: hidden;
    border-radius: 100%;
}

.meet-our-leaders-content {
    margin: 16px 0 0 0;
    padding: 0;
}

.meet-our-leaders-content-title {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
    color: var(--black-color-2);
}

.meet-our-leaders-content-sub-desc {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color-2);
    font-family: 'IRANSansX', sans-serif;
    display: block;
}

.meet-our-leaders-content-social-links {
    margin: 10px 0 0 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

    .meet-our-leaders-content-social-links .social-link {
        margin: 0 10px;
        padding: 0;
        font-size: 14px;
        color: var(--black-color-2);
    }

.meet-our-leaders-single:hover .meet-our-leaders-content-social-links {
    opacity: 1;
}

/*------------------------------ About Page v2 Our Clients Say CSS --------------------------------*/
.our-clients-say-slidermain {
    margin: 45px 47px 0 47px;
    padding: 55px 130px;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.05);*/
}

.ourclientssayslider-navholdercustom {
    position: relative;
}

.ourclientssayslider-navbtnprev {
    cursor: pointer;
    font-size: 40px;
    color: var(--white-color);
    overflow: hidden;
    width: 92px;
    height: 93px;
    position: absolute;
    background-color: var(--blue-color);
    z-index: 1;
    bottom: 278px;
    left: -176px;
}

.ourclientssayslider-navbtnnext {
    cursor: pointer;
    font-size: 40px;
    color: var(--white-color);
    overflow: hidden;
    width: 92px;
    height: 93px;
    position: absolute;
    background-color: var(--blue-color);
    z-index: 1;
    bottom: 278px;
    right: -176px;
}

.ourclientssayslider-navbtnbig .fas {
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
    padding: 26px 34px;
}

.ourclientssayslider-navbtnbig:hover .fas {
    opacity: 0.4;
    transform: scale(0.9);
}

.our-clients-say-img {
    margin: 0;
    padding: 0;
    height: 637px;
    overflow: hidden;
}

.our-clients-say-text {
    margin: 0;
    padding: 140px 0px 80px 0px;
    position: relative;
}

    .our-clients-say-text::before {
        content: "";
        width: 90px;
        height: 74px;
        position: absolute;
        left: 25px;
        top: 0;
        background: url('../images/our-clients-say-slider-quote-left-img.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

    .our-clients-say-text:after {
        content: "";
        width: 90px;
        height: 74px;
        position: absolute;
        right: 0;
        bottom: -20px;
        background: url('../images/our-clients-say-slider-quote-right-img.png');
        background-size: cover;
        background-repeat: no-repeat;
    }

.our-clients-say-description {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 20px;
    color: var(--black-color-2);
    line-height: 42px;
    font-family: 'IRANSansX', sans-serif;
}

.our-clients-say-name {
    margin: 0;
    padding: 70px 0 0 50px;
}

.our-clients-say-title {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 34px;
    color: var(--gold-color);
    text-align: left;
}

.our-clients-say-sub-desc {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 24px;
    color: var(--white-color-1);
    font-family: 'IRANSansX', sans-serif;
}

/*------------------------------ About Page v2 Our Brand Logo CSS --------------------------------*/
.aboutpage-v2-our-brand-logo {
    margin: 0 45px !important;
}

.customer-logos-2 {
    margin: 0;
    padding: 0 46px;
}

    .customer-logos-2 .slide {
        margin: 0 80px;
        padding: 0;
    }

        .customer-logos-2 .slide .image-container {
            height: 92px;
            max-width: 334px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .customer-logos-2 .slide .homepage-v2-brands-logo {
            filter: grayscale(100%);
            -webkit-transition: all 240ms ease-in-out;
            -moz-transition: all 240ms ease-in-out;
            -ms-transition: all 240ms ease-in-out;
            -o-transition: all 240ms ease-in-out;
            transition: all 240ms ease-in-out;
        }

        .customer-logos-2 .slide:hover .homepage-v2-brands-logo {
            filter: grayscale(0%);
        }

/*------------------------------ About Page v2 Our Stores CSS --------------------------------*/
.our-stores {
    position: relative;
    background: none;
    border-radius: 10px;
    box-shadow: 0px 0px 25px 0px var(--gray-color-3);
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding: 0;
}

    .our-stores .banner-radius {
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        height: 377px;
        -webkit-transition: all 240ms ease-in-out;
        -moz-transition: all 240ms ease-in-out;
        -ms-transition: all 240ms ease-in-out;
        -o-transition: all 240ms ease-in-out;
        transition: all 240ms ease-in-out;
    }

        .our-stores .banner-radius:hover .overlay-visible {
            background: var(--blue-color-2);
            padding-bottom: 95px;
        }

        .our-stores .banner-radius:hover .overlay {
            padding-top: 31px;
            opacity: 1;
        }

    .our-stores .overlay-visible {
        margin: 0;
        padding: 0;
        font-size: 20px;
        font-weight: 700;
        color: var(--white-color);
        letter-spacing: -0.025em;
        text-transform: uppercase;
        opacity: 1;
        background: none;
    }

    .our-stores .overlay-transparent {
        background: transparent;
    }

    .our-stores .overlay {
        padding-top: 10rem;
        opacity: 0;
    }

    .our-stores .overlay,
    .our-stores .overlay-visible {
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        color: var(--white-color);
        transition: padding 0.3s ease-out, background-color 0.3s, opacity 0.3s;
    }

        .our-stores .overlay .social-links {
            justify-content: center;
        }

    .our-stores .social-links {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .our-stores .contact-details {
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: 400;
        color: var(--white-color);
        font-family: 'IRANSansX', sans-serif;
        line-height: 24px;
    }

    .our-stores .social-link {
        margin: 6px 10px 0 10px;
        font-size: 18px;
        color: var(--white-color);
        transition: color 0.4s;
        text-align: center;
    }

/*------------------------------ About Page v2 Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .our-story-img {
        width: 600px;
        height: 740px;
    }

    .our-story-detail {
        margin: 120px 0 0 0;
    }

    .why-choose-us-detail {
        padding: 114px 0 120px 60px;
    }

    .our-clients-say-img {
        height: 612px;
    }

    .our-stores .banner-radius {
        height: 351px;
    }

    .our-vision-mission.mt-vision {
        margin-top: 110px;
    }

    .our-vision-mission.mt-mission {
        margin-top: 50px;
    }
}

@media (max-width: 1499.98px) {
    .our-story-detail {
        padding: 90px 56px 74px 60px;
        width: 500px;
        margin: 85px 0 0 0;
    }

    .our-story-img {
        width: 530px;
        height: 654px;
    }

    .our-vision-mission {
        margin-left: 60px;
    }

        .our-vision-mission.mt-vision {
            margin-top: 80px;
        }

        .our-vision-mission.mt-mission {
            margin-top: 40px;
        }

    .why-choose-us-detail {
        padding: 80px 0 120px 50px;
    }

    .our-clients-say-img {
        height: 556px;
    }

    .our-clients-say-text {
        padding: 75px 90px 0px 15px;
    }

    .our-clients-say-slidermain {
        margin: 40px 42px 0 42px;
        padding: 40px 100px;
    }

    .our-clients-say-name {
        padding: 35px 0 0 136px;
    }

    .ourclientssayslider-navbtnprev {
        left: -144px;
        bottom: 236px;
        width: 82px;
        height: 83px;
    }

    .ourclientssayslider-navbtnnext {
        right: -144px;
        bottom: 236px;
        width: 82px;
        height: 83px;
    }

    .ourclientssayslider-navbtnbig .fas {
        padding: 21px 29px;
    }

    .our-clients-say-text::before {
        width: 80px;
        height: 65px;
    }

    .our-clients-say-text::after {
        width: 80px;
        height: 65px;
    }

    .our-stores .banner-radius {
        height: 326px;
    }
}

@media (max-width: 1399.98px) {
    .our-story-detail {
        padding: 60px 30px 54px 30px;
        width: 430px;
        margin: 70px 0 0 0;
    }

    .our-story-img {
        width: 470px;
        height: 580px;
    }

    .our-vision-mission.mt-vision {
        margin-top: 50px;
    }

    .our-vision-mission.mt-mission {
        margin-top: 25px;
    }

    .our-vision-mission {
        margin-left: 30px;
    }

    .why-choose-us-detail {
        padding: 70px 0 80px 40px;
    }

    .why-choose-us-box {
        padding: 35px 35px 30px 35px;
    }

    .meet-our-leaders-img {
        width: 230px;
        height: 230px;
    }

    .our-clients-say-img {
        height: 448px;
    }

    .our-clients-say-slidermain {
        margin: 40px 42px 0 42px;
        padding: 30px 80px;
    }

    .our-clients-say-text {
        padding: 40px 25px 0px 80px;
    }

    .our-clients-say-name {
        padding: 20px 0 0 80px;
    }


    .our-clients-say-text::before {
        width: 60px;
        height: 49px;
        left: 0;
        top: 5px;
    }

    .our-clients-say-text::after {
        width: 60px;
        height: 49px;
        right: 0;
    }

    .ourclientssayslider-navbtnprev {
        left: -110px;
        bottom: 215px;
        width: 62px;
        height: 63px;
        font-size: 30px;
    }

    .ourclientssayslider-navbtnnext {
        right: -110px;
        bottom: 215px;
        width: 62px;
        height: 63px;
        font-size: 30px;
    }

    .ourclientssayslider-navbtnbig .fas {
        padding: 16px 22px;
    }

    .customer-logos-2 .slide {
        margin: 0 60px;
    }

    .our-stores .banner-radius {
        height: 262px;
    }
}

@media (max-width: 1299.98px) {
    .our-story-text-one {
        margin: 17px 0 0 0;
        font-size: 16px;
        line-height: 24px;
    }

    .our-story-text {
        margin: 20px 0 0 0;
        font-size: 14px;
        line-height: 24px;
    }

    .our-story-detail {
        padding: 40px 30px;
        width: 400px;
        margin: 65px 0 0 0;
    }

    .our-story-img {
        width: 370px;
        height: 456px;
    }

    .our-vision-mission {
        margin-left: 30px;
    }

        .our-vision-mission.mt-vision {
            margin-top: 55px;
        }

        .our-vision-mission.mt-mission {
            margin-top: 25px;
        }

    .our-story-point {
        margin: 12px 0 0 0;
    }

        .our-story-point li {
            padding: 0 0 12px 20px;
            margin: 0 0 10px 0;
            font-size: 15px;
            line-height: 15px;
        }

    .why-choose-us-box:nth-child(2) {
        margin-top: 25px;
    }

    .why-choose-us-box {
        padding: 25px;
    }

    .why-choose-us-title {
        font-size: 22px;
    }

    .why-choose-us-sub-desc {
        margin: 3px 0 0 0;
        font-size: 14px;
        line-height: 24px;
    }

    .why-choose-us-icon i {
        padding: 10px;
        width: 44px;
        height: 44px;
        font-size: 22px;
        line-height: 24px;
    }

    .why-choose-us-img-main {
        height: 650px;
    }

    .meet-our-leaders-img {
        width: 210px;
        height: 210px;
    }

    .meet-our-leaders-content-title {
        font-size: 16px;
    }

    .meet-our-leaders-content-sub-desc {
        font-size: 14px;
    }

    .aboutpage-v2-our-brand-logo {
        margin: 0 25px !important;
    }

    .our-clients-say-slidermain {
        margin: 25px 25px 0 25px;
        padding: 30px 50px;
    }

    .our-clients-say-img {
        height: 524px;
    }

    .our-clients-say-text {
        padding: 60px 70px 0px 80px;
    }

    .our-clients-say-description {
        font-size: 15px;
        line-height: 28px;
    }

    .our-clients-say-name {
        padding: 40px 0 0 80px;
    }

    .our-clients-say-title {
        font-size: 17px;
    }

    .our-clients-say-sub-desc {
        font-size: 14px;
    }

    .our-clients-say-text::before {
        top: 10px;
    }

    .ourclientssayslider-navbtnprev {
        left: -80px;
        bottom: 220px;
        width: 44px;
        height: 44px;
        font-size: 24px;
    }

    .ourclientssayslider-navbtnnext {
        right: -80px;
        bottom: 220px;
        width: 44px;
        height: 44px;
        font-size: 24px;
    }

    .ourclientssayslider-navbtnbig .fas {
        padding: 10px 14px;
    }
}

@media (max-width: 1199.98px) {
    .why-choose-us-detail {
        padding: 70px 0 80px 30px;
    }

    .why-choose-us-img-main {
        height: 680px;
    }

    .our-clients-say-img {
        height: 424px;
    }

    .our-clients-say-text {
        padding: 85px 70px 0px 80px;
    }

        .our-clients-say-text::before {
            top: 65px;
        }

    .ourclientssayslider-navbtnprev {
        bottom: 190px;
    }

    .ourclientssayslider-navbtnnext {
        bottom: 190px;
    }

    .customer-logos-2 .slide {
        margin: 0 40px;
    }

    .our-stores .banner-radius {
        height: 216px;
    }
}

@media (max-width: 1024.98px) {
    .our-story-detail {
        padding: 30px 25px;
        width: 350px;
        margin: 50px 0 0 0;
    }

    .our-story-img {
        width: 340px;
        height: 420px;
    }

    .our-vision-mission.mt-vision {
        margin-top: 30px;
    }

    .our-clients-say-text::before {
        width: 50px;
        height: 41px;
    }

    .our-clients-say-text::after {
        width: 50px;
        height: 41px;
    }
}

@media (max-width: 991.98px) {
    .our-story-detail {
        padding: 20px;
        width: 270px;
        margin: 22px 0 0 0;
    }

    .our-story-img {
        width: 250px;
        height: 420px;
    }

    .our-vision-mission.mt-vision {
        margin-top: 10px;
    }

    .our-vision-mission {
        margin-left: 0;
    }

        .our-vision-mission.mt-mission {
            margin-top: 20px;
        }

    .why-choose-us-detail {
        padding: 70px 0 70px 0px;
    }

    .why-choose-us-box {
        padding: 20px;
    }

    .why-choose-us-content {
        margin: 0 0 0 14px;
    }

    .why-choose-us-img-main {
        height: 770px;
    }

    .our-clients-say-img {
        height: 320px;
    }

    .our-clients-say-text {
        padding: 25px 35px 0px 35px;
    }

        .our-clients-say-text::before {
            width: 30px;
            height: 24px;
            top: 0;
        }

        .our-clients-say-text::after {
            width: 30px;
            height: 24px;
        }

    .our-clients-say-name {
        padding: 15px 0 0 35px;
    }

    .ourclientssayslider-navbtnprev {
        bottom: 144px;
    }

    .ourclientssayslider-navbtnnext {
        bottom: 144px;
    }

    .our-stores .banner-radius {
        height: 336px;
    }
}

@media (max-width: 768.98px) {
    .our-vision-mission.mt-vision {
        margin-top: 22px;
    }

    .our-story-text-one {
        margin: 15px 0 0 0;
        font-size: 15px;
        line-height: 22px;
    }

    .our-story-text {
        margin: 15px 0 0 0;
        line-height: 22px;
    }

    .our-story-img {
        width: 240px;
        height: 364px;
    }

    .our-vision-mission.mt-vision {
        margin-top: 15px;
    }

    .our-story-point li {
        padding: 0 0 10px 20px;
        margin: 0 0 8px 0;
        font-size: 14px;
        line-height: 14px;
    }

    .why-choose-us-box:nth-child(2) {
        margin-top: 25px;
    }

    .why-choose-us-icon i {
        padding: 10px;
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 18px;
    }

    .why-choose-us-content {
        margin: 0 0 0 10px;
    }

    .why-choose-us-title {
        font-size: 16px;
    }

    .why-choose-us-sub-desc {
        margin: 3px 0 0 0;
        font-size: 14px;
        line-height: 21px;
    }

    .why-choose-us-img-main {
        height: 624px;
    }

    .our-clients-say-text {
        padding: 35px 35px 0px 35px;
    }

        .our-clients-say-text::before {
            top: 25px;
        }

    .our-clients-say-name {
        padding: 25px 0 0 35px;
    }

    .our-clients-say-img {
        height: 290px;
    }

    .our-clients-say-title {
        font-size: 15px;
    }

    .our-clients-say-sub-desc {
        font-size: 14px;
    }

    .ourclientssayslider-navbtnprev {
        left: -64px;
        bottom: 140px;
        width: 30px;
        height: 30px;
        font-size: 18px;
    }

    .ourclientssayslider-navbtnnext {
        right: -64px;
        bottom: 140px;
        width: 30px;
        height: 30px;
        font-size: 18px;
    }

    .ourclientssayslider-navbtnbig .fas {
        padding: 6px 8px;
    }

    .customer-logos-2 {
        padding: 0 20px;
    }

    .our-stores .overlay-visible {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .our-story-detail {
        padding: 20px;
        width: 100%;
        margin: 0;
    }

    .our-story-img {
        width: 100%;
        height: 636px;
        margin-top: 15px;
    }

    .our-vision-mission.mt-mission {
        margin-top: 15px;
    }

    .why-choose-us-img-main {
        height: 668px;
    }

    .why-choose-us-detail-main {
        position: relative;
        background-color: var(--dark-white-color);
    }

    .our-clients-say-slidermain {
        margin: 25px 15px 0 15px;
        padding: 20px;
    }

    .our-clients-say-text {
        padding: 20px 20px 0px 20px;
    }

        .our-clients-say-text::before {
            top: 0;
            width: 25px;
            height: 20px;
        }

        .our-clients-say-text::after {
            bottom: 0;
            width: 25px;
            height: 20px;
        }

    .our-clients-say-name {
        padding: 15px 0 0 20px;
    }

    .our-clients-say-img {
        height: 300px;
    }

    .ourclientssayslider-navbtnprev {
        left: -36px;
    }

    .ourclientssayslider-navbtnnext {
        right: -36px;
    }

    .our-stores .banner-radius {
        height: 246px;
    }
}

@media (max-width: 575.98px) {
    .our-story-img {
        height: 680px;
    }

    .why-choose-us-img-main {
        height: 500px;
    }

    .why-choose-us-detail {
        padding: 30px 0;
    }

    .our-stores .banner-radius:hover .overlay-visible {
        padding-bottom: 74px;
    }

    .our-clients-say-img {
        height: 640px;
        margin-bottom: 15px;
    }

    .ourclientssayslider-navbtnprev {
        bottom: 450px;
    }

    .ourclientssayslider-navbtnnext {
        bottom: 450px;
    }

    .our-clients-say-text {
        padding: 20px 30px 0px 30px;
    }

    .our-clients-say-name {
        padding: 15px 0 0 30px;
    }

    .customer-logos-2 .slide {
        margin: 0 30px;
    }

    .our-stores .banner-radius {
        height: 262px;
    }
}

@media (max-width: 480.98px) {
    .our-story-img {
        height: 560px;
    }

    .why-choose-us-img-main {
        height: 418px;
    }

    .why-choose-us-box:nth-child(2) {
        margin-top: 15px;
    }

    .meet-our-leaders-img {
        width: 180px;
        height: 180px;
    }

    .our-clients-say-slidermain {
        margin: 15px 15px 0 15px;
        padding: 20px;
    }

    .our-clients-say-img {
        height: 520px;
    }

    .our-stores .banner-radius {
        height: 216px;
    }
}

@media (max-width: 414.98px) {
    .our-story-img {
        height: 480px;
    }

    .why-choose-us-img-main {
        height: 360px;
    }

    .our-clients-say-img {
        height: 380px;
    }

    .ourclientssayslider-navbtnprev {
        bottom: 350px;
    }

    .ourclientssayslider-navbtnnext {
        bottom: 350px;
    }

    .our-stores .banner-radius {
        height: 390px;
    }
}

@media (max-width: 375.98px) {
    .our-story-img {
        height: 430px;
    }

    .why-choose-us-img-main {
        height: 326px;
    }

    .meet-our-leaders-img {
        width: 150px;
        height: 150px;
    }

    .our-clients-say-img {
        height: 328px;
    }

    .customer-logos-2 .slide {
        margin: 0 20px;
    }

    .our-stores .banner-radius {
        height: 350px;
    }
}

@media (max-width: 360.98px) {
    .our-story-img {
        height: 414px;
    }

    .why-choose-us-img-main {
        height: 314px;
    }

    .our-stores .banner-radius:hover .overlay-visible {
        padding-bottom: 70px;
    }

    .our-clients-say-img {
        height: 310px;
    }

    .our-stores .banner-radius {
        height: 336px;
    }
}

@media (max-width: 320.98px) {
    .our-story-img {
        height: 364px;
    }

    .why-choose-us-img-main {
        height: 278px;
    }

    .meet-our-leaders-img {
        width: 130px;
        height: 130px;
    }

    .our-clients-say-img {
        height: 250px;
    }

    .our-stores .banner-radius {
        height: 296px;
    }
}
/*=========================================== About Page v2 End CSS ===========================================*/

/*=========================================== FAQ Page Start CSS ===========================================*/
/*------------------------------ FAQ Page Details CSS --------------------------------*/
.custom-accordion-faq {
    margin: 30px 0 0 0;
    padding: 0;
}

    .custom-accordion-faq .accordion-item:first-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .custom-accordion-faq .accordion-item {
        background-color: none;
        border: none;
        margin: 0 0 10px 0;
        padding: 0;
    }

        .custom-accordion-faq .accordion-item:last-of-type {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            margin: 0;
            padding: 0;
        }

        .custom-accordion-faq .accordion-item:not(:first-of-type) {
            border-top: 0;
        }

        .custom-accordion-faq .accordion-item .accordion-header {
            margin: 0;
            background: none;
            border-radius: 0px;
            border: none;
            box-shadow: none;
            outline: none;
        }

        .custom-accordion-faq .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .custom-accordion-faq .accordion-item .accordion-button:not(.collapsed) {
            padding: 22px 30px;
            font-size: 20px;
            color: var(--black-color-2);
            font-weight: 500;
            background-color: var(--gray-color-4);
            border-radius: 10px;
            border: none;
            box-shadow: none;
            outline: none;
        }

        .custom-accordion-faq .accordion-item .accordion-button {
            margin: 0;
            padding: 22px 30px;
            font-size: 20px;
            color: var(--black-color-15);
            font-weight: 500;
            background-color: var(--gray-color-4);
            border-radius: 10px;
            border: none;
            box-shadow: none;
            outline: none;
        }

            .custom-accordion-faq .accordion-item .accordion-button .number-title {
                margin: 0 7px 0 0;
                padding: 0;
            }

            .custom-accordion-faq .accordion-item .accordion-button:not(.collapsed)::after {
                transform: rotate(-180deg);
                background-image: none;
            }

            .custom-accordion-faq .accordion-item .accordion-button::after {
                flex-shrink: 0;
                margin-right: auto;
                content: "\f078";
                transition: transform .2s ease-in-out;
                background-image: none;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                width: auto;
                height: auto;
            }

        .custom-accordion-faq .accordion-item .accordion-body {
            margin: 0;
            padding: 24px 30px 26px 30px;
            font-size: 16px;
            color: var(--black-color-2);
            font-weight: 400;
            line-height: 28px;
            font-family: 'IRANSansX', sans-serif;
        }

/*------------------------------ FAQ Page If You Have Further Questions CSS --------------------------------*/
.if-you-have-further-questions {
    margin: 0;
    padding: 38px 0;
    background-image: url('../images/if-you-have-further-questions-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.ifyouhavefurtherquestions-text {
    margin: 0;
    padding: 0 156px 0 0;
}

.title-1-faq {
    margin: 0 0 6px 0;
    padding: 0;
    font-size: 36px;
    color: var(--white-color);
    font-weight: 900;
}

.sub-desc-1-faq {
    margin: 0 0 0 0;
    padding: 0;
    font-size: 22px;
    color: var(--white-color);
    font-weight: 400;
    font-family: 'IRANSansX', sans-serif;
}

.ifyouhavefurtherquestions-btn {
    margin: 0;
    padding: 0;
}

/*------------------------------ FAQ Page Responsive CSS --------------------------------*/
@media (max-width: 1399.98px) {
    .ifyouhavefurtherquestions-text {
        padding: 0 80px 0 105px;
    }
}

@media (max-width: 1299.98px) {
    .common-subtitle-desc2 {
        margin: 20px 0 9px 0;
        font-size: 15px;
        line-height: 26px;
    }

    .p-t-73 {
        padding-top: 43px;
    }

    .custom-accordion-faq .accordion-item .accordion-button:not(.collapsed) {
        padding: 16px 24px;
        font-size: 16px;
    }

    .custom-accordion-faq .accordion-item .accordion-body {
        padding: 18px 24px 18px 24px;
        font-size: 14px;
        line-height: 24px;
    }

    .custom-accordion-faq .accordion-item .accordion-button {
        padding: 16px 24px;
        font-size: 16px;
    }

    .custom-accordion-faq {
        margin: 25px 0 0 0;
    }

    .title-1-faq {
        margin: 0 0 6px 0;
        font-size: 22px;
    }

    .sub-desc-1-faq {
        font-size: 15px;
    }

    .common-btn4-hover {
        padding: 17px 39px;
    }

    .ifyouhavefurtherquestions-text {
        padding: 0 200px 0 80px;
    }
}

@media (max-width: 1199.98px) {
    .ifyouhavefurtherquestions-text {
        padding: 0 180px 0 90px;
    }
}

@media (max-width: 1024.98px) {
    .ifyouhavefurtherquestions-text {
        padding: 0 150px 0 120px;
    }
}

@media (max-width: 991.98px) {
    .ifyouhavefurtherquestions-text {
        padding: 0 68px 0 50px;
    }
}

@media (max-width: 768.98px) {
    .common-subtitle-desc2 {
        margin: 15px 0 5px 0;
        font-size: 14px;
        line-height: 24px;
    }

    .p-t-73 {
        padding-top: 35px;
    }

    .custom-accordion-faq .accordion-item .accordion-button:not(.collapsed) {
        padding: 14px 14px;
        border-radius: 5px;
    }

    .custom-accordion-faq .accordion-item .accordion-button {
        padding: 14px 14px;
        border-radius: 5px;
    }

    .custom-accordion-faq {
        margin: 15px 0 0 0;
    }

    .if-you-have-further-questions {
        padding: 30px 0;
    }

    .title-1-faq {
        margin: 0 0 3px 0;
        font-size: 18px;
    }

    .ifyouhavefurtherquestions-text {
        padding: 0 120px 0 50px;
    }

    .common-btn4-hover {
        padding: 13px 30px;
        font-size: 15px;
    }
}

@media (max-width: 767.98px) {
    .ifyouhavefurtherquestions-text {
        padding: 0;
    }
}

@media (max-width: 575.98px) {
    .ifyouhavefurtherquestions-text {
        text-align: center;
        float: none !important;
        padding: 0 0 20px 0;
    }

    .ifyouhavefurtherquestions-btn {
        text-align: center;
        float: none !important;
    }
}

@media (max-width: 480.98px) {
    .p-t-73 {
        padding-top: 20px;
    }

    .if-you-have-further-questions {
        padding: 20px 0;
    }
}
/*=========================================== FAQ Page End CSS ===========================================*/

/*=========================================== Contact Us Page v1 Start CSS ===========================================*/

/*------------------------------ Contact Us Page v1 Get In Touch CSS --------------------------------*/
.get-in-touch-text-one {
    margin: 32px 0 11px 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-5);
    line-height: 30px;
    font-family: 'IRANSansX', sans-serif;
}

.get-in-touch-text {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--black-color-5);
    line-height: 30px;
}

/*------------------------------ Contact Us Page v1 Contact Information CSS --------------------------------*/
.icon-content-border-box-01 {
    margin: 0;
    padding: 58px;
    border: 2px solid var(--gray-color-4);
    height: 100%;
    background-color: var(--white-color);
    min-height: 250px;
}

.icon-box-icon-01 {
    margin: 0;
    padding: 0;
    display: block;
}

    .icon-box-icon-01 i {
        margin: 0 0 25px 0;
        padding: 0;
        font-size: 48px;
        color: var(--blue-color);
    }

.icon-box-content-01 {
    margin: 0;
    padding: 0;
}

.icon-box-title-01 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 24px;
    color: var(--black-color-2);
    font-weight: 900;
    line-height: 30px;
}

.icon-box-subtitle-01 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: var(--black-color-2);
    font-weight: 400;
    line-height: normal;
}

/*------------------------------ Contact Us Page v1 Map CSS --------------------------------*/
.contact-us-map {
    position: relative;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

    .contact-us-map:hover::before {
        display: none;
        -webkit-transition: all 240ms ease-in-out;
        -moz-transition: all 240ms ease-in-out;
        -ms-transition: all 240ms ease-in-out;
        -o-transition: all 240ms ease-in-out;
        transition: all 240ms ease-in-out;
    }

    .contact-us-map::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: var(--black-color-3);
        z-index: 1;
        height: 100%;
        width: 100%;
        -webkit-transition: all 240ms ease-in-out;
        -moz-transition: all 240ms ease-in-out;
        -ms-transition: all 240ms ease-in-out;
        -o-transition: all 240ms ease-in-out;
        transition: all 240ms ease-in-out;
    }

/*------------------------------ Contact Us Page v1 Responsive CSS --------------------------------*/
@media (max-width: 1699.98px) {
}

@media (max-width: 1399.98px) {
    .icon-content-border-box-01 {
        padding: 32px;
    }

    .icon-box-title-01 {
        font-size: 23px;
        line-height: 20px;
    }

    .icon-box-subtitle-01 {
        font-size: 17px;
    }
}

@media (max-width: 1299.98px) {
    .get-in-touch-text-one {
        margin: 20px 0 10px 0;
        font-size: 16px;
        line-height: 24px;
    }

    .get-in-touch-text {
        font-size: 14px;
        line-height: 24px;
    }

    .common-form .form-control {
        padding: 18px;
        font-size: 14px;
        height: 56px;
    }

    .common-form .form-select {
        padding: 16px 18px;
        font-size: 14px;
        height: 56px;
    }

    .common-form textarea.form-control {
        height: 140px;
    }

    .icon-box-icon-01 i {
        margin: 0 0 20px 0;
        font-size: 38px;
    }

    .icon-box-title-01 {
        font-size: 18px;
        margin: 0 0 10px 0;
        line-height: 10px;
    }

    .icon-box-subtitle-01 {
        font-size: 14px;
    }

    .contact-us-map iframe {
        height: 430px;
    }
}

@media (max-width: 1199.98px) {
    .icon-content-border-box-01 {
        padding: 26px;
    }
}

@media (max-width: 1024.98px) {
    .contact-us-map iframe {
        height: 370px;
    }
}

@media (max-width: 991.98px) {
    .common-form {
        margin: 0;
        padding: 0;
    }

    .contact-us-responsive {
        margin-bottom: 24px;
    }

    .icon-content-border-box-01 {
        padding: 58px 30px;
    }
}

@media (max-width: 768.98px) {
    .get-in-touch-text-one {
        margin: 15px 0 10px 0;
        font-size: 15px;
        line-height: 22px;
    }

    .get-in-touch-text {
        line-height: 22px;
    }

    .common-form .form-control {
        padding: 15px;
        font-size: 14px;
        height: 48px;
        margin: 0 0 12px 0;
    }

    .common-form .form-select {
        padding: 12px 15px;
        font-size: 14px;
        height: 48px;
        margin: 0 0 12px 0;
    }

    .common-form textarea.form-control {
        height: 110px;
    }

    .icon-box-icon-01 i {
        margin: 0 0 15px 0;
        font-size: 30px;
    }

    .icon-box-title-01 {
        font-size: 16px;
        margin: 0 0 10px 0;
    }

    .contact-us-map iframe {
        height: 280px;
    }
}

@media (max-width: 767.98px) {
    .get-in-touch-text {
        margin-bottom: 20px;
    }
}

@media (max-width: 575.98px) {
}

@media (max-width: 480.98px) {
    .icon-box-subtitle-01 br {
        display: none;
    }

    .contact-us-map iframe {
        height: 200px;
    }
}

@media (max-width: 360.98px) {
    .contact-us-map iframe {
        height: 170px;
    }
}

@media (max-width: 320.98px) {
}
/*=========================================== Contact Us Page v1 End CSS ===========================================*/

/*=========================================== Shop Page v1 Start CSS ===========================================*/
/*------------------------------ Shop v1 Page The Hottest Collection CSS --------------------------------*/
.shoppage-v1-the-hottest-collection {
    position: relative;
    padding: 0;
    margin: 0;
}

.the-hottest-collection-img {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 306px;
    overflow: hidden;
}

.the-hottest-collection-cuntent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.the-hottest-collection-title {
    margin: 0;
    padding: 0;
    font-size: 60px;
    color: var(--white-color);
    font-weight: 500;
    line-height: 60px;
    font-style: italic;
}

.the-hottest-collection-sub-desc {
    margin: 0;
    padding: 0;
    font-size: 50px;
    color: var(--white-color);
    font-weight: 300;
    line-height: 60px;
    font-style: italic;
    font-family: 'IRANSansX', sans-serif;
}

/*------------------------------ Shop v1 Page Shop CSS --------------------------------*/
.shop-sidebar {
    position: relative;
}

.product-wrapper .shoppage-product5 {
    width: 20%;
}

.sidebar-close.active, .sidebar-overlay.active {
    opacity: 1;
    visibility: visible;
    transition: visibility 0.4s, opacity 0.4s;
}

.sidebar-content.active {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.4s, opacity 0.4s;
}

.sidebar-overlay {
    right: 0;
    bottom: 0;
    background-color: var(--black-color-4);
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.4s, opacity 0.4s;
}

.sidebar-active .sidebar .sidebar-overlay, .right-sidebar-active .right-sidebar .sidebar-overlay {
    visibility: visible;
    opacity: 0.5;
}

.sidebar-active .sidebar .sidebar-close, .right-sidebar-active .right-sidebar .sidebar-close {
    opacity: 1;
    visibility: visible;
}

.sidebar-active .sidebar .sidebar-content, .right-sidebar-active .right-sidebar .sidebar-content {
    transform: translateX(0);
    opacity: 1;
}

.sidebar-overlay, .sidebar-toggle, .sidebar-content, .sidebar-close {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2200;
}

.right-sidebar .sidebar-toggle {
    border-radius: 0.3rem 0 0 0.3rem;
}

    .right-sidebar .sidebar-toggle:focus, .sidebar-toggle:hover {
        color: var(--white-color);
    }

.left-sidebar .sidebar-toggle {
    border-radius: 0 0.3rem 0.3rem 0;
}

.toolbox .right-sidebar-toggle {
    margin-left: 2rem;
}

.toolbox-horizontal .sidebar-fixed {
    max-width: none;
    flex: none;
    width: 100%;
    background-color: var(--gray-color-17);
    border: 1px solid var(--gray-color-11);
    padding: 15px;
}

.toolbox-horizontal.toolbox .left-sidebar-toggle {
    padding: 0.65em;
    margin-bottom: 0;
}

.filter-actions {
    padding: 0 0 32px 0;
    width: 100%;
}

.shop4-row {
    margin: 0px -15px;
    display: flex;
    flex-wrap: wrap;
}

.shop4-col {
    padding: 0px 15px;
    flex-basis: 20%;
    max-width: 20%;
    flex-grow: 0;
    flex-shrink: 0;
}

.filter-actions-two {
    cursor: pointer;
    padding: 0 !important;
    height: 24px;
}

.widget:not(.widget-collapsible) .widget-title {
    border: none;
}

.sidebar .widget:last-child .widget-body {
    padding-bottom: 0;
}

.right-sidebar {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 0;
}

    .right-sidebar .sidebar-toggle.active {
        transform: translateX(100%);
        transition: all 0.3s;
    }

    .right-sidebar .sidebar-toggle {
        left: auto;
        right: 0;
        transform: translateX(0);
        transition: all 0.3s;
        z-index: 2;
    }

    .right-sidebar .sidebar-close {
        left: 10px;
        padding: 10px;
    }

    .right-sidebar .sidebar-content {
        transform: translateX(100%);
        left: auto;
        right: 0;
    }

        .right-sidebar .sidebar-content.active {
            transform: translateX(0);
            opacity: 1;
            transition: transform 0.4s, opacity 0.4s;
        }

        .right-sidebar .sidebar-content::-webkit-scrollbar {
            width: 0;
        }

.sidebar-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;
    top: 206px;
    width: 40px;
    height: 40px;
    font-size: 1.4rem;
    color: var(--white-color);
    background-color: var(--black-color-8);
    opacity: 0.6;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.sidebar-content {
    bottom: 0;
    width: 310px;
    padding: 2rem;
    transform: translateX(-100%);
    overflow: auto;
    background-color: var(--white-color);
    opacity: 0;
    line-height: 1.3;
    transition: transform 0.4s, opacity 0.4s;
}

.sidebar-close {
    opacity: 0;
    visibility: hidden;
    margin: 0;
    left: calc(100vw - 50px);
    top: 25px;
    z-index: 2201;
    transition: opacity 0.4s, visibility 0.4s;
}

.close-icon {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    transform: rotateZ(45deg);
}

    .close-icon::before {
        height: 2px;
        width: 100%;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .close-icon::after {
        height: 100%;
        width: 2px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .close-icon::before, .close-icon::after {
        display: block;
        position: absolute;
        background-color: var(--white-color);
        content: "";
    }

.scrollable {
    -webkit-overflow-scrolling: touch;
}

.sticky-content.fix-top {
    top: 0;
}

.widget-body {
    margin-top: 30px;
    margin-bottom: 50px;
}

.widget:last-child .widget-body {
    padding-bottom: 0;
}

.widget .widget-body {
    padding: 0;
    opacity: 1;
    transition: opacity 0.3s;
    color: var(--black-color);
}

.filter-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0 34px 0;
}

    .filter-actions label {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0;
        color: var(--black-color);
    }

    .filter-actions .filter-clear {
        padding-bottom: 0;
        text-transform: capitalize;
        font-weight: 500;
        background-color: transparent;
        color: var(--black-color);
        font-size: 15px;
        border: none;
        outline: none;
        box-shadow: none;
        text-decoration: none;
        margin: 0;
        padding: 0;
    }

        .filter-actions .filter-clear:active + .filter-clear:focus, .filter-clear:checked + .filter-clear:focus, .filter-clear.active:focus, .filter-clear:active:focus, .show > .filter-clear.dropdown-toggle:focus {
            box-shadow: none;
        }

.sidebar .accordion-item:not(:first-of-type) {
    border-top: none;
}

.sidebar .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sidebar .accordion-item {
    background: none;
    border: none;
    cursor: pointer;
}

    .sidebar .accordion-item .accordion-header {
        cursor: pointer;
    }

    .sidebar .accordion-item:first-of-type .accordion-button {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.sidebar .accordion-button:not(.collapsed) {
    background: none;
    box-shadow: none;
    color: var(--black-color);
}

.sidebar .accordion-button {
    padding: 0;
    background: none;
    font-weight: 500;
    font-size: 18px;
    color: var(--black-color);
    cursor: pointer;
}

    .sidebar .accordion-button:focus {
        z-index: 3;
        border-color: var(--gray-color-11);
        outline: none;
        box-shadow: none;
    }

.sidebar .accordion-body {
    padding: 0;
}

.sidebar .accordion-button:not(.collapsed)::after {
    width: 14px;
    height: 14px;
    content: "";
    background-image: url('../images/shop-v1-accordion-minus.png');
    background-repeat: no-repeat;
    transform: none;
    background-size: auto;
    margin: 0;
}

.sidebar .accordion-button::after {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    content: "";
    background-image: url('../images/shop-v1-accordion-plus.png');
    background-repeat: no-repeat;
    transition: transform .2s ease-in-out;
    background-size: auto;
    margin: 0;
    position: absolute;
    right: 0;
    top: 10px;
}

.item-categories-01 .active a {
    color: var(--gold-color);
}

.item-categories-01 li a {
    font-size: 16px;
    color: var(--white-color-1);
    font-weight: 400;
    margin: 0 0 14px 0;
    padding: 0;
    display: block;
    line-height: normal;
}

.item-brand-01 a {
    position: relative;
    display: block;
    padding: 0;
    font-size: 16px;
    color: var(--black-color-1);
    font-weight: 400;
    line-height: 38px;
}

.item-brand-01 a {
    padding-left: 30px !important;
}

    .item-brand-01 a::before {
        content: "";
        position: absolute;
        border: 1px solid;
        border-radius: 2px;
        width: 18px;
        height: 18px;
        top: 50%;
        transform: translateY(-50%);
        left: 2px;
        color: var(--gray-color-9);
        font-size: 1rem;
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        text-align: center;
        text-indent: 1px;
        line-height: 1.3em;
        border-color: var(--gray-color-9);
    }

.item-brand-01 .active > a::before {
    content: "\f00c";
    background-color: var(--blue-color);
    width: 20px;
    height: 20px;
    color: var(--white-color);
    border-radius: 3px;
    left: 1px;
    padding-top: 2px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    border-color: var(--blue-color);
}

.item-brand-01 .active > a {
    color: var(--blue-color);
}

.price-range-slider-01 {
    width: 100%;
    padding: 10px 20px;
}

    .price-range-slider-01 .range-value {
        margin: 14px 0 0 0;
    }

        .price-range-slider-01 .range-value input {
            width: 100%;
            background: none;
            color: var(--blue-color);
            font-size: 16px;
            font-weight: 400;
            box-shadow: none;
            border: none;
            margin: 0;
            font-family: 'IRANSansX', sans-serif;
            outline: none;
        }

    .price-range-slider-01 .range-bar {
        border: none;
        background: var(--gray-color-10);
        height: 6px;
        width: 94%;
        margin-left: 11px;
    }

        .price-range-slider-01 .range-bar .ui-slider-range {
            background: var(--blue-color);
        }

        .price-range-slider-01 .range-bar .ui-slider-handle {
            border: none;
            border-radius: 25px;
            background: var(--white-color);
            border: 5px solid var(--blue-color);
            height: 15px;
            width: 15px;
            top: -5px;
            cursor: pointer;
        }

            .price-range-slider-01 .range-bar .ui-slider-handle + span {
                background: var(--white-color);
            }

.item-size-01 li {
    text-align: center;
    display: inline-block;
    background-color: var(--white-color);
    margin: 0 10px 0 0;
    height: 26px;
    width: 30px;
    border-radius: 2px;
    border: 1px solid var(--gray-color-9);
}

.item-size-01 .active {
    border: 1px solid var(--blue-color);
}

    .item-size-01 .active a {
        color: var(--blue-color);
    }

.item-size-01 li a {
    padding: 3px;
    font-size: 14px;
    color: var(--black-color-1);
    font-weight: 400;
    line-height: normal;
}

.item-color-01 li {
    text-align: center;
    display: inline-block;
    background-color: var(--white-color);
    margin: 0 5px 5px 0;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    border: 2px solid var(--gray-color-34);
}

.item-color-01 .active {
    border: 2px solid var(--blue-color);
}

.item-color-01 .all-color {
    background-color: var(--gray-color-11);
    width: 40px;
    height: 30px;
    border-radius: 13px;
    border: none;
}

    .item-color-01 .all-color a {
        padding: 5px;
        font-size: 14px;
        font-weight: 400;
        color: var(--black-color);
        background-color: var(--gray-color-11);
        width: 40px;
        height: 30px;
        border-radius: 13px;
        margin: 0;
        border: none;
    }

.item-color-01 li a {
    padding: 0;
    margin: 2px;
    font-size: 16px;
    color: var(--black-color-1);
    font-weight: 400;
    line-height: normal;
    background-color: var(--yellow-color-2);
    border-radius: 100%;
    width: 22px;
    height: 22px;
    display: block;
}

    .item-color-01 li a span {
        overflow: hidden;
        opacity: 0;
    }

.item-tags-01 {
    margin: 0;
}

    .item-tags-01 li {
        padding: 0;
        display: inline-flex;
    }

    .item-tags-01 .active a {
        color: var(--blue-color);
    }

    .item-tags-01 li a {
        padding: 5px 10px;
        font-size: 16px;
        color: var(--black-color-1);
        font-weight: 400;
        line-height: normal;
        text-align: center;
        background-color: var(--gray-color-11);
        margin: 5px 5px 5px 0;
        border-radius: 2px;
    }

.widget .widget-title {
    margin: 0 15px 0 0;
    padding: 0;
    font-weight: 500;
    font-size: 18px;
    color: var(--black-color);
    letter-spacing: 0;
    border-bottom: 1px solid var(--gray-color-11);
    text-transform: capitalize;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.widget-two-btn {
    margin: 72px 0 0 0;
}

.widget-collapsible .widget-title label {
    padding: 0 0 15px 0;
    display: block;
    cursor: pointer;
}

.toolbox select {
    max-width: none;
    width: 15.4rem;
    padding: 0.75em 2.7rem 0.75em 1.4rem;
    border-radius: 0.3rem;
    border: 1px solid var(--black-color-22);
}

.toolbox.toolbox-pagination {
    padding: 25px 0 0 0;
    border-top: 1px solid var(--gray-color-28);
}

.toolbox .showing-info {
    font-size: 15px;
    color: var(--gray-color-12);
    font-weight: 400;
    font-family: 'IRANSansX', sans-serif;
}

    .toolbox .showing-info span {
        margin: 0 0 0 15px;
        color: var(--dark-color-2);
    }

.toolbox-layout {
    display: flex;
    align-items: center;
    margin-left: 19px;
}

.toolbox {
    padding-bottom: 30px;
}

.toolbox-right {
    margin-left: auto;
}

    .toolbox label, .toolbox-right label, .toolbox-left label, .toolbox-item label {
        font-weight: 500;
        margin-left: 10px;
        line-height: 1.5;
        font-size: 16px;
        color: var(--black-color);
    }

        .toolbox label .filter-icon {
            max-width: 13px;
        }

.toolbox, .toolbox-right, .toolbox-left, .toolbox-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .toolbox > :not(.toolbox-pagination)*:not(:last-child), .toolbox-left > :not(.toolbox-pagination)*:not(:last-child), .toolbox-right > :not(.toolbox-pagination)*:not(:last-child) {
        margin-right: 1rem;
    }

    .toolbox .toolbox-show select {
        padding-left: 1.3rem;
        padding-right: 2.8rem;
        width: 9.4rem;
    }

    .toolbox .left-sidebar-toggle, .toolbox .right-sidebar-toggle {
        text-transform: uppercase;
        padding: 12px 18px;
        font-size: 15px;
        font-weight: 400;
        color: var(--white-color);
        background-color: var(--blue-color);
        border-color: var(--white-color);
        border: none;
        outline: none;
        box-shadow: none;
        border-radius: 2px;
    }

        .toolbox .left-sidebar-toggle:active + .left-sidebar-toggle:focus, .left-sidebar-toggle:checked + .left-sidebar-toggle:focus, .left-sidebar-toggle.active:focus, .left-sidebar-toggle:active:focus, .show > .left-sidebar-toggle.dropdown-toggle:focus {
            box-shadow: none;
        }

        .toolbox .left-sidebar-toggle i, .toolbox .right-sidebar-toggle i {
            margin-right: 6px;
            margin-left: 0;
            font-size: 14px;
        }

    .toolbox .left-sidebar-toggle {
        margin: 0 20px 0.5rem 0;
    }

    .toolbox .left-sidebar-toggle-two {
        margin: 0 20px 1rem 0;
    }

    .toolbox .right-sidebar-toggle {
        margin-left: 2rem;
    }

.toolbox-item {
    margin-bottom: 1rem;
}

.select-box::before {
    left: 12px;
    margin-top: 0;
}

.sticky-toolbox.fixed {
    background: var(--white-color);
    padding: 1rem 2rem 0 !important;
}

.w-icon-category::before {
    content: "\f03a";
    font-style: normal;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.select-box::before, .select-menu::before {
    content: "";
    background-image: url('../images/shop-page-sort-by-select-arrow.png');
    background-repeat: no-repeat;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 6px;
}

.select-box select, .select-menu select {
    background-image: none;
    position: relative;
    max-width: none;
    min-height: auto;
    width: 220px;
    height: 100%;
    padding: 11px 22px 11px 14px;
    border: 1px solid var(--gray-color-11);
    color: var(--black-color);
    background-color: transparent;
    font-size: 15px;
    letter-spacing: inherit;
    z-index: 1;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-weight: 400;
    border-radius: 2px;
    background-color: var(--white-color);
}

.select-box .form-control:focus, .select-menu .form-control:focus {
    color: var(--black-color);
    background-color: transparent;
    border-color: var(--gray-color-11);
    outline: none;
    box-shadow: none;
}

.select-box option {
    font-size: 14px;
}

.select-box, .select-menu {
    position: relative;
}

.btn-layout.active, .btn-layout:hover {
    color: var(--black-color);
}

.btn-layout {
    line-height: 1;
    color: var(--gray-color-5);
    transition: color 0.4s;
}

    .btn-layout i {
        font-size: 20px;
    }

    .btn-layout + .btn-layout {
        margin-left: 10px;
    }

    .btn-layout .w-icon-grid::before {
        content: "\f00a";
        font-style: normal;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }

    .btn-layout .w-icon-list::before {
        content: "\f00b";
        font-style: normal;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }

.pagination {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 15px;
    color: var(--dark-color-2);
    letter-spacing: 0.025em;
    font-weight: 400;
    padding: 0;
}

    .pagination .prev.disabled, .pagination .next.disabled {
        color: var(--gray-color-12);
    }

    .pagination .prev {
        margin-right: 21px;
    }

    .pagination .next {
        margin-left: 16px;
    }

    .pagination .prev, .pagination .next {
        padding: 14px 0;
        text-align: center;
        letter-spacing: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .pagination a {
        color: inherit;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .pagination .prev img {
        margin-right: 6px;
    }

    .pagination .next img {
        margin-left: 6px;
    }

    .pagination .page-item:not(:last-child) {
        margin-right: 5px;
        color: var(--gray-color-12);
    }

    .pagination .page-item:not(:first-child) .page-link {
        margin-left: 0;
    }

    .pagination :hover:not(.disabled) > .page-link, .pagination .active:not(.disabled) > .page-link {
        background-color: transparent;
        border-color: var(--gray-color-11);
        color: var(--blue-color);
        border-radius: 2px;
        outline: none;
        box-shadow: none;
    }

    .pagination .page-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 30px;
        height: 40px;
        background-color: transparent;
        border: 1px solid transparent;
        transition: background-color 0.4s, border 0.4s, color 0.4s;
        line-height: 1;
        outline: none;
        box-shadow: none;
    }

        .pagination .page-link:focus {
            z-index: 3;
            color: var(--blue-color);
            background-color: transparent;
            outline: none;
            box-shadow: none;
        }

/*------------------------------ Shop Page v1 Responsive CSS --------------------------------*/
@media (min-width: 992px) {
    .sidebar {
        flex: 0 0 310px;
        max-width: 310px;
    }

    .row .main-content {
        max-width: calc(100% - 310px);
    }

    .shop-sidebar.sidebar-fixed .sidebar-content {
        padding: 0 0 2rem;
    }

    .shop-sidebar.sidebar-fixed .shoppage-filter-padding {
        padding: 0 !important;
    }

    .sidebar-fixed .sidebar-toggle, .sidebar-fixed .sidebar-overlay {
        display: none;
    }

    .sidebar-fixed .sidebar-content {
        position: relative;
        overflow: visible;
        padding: 0;
        opacity: 1;
        z-index: 1;
        width: auto;
        transform: none;
        background: none;
    }

    .shop-content {
        overflow: hidden;
    }

    .shoppage-top-filter {
        display: none;
        transition: all 0.3s;
        opacity: 0;
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
    }

        .shoppage-top-filter.active {
            display: block;
        }

            .shoppage-top-filter.active.show {
                transition: all 0.3s;
                opacity: 1;
                -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
                margin: 34px 0 0 0;
            }

    .accordion-filter-clear {
        display: none;
    }
}

@media (max-width: 1399.98px) {
    .the-hottest-collection-img {
        height: 260px;
    }

    .the-hottest-collection-title {
        font-size: 42px;
        line-height: 50px;
    }

    .the-hottest-collection-sub-desc {
        font-size: 42px;
        line-height: 50px;
    }

    .shop4-col {
        flex-basis: 33%;
        max-width: 33%;
    }
}

@media (max-width: 1299.98px) {
    .the-hottest-collection-img {
        height: 240px;
    }

    .the-hottest-collection-title {
        font-size: 35px;
        line-height: 44px;
    }

    .the-hottest-collection-sub-desc {
        font-size: 35px;
        line-height: 44px;
    }

    .common-btn2-hover-large {
        font-size: 18px;
        padding: 18px 36px;
    }
}

@media (max-width: 1199.98px) {
    .product-wrapper .shoppage-product5 {
        width: 25%;
    }

    .common-btn2-hover-large {
        font-size: 17px;
        padding: 16px 34px;
    }
}

@media (max-width: 1024.98px) {
    .the-hottest-collection-img {
        height: 210px;
    }
}

@media (max-width: 991.98px) {
    .the-hottest-collection-img {
        height: 200px;
    }

    .the-hottest-collection-title {
        font-size: 28px;
        line-height: 34px;
    }

    .the-hottest-collection-sub-desc {
        font-size: 28px;
        line-height: 34px;
    }

    .btn-layout i {
        font-size: 16px;
    }

    .toolbox-item {
        margin-bottom: 0.5rem;
    }

    .shop-content .main-content {
        width: 100%;
    }

    .toolbox .sidebar-fixed {
        margin-right: 0;
    }

    .toolbox .sidebar-content {
        display: block;
    }

    .sidebar-active .page-wrapper {
        margin-left: 310px;
        margin-right: -310px;
    }

    .right-sidebar-active .page-wrapper {
        margin-left: -310px;
        margin-right: 310px;
    }

    .toolbox .left-sidebar-toggle-two {
        margin: 0 20px 0.5rem 0;
    }

    .toolbox-layout {
        margin-left: 15px;
    }

    .product-wrapper .shoppage-product5 {
        width: 33.33333333%;
    }

    .toolbox-horizontal .sidebar-fixed {
        background: none;
        border: none;
        padding: 0;
    }

    .sidebar-content {
        padding: 1rem;
    }

    .widget-two-btn {
        margin: 30px 0 0 0;
    }

    .filter-actions {
        padding: 0 0 20px 0;
    }

    .widget-collapsible .widget-title label {
        padding: 0 0 10px 0;
    }

    .widget-body {
        margin-bottom: 30px;
    }

    .shoppage-top-filter {
        margin: 20px 0 0 0;
    }

    .shop4-col {
        flex-basis: 100%;
        max-width: 100%;
    }

    .sidebar-close {
        left: calc(100vw - 30px);
    }

    .item-tags-01 li {
        width: auto;
    }

    .common-btn2-hover-large {
        font-size: 15px;
        padding: 12px 32px;
    }
}

@media (max-width: 800.98px) {
    .the-hottest-collection-img {
        height: 170px;
    }
}

@media (max-width: 767.98px) {
    .the-hottest-collection-img {
        height: 150px;
    }

    .the-hottest-collection-cuntent {
        padding: 14px 0;
    }

    .the-hottest-collection-title {
        font-size: 20px;
        line-height: 26px;
    }

    .the-hottest-collection-sub-desc {
        font-size: 20px;
        line-height: 26px;
    }

    .common-btn2-hover-large {
        font-size: 14px;
        padding: 13px 24px;
    }

    .product-wrapper .shoppage-product5 {
        width: 50%;
    }

    .toolbox .left-sidebar-toggle {
        margin: 0 20px 10px 0;
    }

    .toolbox .left-sidebar-toggle-two {
        margin: 0 20px 10px 0;
    }

    .toolbox, .toolbox-right, .toolbox-left, .toolbox-item {
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .toolbox-right {
        margin-left: 0;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .toolbox-layout {
        margin-left: 15px;
    }

    .toolbox {
        padding-bottom: 0;
    }
}

@media (max-width: 600.98px) {
    .the-hottest-collection-img {
        height: 126px;
    }

    .the-hottest-collection-cuntent {
        padding: 10px 0;
    }
}

@media (max-width: 575.98px) {
    .p-t-50 {
        padding-top: 30px;
    }

    .the-hottest-collection-cuntent {
        padding: 5px 0;
    }

    .toolbox-left label, .toolbox-right .toolbox-layout {
        display: block;
    }

    .toolbox-right .toolbox-item.toolbox-show {
        margin-right: 0;
    }

    .toolbox-pagination {
        flex-direction: column;
    }

    .toolbox .left-sidebar-toggle i {
        margin: 0 6px 0 0;
    }

    .toolbox .left-sidebar-toggle {
        margin-right: 15px;
    }

    .toolbox-layout {
        margin-left: 10px;
    }

    .btn-layout + .btn-layout {
        margin-left: 5px;
    }

    .right-sidebar .sidebar-close {
        left: 5px;
        padding: 5px;
    }

    .common-btn2-hover-small2 {
        margin-top: 5px;
    }
}

@media (max-width: 480.98px) {
    .the-hottest-collection-img {
        height: 100px;
    }

    .the-hottest-collection-cuntent {
        position: relative;
        padding: 20px 0;
    }

    .the-hottest-collection-title {
        color: var(--black-color);
    }

    .the-hottest-collection-sub-desc {
        color: var(--black-color);
    }

    .shoppage-v1-the-hottest-collection .the-hottest-collection-text {
        max-width: 52%;
    }

    .shoppage-v1-the-hottest-collection .the-hottest-collection-btn {
        max-width: 48%;
    }

    .sticky-toolbox.fixed {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .sidebar-content {
        width: 20rem;
    }

    .sidebar-active .page-wrapper {
        margin-left: 27rem;
        margin-right: -27rem;
    }

    .right-sidebar-active .page-wrapper {
        margin-left: -27rem;
        margin-right: 27rem;
    }

    .sidebar-toggle {
        font-size: 1rem;
    }

        .sidebar-toggle:focus, .sidebar-toggle:hover {
            color: var(--white-color);
        }

    .select-box select, .select-menu select {
        width: 200px;
    }
}

@media (max-width: 414.98px) {
    .the-hottest-collection-img {
        height: 90px;
    }

    .toolbox .left-sidebar-toggle span {
        display: none;
    }

    .toolbox .left-sidebar-toggle i {
        margin: 0;
    }

    .btn-layout i {
        font-size: 15px;
    }

    .product-wrapper .shoppage-product5 {
        width: 100%;
    }
}

@media (max-width: 375.98px) {
    .the-hottest-collection-img {
        height: 85px;
    }

    .the-hottest-collection-sub-desc {
        margin-bottom: 15px;
    }

    .shoppage-v1-the-hottest-collection .the-hottest-collection-text {
        max-width: 100%;
    }

    .shoppage-v1-the-hottest-collection .the-hottest-collection-btn {
        max-width: 100%;
    }

    .select-box select, .select-menu select {
        width: 160px;
    }

    .sidebar-content {
        width: 18rem;
    }

    .item-size-01 li {
        margin: 0 5px 0 0;
    }
}

@media (max-width: 360.98px) {
    .the-hottest-collection-img {
        height: 80px;
    }

    .btn-layout + .btn-layout {
        margin-left: 3px;
    }

    .sidebar-content {
        width: 17rem;
    }
}

@media (max-width: 320.98px) {
    .the-hottest-collection-img {
        height: 78px;
    }
}
/*=========================================== Shop Page v1 End CSS ===========================================*/

/*=========================================== Shop List Sidebar Page Start CSS ===========================================*/
/*------------------------------ Shop List Sidebar CSS --------------------------------*/
.shop-product-list-sidebar-1 {
    display: flex;
    align-items: flex-start;
    flex-direction: unset;
    min-width: unset;
    word-wrap: unset;
}

.product-media-1 {
    flex: 0 0 294px;
    max-width: 294px;
    position: relative;
    margin-right: 38px;
    height: 310px;
}

.product-details-1 {
    padding: 24px 0;
    flex: 1;
    position: relative;
}

.price-box-1 {
    justify-content: flex-start !important;
}

.product-price.product-price-1 {
    margin: 1px 78px 0 0;
}

.product-text-1 {
    margin: 21px 0 41px 0;
    font-family: 'IRANSansX', sans-serif;
    color: var(--black-color);
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*------------------------------ Shop List Sidebar Page Responsive CSS --------------------------------*/
@media (max-width: 1299.98px) {
    .product-details-1 .text-1 {
        margin: 16px 0 36px 0;
        font-size: 14px;
        line-height: 26px;
    }

    .product-details-1 {
        padding: 42px 0;
    }

    .common-btn2-hover2 {
        font-size: 14px;
        padding: 12px 20px;
    }
}

@media (max-width: 1199.98px) {
    .product-media-1-2 {
        height: 310px !important;
    }

    .card-body1-2 {
        padding: 30px 0 0 0 !important;
    }

    .product-text-1 {
        line-height: 24px;
    }
}

@media (max-width: 991.98px) {
}

@media (max-width: 768.98px) {
    .product-details-1 .text-1 {
        margin: 16px 0 30px 0;
        font-size: 13.5px;
        line-height: 24px;
    }

    .product-details-1 {
        padding: 52px 0;
    }
}

@media (max-width: 767.98px) {
    .product-media-1 {
        flex: 0 0 274px;
        max-width: 274px;
        margin-right: 25px;
        height: 292px;
    }

    .product-details-1 {
        padding: 42px 0;
    }

    .product-price.product-price-1 {
        margin: 1px 30px 0 0;
    }
}

@media (max-width: 575.98px) {
    .shop-product-list-main {
        max-width: 50%;
    }

    .shop-product-list-sidebar-1 {
        display: block;
    }

    .card-body1-2 {
        padding: 0 !important;
    }

    .product-media-1-2 {
        height: 280px !important;
    }

    .product-text-1 {
        margin: 11px 0 21px 0;
    }

    .product-media-1 {
        max-width: 100%;
        margin-right: 0px;
        height: 282px;
        margin-bottom: 30px;
        display: block;
    }

    .product-details-1 {
        padding: 0;
    }

        .product-details-1 .text-1 {
            margin: 10px 0 20px 0;
        }
}

@media (max-width: 480.98px) {
    .product-media-1 {
        height: 230px;
    }

    .product-media-1-2 {
        height: 230px !important;
    }

    .product-price.product-price-1 {
        margin: 1px 0 0 0;
    }

    .price-box-1 {
        justify-content: space-between !important;
    }
}

@media (max-width: 414.98px) {
    .shop-product-list-main {
        max-width: 100%;
    }

    .product-media-1 {
        height: 196px;
    }

    .product-media-1-2 {
        height: 416px !important;
    }

    .product-text-1 {
        -webkit-line-clamp: none;
    }
}

@media (max-width: 375.98px) {
    .product-media-1 {
        height: 174px;
    }

    .product-media-1-2 {
        height: 374px !important;
    }
}

@media (max-width: 360.98px) {
    .product-media-1-2 {
        height: 358px !important;
    }
}

@media (max-width: 320.98px) {
    .product-media-1 {
        height: 146px;
    }

    .product-media-1-2 {
        height: 315px !important;
    }
}
/*=========================================== Shop List Sidebar Page End CSS ===========================================*/

/*=========================================== Single Product v1 Page Start CSS ===========================================*/
/*------------------------------ Single Product v1 Page Detail CSS --------------------------------*/
.single-product-v1-detail-slider-main {
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    align-items: center;
}

.slider-thumbnail-1 {
    max-width: 115px;
    flex-basis: 115px;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 0;
    position: relative;
    margin: 0;
}

.single-product-v1-detail-slider-img-span {
    height: 744px;
    overflow: hidden;
    border: none;
    width: 100%;
}

#NZoomContainer {
    width: 100% !important;
    height: 100% !important;
}

.single-product-v1-detail-slider-img {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: right;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
}

.slider-thumbnail-1 .single-product-v1-detail-slider-nav {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    z-index: 2;
}

.single-product-v1-detail-slider-thumbnail {
    position: relative;
    padding: 15px 0;
    margin: 0;
    width: 92px !important;
    height: 120px !important;
    overflow: hidden;
}

    .single-product-v1-detail-slider-thumbnail > img {
        opacity: 0.5;
        transition: all 0.3s;
    }

        .single-product-v1-detail-slider-thumbnail > img.active {
            opacity: 1;
            transition: all 0.3s;
        }

    .single-product-v1-detail-slider-thumbnail img {
        object-position: top;
    }

.slider-thumbnail-1 .arrows {
    position: absolute;
    top: 0px;
    left: 34px;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.slider-thumbnail-1 .arrowbtn {
    margin-bottom: 538px;
}

    .slider-thumbnail-1 .arrowbtn:last-child {
        margin-bottom: 0px;
    }

.product-label-group-1 {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 100;
}

.product-label-1 {
    background-color: var(--blue-color);
    display: inline-block;
    text-align: center;
    margin-bottom: 0;
    padding: 8px 10px;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 500;
    line-height: 1;
    color: var(--white-color);
    text-transform: uppercase;
}

.product-zoomicon-group-1 {
    position: absolute;
    right: 20px;
    bottom: 30px;
    z-index: 100;
}

.product-zoomicon-1 {
    background-color: var(--black-color-1);
    display: inline-block;
    text-align: center;
    margin-bottom: 0;
    padding: 12px;
    font-size: 18px;
    border-radius: 0px;
    font-weight: 700;
    line-height: 1;
    color: var(--white-color);
    text-transform: uppercase;
}

.single-product-v1-detail-slider-multiple-items .slick-prev {
    top: -41px !important;
    left: 34px;
}

    .single-product-v1-detail-slider-multiple-items .slick-prev::before {
        content: "";
        background-image: url('../images/single-product-v1-detail-slider-prev.png');
        background-repeat: no-repeat;
        background-size: cover;
        width: 23px;
        height: 13px;
        position: absolute;
    }

.single-product-v1-detail-slider-multiple-items .slick-next {
    bottom: -28px;
    left: 34px;
    right: auto;
}

    .single-product-v1-detail-slider-multiple-items .slick-next::before {
        content: "";
        background-image: url('../images/single-product-v1-detail-slider-next.png');
        background-repeat: no-repeat;
        background-size: cover;
        width: 23px;
        height: 13px;
        position: absolute;
    }

.single-product-v1-detail-slider-multiple-items .slick-arrow {
    top: auto;
    background: none;
    padding: 0;
    opacity: 1;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: auto;
    height: auto;
}

.single-product-v1-detail-slider-multiple-items:hover .slick-arrow {
    opacity: 1;
}

.single-product-v1-detail {
    padding: 0 0 0 22px;
}

.title-1 {
    font-size: 28px;
    font-weight: 600;
    color: var(--black-color-6);
    margin: 0 0 16px 0;
    padding: 0;
}

.text-price-1 del {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color-6);
    opacity: 50%;
    margin: 0;
    padding: 0 10px 0 0;
    font-family: 'IRANSansX', sans-serif;
    display: inline-block;
}

.text-price-1 {
    font-size: 22px;
    font-weight: 700;
    color: var(--blue-color);
    margin: 0;
    padding: 0;
    font-family: 'IRANSansX', sans-serif;
    display: inline-block;
}

.ratings-container-1 {
    margin: 20px 0 18px 0;
}

.ratings-full-1 {
    margin: 0 12px 0 0;
}

    .ratings-full-1 .ratings-1 {
        color: var(--yellow-color);
        font-size: 17px;
        margin: 0;
        padding: 0;
        display: inline-block;
        letter-spacing: normal;
    }

        .ratings-full-1 .ratings-1 .fas {
            display: table-cell;
            padding: 0 4px 0 0;
        }

.rating-reviews-1 {
    color: var(--black-color-6);
    font-size: 14px;
    font-weight: 400;
    font-family: 'IRANSansX', sans-serif;
}

    .rating-reviews-1:hover {
        color: var(--blue-color);
    }

.short-desc-1 p {
    font-family: 'IRANSansX', sans-serif;
    color: var(--black-color);
    font-size: 15px;
    line-height: 27px;
    font-weight: 400;
    margin: 0 0 32px 0;
    padding: 0;
}

.color-swatch-1 {
    margin: 0;
    padding: 0;
}

.color-title-1 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 0 0 40px;
    padding: 0;
    display: inline-block;
}

.color-1 {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    border: 2px solid var(--white-color);
    margin-right: 10px;
    transition: box-shadow .35s ease;
    background-repeat: no-repeat;
    background-position: 50%;
    box-shadow: 0 0 0 2px var(--gray-color-1);
}

    .color-1:first-of-type {
        margin-right: 0px;
    }

    .color-1.active {
        box-shadow: 0 0 0 2px var(--blue-color);
    }

.tt-text-1 {
    visibility: hidden;
    opacity: 0;
}

.size-swatch-1 {
    margin: 30px 0;
    padding: 0;
}

.size-title-1 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 0 0 40px;
    padding: 0;
    display: inline-block;
}

.size-1 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    background-color: var(--gray-color-16);
    width: 45px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    margin: 0 10px 0 0;
    border: 2px solid var(--gray-color-16);
    font-family: 'IRANSansX', sans-serif;
}

    .size-1:first-of-type {
        margin-right: 0px;
    }

    .size-1.active {
        border-color: var(--blue-color);
    }

.quantity-form-1 {
    margin: 30px 0;
    padding: 0;
}

.control-1 {
    display: flex;
    width: 90px;
    height: 53px;
    border: 1px solid var(--gray-color-11);
    margin: 0 10px 0 0;
    padding: 0;
}

    .control-1 .bttn-left {
        border-radius: 0px;
    }

    .control-1 .input {
        width: calc(100px * 0.5);
        padding: 0;
        margin: 0;
        text-align: center;
        border: none;
        color: var(--black-color-6);
        font-size: 15px;
        font-weight: 400;
        outline: none;
        box-shadow: none;
    }

    .control-1 a.bttn {
        color: var(--black-color);
        text-decoration: none;
    }

    .control-1 a.bttn,
    .control-1 .bttn {
        width: calc(100px * 0.5);
        padding: 0;
        text-align: center;
        border: none;
        outline: none;
        box-shadow: none;
        background-color: var(--white-color);
        font-size: 18px;
        color: var(--black-color-6);
    }

        .control-1 a.bttn span,
        .control-1 .bttn span {
            margin: auto !important;
        }

    .control-1 .bttn-right {
        border-radius: 0px;
    }

    .control-1 input[type="number"]::-webkit-inner-spin-button,
    .control-1 input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .control-1 input::-webkit-outer-spin-button,
    .control-1 input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .control-1 input[type=number] {
        -moz-appearance: textfield;
    }

.info-list-1 {
    border-bottom: 1px solid var(--gray-color-24);
    padding-bottom: 30px;
}

.sku-1 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color);
    line-height: 36px;
    margin: 0;
    padding: 0;
}

    .sku-1 span {
        font-size: 18px;
        font-weight: 400;
        color: var(--gray-color-2);
        line-height: 36px;
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

.categories-1 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color);
    line-height: 36px;
    margin: 0;
    padding: 0;
}

    .categories-1 span {
        font-size: 18px;
        font-weight: 400;
        color: var(--gray-color-2);
        line-height: 36px;
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

        .categories-1 span a {
            color: var(--gray-color-2);
        }

.tags-1 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color);
    line-height: 36px;
    margin: 0;
    padding: 0;
}

    .tags-1 span {
        font-size: 18px;
        font-weight: 400;
        color: var(--gray-color-2);
        line-height: 36px;
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

        .tags-1 span a {
            color: var(--gray-color-2);
        }

.infolinks-1 {
    margin: 20px 0 27px 0;
    padding: 0;
}

.add-to-wishlist-1, .add-to-delivery-returns-1, .add-to-enquiry-1 {
    padding: 0;
    margin: 0 38px 0 0;
}

    .add-to-wishlist-1 i, .add-to-delivery-returns-1 i, .add-to-enquiry-1 i {
        font-size: 16px;
        color: var(--black-color-6);
        margin: 0 6px 0 0;
        padding: 0;
    }

    .add-to-wishlist-1:hover i, .add-to-delivery-returns-1:hover i, .add-to-enquiry-1:hover i {
        color: var(--blue-color);
    }

    .add-to-wishlist-1 span, .add-to-delivery-returns-1 span, .add-to-enquiry-1 span {
        font-size: 15px;
        font-weight: 400;
        color: var(--black-color-6);
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

    .add-to-wishlist-1:hover span, .add-to-delivery-returns-1:hover span, .add-to-enquiry-1:hover span {
        color: var(--blue-color);
    }

.share-1 {
    margin: 22px 0 0 0;
    padding: 0;
}

.share-title-1 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 0 0 40px;
    padding: 0;
    display: inline-block;
}

.social-button-1 {
    font-size: 15px;
    color: var(--gray-color-2);
    margin: 0 10px 0 0;
    padding: 0;
    width: 42px;
    height: 42px;
    border-radius: 100px;
    border: 1px solid var(--gray-color-11);
    display: inline-flex;
    text-align: center;
    background-color: var(--gray-color-24);
    justify-content: center;
    align-items: center;
}



    .social-button-1:hover {
        color: var(--light-white-color);
        background-color: var(--dark-color-2);
        border: 1px solid var(--dark-color-2);
    }

    .social-button-1.icon-facebook:hover {
        color: var(--white-color);
        border: 1px solid var(--blue-color);
        background-color: var(--blue-color);
    }

    .social-button-1.icon-twitter:hover {
        color: var(--white-color);
        border: 1px solid var(--blue-color-1);
        background-color: var(--blue-color-1);
    }

    .social-button-1.icon-instagram:hover {
        color: var(--white-color);
        border: 1px solid var(--red-color-2);
        background-color: var(--red-color-2);
    }

    .social-button-1.icon-pinterest:hover {
        color: var(--white-color);
        border: 1px solid var(--red-color-3);
        background-color: var(--red-color-3);
    }

    .social-button-1.icon-linkedin:hover {
        color: var(--white-color);
        border: 1px solid var(--blue-color-2);
        background-color: var(--blue-color-2);
    }

/*------------------------------ Single Product v1 Page Tab CSS --------------------------------*/
.custom-tab-nav-1 {
    border-bottom: 1px solid var(--gray-color-20);
}

.custom-tab-nav-1-lr-padding {
    padding: 0 298px;
}

.custom-tab-nav-1 .nav-link.active, .custom-tab-nav-1 .show > .nav-link {
    color: var(--blue-color);
    border-bottom: 2px solid var(--blue-color);
    background: none;
}

    .custom-tab-nav-1 .nav-link.active::before {
        content: "";
        background-image: url('../images/single-product-v1-page-tab-icon.png');
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -5px;
        width: 10px;
        height: 3px;
        margin: 0 auto;
    }

.custom-tab-nav-1 .nav-item:hover .nav-link {
    color: var(--blue-color);
    border-bottom: 2px solid var(--blue-color);
}

.custom-tab-nav-1 .nav-link {
    background: none;
    border: none;
    border-radius: 0;
}

.custom-tab-nav-1 .nav-item {
    padding: 0px 27px;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
}

.custom-tab-nav-1 .nav-link {
    display: block;
    padding: 0 16px 4px 16px;
    margin: 0;
    color: var(--dark-color-2);
    font-size: 22px;
    font-weight: 400;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    position: relative;
    width: 100%;
}

.custom-tab-content-1 {
    margin: 35px 0 0 0;
    padding: 0;
}

.description-text1-1 {
    padding: 0;
    margin: 0 0 36px 0;
    color: var(--dark-color-2);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: 'IRANSansX', sans-serif;
    direction: rtl;
}

.description-point-1 .point-1 {
    position: relative;
    padding-left: 33px;
    font-size: 16px;
    color: var(--dark-color-2);
    font-weight: 600;
    line-height: normal;
    margin: 0 0 14px 0;
    font-family: 'IRANSansX', sans-serif;
}

    .description-point-1 .point-1:last-child {
        margin: 0;
    }

    .description-point-1 .point-1::before {
        content: "\f00c";
        position: absolute;
        display: block;
        left: 0px;
        top: 4px;
        font-size: 12px;
        color: var(--blue-color);
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }

.video-1 {
    margin: 0;
}

.description-img1-2 {
    margin: 0;
    padding: 0;
    height: 308px;
    overflow: hidden;
    vertical-align: middle;
}

.video-1 .btn-play {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background-color: var(--black-color-8);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

    .video-1 .btn-play .play-icon {
        height: 24px;
        overflow: hidden;
        display: inline-block;
        line-height: 1;
    }

.description-img1-3 {
    margin: 0;
    padding: 0;
    height: 308px;
    overflow: hidden;
}

.description-img1-4 {
    margin: 39px 0 0 0;
    padding: 0;
    height: 411px;
    overflow: hidden;
}

.description-text1-2 {
    padding: 0;
    margin: 0 0 28px 0;
    color: var(--dark-color-2);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: 'IRANSansX', sans-serif;
}

    .description-text1-2:first-child {
        margin-top: 32px;
    }

    .description-text1-2:last-child {
        margin: 0;
    }

.information-table-1 .table {
    border: 1px solid var(--gray-color-20);
    direction: rtl;
}

    .information-table-1 .table > :not(caption) > * > * {
        padding: 0;
        background: none;
        border-bottom-width: 1px;
        box-shadow: none;
    }

    .information-table-1 .table tbody, td, th, thead, tr {
        border: 1px solid var(--gray-color-20);
    }

    .information-table-1 .table tr {
        background-color: var(--white-color);
    }

    .information-table-1 .table th {
        font-size: 18px;
        font-weight: 500;
        color: var(--black-color);
        padding: 15px 20px;
    }

        .information-table-1 .table th:first-of-type {
            background-color: var(--gray-color-6);
        }

    .information-table-1 .table td {
        font-size: 17px;
        font-weight: 400;
        color: var(--white-color-1);
        padding: 15px 20px;
        font-family: 'IRANSansX', sans-serif;
    }

.size-chart-table-1 .table {
    border: 1px solid var(--gray-color-20);
}

    .size-chart-table-1 .table > :not(caption) > * > * {
        padding: 0;
        border-bottom-width: 1px;
        box-shadow: none;
        border-color: var(--gray-color-20);
    }

    .size-chart-table-1 .table .table-dark {
        background-color: var(--black-color-2);
        border-color: var(--gray-color-20);
    }

    .size-chart-table-1 .table tbody, td, th, thead, tr {
        border: 1px solid var(--gray-color-20);
    }
    /* .size-chart-table-1 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--dark-white-color); } */
    .size-chart-table-1 .table tr {
        background-color: var(--white-color);
    }

    .size-chart-table-1 .table th {
        font-size: 18px;
        font-weight: 500;
        color: var(--white-color);
        padding: 11px 20px;
    }

    .size-chart-table-1 .table td {
        font-size: 17px;
        font-weight: 400;
        color: var(--white-color-1);
        padding: 11px 20px;
        font-family: 'IRANSansX', sans-serif;
    }

        .size-chart-table-1 .table td:first-of-type {
            background-color: var(--gray-color-6);
        }

.vendor-info-left-part-1 {
    width: 31%;
}

.vendor-info-right-part-1 {
    width: 69%;
}

.vendor-info-text-1 {
    margin: 0;
    padding: 20px;
    background-color: var(--white-color);
    border: 1px solid var(--gray-color-20);
    border-radius: 5px;
}

    .vendor-info-text-1 .vendor-user {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }

    .vendor-info-text-1 .vendor-logo {
        max-width: 70px;
        height: 70px;
        margin-right: 24px;
        margin-bottom: 0;
        overflow: hidden;
    }

        .vendor-info-text-1 .vendor-logo img {
            border: none;
            border-radius: 5px;
        }

    .vendor-info-text-1 .vendor-name {
        margin: 1px 0 4px 0;
        font-size: 20px;
        font-weight: 700;
        color: var(--black-color);
    }

        .vendor-info-text-1 .vendor-name a {
            color: var(--black-color);
        }

    .vendor-info-text-1 .ratings-container {
        display: flex;
        align-items: center;
        margin-bottom: 4px;
    }

    .vendor-info-text-1 .ratings-full {
        margin-right: 10px;
        font-size: 12px;
        color: var(--yellow-color);
        cursor: pointer;
    }

        .vendor-info-text-1 .ratings-full .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .vendor-info-text-1 .rating-reviews {
        margin: 0;
        font-size: 15px;
        color: var(--black-color);
        font-weight: 400;
        font-family: 'IRANSansX', sans-serif;
    }

    .vendor-info-text-1 .vendor-info {
        margin: 8px 0 0 0;
    }

        .vendor-info-text-1 .vendor-info li {
            margin: 2px 0 0 0;
        }

        .vendor-info-text-1 .vendor-info label {
            display: inline-block;
            padding-right: 0;
            color: var(--black-color);
            font-size: 14px;
            font-weight: 500;
        }

        .vendor-info-text-1 .vendor-info .detail {
            font-size: 14px;
            font-weight: 400;
            color: var(--black-color);
            font-family: 'IRANSansX', sans-serif;
        }

    .vendor-info-text-1 .store-phone a {
        font-size: 14px;
        font-weight: 400;
        color: var(--black-color);
        font-family: 'IRANSansX', sans-serif;
    }

        .vendor-info-text-1 .store-phone a:hover {
            color: var(--black-color);
        }

    .vendor-info-text-1 .graybox {
        margin: 0 0 8px 10px;
        padding: 10px 22px;
        background-color: var(--dark-white-color);
        border-radius: 10px;
    }

        .vendor-info-text-1 .graybox .title {
            font-size: 24px;
            font-weight: 700;
            color: var(--black-color);
        }

        .vendor-info-text-1 .graybox .sub-desc {
            font-size: 14px;
            font-weight: 400;
            color: var(--black-color);
            font-family: 'IRANSansX', sans-serif;
        }

    .vendor-info-text-1 .btn-box {
        margin: 2px 0 0 10px;
        padding: 0;
    }

.vendor-info-text1-1 {
    padding: 0;
    margin: 0;
    color: var(--dark-color-2);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: 'IRANSansX', sans-serif;
}

.ratings-wrapper-1 {
    margin: 0;
    padding: 0 48px 0 0;
}

    .ratings-wrapper-1 .avg-rating-container {
        display: flex;
        align-items: center;
        margin-bottom: 4px;
    }

    .ratings-wrapper-1 .avg-mark {
        font-size: 72px;
        font-weight: 900;
        color: var(--blue-color);
        letter-spacing: 0;
        line-height: 1;
        margin-bottom: 0;
    }

    .ratings-wrapper-1 .avg-rating {
        margin-left: 22px;
    }

        .ratings-wrapper-1 .avg-rating p {
            font-size: 18px;
            line-height: normal;
            font-weight: 400;
            color: var(--black-color);
            font-family: 'IRANSansX', sans-serif;
        }

        .ratings-wrapper-1 .avg-rating .ratings-container {
            display: flex;
            align-items: center;
            line-height: normal;
            margin-top: 5px;
            margin-bottom: 0;
        }

        .ratings-wrapper-1 .avg-rating .ratings-full {
            cursor: pointer;
            margin-right: 12px;
            font-size: 14px;
            font-weight: 900;
            color: var(--yellow-color);
        }

    .ratings-wrapper-1 .ratings-full, .ratings {
        position: relative;
        letter-spacing: normal;
        cursor: pointer;
        margin-right: 0;
        font-size: 14px;
        font-weight: 900;
        color: var(--yellow-color);
    }

        .ratings-wrapper-1 .ratings-full .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .ratings-wrapper-1 .rating-reviews {
        margin: 0;
        font-size: 16px;
        color: var(--gray-color-14);
        font-weight: 400;
        font-family: 'IRANSansX', sans-serif;
    }

    .ratings-wrapper-1 .ratings-value {
        margin-bottom: 18px;
        font-size: 18px;
        font-weight: 400;
        color: var(--black-color);
        font-family: 'IRANSansX', sans-serif;
    }

        .ratings-wrapper-1 .ratings-value span:first-child {
            margin-right: 30px;
            font-size: 30px;
            font-weight: 700;
            color: var(--black-color);
        }

        .ratings-wrapper-1 .ratings-value .count {
            margin-left: 9px;
            font-size: 16px;
            color: var(--gray-color-14);
            font-weight: 400;
            font-family: 'IRANSansX', sans-serif;
        }

    .ratings-wrapper-1 .ratings-list .ratings-container {
        margin-bottom: 7px;
        display: flex;
        align-items: center;
    }

    .ratings-wrapper-1 .ratings-list .progress-bar {
        max-width: 290px;
        margin-left: 24px;
        margin-bottom: 0;
        border-radius: 5px;
    }

    .ratings-wrapper-1 .progress-bar.progress-bar-sm {
        height: 10px;
    }

    .ratings-wrapper-1 .progress-bar {
        background-color: var(--gray-color-18);
        margin-bottom: 1rem;
        height: 1rem;
        width: 100%;
    }

    .ratings-wrapper-1 .ratings-list .progress-bar span {
        border-radius: 5px;
    }

    .ratings-wrapper-1 .progress-bar .green-220 {
        display: block;
        height: 100%;
        background-color: var(--green-color);
        width: 220px;
    }

    .ratings-wrapper-1 .progress-bar .green-120 {
        display: block;
        height: 100%;
        background-color: var(--green-color);
        width: 120px;
    }

    .ratings-wrapper-1 .progress-bar .green-150 {
        display: block;
        height: 100%;
        background-color: var(--green-color);
        width: 150px;
    }

    .ratings-wrapper-1 .progress-bar .yellow-70 {
        display: block;
        height: 100%;
        background-color: var(--yellow-color);
        width: 70px;
    }

    .ratings-wrapper-1 .progress-bar .red-30 {
        display: block;
        height: 100%;
        background-color: var(--red-color-5);
        width: 30px;
    }

    .ratings-wrapper-1 .ratings-list .progress-value {
        margin-left: 27px;
        min-width: 32px;
    }

        .ratings-wrapper-1 .ratings-list .progress-value mark {
            font-size: 16px;
            color: var(--black-color);
            font-weight: 600;
            font-family: 'IRANSansX', sans-serif;
        }

    .ratings-wrapper-1 .progress-value mark {
        background: transparent;
    }

.review-form-wrapper-1 {
    margin: 0;
    padding: 0 24px;
    direction: rtl;
}

    .review-form-wrapper-1 .title {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        align-items: center;
        text-align: center;
        margin-bottom: 5px;
        font-size: 18px;
        font-weight: 700;
        line-height: normal;
        color: var(--dark-color-2);
    }

    .review-form-wrapper-1 p {
        font-size: 14px;
        color: var(--dark-color-2);
        font-weight: 400;
    }

    .review-form-wrapper-1 .review-form {
        padding-top: 23px;
    }

    .review-form-wrapper-1 .rating-form {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 28px;
    }

        .review-form-wrapper-1 .rating-form label {
            font-size: 14px;
            color: var(--dark-color-2);
            font-weight: 400;
            font-family: 'IRANSansX', sans-serif;
        }

    .review-form-wrapper-1 .rating-stars {
        position: relative;
        font-size: 12px;
        margin-left: 20px;
        color: var(--yellow-color);
        cursor: pointer;
    }

        .review-form-wrapper-1 .rating-stars .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .review-form-wrapper-1 .review-form .form-control {
        min-height: 46px;
        margin-bottom: 10px;
        font-size: 15px;
        border-color: var(--white-color);
        color: var(--white-color-1);
        font-weight: 600;
        padding: 10px 20px;
        border-radius: 0px;
        font-family: 'IRANSansX', sans-serif;
        outline: none;
        box-shadow: none;
        border: none;
    }

    .review-form-wrapper-1 .review-form textarea {
        height: 146px;
    }

    .review-form-wrapper-1 .form-group {
        margin: 6px 0 26px 0;
        font-size: 15px;
        font-weight: 600;
        color: var(--black-color);
        font-family: 'IRANSansX', sans-serif;
        line-height: normal;
        display: inline-block;
    }

    .review-form-wrapper-1 .custom-checkbox {
        position: absolute;
        opacity: 0;
        z-index: 1;
        width: 18px;
        height: 18px;
        cursor: pointer;
    }

        .review-form-wrapper-1 .custom-checkbox + label {
            display: inline-block;
            position: relative;
            padding-left: 26px;
            cursor: pointer;
        }

    .review-form-wrapper-1 .form-group .custom-checkbox + label::before {
        top: 0;
        transform: none;
        margin-top: 0.2rem;
    }

    .review-form-wrapper-1 .custom-checkbox + label::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 18px;
        height: 18px;
        line-height: 15px;
        border: 1px solid var(--blue-color);
        border-radius: 2px;
    }

    .review-form-wrapper-1 .custom-checkbox:checked + label::before, .custom-checkbox.checked + label::before {
        content: "\f00c";
        border-color: var(--blue-color);
        background: var(--blue-color);
        color: var(--white-color);
        font-size: 12px;
        font-style: normal;
        text-align: center;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }

.comments-1 {
    margin: 0;
    padding: 0 0 0 48px;
    direction: rtl;
}

    .comments-1 .comment {
        position: relative;
        padding: 0 42px 0 0;
    }

        .comments-1 .comment:last-child {
            padding-bottom: 0;
        }

    .comments-1 .comment-body {
        display: flex;
    }

    .comments-1 .comment-avatar {
        flex: 0 0 56px;
        max-width: 56px;
        margin-right: 19px;
        height: 56px;
        overflow: hidden;
        border-radius: 100%;
    }

    .comments-1 .comment-author {
        margin: 3px 0 0 0;
        font-size: 20px;
        color: var(--black-color);
        line-height: normal;
        font-weight: 700;
    }

        .comments-1 .comment-author a {
            margin-left: 10px;
            color: inherit;
        }

    .comments-1 .comment-date {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: normal;
        color: var(--gray-color-14);
        font-family: 'IRANSansX', sans-serif;
    }

    .comments-1 .ratings-container.comment-rating {
        margin-bottom: 13px;
        margin-top: 9px;
    }

    .comments-1 .ratings-container {
        display: flex;
        align-items: center;
        line-height: normal;
    }

    .comments-1 .ratings-full {
        position: relative;
        letter-spacing: normal;
        cursor: pointer;
        margin-right: 0;
        font-size: 14px;
        font-weight: 900;
        color: var(--yellow-color);
    }

        .comments-1 .ratings-full .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .comments-1 .ratings-full, .ratings {
        position: relative;
        letter-spacing: normal;
    }

    .comments-1 .comment-body .comment-content p {
        margin-bottom: 15px;
        line-height: 24px;
        font-size: 15px;
        font-weight: 400;
        color: var(--dark-color-2);
    }

    .comments-1 .review-image {
        display: flex;
        align-items: center;
    }

        .comments-1 .review-image figure {
            max-width: 60px;
            margin-top: 0;
            margin-right: 0;
            border-radius: 2px;
            overflow: hidden;
            height: 60px;
        }

    .comments-1 .comment-action .btn-helpful {
        background: none;
        border: none;
        outline: none;
        box-shadow: none;
        color: var(--blue-color);
        font-weight: 400;
        font-size: 15px;
        margin: 0 30px 0 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

        .comments-1 .comment-action .btn-helpful i {
            font-size: 12px;
            color: var(--blue-color);
            margin: 0 9px 0 0;
        }

    .comments-1 .comment-action .btn-report-abuse {
        background: none;
        border: none;
        outline: none;
        box-shadow: none;
        color: var(--dark-color-2);
        font-weight: 400;
        font-size: 15px;
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

        .comments-1 .comment-action .btn-report-abuse i {
            font-size: 12px;
            color: var(--dark-color-2);
            margin: 0 9px 0 0;
        }

/*------------------------------ Single Product v1 Page Related Products CSS --------------------------------*/
.related_products {
    flex: 0 0 auto;
    width: 20%;
    margin-bottom: 24px;
}

/*------------------------------ Single Product v1 Page Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .custom-tab-nav-1-lr-padding {
        padding: 0 248px;
    }

    .vendor-info-text-1 .graybox {
        padding: 10px 10px;
    }

    .common-btn2-hover-small-two-padding {
        padding: 14px 10px;
    }
}

@media (max-width: 1499.98px) {
    .custom-tab-nav-1-lr-padding {
        padding: 0 198px;
    }

    .vendor-info-text-1 {
        padding: 15px;
    }

        .vendor-info-text-1 .vendor-logo {
            margin-right: 14px;
        }

        .vendor-info-text-1 .ratings-full {
            margin-right: 6px;
            font-size: 11px;
        }

        .vendor-info-text-1 .rating-reviews {
            font-size: 14px;
        }

    .slider-thumbnail-1 {
        height: auto;
    }
}

@media (max-width: 1399.98px) {
    .custom-tab-nav-1-lr-padding {
        padding: 0 68px;
    }

    .description-img1-3 {
        height: 200px;
    }

    .description-img1-4 {
        height: 312px;
    }

    .description-img1-2 {
        height: 200px;
    }

    .video-1 .btn-play {
        width: 68px;
        height: 68px;
    }

    .ratings-wrapper-1 {
        padding: 0;
    }

    .review-form-wrapper-1 {
        padding: 0;
    }

    .comments-1 {
        padding: 0;
    }

    .vendor-info-text-1 {
        display: block !important;
    }

        .vendor-info-text-1 .graybox {
            margin: 0 5px 8px 0px;
            width: 48%;
            float: left;
        }

        .vendor-info-text-1 .btn-box {
            margin: 2px 0 0 0;
        }

    .common-btn2-hover-small-2 {
        font-size: 14px;
        padding: 13px 19px;
    }

    .common-btn2-hover-small-2-padding2 {
        padding: 18px 50px;
    }

    .common-btn2-hover-small-2-padding3 {
        padding: 18px 16px;
    }
}

@media (max-width: 1299.98px) {
    .single-product-v1-detail-slider-img-span {
        height: 640px;
    }

    .product-label-1 {
        font-size: 14px;
        padding: 6px 8px;
    }

    .product-zoomicon-1 {
        font-size: 15px;
    }

    .product-zoomicon-group-1 {
        bottom: 20px;
    }

    .single-product-v1-detail-slider-multiple-items .slick-prev {
        top: -21px !important;
    }

    .single-product-v1-detail-slider-multiple-items .slick-next {
        bottom: -8px;
    }

    .single-product-v1-detail-slider-thumbnail {
        padding: 10px 0;
        height: 110px !important;
    }

    .title-1 {
        font-size: 20px;
        margin: 0 0 10px 0;
    }

    .text-price-1 {
        font-size: 17px;
    }

        .text-price-1 del {
            font-size: 15px;
            padding: 0 5px 0 0;
        }

    .ratings-container-1 {
        margin: 10px 0 8px 0;
    }

    .ratings-full-1 .ratings-1 .fas {
        padding: 0;
    }

    .short-desc-1 p {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }

    .color-title-1 {
        font-size: 15px;
        margin: 0 0 0 30px;
    }

    .size-swatch-1 {
        margin: 20px 0;
    }

    .size-title-1 {
        font-size: 15px;
        margin: 0 0 0 30px;
    }

    .quantity-form-1 {
        margin: 20px 0;
    }

    .control-1 {
        height: 44px;
    }

    .infolinks-1 {
        margin: 10px 0 17px 0;
    }

    .info-list-1 {
        padding-bottom: 20px;
    }

    .sku-1 {
        font-size: 15px;
        line-height: 30px;
    }

        .sku-1 span {
            font-size: 14px;
        }

    .categories-1 {
        font-size: 15px;
        line-height: 30px;
    }

        .categories-1 span {
            font-size: 14px;
        }

    .tags-1 {
        font-size: 15px;
        line-height: 30px;
    }

        .tags-1 span {
            font-size: 14px;
        }

    .share-1 {
        margin: 20px 0 0 0;
    }

    .share-title-1 {
        font-size: 15px;
        margin: 0 0 0 30px;
    }

    .social-button-1 {
        font-size: 14px;
        margin: 0 10px 0 0;
        width: 36px;
        height: 36px;
    }

    .common-btn2-hover-small-2-padding2 {
        padding: 15px 40px;
    }

    .common-btn2-hover-small-2-padding3 {
        padding: 15px 5px;
    }

    .custom-tab-nav-1 .nav-link {
        font-size: 16px;
        padding: 0 12px 4px 12px;
    }

    .custom-tab-nav-1 .nav-item {
        padding: 0px 22px;
    }

    .custom-tab-content-1 {
        margin: 25px 0 0 0;
    }

    .description-text1-1 {
        margin: 0 0 26px 0;
        font-size: 14px;
        line-height: 24px;
    }

    .description-point-1 .point-1 {
        padding-left: 23px;
        font-size: 14px;
        margin: 0 0 12px 0;
    }

    .video-1 .btn-play {
        width: 58px;
        height: 58px;
    }

        .video-1 .btn-play .play-icon {
            height: 20px;
        }

    .description-img1-4 {
        margin: 29px 0 0 0;
    }

    .description-text1-2:first-child {
        margin-top: 22px;
    }

    .description-text1-2 {
        margin: 0 0 18px 0;
        font-size: 14px;
        line-height: 24px;
    }

    .information-table-1 .table th {
        font-size: 14px;
        padding: 10px 14px;
    }

    .information-table-1 .table td {
        font-size: 14px;
        padding: 10px 14px;
    }

    .size-chart-table-1 .table th {
        font-size: 14px;
        padding: 7px 10px;
    }

    .size-chart-table-1 .table td {
        font-size: 14px;
        padding: 7px 10px;
    }

    .vendor-info-text1-1 {
        font-size: 14px;
        line-height: 24px;
    }

    .vendor-info-text-1 .vendor-logo {
        margin-right: 10px;
        max-width: 60px;
        height: 60px;
    }

    .vendor-info-text-1 .vendor-name {
        font-size: 16px;
    }

    .vendor-info-text-1 .graybox .title {
        font-size: 18px;
    }

    .vendor-info-text-1 .graybox {
        padding: 6px 6px;
        width: 47%;
    }

    .ratings-wrapper-1 .avg-mark {
        font-size: 60px;
    }

    .ratings-wrapper-1 .avg-rating {
        margin-left: 16px;
    }

        .ratings-wrapper-1 .avg-rating p {
            font-size: 15px;
        }

        .ratings-wrapper-1 .avg-rating .ratings-full {
            margin-right: 10px;
            font-size: 12px;
        }

    .ratings-wrapper-1 .rating-reviews {
        font-size: 14px;
    }

    .ratings-wrapper-1 .ratings-value {
        font-size: 14px;
        margin-bottom: 10px;
    }

        .ratings-wrapper-1 .ratings-value span:first-child {
            margin-right: 20px;
            font-size: 20px;
        }

        .ratings-wrapper-1 .ratings-value .count {
            font-size: 14px;
        }

    .ratings-wrapper-1 .ratings-full, .ratings {
        font-size: 12px;
    }

    .ratings-wrapper-1 .ratings-list .progress-value mark {
        font-size: 14px;
    }

    .review-form-wrapper-1 .title {
        font-size: 16px;
    }

    .review-form-wrapper-1 .review-form {
        padding-top: 13px;
    }

    .review-form-wrapper-1 .rating-form {
        margin-bottom: 18px;
    }

    .review-form-wrapper-1 .review-form .form-control {
        min-height: 40px;
        margin-bottom: 10px;
        font-size: 14px;
        padding: 8px 16px;
    }

    .review-form-wrapper-1 .review-form textarea {
        height: 140px;
    }

    .review-form-wrapper-1 .form-group {
        margin: 3px 0 16px 0;
        font-size: 14px;
    }

    .review-form-wrapper-1 .custom-checkbox {
        height: 16px;
        width: 16px;
    }

        .review-form-wrapper-1 .custom-checkbox:checked + label::before, .custom-checkbox.checked + label::before {
            font-size: 10px;
        }

    .common-btn2-hover-small-arrow {
        font-size: 15px;
    }

    .comments-1 .comment-avatar {
        flex: 0 0 50px;
        max-width: 50px;
        margin-left: 15px;
        height: 50px;
    }

    .comments-1 .comment-author {
        font-size: 16px;
    }

    .comments-1 .comment-date {
        font-size: 14px;
    }

    .comments-1 .ratings-full {
        font-size: 12px;
    }

    .comments-1 .ratings-container.comment-rating {
        margin-bottom: 10px;
        margin-top: 7px;
    }

    .comments-1 .comment-body .comment-content p {
        margin-bottom: 12px;
        line-height: 22px;
        font-size: 14px;
    }

    .comments-1 .review-image figure {
        max-width: 50px;
        height: 50px;
    }

    .comments-1 .comment-action .btn-helpful {
        font-size: 14px;
        margin: 0 20px 0 0;
    }

    .comments-1 .comment-action .btn-report-abuse {
        font-size: 14px;
    }
}

@media (max-width: 1199.98px) {
    .custom-tab-nav-1-lr-padding {
        padding: 0;
    }

    .related_products {
        width: 33.33%;
    }
}

@media (max-width: 991.98px) {
    .single-product-v1-detail-slider-thumbnail {
        padding: 6px 0;
        height: 90px !important;
        width: 85px !important;
    }

    .product-zoomicon-group-1 {
        bottom: 10px;
        right: 10px;
    }

    .slider-thumbnail-1 {
        max-width: 100px;
        flex-basis: 100px;
    }

    .single-product-v1-detail {
        padding: 0;
    }

    .custom-tab-nav-1 .nav-item {
        padding: 0px 10px;
    }

    .common-btn2-hover-small-2-padding2 {
        padding: 15px 30px;
    }

    .description-img1-3 {
        height: 150px;
    }

    .description-img1-2 {
        height: 150px;
    }

    .description-img1-4 {
        height: 200px;
    }

    .single-product-v1-related-products .md-margin-bottom {
        margin-bottom: 24px;
    }

    .description-img1-2 {
        height: 250px;
    }

    .description-img1-3 {
        height: 250px;
    }

    .description-img1-4 {
        height: 400px;
    }

    .description-point-1 .point-1:last-child {
        margin: 0 0 26px 0;
    }

    .vendor-info-left-part-1 {
        width: 60%;
    }

    .vendor-info-right-part-1 {
        width: 100%;
    }

    .vendor-info-text-1 {
        display: flex !important;
    }

        .vendor-info-text-1 .graybox {
            padding: 6px 6px;
            width: auto;
            display: block;
            float: none;
            margin: 0 0px 8px 25px;
            border-radius: 5px;
        }

        .vendor-info-text-1 .btn-box {
            margin: 2px 0 0 25px;
        }

    .vendor-info-text1-1 {
        margin: 26px 0 0 0;
    }

    .review-form-wrapper-1 {
        margin: 26px 0;
    }

    .single-product-v1-detail {
        padding: 24px 0 0 0;
    }
}

@media (max-width: 767.98px) {
    .single-product-v1-detail-slider-img-span {
        height: 624px;
    }

    .single-product-v1-detail-slider-thumbnail {
        height: 86px !important;
    }

    .color-title-1 {
        margin: 0 0 0 10px;
    }

    .size-title-1 {
        margin: 0 10px 0 0;
    }

    .share-title-1 {
        margin: 0 10px 0 0;
    }

    .common-btn2-hover-small-2-responsive {
        display: inline-block;
    }

    .info-list-1 {
        padding-bottom: 10px;
    }

    .share-1 {
        margin: 10px 0 0 0;
    }

    .custom-tab-nav-1 .nav-item {
        padding: 0 0 10px 0;
        flex-basis: 50%;
        max-width: 100%;
    }

    .custom-tab-nav-1 .nav-link {
        padding: 15px 16px 4px 16px;
    }

    .vendor-info-text-1 .graybox .title {
        font-size: 16px;
    }

    .ratings-wrapper-1 .ratings-value span:first-child {
        margin-right: 15px;
        font-size: 17px;
    }

    .review-form-wrapper-1 .review-form {
        padding-top: 10px;
    }

    .ratings-wrapper-1 .avg-mark {
        font-size: 40px;
    }

    .description-img1-2 {
        height: 184px;
    }

    .description-img1-3 {
        height: 184px;
    }

    .description-img1-4 {
        height: 290px;
    }

    .vendor-info-left-part-1 {
        width: 80%;
    }

    .related_products {
        width: 50%;
    }
}

@media (max-width: 575.98px) {
    .common-btn2-hover-small-2-padding2 {
        padding: 10px 30px;
    }

    .common-btn2-hover-small-2 {
        padding: 14px 20px;
    }

    .vendor-info-text-1 {
        display: block !important;
        padding: 10px;
    }

        .vendor-info-text-1 .graybox {
            margin: 0 0px 8px 0px;
            padding: 5px;
        }

        .vendor-info-text-1 .btn-box {
            margin: 2px 0 0 0px;
        }
}

@media (max-width: 480.98px) {
    .single-product-v1-detail-slider-img-span {
        height: 534px;
    }

    .custom-tab-nav-1 .nav-item {
        padding: 0px 2px;
    }

    .vendor-info-left-part-1 {
        width: 100%;
    }

    .description-img1-3 {
        height: 160px;
    }

    .description-img1-2 {
        height: 160px;
    }

    .description-img1-4 {
        height: 260px;
    }

    .add-to-wishlist-1, .add-to-delivery-returns-1, .add-to-enquiry-1 {
        width: 100%;
        display: block;
        margin: 0px;
    }

    .add-to-wishlist-1 {
        margin: 0;
    }

    .add-to-delivery-returns-1 {
        margin: 0;
    }

    .infolinks-1 {
        display: block !important;
    }
}

@media (max-width: 414.98px) {
    .related_products {
        width: 100%;
    }

    .single-product-v1-detail-slider-img-span {
        height: 435px;
    }

    .custom-tab-nav-1 .nav-item {
        padding: 0px 0px;
    }

    .vendor-info-text-1 .graybox {
        margin: 0 0px 8px 0px;
    }

    .vendor-info-text-1 .btn-box {
        margin: 2px 0 0 0px;
    }

    .vendor-info-text1-1 {
        margin: 20px 0 0 0;
    }
}

@media (max-width: 375.98px) {
    .color-1 {
        margin-right: 8px;
    }

    .social-button-1 {
        width: 35px;
        height: 35px;
        margin: 0 5px 0 0;
    }

    .single-product-v1-detail-slider-img-span {
        height: 380px;
    }

    .single-product-v1-detail-slider-thumbnail {
        height: 80px !important;
    }

    .description-img1-3 {
        height: 120px;
    }

    .description-img1-2 {
        height: 120px;
    }

    .description-img1-4 {
        height: 200px;
    }

    .vendor-info-text-1 {
        display: block !important;
        padding: 10px;
    }

        .vendor-info-text-1 .graybox {
            margin: 0 0px 8px 0px;
            padding: 5px;
        }

        .vendor-info-text-1 .btn-box {
            margin: 2px 0 0 0px;
        }
}

@media (max-width: 360.98px) {
    .single-product-v1-detail-slider-img-span {
        height: 354px;
    }

    .single-product-v1-detail-slider-thumbnail {
        height: 76px !important;
    }
}

@media (max-width: 320.98px) {
    .add-to-delivery-returns-1 {
        margin: 0;
    }

    .single-product-v1-detail-slider-img-span {
        height: 300px;
    }

    .single-product-v1-detail-slider-thumbnail {
        height: 66px !important;
    }

    .review-form-wrapper-1 .rating-stars {
        margin-left: 10px;
    }

    .comments-1 .comment-date {
        display: block;
    }
}
/*=========================================== Single Product v1 Page End CSS ===========================================*/

/*=========================================== Single Product v2 Page Start CSS ===========================================*/
/*------------------------------ Single Product v2 Page Slider CSS --------------------------------*/
.single-product-v2-detail-slider .slick-slide.slick-current {
    opacity: 1;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.single-product-v2-detail-slider .slick-slide {
    opacity: 0.5;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.single-product-v2-detail-slider .slide {
    height: 700px;
    overflow: hidden;
}

.single-product-v2-detail-slider .slick-slide > a[data-fancybox] {
    pointer-events: none;
}

.single-product-v2-detail-slider .slick-slide.slick-current > a[data-fancybox] {
    pointer-events: all
}

.single-product-v2-slicknavbtnprev {
    cursor: pointer;
    bottom: 50%;
    position: absolute;
    left: 20px;
    background-color: var(--white-color);
    border-radius: 100%;
    width: 54px;
    height: 54px;
    padding: 13px;
}

    .single-product-v2-slicknavbtnprev img {
        max-width: 27px;
    }

.single-product-v2-slicknavbtnnext {
    cursor: pointer;
    bottom: 50%;
    position: absolute;
    right: 20px;
    background-color: var(--white-color);
    border-radius: 100%;
    width: 54px;
    height: 54px;
    padding: 13px;
}

    .single-product-v2-slicknavbtnnext img {
        max-width: 27px;
    }

/*------------------------------ Single Product v2 Page Product Detail Two Part CSS --------------------------------*/
.single-product-v2-detail {
    margin: -180px 0 0 0;
    padding: 0 48px 0 48px;
    position: relative;
}

.left-part-2 {
    padding: 50px;
    background-color: var(--white-color);
    box-shadow: 0 30px 30px rgba(0,0,0,0.10);
    display: block;
    margin-right: 13px;
    height: 100%;
}

.right-part-2 {
    padding: 50px;
    background-color: var(--white-color);
    box-shadow: 0 30px 30px rgba(0,0,0,0.10);
    display: block;
    margin-left: 13px;
    height: 100%;
}

.single-product-v2-detail-padding {
    padding: 0 12px;
}

.custom-tab-nav-2 {
    border: none !important;
}

    .custom-tab-nav-2 .nav-item {
        margin-left: 0 !important;
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 0;
        padding: 0px;
    }

    .custom-tab-nav-2 .nav-link.active, .show > .nav-link {
        color: var(--blue-color);
        font-weight: 500 !important;
        border-top: 3px solid var(--blue-color) !important;
        border-bottom: none !important;
        background-color: var(--white-color) !important;
    }

    .custom-tab-nav-2 .nav-item:hover .nav-link {
        border-bottom: none !important;
    }

    .custom-tab-nav-2 .nav-link.active::before {
        display: none !important;
    }

    .custom-tab-nav-2 .nav-link {
        padding: 10px !important;
        color: var(--dark-color-2);
        font-size: 19px !important;
        border-top: 3px solid transparent !important;
        background-color: var(--gray-color-19) !important;
        width: 100%;
    }

.description-img-2-3 {
    height: 280px !important;
}

.description-text2-1 {
    margin-top: 40px !important;
}
/* .information-table-2 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--gray-color-19); } */
.information-table-2 .table-striped th {
    vertical-align: middle;
}

.size-chart-table-2 .table td {
    padding: 11px 8px !important;
}

.vendor-info-left-part-2 {
    width: 100% !important;
    margin-bottom: 30px;
}

.vendor-info-right-part-2 {
    width: 100% !important;
}

.vendor-info-text-2 {
    float: left;
}

.single-product-vendor-info-2-1 {
    float: left;
}

.single-product-vendor-info-2 {
    float: right;
}

.ratings-wrapper-2 {
    padding: 0 40px 0 0 !important;
}

.review-form-wrapper-2 {
    padding: 0 0 0 34px !important;
}

    .review-form-wrapper-2 .review-form .form-control {
        border: 2px solid var(--gray-color-4) !important;
    }

    .review-form-wrapper-2 .review-form textarea {
        height: 100px !important;
    }

.comments-2 {
    padding: 50px 0 0 0 !important;
    margin-top: 50px !important;
    border-top: 1px solid var(--gray-color-18);
}

/*------------------------------ Single Product v2 Page Responsive CSS --------------------------------*/
@media (max-width: 1999.98px) {
    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-220 {
        width: 130px !important;
    }

    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-120 {
        width: 100px !important;
    }

    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-150 {
        width: 125px !important;
    }

    .custom-tab-content-2 .ratings-wrapper .progress-bar .yellow-70 {
        width: 60px !important;
    }

    .custom-tab-content-2 .ratings-wrapper .progress-bar .red-30 {
        width: 20px !important;
    }
}

@media (max-width: 1899.98px) {
    .ratings-wrapper-2 {
        padding: 0 21px 0 0 !important;
    }

    .review-form-wrapper-2 {
        padding: 0 0 0 22px !important;
    }

    .description-img-2-3 {
        height: 260px !important;
    }
}

@media (max-width: 1799.98px) {
    .ratings-wrapper-2 {
        padding: 0 !important;
    }

    .review-form-wrapper-2 {
        padding: 0 !important;
    }

    .custom-tab-content-2 .ratings-wrapper .avg-mark {
        font-size: 69px !important;
    }

    .description-img-2-3 {
        height: 240px !important;
    }
}

@media (max-width: 1699.98px) {
    .review-form-wrapper-2 {
        padding: 30px 0 0 0 !important;
    }

    .single-product-v2-detail .single-product-v2-responsive {
        width: 100%;
    }

    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-220 {
        width: 220px !important;
    }

    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-120 {
        width: 120px !important;
    }

    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-150 {
        width: 150px !important;
    }

    .custom-tab-content-2 .ratings-wrapper .progress-bar .yellow-70 {
        width: 70px !important;
    }

    .custom-tab-content-2 .ratings-wrapper .progress-bar .red-30 {
        width: 30px !important;
    }

    .single-product-v2-detail .single-product-responsive-width {
        width: 50%;
    }

    .description-img-2-3 {
        height: 220px !important;
    }
}

@media (max-width: 1599.98px) {
    .custom-tab-nav-2 .nav-link {
        padding: 10px 6px !important;
    }
}

@media (max-width: 1499.98px) {
    .single-product-v2-detail {
        padding: 0 34px 0 34px;
    }

    .left-part-2 {
        padding: 30px;
        margin-right: 0;
    }

    .right-part-2 {
        padding: 30px;
        margin-left: 0;
    }
}

@media (max-width: 1399.98px) {
    .custom-tab-nav-2 .nav-link {
        padding: 10px 3px !important;
    }

    .single-product-v2-detail-slider .slide {
        height: 650px;
    }

    .description-img-2-3 {
        height: 390px !important;
        margin: 30px 0 0 0 !important;
    }

    .size-chart-table-2 .table td {
        padding: 11px 7px !important;
        font-size: 16px !important;
    }

    .size-chart-table-2 .table td {
        padding: 11px 7px !important;
        font-size: 16px !important;
    }

    .vendor-info-left-part-2 .graybox {
        margin: 0 0 8px 10px;
        width: unset;
        float: unset;
    }

    .vendor-info-left-part-2 .btn-box {
        margin: 2px 0 0 10px;
    }
}

@media (max-width: 1299.98px) {
    .single-product-v2-detail-slider .slide {
        height: 600px;
    }

    .single-product-v2-slicknavbtnprev {
        width: 44px;
        height: 44px;
        padding: 9px;
    }

        .single-product-v2-slicknavbtnprev img {
            max-width: 24px;
        }

    .single-product-v2-slicknavbtnnext {
        width: 44px;
        height: 44px;
        padding: 9px;
    }

        .single-product-v2-slicknavbtnnext img {
            max-width: 24px;
        }

    .description-img-2-3 {
        height: 360px !important;
        margin: 26px 0 0 0 !important;
    }

    .custom-tab-nav-2 .nav-link {
        font-size: 16px !important;
        padding: 8px 3px !important;
    }

    .description-text2-1 {
        margin-top: 26px !important;
    }

    .size-chart-table-2 .table td {
        padding: 7px 7px !important;
        font-size: 14px !important;
    }

    .review-form-wrapper-2 {
        padding: 26px 0 0 0 !important;
    }

    .comments-2 {
        padding: 26px 0 0 0 !important;
        margin-top: 26px !important;
    }

    .vendor-info-left-part-2 {
        margin-bottom: 26px !important;
    }

    .custom-tab-content-2 .vendor-info-text {
        display: flex !important;
    }

        .custom-tab-content-2 .vendor-info-text .graybox {
            margin: 0 0px 8px 10px !important;
            width: unset !important;
            display: block !important;
            float: none !important;
        }

        .custom-tab-content-2 .vendor-info-text .btn-box {
            margin: 2px 0 0 10px !important;
        }

    .custom-tab-content-2 .ratings-wrapper .avg-mark {
        font-size: 60px !important;
    }
}

@media (max-width: 1199.98px) {
    .custom-tab-nav-2 .nav-item {
        flex-basis: 50%;
        max-width: 100%;
    }

    .add-to-wishlist-1, .add-to-delivery-returns-1, .add-to-enquiry-1 {
        margin: 0 20px 0 0;
    }

    .add-to-enquiry-1 {
        margin: 0;
    }
}

@media (max-width: 1024.98px) {
    .single-product-v2-detail-slider .slide {
        height: 510px;
    }

    .single-product-v2-detail {
        padding: 0 22px
    }

    .left-part-2 {
        padding: 20px;
    }

    .right-part-2 {
        padding: 20px;
    }

    .add-to-wishlist-1, .add-to-delivery-returns-1, .add-to-enquiry-1 {
        margin: 0 20px 12px 0;
    }

    .add-to-enquiry-1 {
        margin: 0;
    }

    .description-img-2-3 {
        height: 320px !important;
    }
}

@media (max-width: 992.98px) {
    .single-product-v2-detail-slider .slide {
        height: 496px;
    }

    .single-product-v2-detail .infolinks .add-to-wishlist, .add-to-delivery-returns, .add-to-enquiry {
        margin: 0 25px 0 0 !important;
    }

    .description-img-2-3 {
        height: 308px !important;
    }
}

@media (max-width: 991.98px) {
    .vendor-info-text-2 {
        float: left;
        display: block !important;
    }

    .single-product-vendor-info-2-1 {
        float: left;
        width: 100%;
    }

    .vendor-info-left-part-2 .graybox {
        margin: 0 0 8px 0px;
    }

    .vendor-info-left-part-2 .btn-box {
        margin: 2px 0 0 0px;
    }

    .single-product-vendor-info-2 {
        float: left;
        width: 100%;
    }

    .custom-tab-content-2 .vendor-info-text1 {
        margin: 0 !important;
    }

    .add-to-enquiry-1 {
        margin: 0;
    }
}

@media (max-width: 800.98px) {
    .fullwidth-responsive {
        width: 100%;
    }

    .single-product-v2-detail-slider .slide {
        height: 400px;
    }

    .single-product-v2-detail {
        margin: -120px 0 0 0;
    }

    .single-product-v2-detail-padding {
        margin-bottom: 26px;
    }

    .description-img-2-3 {
        height: 500px !important;
        margin: 0 !important;
    }
}

@media (max-width: 768.98px) {
    .single-product-v2-detail-slider .slide {
        height: 384px;
    }

    .single-product-v2-slicknavbtnprev {
        width: 34px;
        height: 34px;
        padding: 4px;
    }

    .single-product-v2-slicknavbtnnext {
        width: 34px;
        height: 34px;
        padding: 4px;
    }

    .single-product-v2-detail .description-text1 {
        margin: 0 0 20px 0 !important;
    }

    .single-product-v2-detail .description-point .point:last-child {
        margin: 0 0 20px 0 !important;
    }

    .description-text2-1 {
        margin-top: 20px !important;
    }

    .vendor-info-left-part-2 {
        margin-bottom: 20px !important;
    }

    .review-form-wrapper-2 {
        margin: 20px 0 !important;
        padding: 20px 0 0 0 !important;
    }

    .comments-2 {
        padding: 20px 0 0 0 !important;
        margin-top: 20px !important;
    }
}

@media (max-width: 767.98px) {
    .description-img-2-3 {
        height: 490px !important;
    }

    .custom-tab-content-2 .ratings-wrapper .avg-mark {
        font-size: 40px !important;
    }
}

@media (max-width: 600.98px) {
    .single-product-v2-detail-slider .slide {
        height: 300px;
    }

    .single-product-v2-slicknavbtnprev {
        padding: 4px 7px;
    }

        .single-product-v2-slicknavbtnprev img {
            max-width: 20px;
        }

    .single-product-v2-slicknavbtnnext {
        padding: 4px 7px;
    }

        .single-product-v2-slicknavbtnnext img {
            max-width: 20px;
        }

    .single-product-v2-detail {
        margin: -80px 0 0 0;
    }

    .description-img-2-3 {
        height: 360px !important;
    }
}

@media (max-width: 575.98px) {
    .single-product-v2-detail {
        padding: 0 10px;
    }
}

@media (max-width: 480.98px) {
    .single-product-v2-detail {
        margin: -60px 0 0 0;
    }

    .single-product-v2-detail-slider .slide {
        height: 240px;
    }

    .single-product-v2-slicknavbtnprev {
        width: 28px;
        height: 28px;
        padding: 1px 4px;
    }

    .single-product-v2-slicknavbtnnext {
        width: 28px;
        height: 28px;
        padding: 1px 4px;
    }

    .single-product-v2-detail {
        padding: 0;
    }

    .single-product-v2-detail-padding {
        margin-bottom: 12px;
    }

    .left-part-2 {
        padding: 15px;
    }

    .right-part-2 {
        padding: 15px;
    }

    .description-img-2-3 {
        height: 290px !important;
    }
}

@media (max-width: 414.98px) {
    .single-product-v2-detail .infolinks .add-to-wishlist, .add-to-delivery-returns, .add-to-enquiry {
        margin: 0 12px 0 0 !important;
    }

    .single-product-v2-detail .single-product-responsive-width {
        width: 100%;
    }

    .description-img-2-3 {
        height: 270px !important;
    }

    .custom-tab-content-2 .vendor-info-text {
        display: block !important;
    }

        .custom-tab-content-2 .vendor-info-text .graybox {
            margin: 5px 0px 8px 0 !important;
        }

        .custom-tab-content-2 .vendor-info-text .btn-box {
            margin: 2px 0 0 0 !important;
        }

    .review-form-wrapper-2 {
        margin: 10px 0 !important;
        padding: 10px 0 0 0 !important;
    }

    .comments-2 {
        padding: 10px 0 0 0 !important;
        margin-top: 10px !important;
    }
}

@media (max-width: 375.98px) {
    .single-product-v2-detail-slider .slide {
        height: 190px;
    }

    .single-product-v2-detail {
        margin: -30px 0 0 0;
    }

        .single-product-v2-detail .infolinks {
            display: block !important;
        }

            .single-product-v2-detail .infolinks .add-to-wishlist, .add-to-delivery-returns, .add-to-enquiry {
                margin: 0 0 10px 0 !important;
                width: 100% !important;
                display: block;
            }

    .description-img-2-3 {
        height: 240px !important;
    }

    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-220 {
        width: 100px !important;
    }

    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-120 {
        width: 60px !important;
    }

    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-150 {
        width: 80px !important;
    }

    .custom-tab-content-2 .ratings-wrapper .progress-bar .yellow-70 {
        width: 30px !important;
    }

    .custom-tab-content-2 .ratings-wrapper .progress-bar .red-30 {
        width: 10px !important;
    }

    .custom-tab-content-2 .comments .comment-date {
        display: block !important;
    }
}

@media (max-width: 360.98px) {
    .description-img-2-3 {
        height: 230px !important;
    }
}

@media (max-width: 320.98px) {
    .single-product-v2-detail .color-swatch .color {
        margin-right: 6px !important;
    }

    .left-part-2 {
        padding: 10px;
    }

    .right-part-2 {
        padding: 10px;
    }

    .single-product-v2-detail .share .social-icons .icon-facebook {
        margin: 0 4px 0 0 !important;
    }

    .single-product-v2-detail .share .social-icons .icon-twitter {
        margin: 0 4px 0 0 !important;
    }

    .single-product-v2-detail .share .social-icons .icon-instagram {
        margin: 0 4px 0 0 !important;
    }

    .single-product-v2-detail .share .social-icons .icon-pinterest {
        margin: 0 4px 0 0 !important;
    }

    .single-product-v2-detail .share .social-icons .icon-linkedin {
        margin: 0 4px 0 0 !important;
    }

    .description-img-2-3 {
        height: 200px !important;
    }
}
/*=========================================== Single Product v2 Page End CSS ===========================================*/

/*=========================================== Single Product v3 Page Start CSS ===========================================*/
/*------------------------------ Single Product v3 Page Detail CSS --------------------------------*/
.single-product-v3-detail-main {
    border-top: 1px solid var(--gray-color-3);
    border-bottom: 1px solid var(--gray-color-3);
    margin: -44px 0 0 0;
    padding: 0
}

.single-product-v3-detail-page-slider-main {
    border-left: 1px solid var(--gray-color-3);
    border-right: 1px solid var(--gray-color-3);
    margin: 0;
    padding: 30px 87px 10px 87px;
    position: relative;
}

.single-product-v3-slicknavholdercustom {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
}

    .single-product-v3-slicknavholdercustom .single-product-v3-slicknavbtnprev {
        cursor: pointer;
        position: absolute;
        left: 0;
    }

    .single-product-v3-slicknavholdercustom .single-product-v3-slicknavbtnnext {
        cursor: pointer;
        position: absolute;
        right: 0;
    }

.single-product-v3-slicknavholdercustom2 {
    position: absolute;
    bottom: 11%;
    left: 30px;
    right: 30px;
}

    .single-product-v3-slicknavholdercustom2 .single-product-v3-slicknavbtnprev {
        cursor: pointer;
        position: absolute;
        left: 0;
    }

    .single-product-v3-slicknavholdercustom2 .single-product-v3-slicknavbtnnext {
        cursor: pointer;
        position: absolute;
        right: 0;
    }

.single-product-v3-detail-page-slider-large .slider-img {
    height: 637px;
    width: 100%;
    overflow: hidden;
    margin: 0 0 30px 0;
}

    .single-product-v3-detail-page-slider-large .slider-img img {
        object-position: center;
    }

.single-product-v3-detail-page-slider-thumbnail {
    margin: 0 -5px;
}

    .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 134px;
        overflow: hidden;
        cursor: pointer;
        padding: 0 5px;
    }

        .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img img {
            object-position: center;
        }

    .single-product-v3-detail-page-slider-thumbnail .slick-slide.slick-current .slider-thumbnail-img img {
        opacity: 1;
        transition: all 0.3s;
    }

    .single-product-v3-detail-page-slider-thumbnail .slick-slide .slider-thumbnail-img img {
        opacity: 0.5;
        transition: all 0.3s;
    }

.single-product-v3-detail {
    padding: 0;
}

.title-3 {
    font-size: 36px;
    font-weight: 600;
    color: var(--black-color-6);
    margin: 68px 0 2px 0;
    padding: 0;
}

.price-3 .text-price-3 del {
    font-size: 20px;
    font-weight: 400;
    color: var(--black-color-6);
    opacity: 50%;
    margin: 0;
    padding: 0 20px 0 0;
    font-family: 'IRANSansX', sans-serif;
    display: inline-block;
}

.price-3 .text-price-3 {
    font-size: 32px;
    font-weight: 700;
    color: var(--blue-color);
    margin: 0;
    padding: 0;
    font-family: 'IRANSansX', sans-serif;
    display: inline-block;
}

.color-swatch-3 {
    margin: 30px 0 0 0;
    padding: 0;
}

.color-title-3 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 20px 0 0;
    padding: 0;
    display: inline-block;
}

.color-3.active::before {
    content: "";
    background-color: var(--white-color);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin: 11px;
}

.color-3 {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: none;
    margin-right: 10px;
    transition: box-shadow .35s ease;
    background-repeat: no-repeat;
    background-position: 50%;
}

    .color-3:last-of-type {
        margin-right: 0px;
    }

    .color-3 .tt-text {
        visibility: hidden;
        opacity: 0;
    }

.size-swatch-3 {
    margin: 30px 0;
    padding: 0;
}

.size-title-3 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 20px 0 0;
    padding: 0;
    display: inline-block;
}

.size-3 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    background-color: var(--light-white-color);
    width: 43px;
    height: 31px;
    border-radius: 15px;
    text-align: center;
    padding: 3px;
    margin: 0 10px 0 0;
    border: 1px solid var(--gray-color-3);
    font-family: 'IRANSansX', sans-serif;
}

    .size-3:last-of-type {
        margin-right: 0px;
    }

    .size-3.active {
        color: var(--white-color);
        background-color: var(--black-color-1);
        border: 1px solid var(--black-color-1);
    }

.info-list-3 {
    border-top: 1px solid var(--gray-color-3);
    padding-top: 22px;
}

.sku-3 {
    font-size: 17px;
    font-weight: 400;
    color: var(--dark-color-2);
    line-height: 28px;
    margin: 0;
    padding: 0;
}

    .sku-3 span {
        font-size: 17px;
        font-weight: 400;
        color: var(--dark-color-2);
        line-height: 28px;
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

.categories-3 {
    font-size: 17px;
    font-weight: 400;
    color: var(--dark-color-2);
    line-height: 28px;
    margin: 0;
    padding: 0;
}

    .categories-3 span {
        font-size: 17px;
        font-weight: 400;
        color: var(--dark-color-2);
        line-height: 28px;
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

        .categories-3 span a {
            color: var(--dark-color-2);
        }

.tags-3 {
    font-size: 17px;
    font-weight: 400;
    color: var(--dark-color-2);
    line-height: 28px;
    margin: 0;
    padding: 0;
}

    .tags-3 span {
        font-size: 17px;
        font-weight: 400;
        color: var(--dark-color-2);
        line-height: 28px;
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

        .tags-3 span a {
            color: var(--dark-color-2);
        }

.quantity-form-3 {
    margin: 26px 0 30px 0;
    padding: 0;
    border-bottom: 1px solid var(--gray-color-3);
    padding-bottom: 23px;
}

.control-3 {
    display: flex;
    width: 90px;
    height: 53px;
    border: 1px solid var(--gray-color-3);
    margin: 0 10px 0 0;
    padding: 0;
    background-color: var(--light-white-color);
}

    .control-3 .bttn-left {
        border-radius: 0px;
    }

    .control-3 .input {
        width: calc(100px * 0.5);
        padding: 0;
        margin: 0;
        text-align: center;
        border: none;
        color: var(--black-color-6);
        font-size: 15px;
        font-weight: 400;
        outline: none;
        box-shadow: none;
    }

    .control-3 a.bttn {
        color: var(--black-color);
        text-decoration: none;
    }

    .control-3 a.bttn,
    .control-3 .bttn {
        width: calc(100px * 0.5);
        padding: 0;
        text-align: center;
        border: none;
        outline: none;
        box-shadow: none;
        background-color: var(--white-color);
        font-size: 18px;
        color: var(--black-color-6);
    }

        .control-3 a.bttn span,
        .control-3 .bttn span {
            margin: auto !important;
        }

    .control-3 .bttn-right {
        border-radius: 0px;
    }

    .control-3 input[type="number"]::-webkit-inner-spin-button,
    .control-3 input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .control-3 input::-webkit-outer-spin-button,
    .control-3 input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .control-3 input[type=number] {
        -moz-appearance: textfield;
    }

.infolinks-3 {
    margin: 0 0 30px 0;
    padding: 0;
}

.add-to-wishlist-3,
.add-to-delivery-returns-3,
.add-to-enquiry-3 {
    padding: 0 22px 0 0;
    margin: 0 21px 0 0;
    border-right: 1px solid var(--gray-color-3);
}

.add-to-enquiry-3 {
    padding: 0;
    margin: 0;
    border: none;
}

    .add-to-wishlist-3 i,
    .add-to-delivery-returns-3 i,
    .add-to-enquiry-3 i {
        font-size: 18px;
        color: var(--black-color-6);
        margin: 0 0 4px 0;
        padding: 0;
        font-weight: 900;
    }

    .add-to-wishlist-3:hover i,
    .add-to-delivery-returns-3:hover i,
    .add-to-enquiry-3:hover i {
        color: var(--blue-color);
    }

    .add-to-wishlist-3 span,
    .add-to-delivery-returns-3 span,
    .add-to-enquiry-3 span {
        font-size: 15px;
        font-weight: 400;
        color: var(--black-color-6);
        margin: 0;
        padding: 0;
        font-family: "IRANSansX", sans-serif;
        display: block;
    }

    .add-to-wishlist-3:hover span,
    .add-to-delivery-returns-3:hover span,
    .add-to-enquiry-3:hover span {
        color: var(--blue-color);
    }

.share-3 {
    margin: 22px 0 0 0;
    padding: 0;
}

.share-title-3 {
    font-size: 20px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 20px 0 0;
    padding: 0;
    display: inline-block;
}

.social-button-3 {
    font-size: 15px;
    color: var(--dark-color-2);
    margin: 0 5px 0 0;
    padding: 0;
    width: 42px;
    height: 42px;
    border-radius: 100px;
    border: 1px solid var(--gray-color-3);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: var(--light-white-color);
}

    .social-button-3:last-of-type {
        margin-right: 0px;
    }

    .social-button-3:hover {
        color: var(--light-white-color);
        background-color: var(--dark-color-2);
        border: 1px solid var(--dark-color-2);
    }

    .social-button-3.icon-facebook:hover {
        color: var(--white-color);
        border: 1px solid var(--blue-color);
        background-color: var(--blue-color);
    }

    .social-button-3.icon-twitter:hover {
        color: var(--white-color);
        border: 1px solid var(--blue-color-1);
        background-color: var(--blue-color-1);
    }

    .social-button-3.icon-instagram:hover {
        color: var(--white-color);
        border: 1px solid var(--red-color-2);
        background-color: var(--red-color-2);
    }

    .social-button-3.icon-pinterest:hover {
        color: var(--white-color);
        border: 1px solid var(--red-color-3);
        background-color: var(--red-color-3);
    }

    .social-button-3.icon-linkedin:hover {
        color: var(--white-color);
        border: 1px solid var(--blue-color-2);
        background-color: var(--blue-color-2);
    }

/*------------------------------ Single Product v3 Page Tab CSS --------------------------------*/
.custom-accordion-3 .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.custom-accordion-3 .accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-accordion-3 .accordion-item:not(:first-of-type) {
    border-top: 0;
}

.custom-accordion-3 .accordion-item {
    background-color: var(--white-color);
    border: none;
}

    .custom-accordion-3 .accordion-item:first-of-type .accordion-button {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.custom-accordion-3 .accordion-button:not(.collapsed) {
    color: var(--blue-color);
    background-color: var(--white-color);
    box-shadow: none;
}

.custom-accordion-3 .accordion-button {
    font-size: 17px;
    font-weight: 500;
    padding: 18px 0;
}

    .custom-accordion-3 .accordion-button:focus {
        z-index: 3;
        border-color: var(--gray-color-3);
        outline: 0;
        box-shadow: none;
    }

.custom-accordion-3 .accordion-header {
    border-bottom: 1px solid var(--gray-color-3);
}

.custom-accordion-3 .accordion-body {
    padding: 20px 0 40px 0;
    border-bottom: 1px solid var(--gray-color-3);
}

.custom-accordion-3 .accordion-button::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    flex-shrink: 0;
    margin-left: auto;
    width: unset;
    height: unset;
    content: "\f067";
    color: var(--dark-color-2);
    font-size: 12px;
    background-image: none;
    background-repeat: unset;
    background-size: unset;
    transition: transform .2s ease-in-out;
}

.custom-accordion-3 .accordion-button:not(.collapsed)::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    color: var(--blue-color);
    font-size: 12px;
    background-image: none;
    transform: none;
}

.description-text3 {
    padding: 0;
    margin: 23px 0 26px 0;
    color: var(--dark-color-2);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: 'IRANSansX', sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.description-img3-1 {
    margin: 0;
    padding: 0;
    height: 154px;
    overflow: hidden;
}

.information-table-3 .table {
    border: 1px solid var(--gray-color-18);
    margin: 0;
}
    /* .information-table-3 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--gray-color-19); } */
    .information-table-3 .table > :not(caption) > * > * {
        padding: 0;
        background: none;
        border-bottom-width: 1px;
        box-shadow: none;
    }

    .information-table-3 .table tbody, td, th, thead, tr {
        border: 1px solid var(--gray-color-18);
    }

    .information-table-3 .table th {
        font-size: 15px;
        font-weight: 500;
        color: var(--black-color);
        padding: 10px 10px;
    }

        .information-table-3 .table th:first-of-type {
            background-color: var(--gray-color-6);
        }

    .information-table-3 .table td {
        font-size: 14px;
        font-weight: 400;
        color: var(--white-color-1);
        padding: 10px 10px;
        font-family: 'IRANSansX', sans-serif;
    }

.size-chart-table-3 .table {
    border: 1px solid var(--gray-color-18);
    margin: 0;
}

    .size-chart-table-3 .table > :not(caption) > * > * {
        padding: 0;
        border-bottom-width: 1px;
        box-shadow: none;
        border-color: var(--gray-color-18);
    }

    .size-chart-table-3 .table .table-dark {
        background-color: var(--black-color-2);
        border-color: var(--gray-color-18);
    }

    .size-chart-table-3 .table tbody, td, th, thead, tr {
        border: 1px solid var(--gray-color-18);
    }
    /* .size-chart-table-3 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--dark-white-color); } */
    .size-chart-table-3 .table tr {
        background-color: var(--white-color);
    }

    .size-chart-table-3 .table th {
        font-size: 15px;
        font-weight: 500;
        color: var(--white-color);
        padding: 10px 3px;
    }

    .size-chart-table-3 .table td {
        font-size: 14px;
        font-weight: 400;
        color: var(--white-color-1);
        padding: 10px 3px;
        font-family: 'IRANSansX', sans-serif;
    }

        .size-chart-table-3 .table td:first-of-type {
            background-color: var(--gray-color-6);
        }

.vendor-info-text-3 {
    margin: 0;
    padding: 20px;
    background-color: var(--white-color);
    border: 1px solid var(--gray-color-18);
    border-radius: 5px;
}

    .vendor-info-text-3 .vendor-user {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }

    .vendor-info-text-3 .vendor-logo {
        max-width: 70px;
        height: 70px;
        margin-right: 24px;
        margin-bottom: 0;
        overflow: hidden;
    }

        .vendor-info-text-3 .vendor-logo img {
            border: none;
            border-radius: 5px;
        }

    .vendor-info-text-3 .vendor-name {
        margin: 1px 0 4px 0;
        font-size: 20px;
        font-weight: 700;
        color: var(--black-color);
    }

        .vendor-info-text-3 .vendor-name a {
            color: var(--black-color);
        }

    .vendor-info-text-3 .ratings-container {
        display: flex;
        align-items: center;
        margin-bottom: 4px;
    }

    .vendor-info-text-3 .ratings-full {
        margin-right: 10px;
        font-size: 12px;
        color: var(--yellow-color);
        cursor: pointer;
    }

        .vendor-info-text-3 .ratings-full .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .vendor-info-text-3 .rating-reviews {
        margin: 0;
        font-size: 15px;
        color: var(--black-color);
        font-weight: 400;
        font-family: 'IRANSansX', sans-serif;
    }

    .vendor-info-text-3 .vendor-info {
        margin: 8px 0 0 0;
    }

        .vendor-info-text-3 .vendor-info li {
            margin: 2px 0 0 0;
        }

        .vendor-info-text-3 .vendor-info label {
            display: inline-block;
            padding-right: 0;
            color: var(--black-color);
            font-size: 14px;
            font-weight: 500;
        }

        .vendor-info-text-3 .vendor-info .detail {
            font-size: 14px;
            font-weight: 400;
            color: var(--black-color);
            font-family: 'IRANSansX', sans-serif;
        }

    .vendor-info-text-3 .store-phone a {
        font-size: 14px;
        font-weight: 400;
        color: var(--black-color);
        font-family: 'IRANSansX', sans-serif;
    }

        .vendor-info-text-3 .store-phone a:hover {
            color: var(--black-color);
        }

    .vendor-info-text-3 .two-graybox-main {
        margin: 0 -5px;
    }

    .vendor-info-text-3 .graybox {
        width: 100%;
        margin: 10px 5px;
        padding: 8px 14px;
        background-color: var(--dark-white-color);
        border-radius: 10px;
    }

        .vendor-info-text-3 .graybox .title {
            font-size: 24px;
            font-weight: 700;
            color: var(--black-color);
        }

        .vendor-info-text-3 .graybox .sub-desc {
            font-size: 14px;
            font-weight: 400;
            color: var(--black-color);
            font-family: 'IRANSansX', sans-serif;
        }

    .vendor-info-text-3 .btn-box {
        margin: 0;
        padding: 0;
    }

.vendor-info-text3-1 {
    padding: 0;
    margin: 30px 0 0 0;
    color: var(--dark-color-2);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: 'IRANSansX', sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.custom-accordion-3 .accordion-body.last-reviews-part-3 {
    height: 618px;
    overflow-y: scroll;
    padding: 20px 12px 40px 0;
}

.ratings-wrapper-3 {
    margin: 0;
    padding: 0;
}

    .ratings-wrapper-3 .avg-rating-container {
        display: flex;
        align-items: center;
        margin-bottom: 4px;
    }

    .ratings-wrapper-3 .avg-mark {
        font-size: 72px;
        font-weight: 900;
        color: var(--blue-color);
        letter-spacing: 0;
        line-height: 1;
        margin-bottom: 0;
    }

    .ratings-wrapper-3 .avg-rating {
        margin-left: 22px;
    }

        .ratings-wrapper-3 .avg-rating p {
            font-size: 18px;
            line-height: normal;
            font-weight: 400;
            color: var(--black-color);
            font-family: 'IRANSansX', sans-serif;
        }

        .ratings-wrapper-3 .avg-rating .ratings-container {
            display: flex;
            align-items: center;
            line-height: normal;
            margin-top: 5px;
            margin-bottom: 0;
        }

        .ratings-wrapper-3 .avg-rating .ratings-full {
            cursor: pointer;
            margin-right: 12px;
            font-size: 14px;
            font-weight: 900;
            color: var(--yellow-color);
        }

    .ratings-wrapper-3 .ratings-full, .ratings {
        position: relative;
        letter-spacing: normal;
        cursor: pointer;
        margin-right: 0;
        font-size: 14px;
        font-weight: 900;
        color: var(--yellow-color);
    }

        .ratings-wrapper-3 .ratings-full .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .ratings-wrapper-3 .rating-reviews {
        margin: 0;
        font-size: 16px;
        color: var(--gray-color-14);
        font-weight: 400;
        font-family: 'IRANSansX', sans-serif;
    }

    .ratings-wrapper-3 .ratings-value {
        margin-bottom: 18px;
        font-size: 18px;
        font-weight: 400;
        color: var(--black-color);
        font-family: 'IRANSansX', sans-serif;
    }

        .ratings-wrapper-3 .ratings-value span:first-child {
            margin-right: 30px;
            font-size: 30px;
            font-weight: 700;
            color: var(--black-color);
        }

        .ratings-wrapper-3 .ratings-value .count {
            margin-left: 9px;
            font-size: 16px;
            color: var(--gray-color-14);
            font-weight: 400;
            font-family: 'IRANSansX', sans-serif;
        }

    .ratings-wrapper-3 .ratings-list .ratings-container {
        margin-bottom: 7px;
        display: flex;
        align-items: center;
    }

    .ratings-wrapper-3 .ratings-list .progress-bar {
        max-width: 290px;
        margin-left: 24px;
        margin-bottom: 0;
        border-radius: 5px;
    }

    .ratings-wrapper-3 .progress-bar.progress-bar-sm {
        height: 10px;
    }

    .ratings-wrapper-3 .progress-bar {
        background-color: var(--gray-color-18);
        margin-bottom: 1rem;
        height: 1rem;
        width: 100%;
    }

    .ratings-wrapper-3 .ratings-list .progress-bar span {
        border-radius: 5px;
    }

    .ratings-wrapper-3 .progress-bar .green-220 {
        display: block;
        height: 100%;
        background-color: var(--green-color);
        width: 150px;
    }

    .ratings-wrapper-3 .progress-bar .green-120 {
        display: block;
        height: 100%;
        background-color: var(--green-color);
        width: 100px;
    }

    .ratings-wrapper-3 .progress-bar .green-150 {
        display: block;
        height: 100%;
        background-color: var(--green-color);
        width: 120px;
    }

    .ratings-wrapper-3 .progress-bar .yellow-70 {
        display: block;
        height: 100%;
        background-color: var(--yellow-color);
        width: 50px;
    }

    .ratings-wrapper-3 .progress-bar .red-30 {
        display: block;
        height: 100%;
        background-color: var(--red-color-5);
        width: 20px;
    }

    .ratings-wrapper-3 .ratings-list .progress-value {
        margin-left: 27px;
        min-width: 32px;
    }

        .ratings-wrapper-3 .ratings-list .progress-value mark {
            font-size: 16px;
            color: var(--black-color);
            font-weight: 600;
            font-family: 'IRANSansX', sans-serif;
        }

    .ratings-wrapper-3 .progress-value mark {
        background: transparent;
    }

.review-form-wrapper-3 {
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid var(--gray-color-3);
    border-bottom: 1px solid var(--gray-color-3);
}

    .review-form-wrapper-3 .title {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        align-items: center;
        text-align: center;
        margin-bottom: 5px;
        font-size: 18px;
        font-weight: 700;
        line-height: normal;
        color: var(--dark-color-2);
    }

    .review-form-wrapper-3 p {
        font-size: 14px;
        color: var(--dark-color-2);
        font-weight: 400;
    }

    .review-form-wrapper-3 .review-form {
        padding-top: 23px;
    }

    .review-form-wrapper-3 .rating-form {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 28px;
    }

        .review-form-wrapper-3 .rating-form label {
            font-size: 14px;
            color: var(--dark-color-2);
            font-weight: 400;
            font-family: 'IRANSansX', sans-serif;
        }

    .review-form-wrapper-3 .rating-stars {
        position: relative;
        font-size: 12px;
        margin-left: 20px;
        color: var(--yellow-color);
        cursor: pointer;
    }

        .review-form-wrapper-3 .rating-stars .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .review-form-wrapper-3 .review-form .form-control {
        min-height: 46px;
        margin-bottom: 10px;
        font-size: 15px;
        border-color: var(--white-color);
        color: var(--white-color-1);
        font-weight: 600;
        padding: 10px 20px;
        border-radius: 0px;
        font-family: 'IRANSansX', sans-serif;
        outline: none;
        box-shadow: none;
        border: 2px solid var(--gray-color-4);
    }

    .review-form-wrapper-3 .review-form textarea {
        height: 120px;
    }

    .review-form-wrapper-3 .form-group {
        margin: 6px 0 26px 0;
        font-size: 15px;
        font-weight: 600;
        color: var(--black-color);
        font-family: 'IRANSansX', sans-serif;
        line-height: normal;
        display: inline-block;
    }

    .review-form-wrapper-3 .custom-checkbox {
        position: absolute;
        opacity: 0;
        z-index: 1;
        width: 18px;
        height: 18px;
        cursor: pointer;
    }

        .review-form-wrapper-3 .custom-checkbox + label {
            display: inline-block;
            position: relative;
            padding-left: 26px;
            cursor: pointer;
        }

    .review-form-wrapper-3 .form-group .custom-checkbox + label::before {
        top: 0;
        transform: none;
        margin-top: 0.2rem;
    }

    .review-form-wrapper-3 .custom-checkbox + label::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 18px;
        height: 18px;
        line-height: 15px;
        border: 1px solid var(--blue-color);
        border-radius: 2px;
    }

    .review-form-wrapper-3 .custom-checkbox:checked + label::before, .custom-checkbox.checked + label::before {
        content: "\f00c";
        border-color: var(--blue-color);
        background: var(--blue-color);
        color: var(--white-color);
        font-size: 12px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-style: normal;
        text-align: center;
    }

.comments-3 {
    margin: 0;
    padding: 0;
}

    .comments-3 .comment {
        position: relative;
        padding: 0 0 42px 0;
    }

        .comments-3 .comment:last-child {
            padding-bottom: 0;
        }

    .comments-3 .comment-body {
        display: flex;
    }

    .comments-3 .comment-avatar {
        flex: 0 0 56px;
        max-width: 56px;
        margin-right: 19px;
        height: 56px;
        overflow: hidden;
        border-radius: 100%;
    }

    .comments-3 .comment-author {
        margin: 3px 0 0 0;
        font-size: 20px;
        color: var(--black-color);
        line-height: normal;
        font-weight: 700;
    }

        .comments-3 .comment-author a {
            margin-right: 10px;
            color: inherit;
        }

    .comments-3 .comment-date {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: normal;
        color: var(--gray-color-14);
        font-family: 'IRANSansX', sans-serif;
        display: block;
    }

    .comments-3 .ratings-container.comment-rating {
        margin-bottom: 13px;
        margin-top: 9px;
    }

    .comments-3 .ratings-container {
        display: flex;
        align-items: center;
        line-height: normal;
    }

    .comments-3 .ratings-full {
        position: relative;
        letter-spacing: normal;
        cursor: pointer;
        margin-right: 0;
        font-size: 14px;
        font-weight: 900;
        color: var(--yellow-color);
    }

        .comments-3 .ratings-full .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .comments-3 .ratings-full, .ratings {
        position: relative;
        letter-spacing: normal;
    }

    .comments-3 .comment-body .comment-content p {
        margin-bottom: 15px;
        line-height: 24px;
        font-size: 15px;
        font-weight: 400;
        color: var(--dark-color-2);
    }

    .comments-3 .review-image {
        display: flex;
        align-items: center;
    }

        .comments-3 .review-image figure {
            max-width: 60px;
            margin-top: 0;
            margin-right: 0;
            border-radius: 2px;
            overflow: hidden;
            height: 60px;
        }

    .comments-3 .comment-action .btn-helpful {
        background: none;
        border: none;
        outline: none;
        box-shadow: none;
        color: var(--blue-color);
        font-weight: 400;
        font-size: 15px;
        margin: 0 30px 0 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

        .comments-3 .comment-action .btn-helpful i {
            font-size: 12px;
            color: var(--blue-color);
            margin: 0 9px 0 0;
        }

    .comments-3 .comment-action .btn-report-abuse {
        background: none;
        border: none;
        outline: none;
        box-shadow: none;
        color: var(--dark-color-2);
        font-weight: 400;
        font-size: 15px;
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

        .comments-3 .comment-action .btn-report-abuse i {
            font-size: 12px;
            color: var(--dark-color-2);
            margin: 0 9px 0 0;
        }

/*------------------------------ Single Product v3 Page Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .add-to-wishlist-3,
    .add-to-delivery-returns-3,
    .add-to-enquiry-3 {
        padding: 0 10px 0 0;
        margin: 0 10px 0 0;
    }
}

@media (max-width: 1499.98px) {
    .add-to-wishlist-3,
    .add-to-delivery-returns-3,
    .add-to-enquiry-3 {
        padding: 0 6px 0 0;
        margin: 0 6px 0 0;
    }

    .share-title-3 {
        margin: 0 17px 0 0;
    }

    .description-img3-1 {
        height: 125px;
    }

    .ratings-wrapper-3 .avg-mark {
        font-size: 65px;
    }

    .ratings-wrapper-3 .progress-bar .green-220 {
        width: 110px;
    }

    .ratings-wrapper-3 .progress-bar .green-120 {
        width: 70px;
    }

    .ratings-wrapper-3 .progress-bar .green-150 {
        width: 90px;
    }

    .ratings-wrapper-3 .progress-bar .yellow-70 {
        width: 40px;
    }

    .ratings-wrapper-3 .progress-bar .red-30 {
        width: 20px;
    }
}

@media (max-width: 1399.98px) {
    .single-product-v3-detail-page-slider-large .slider-img {
        height: 550px;
        margin: 0 0 15px 0;
    }

    .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
        padding: 0 3px;
        height: 100px;
    }

    .single-product-v3-detail-page-slider-thumbnail {
        margin: 0 -3px;
    }

    .single-product-v3-detail-page-slider-main {
        padding: 30px 40px 10px 60px;
        border-right: none;
    }

    .single-product-v3-slicknavholdercustom {
        left: 20px;
        right: 0px;
    }

    .single-product-v3-slicknavholdercustom2 {
        left: 20px;
        right: 0px;
    }

    .add-to-wishlist-3,
    .add-to-delivery-returns-3,
    .add-to-enquiry-3 {
        padding: 0 22px 0 0;
        margin: 0 21px 0 0;
    }

    .description-img3-1 {
        height: 140px;
    }

    .description-text3 {
        margin: 0px;
        -webkit-line-clamp: none;
    }

    .information-table-3 {
        margin: 30px 0 0 0;
    }

    .vendor-info-text3-1 {
        margin: 0;
        -webkit-line-clamp: none;
    }

    .review-form-wrapper-3 {
        margin: 0;
        padding: 0;
        border-top: none;
        border-bottom: none;
    }

    .custom-accordion-3 .accordion-body.last-reviews-part-3 {
        height: auto;
        overflow-y: unset;
        padding: 20px 0 40px 0;
    }

    .comments-3 {
        margin: 30px 0 0 0;
        padding: 30px 0 0 0;
        border-top: 1px solid var(--gray-color-3);
    }
}

@media (max-width: 1299.98px) {
    .single-product-v3-detail-main {
        margin: -36px 0 0 0;
    }

    .title-3 {
        font-size: 20px;
    }

    .price-3 .text-price-3 {
        font-size: 17px;
    }

        .price-3 .text-price-3 del {
            font-size: 15px;
            padding: 0 5px 0 0;
        }

    .color-swatch-3 {
        margin: 20px 0 0 0;
    }

    .color-title-3 {
        font-size: 15px;
        margin: 0 10px 0 0;
    }

    .size-swatch-3 {
        margin: 20px 0;
    }

    .size-title-3 {
        font-size: 15px;
        margin: 0 10px 0 0;
    }

    .quantity-form-3 {
        margin: 15px 0 20px 0;
        padding-bottom: 13px;
    }

    .control-3 {
        height: 44px;
    }

    .info-list-3 {
        padding-top: 12px;
    }

    .sku-3 {
        font-size: 15px;
        line-height: 24px;
    }

        .sku-3 span {
            font-size: 14px;
        }

    .categories-3 {
        font-size: 15px;
        line-height: 24px;
    }

        .categories-3 span {
            font-size: 14px;
        }

    .tags-3 {
        font-size: 15px;
        line-height: 24px;
    }

        .tags-3 span {
            font-size: 14px;
        }

    .infolinks-3 {
        margin: 0 0 20px 0;
    }

    .share-3 {
        margin: 20px 0 0 0;
    }

    .share-title-3 {
        font-size: 15px;
        margin: 0 10px 0 0;
    }

    .social-button-3 {
        width: 40px;
        height: 40px;
    }

    .single-product-v3-detail-page-slider-large .slider-img {
        height: 450px;
    }

    .single-product-v3-slicknavholdercustom .single-product-v3-slicknavbtnprev img {
        max-width: 22px;
    }

    .single-product-v3-slicknavholdercustom .single-product-v3-slicknavbtnnext img {
        max-width: 22px;
    }

    .single-product-v3-slicknavholdercustom2 .single-product-v3-slicknavbtnprev img {
        max-width: 22px;
    }

    .single-product-v3-slicknavholdercustom2 .single-product-v3-slicknavbtnnext img {
        max-width: 22px;
    }

    .single-product-v3-tab {
        margin: 0;
    }

    .description-text3 {
        margin: 0;
        font-size: 14px;
        line-height: 24px;
    }

    .information-table-3 {
        margin: 20px 0 0 0;
    }

        .information-table-3 .table th {
            padding: 10px;
        }

        .information-table-3 .table td {
            padding: 10px;
        }

    .size-chart-table-3 .table th {
        padding: 10px;
    }

    .size-chart-table-3 .table td {
        padding: 10px;
    }

    .vendor-info-text3-1 {
        font-size: 14px;
        line-height: 24px;
    }

    .vendor-info-text-3 .vendor-logo {
        margin-right: 10px;
        max-width: 60px;
        height: 60px;
    }

    .vendor-info-text-3 .vendor-name {
        font-size: 16px;
    }

    .vendor-info-text-3 .graybox .title {
        font-size: 18px;
    }

    .vendor-info-text-3 .graybox {
        padding: 6px 6px;
        width: 47%;
    }

    .ratings-wrapper-3 .avg-mark {
        font-size: 60px;
    }

    .ratings-wrapper-3 .avg-rating {
        margin-left: 16px;
    }

        .ratings-wrapper-3 .avg-rating p {
            font-size: 15px;
        }

        .ratings-wrapper-3 .avg-rating .ratings-full {
            margin-right: 10px;
            font-size: 12px;
        }

    .ratings-wrapper-3 .rating-reviews {
        font-size: 14px;
    }

    .ratings-wrapper-3 .ratings-value {
        font-size: 14px;
        margin-bottom: 10px;
    }

        .ratings-wrapper-3 .ratings-value span:first-child {
            margin-right: 20px;
            font-size: 20px;
        }

        .ratings-wrapper-3 .ratings-value .count {
            font-size: 14px;
        }

    .ratings-wrapper-3 .ratings-full, .ratings {
        font-size: 12px;
    }

    .ratings-wrapper-3 .ratings-list .progress-value mark {
        font-size: 14px;
    }

    .review-form-wrapper-3 .title {
        font-size: 16px;
    }

    .review-form-wrapper-3 .review-form {
        padding-top: 13px;
    }

    .review-form-wrapper-3 .rating-form {
        margin-bottom: 18px;
    }

    .review-form-wrapper-3 .review-form .form-control {
        min-height: 40px;
        margin-bottom: 10px;
        font-size: 14px;
        padding: 8px 16px;
    }

    .review-form-wrapper-3 .review-form textarea {
        height: 140px;
    }

    .review-form-wrapper-3 .form-group {
        margin: 3px 0 16px 0;
        font-size: 14px;
    }

    .review-form-wrapper-3 .custom-checkbox {
        height: 16px;
        width: 16px;
    }

        .review-form-wrapper-3 .custom-checkbox:checked + label::before, .custom-checkbox.checked + label::before {
            font-size: 10px;
        }

    .common-btn2-hover-small-arrow {
        font-size: 15px;
    }

    .comments-3 {
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
    }

        .comments-3 .comment-avatar {
            flex: 0 0 50px;
            max-width: 50px;
            margin-right: 15px;
            height: 50px;
        }

        .comments-3 .comment-author {
            font-size: 16px;
        }

        .comments-3 .comment-date {
            font-size: 14px;
        }

        .comments-3 .ratings-full {
            font-size: 12px;
        }

        .comments-3 .ratings-container.comment-rating {
            margin-bottom: 10px;
            margin-top: 7px;
        }

        .comments-3 .comment-body .comment-content p {
            margin-bottom: 12px;
            line-height: 22px;
            font-size: 14px;
        }

        .comments-3 .review-image figure {
            max-width: 50px;
            height: 50px;
        }

        .comments-3 .comment-action .btn-helpful {
            font-size: 14px;
            margin: 0 20px 0 0;
        }

        .comments-3 .comment-action .btn-report-abuse {
            font-size: 14px;
        }
}

@media (max-width: 1199.98px) {
    .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 80px;
    }

    .review-form-wrapper-3 p {
        font-size: 13.8px;
    }
}

@media (max-width: 991.98px) {
    .single-product-v3-detail {
        padding: 0;
    }

    .title-3 {
        margin: 20px 0 2px 0;
    }

    .single-product-v3-detail-page-slider-main {
        padding: 40px 30px 10px 30px;
        border-right: none;
        border-left: none;
    }

    .single-product-v3-slicknavholdercustom {
        left: 0px;
        right: 0px;
    }

    .single-product-v3-slicknavholdercustom2 {
        left: 0px;
        right: 0px;
    }

    .single-product-v3-detail-page-slider-large .slider-img {
        height: 600px;
    }

    .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 140px;
    }

    .single-product-v3-tab {
        margin: 10px 0 0 0;
    }

    .description-img3-1 {
        height: 260px;
    }

    .description-text3 {
        margin: 20px 0 0 0;
    }

    .vendor-info-text3-1 {
        margin: 20px 0 0 0;
    }

    .review-form-wrapper-3 {
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
        border-top: 1px solid var(--gray-color-3);
    }
}

@media (max-width: 767.98px) {
    .single-product-v3-detail-page-slider-large .slider-img {
        height: 500px;
    }

    .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 100px;
    }

    .ratings-wrapper-3 .ratings-value span:first-child {
        margin-right: 15px;
        font-size: 17px;
    }

    .review-form-wrapper-3 .title {
        font-size: 15px;
    }

    .review-form-wrapper-3 .review-form {
        padding-top: 10px;
    }

    .ratings-wrapper-3 .avg-mark {
        font-size: 40px;
    }

    .comments-3 .comment-author {
        font-size: 15px;
    }

    .description-img3-1 {
        height: 200px;
    }

    .vendor-info-text-3 .graybox .title {
        font-size: 16px;
    }

    .vendor-info-text-3 .graybox {
        width: 50%;
    }

    .vendor-info-text-3 .vendor-name {
        font-size: 15px;
    }

    .control-3 {
        height: 43px;
    }
}

@media (max-width: 480.98px) {
    .infolinks-3 {
        margin: 0 0 20px 0;
        display: block !important;
        text-align: left !important;
    }

    .add-to-wishlist-3, .add-to-delivery-returns-3, .add-to-enquiry-3 {
        padding: 0;
        margin: 15px 0;
        width: 100%;
        display: block;
        border: 0px;
    }

        .add-to-wishlist-3 i, .add-to-delivery-returns-3 i, .add-to-enquiry-3 i {
            margin: 0 10px 0 0;
        }

        .add-to-wishlist-3 span, .add-to-delivery-returns-3 span, .add-to-enquiry-3 span {
            display: inline-flex;
        }

    .single-product-v3-detail-page-slider-large .slider-img {
        height: 400px;
    }

    .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 80px;
    }

    .description-img3-1 {
        height: 176px;
    }
}

@media (max-width: 414.98px) {
    .single-product-v3-detail-page-slider-large .slider-img {
        height: 350px;
    }

    .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 70px;
    }

    .description-img3-1 {
        height: 150px;
    }
}

@media (max-width: 375.98px) {
    .single-product-v3-detail-page-slider-large .slider-img {
        height: 300px;
    }

    .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 60px;
    }

    .single-product-v3-slicknavholdercustom2 {
        bottom: 12%;
    }

    .description-img3-1 {
        height: 135px;
    }
}

@media (max-width: 360.98px) {
}

@media (max-width: 320.98px) {
}
/*=========================================== Single Product v3 Page End CSS ===========================================*/

/*=========================================== Single Product v4 Page Start CSS ===========================================*/
/*------------------------------ Single Product v4 Page Detail CSS --------------------------------*/
.single-product-v4-detail-main {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 800px;
    background-image: url('../images/single-product-v4-page-slider-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.single-product-v4-detail-page-cuntent {
    width: 45%;
    z-index: 1;
}

.single-product-v4-detail-slider-right {
    width: 55%;
    z-index: 1;
}

.single-product-v4-detail-text-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.title-4 {
    font-size: 90px;
    font-weight: 500;
    color: var(--dark-color-2);
    margin: 106px 0 7px 0;
    padding: 0;
}

.short-desc-4 p {
    font-family: 'IRANSansX', sans-serif;
    color: var(--dark-color-2);
    font-size: 26px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.size-swatch-title-4 {
    margin: 22px 0 22px 0;
    padding: 0;
}

.size-title-4-val {
    font-family: 'IRANSansX', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 0 0 14px;
    padding: 0;
}

.size-4 {
    font-size: 14px;
    font-weight: 700;
    color: var(--black-color-6);
    background-color: var(--white-color);
    width: 45px;
    height: 45px;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    margin: 0 10px 0 0;
    border: 2px solid var(--gray-color-3);
    font-family: 'IRANSansX', sans-serif;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .size-4:first-of-type {
        margin-right: 0px;
    }

    .size-4.active {
        border: 2px solid var(--blue-color);
    }

.color-swatch-title-4 {
    margin: 0 0 24px 0;
    padding: 0;
}

.color-title-4-val {
    font-family: 'IRANSansX', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 0 0 14px;
    padding: 0;
}

.color-4.active {
    box-shadow: 0 0 0 2px var(--blue-color);
}

.color-4 {
    display: block;
    width: 43px;
    height: 43px;
    border-radius: 100%;
    border: 3px solid var(--white-color);
    margin-right: 10px;
    transition: box-shadow .35s ease;
    background-repeat: no-repeat;
    background-position: 50%;
    box-shadow: 0 0 0 1px var(--gray-color-3);
    display: inline-block;
}

    .color-4 .tt-text {
        visibility: hidden;
        opacity: 0;
    }

    .color-4:last-of-type {
        margin-right: 0px;
    }

.price-4 .text-price-4 del {
    font-size: 20px;
    font-weight: 500;
    color: var(--gray-color-14);
    margin: 0;
    padding: 0 10px 0 0;
}

.price-4 .text-price-4 {
    font-size: 30px;
    font-weight: 700;
    color: var(--dark-color-2);
    margin: 0;
    padding: 0;
}

.quantity-form-4 {
    margin: 32px 0 0 0;
    padding: 0;
}

.single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
    height: 800px;
    overflow: hidden;
}

.single-product-v4-slicknavholdercustom {
    bottom: 40px;
    right: -170px;
    position: absolute;
    z-index: 1;
}

    .single-product-v4-slicknavholdercustom .single-product-v4-slicknavbtnbig {
        background: none;
        margin: 0 17px;
        padding: 0;
        cursor: pointer;
        -webkit-transition: all 240ms ease-in-out;
        -moz-transition: all 240ms ease-in-out;
        -ms-transition: all 240ms ease-in-out;
        -o-transition: all 240ms ease-in-out;
        transition: all 240ms ease-in-out;
    }

/*------------------------------ Single Product v4 Page Tab CSS --------------------------------*/
.single-product-v4-tab-cunten {
    background-color: var(--white-color);
    border-radius: 10px;
    box-shadow: 0 15px 30px rgba(0,0,0,0.10);
    padding: 120px 70px 120px 46px;
    margin: 0;
    flex-wrap: wrap;
}

.custom-tab-nav-4 {
    max-width: 218px;
    flex-basis: 218px;
    flex-grow: 0;
    flex-shrink: 0;
}

    .custom-tab-nav-4 .nav-link.active, .custom-tab-nav-4 .show > .nav-link {
        color: var(--dark-color-2);
        border-right: 2px solid var(--blue-color);
        background: none;
    }

    .custom-tab-nav-4 .nav-item:hover .nav-link {
        color: var(--blue-color);
        border-bottom: 2px solid var(--blue-color);
    }

    .custom-tab-nav-4 .nav-link {
        background: none;
        border: none;
        border-radius: 0;
    }

    .custom-tab-nav-4 .nav-item {
        margin-left: 54px;
    }

    .custom-tab-nav-4 .nav-link {
        display: block;
        padding: 0;
        margin: 0;
        color: var(--gray-color-14);
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
        position: relative;
        line-height: 50px;
        text-align: right;
        padding-right: 8px !important;
    }

.custom-tab-content-4 {
    margin: 0 0 0 70px;
    padding: 0;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
}

.subtitle-4-1 {
    padding: 0;
    margin: 0;
    color: var(--gray-color-14);
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    position: relative;
}

    .subtitle-4-1::after {
        position: absolute;
        width: 38px;
        height: 2px;
        background-color: var(--gray-color-14);
        top: 20px;
        right: 48px;
        content: "";
    }

.title-4-1 {
    padding: 0;
    margin: 0 0 60px 0;
    color: var(--dark-color-2);
    font-size: 58px;
    font-weight: 600;
    line-height: normal;
}

.description-text4 {
    padding: 0;
    margin: 0;
    color: var(--dark-color-2);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'IRANSansX', sans-serif;
}

.video-4 {
    margin: 0;
}

.description-img4 {
    margin: 0;
    padding: 0;
    height: 333px;
    overflow: hidden;
    vertical-align: middle;
}

.video-4 .btn-play {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background-color: var(--black-color-8);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

    .video-4 .btn-play .play-icon {
        height: 24px;
        overflow: hidden;
        display: inline-block;
        line-height: 1;
    }
/* .information-table-4 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--gray-color-19); } */
.information-table-4 .table {
    border: 1px solid var(--gray-color-18);
    margin: 30px 0 0 0;
}

    .information-table-4 .table > :not(caption) > * > * {
        padding: 0;
        background: none;
        border-bottom-width: 1px;
        box-shadow: none;
    }

    .information-table-4 .table tbody, td, th, thead, tr {
        border: 1px solid var(--gray-color-18);
    }

    .information-table-4 .table th {
        font-size: 15px;
        font-weight: 500;
        color: var(--black-color);
        padding: 12px 18px;
    }

        .information-table-4 .table th:first-of-type {
            background-color: var(--gray-color-6);
        }

    .information-table-4 .table td {
        font-size: 15px;
        font-weight: 400;
        color: var(--white-color-1);
        padding: 12px 18px;
        font-family: 'IRANSansX', sans-serif;
    }

.size-chart-table-4 .table {
    border: 1px solid var(--gray-color-18);
}

    .size-chart-table-4 .table > :not(caption) > * > * {
        padding: 0;
        border-bottom-width: 1px;
        box-shadow: none;
        border-color: var(--gray-color-18);
    }

    .size-chart-table-4 .table .table-dark {
        background-color: var(--black-color-2);
        border-color: var(--gray-color-18);
    }

    .size-chart-table-4 .table tbody, td, th, thead, tr {
        border: 1px solid var(--gray-color-18);
    }
    /* .size-chart-table-4 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--dark-white-color); } */
    .size-chart-table-4 .table tr {
        background-color: var(--white-color);
    }

    .size-chart-table-4 .table th {
        font-size: 15px;
        font-weight: 500;
        color: var(--white-color);
        padding: 12px 18px;
    }

    .size-chart-table-4 .table td {
        font-size: 15px;
        font-weight: 400;
        color: var(--white-color-1);
        padding: 12px 18px;
        font-family: 'IRANSansX', sans-serif;
    }

        .size-chart-table-4 .table td:first-of-type {
            background-color: var(--gray-color-6);
        }

.vendor-info-left-part-4 {
    width: 41%;
}

.vendor-info-right-part-4 {
    width: 59%;
}

.vendor-info-text-4 {
    margin: 0;
    padding: 20px;
    background-color: var(--white-color);
    border: 1px solid var(--gray-color-18);
    border-radius: 5px;
}

    .vendor-info-text-4 .vendor-user {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }

    .vendor-info-text-4 .vendor-logo {
        max-width: 70px;
        height: 70px;
        margin-right: 24px;
        margin-bottom: 0;
        overflow: hidden;
    }

        .vendor-info-text-4 .vendor-logo img {
            border: none;
            border-radius: 5px;
        }

    .vendor-info-text-4 .vendor-name {
        margin: 1px 0 4px 0;
        font-size: 20px;
        font-weight: 700;
        color: var(--black-color);
    }

        .vendor-info-text-4 .vendor-name a {
            color: var(--black-color);
        }

    .vendor-info-text-4 .ratings-container {
        display: flex;
        align-items: center;
        margin-bottom: 4px;
    }

    .vendor-info-text-4 .ratings-full {
        margin-right: 10px;
        font-size: 12px;
        color: var(--yellow-color);
        cursor: pointer;
    }

        .vendor-info-text-4 .ratings-full .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .vendor-info-text-4 .rating-reviews {
        margin: 0;
        font-size: 15px;
        color: var(--black-color);
        font-weight: 400;
        font-family: 'IRANSansX', sans-serif;
    }

    .vendor-info-text-4 .vendor-info {
        margin: 8px 0 0 0;
    }

        .vendor-info-text-4 .vendor-info li {
            margin: 2px 0 0 0;
        }

        .vendor-info-text-4 .vendor-info label {
            display: inline-block;
            padding-right: 0;
            color: var(--black-color);
            font-size: 14px;
            font-weight: 500;
        }

        .vendor-info-text-4 .vendor-info .detail {
            font-size: 14px;
            font-weight: 400;
            color: var(--black-color);
            font-family: 'IRANSansX', sans-serif;
        }

    .vendor-info-text-4 .store-phone a {
        font-size: 14px;
        font-weight: 400;
        color: var(--black-color);
        font-family: 'IRANSansX', sans-serif;
    }

        .vendor-info-text-4 .store-phone a:hover {
            color: var(--black-color);
        }

    .vendor-info-text-4 .graybox {
        margin: 0 0 8px 10px;
        padding: 10px 22px;
        background-color: var(--dark-white-color);
        border-radius: 10px;
    }

        .vendor-info-text-4 .graybox .title {
            font-size: 24px;
            font-weight: 700;
            color: var(--black-color);
        }

        .vendor-info-text-4 .graybox .sub-desc {
            font-size: 14px;
            font-weight: 400;
            color: var(--black-color);
            font-family: 'IRANSansX', sans-serif;
        }

    .vendor-info-text-4 .btn-box {
        margin: 2px 0 0 10px;
        padding: 0;
    }

.vendor-info-text4-4 {
    padding: 0;
    margin: 0;
    color: var(--dark-color-2);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'IRANSansX', sans-serif;
}

.ratings-wrapper-4 {
    margin: 0;
    padding: 0;
}

    .ratings-wrapper-4 .avg-rating-container {
        display: flex;
        align-items: center;
        margin-bottom: 4px;
    }

    .ratings-wrapper-4 .avg-mark {
        font-size: 72px;
        font-weight: 900;
        color: var(--blue-color);
        letter-spacing: 0;
        line-height: 1;
        margin-bottom: 0;
    }

    .ratings-wrapper-4 .avg-rating {
        margin-left: 22px;
    }

        .ratings-wrapper-4 .avg-rating p {
            font-size: 18px;
            line-height: normal;
            font-weight: 400;
            color: var(--black-color);
            font-family: 'IRANSansX', sans-serif;
        }

        .ratings-wrapper-4 .avg-rating .ratings-container {
            display: flex;
            align-items: center;
            line-height: normal;
            margin-top: 5px;
            margin-bottom: 0;
        }

        .ratings-wrapper-4 .avg-rating .ratings-full {
            cursor: pointer;
            margin-right: 12px;
            font-size: 14px;
            font-weight: 900;
            color: var(--yellow-color);
        }

    .ratings-wrapper-4 .ratings-full, .ratings {
        position: relative;
        letter-spacing: normal;
        cursor: pointer;
        margin-right: 0;
        font-size: 14px;
        font-weight: 900;
        color: var(--yellow-color);
    }

        .ratings-wrapper-4 .ratings-full .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .ratings-wrapper-4 .rating-reviews {
        margin: 0;
        font-size: 16px;
        color: var(--gray-color-14);
        font-weight: 400;
        font-family: 'IRANSansX', sans-serif;
    }

    .ratings-wrapper-4 .ratings-value {
        margin-bottom: 18px;
        font-size: 18px;
        font-weight: 400;
        color: var(--black-color);
        font-family: 'IRANSansX', sans-serif;
    }

        .ratings-wrapper-4 .ratings-value span:first-child {
            margin-right: 30px;
            font-size: 30px;
            font-weight: 700;
            color: var(--black-color);
        }

        .ratings-wrapper-4 .ratings-value .count {
            margin-left: 9px;
            font-size: 16px;
            color: var(--gray-color-14);
            font-weight: 400;
            font-family: 'IRANSansX', sans-serif;
        }

    .ratings-wrapper-4 .ratings-list .ratings-container {
        margin-bottom: 7px;
        display: flex;
        align-items: center;
    }

    .ratings-wrapper-4 .ratings-list .progress-bar {
        max-width: 290px;
        margin-left: 24px;
        margin-bottom: 0;
        border-radius: 5px;
    }

    .ratings-wrapper-4 .progress-bar.progress-bar-sm {
        height: 10px;
    }

    .ratings-wrapper-4 .progress-bar {
        background-color: var(--gray-color-18);
        margin-bottom: 1rem;
        height: 1rem;
        width: 100%;
    }

    .ratings-wrapper-4 .ratings-list .progress-bar span {
        border-radius: 5px;
    }

    .ratings-wrapper-4 .progress-bar .green-220 {
        display: block;
        height: 100%;
        background-color: var(--green-color);
        width: 150px;
    }

    .ratings-wrapper-4 .progress-bar .green-120 {
        display: block;
        height: 100%;
        background-color: var(--green-color);
        width: 80px;
    }

    .ratings-wrapper-4 .progress-bar .green-150 {
        display: block;
        height: 100%;
        background-color: var(--green-color);
        width: 110px;
    }

    .ratings-wrapper-4 .progress-bar .yellow-70 {
        display: block;
        height: 100%;
        background-color: var(--yellow-color);
        width: 50px;
    }

    .ratings-wrapper-4 .progress-bar .red-30 {
        display: block;
        height: 100%;
        background-color: var(--red-color-5);
        width: 20px;
    }

    .ratings-wrapper-4 .ratings-list .progress-value {
        margin-left: 27px;
        min-width: 32px;
    }

        .ratings-wrapper-4 .ratings-list .progress-value mark {
            font-size: 16px;
            color: var(--black-color);
            font-weight: 600;
            font-family: 'IRANSansX', sans-serif;
        }

    .ratings-wrapper-4 .progress-value mark {
        background: transparent;
    }

.review-form-wrapper-4 {
    margin: 0;
    padding: 0;
}

    .review-form-wrapper-4 .title {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        align-items: center;
        text-align: center;
        margin-bottom: 5px;
        font-size: 18px;
        font-weight: 700;
        line-height: normal;
        color: var(--dark-color-2);
    }

    .review-form-wrapper-4 p {
        font-size: 14px;
        color: var(--dark-color-2);
        font-weight: 400;
    }

    .review-form-wrapper-4 .review-form {
        padding-top: 23px;
    }

    .review-form-wrapper-4 .rating-form {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 28px;
    }

        .review-form-wrapper-4 .rating-form label {
            font-size: 14px;
            color: var(--dark-color-2);
            font-weight: 400;
            font-family: 'IRANSansX', sans-serif;
        }

    .review-form-wrapper-4 .rating-stars {
        position: relative;
        font-size: 12px;
        margin-left: 20px;
        color: var(--yellow-color);
        cursor: pointer;
    }

        .review-form-wrapper-4 .rating-stars .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .review-form-wrapper-4 .review-form .form-control {
        min-height: 46px;
        margin-bottom: 10px;
        font-size: 15px;
        border-color: var(--white-color);
        color: var(--white-color-1);
        font-weight: 600;
        padding: 10px 20px;
        border-radius: 0px;
        font-family: 'IRANSansX', sans-serif;
        outline: none;
        box-shadow: none;
        border: 2px solid var(--gray-color-4);
    }

    .review-form-wrapper-4 .review-form textarea {
        height: 146px;
    }

    .review-form-wrapper-4 .form-group {
        margin: 6px 0 26px 0;
        font-size: 15px;
        font-weight: 600;
        color: var(--black-color);
        font-family: 'IRANSansX', sans-serif;
        line-height: normal;
        display: inline-block;
    }

    .review-form-wrapper-4 .custom-checkbox {
        position: absolute;
        opacity: 0;
        z-index: 1;
        width: 18px;
        height: 18px;
        cursor: pointer;
    }

        .review-form-wrapper-4 .custom-checkbox + label {
            display: inline-block;
            position: relative;
            padding-left: 26px;
            cursor: pointer;
        }

    .review-form-wrapper-4 .form-group .custom-checkbox + label::before {
        top: 0;
        transform: none;
        margin-top: 0.2rem;
    }

    .review-form-wrapper-4 .custom-checkbox + label::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 18px;
        height: 18px;
        line-height: 15px;
        border: 1px solid var(--blue-color);
        border-radius: 2px;
    }

    .review-form-wrapper-4 .custom-checkbox:checked + label::before, .custom-checkbox.checked + label::before {
        content: "\f00c";
        border-color: var(--blue-color);
        background: var(--blue-color);
        color: var(--white-color);
        font-size: 12px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-style: normal;
        text-align: center;
    }

.comments-4 {
    margin: 0;
    padding: 0;
}

    .comments-4 .comment {
        position: relative;
        padding: 0 0 42px 0;
    }

        .comments-4 .comment:last-child {
            padding-bottom: 0;
        }

    .comments-4 .comment-body {
        display: flex;
    }

    .comments-4 .comment-avatar {
        flex: 0 0 56px;
        max-width: 56px;
        margin-right: 19px;
        height: 56px;
        overflow: hidden;
        border-radius: 100%;
    }

    .comments-4 .comment-author {
        margin: 3px 0 0 0;
        font-size: 20px;
        color: var(--black-color);
        line-height: normal;
        font-weight: 700;
    }

        .comments-4 .comment-author a {
            margin-right: 10px;
            color: inherit;
        }

    .comments-4 .comment-date {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: normal;
        color: var(--gray-color-14);
        font-family: 'IRANSansX', sans-serif;
        display: block;
    }

    .comments-4 .ratings-container.comment-rating {
        margin-bottom: 13px;
        margin-top: 9px;
    }

    .comments-4 .ratings-container {
        display: flex;
        align-items: center;
        line-height: normal;
    }

    .comments-4 .ratings-full {
        position: relative;
        letter-spacing: normal;
        cursor: pointer;
        margin-right: 0;
        font-size: 14px;
        font-weight: 900;
        color: var(--yellow-color);
    }

        .comments-4 .ratings-full .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .comments-4 .ratings-full, .ratings {
        position: relative;
        letter-spacing: normal;
    }

    .comments-4 .comment-body .comment-content p {
        margin-bottom: 15px;
        line-height: 24px;
        font-size: 15px;
        font-weight: 400;
        color: var(--dark-color-2);
    }

    .comments-4 .review-image {
        display: flex;
        align-items: center;
    }

        .comments-4 .review-image figure {
            max-width: 60px;
            margin-top: 0;
            margin-right: 0;
            border-radius: 2px;
            overflow: hidden;
            height: 60px;
        }

    .comments-4 .comment-action .btn-helpful {
        background: none;
        border: none;
        outline: none;
        box-shadow: none;
        color: var(--blue-color);
        font-weight: 400;
        font-size: 15px;
        margin: 0 30px 0 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

        .comments-4 .comment-action .btn-helpful i {
            font-size: 12px;
            color: var(--blue-color);
            margin: 0 9px 0 0;
        }

    .comments-4 .comment-action .btn-report-abuse {
        background: none;
        border: none;
        outline: none;
        box-shadow: none;
        color: var(--dark-color-2);
        font-weight: 400;
        font-size: 15px;
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

        .comments-4 .comment-action .btn-report-abuse i {
            font-size: 12px;
            color: var(--dark-color-2);
            margin: 0 9px 0 0;
        }

/*------------------------------ Single Product v4 Page Product Detail 3 images CSS --------------------------------*/
.single-product-v4-detail-three-images {
    margin: -126px 0 0 0;
    position: relative;
}

.single-product-v4-detail-slider-item3 {
    height: 930px;
    overflow: hidden;
    border-radius: 10px;
}

.single-product-v4-detail-slider-item2 {
    height: 640px;
    overflow: hidden;
    border-radius: 10px;
}

.single-product-v4-detail-slider-item1 {
    height: 640px;
    overflow: hidden;
    border-radius: 10px;
}

/*------------------------------ Single Product v1 Page Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .description-img4 {
        height: 325px;
    }

    .vendor-info-text-4 .graybox {
        padding: 8px 12px;
    }

    .vendor-info-left-part-4 {
        width: 43%;
    }

    .vendor-info-right-part-4 {
        width: 57%;
    }
}

@media (max-width: 1499.98px) {
    .description-img4 {
        height: 294px;
    }

    .vendor-info-text-4 {
        padding: 15px;
    }

        .vendor-info-text-4 .vendor-logo {
            margin-right: 14px;
        }

        .vendor-info-text-4 .ratings-full {
            margin-right: 6px;
            font-size: 11px;
        }

        .vendor-info-text-4 .rating-reviews {
            font-size: 14px;
        }

    .vendor-info-left-part-4 {
        width: 44%;
    }

    .vendor-info-right-part-4 {
        width: 56%;
    }

    .ratings-wrapper-4 .avg-mark {
        font-size: 62px;
    }
}

@media (max-width: 1399.98px) {
    .single-product-v4-detail-main {
        height: 730px;
    }

    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 730px;
    }

    .title-4 {
        margin: 76px 0 7px 0;
    }

    .single-product-v4-detail-page-cuntent {
        width: 49%;
    }

    .short-desc-4 p {
        font-size: 24px;
    }

    .single-product-v4-detail-slider-right {
        width: 51%;
    }

    .single-product-v4-detail-slider-item3 {
        height: 830px;
    }

    .single-product-v4-detail-slider-item2 {
        height: 540px;
    }

    .single-product-v4-detail-slider-item1 {
        height: 540px;
    }

    .single-product-v4-detail-page-responsive {
        width: 100%;
    }

    .description-img4 {
        height: 400px;
    }

    .description-text4 {
        margin: 30px 0 0 0;
    }

    .vendor-info-left-part-4 {
        width: 60%;
    }

    .vendor-info-right-part-4 {
        width: 100%;
    }

    .vendor-info-text4-4 {
        margin: 30px 0 0 0;
    }

    .review-form-wrapper-4 {
        padding: 30px 0;
    }

    .common-btn2-hover-small {
        font-size: 14px;
        padding: 13px 19px;
    }
}

@media (max-width: 1299.98px) {
    .single-product-v4-detail-main {
        height: 670px;
    }

    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 670px;
    }

    .single-product-v4-slicknavholdercustom .single-product-v4-slicknavbtnbig {
        margin: 0 10px;
    }

        .single-product-v4-slicknavholdercustom .single-product-v4-slicknavbtnbig img {
            width: 35px;
        }

    .single-product-v4-slicknavholdercustom {
        right: -120px;
    }

    .single-product-v4-detail-three-images {
        margin: -96px 0 0 0;
    }

    .single-product-v4-detail-slider-item1 {
        height: 440px;
    }

    .single-product-v4-detail-slider-item2 {
        height: 440px;
    }

    .single-product-v4-detail-slider-item3 {
        height: 640px;
    }

    .single-product-v4-detail-page-cuntent {
        width: 46%;
    }

    .single-product-v4-detail-slider-right {
        width: 54%;
    }

    .title-4 {
        font-size: 36px;
        margin: 100px 0 7px 0;
    }

    .short-desc-4 p {
        font-size: 16px;
        line-height: normal;
        margin: 0 0 20px 0;
    }

    .price-4 .text-price-4 {
        font-size: 20px;
    }

        .price-4 .text-price-4 del {
            font-size: 15px;
            padding: 0 5px 0 0;
        }

    .size-swatch-title-4 {
        margin: 5px 0 0;
    }

    .quantity-form-4 {
        margin: 20px 0;
    }

    .subtitle-4-1 {
        font-size: 20px;
    }

    .title-4-1 {
        font-size: 38px;
        margin: 0 0 30px 0;
    }

    .subtitle-4-1::after {
        width: 28px;
        height: 2px;
        top: 14px;
        right: 38px;
    }

    .single-product-v4-tab-cunten {
        padding: 70px 70px 70px 40px;
    }

    .custom-tab-nav-4 .nav-link {
        font-size: 17px;
        padding: 0;
        line-height: 40px;
    }

    .custom-tab-nav-4 .nav-item {
        margin-left: 44px;
    }

    .custom-tab-content-4 {
        margin: 0 0 0 50px;
    }

    .description-img4 {
        height: 300px;
    }

    .description-text4 {
        margin: 30px 0 0 0;
        font-size: 14px;
        line-height: 24px;
    }

    .video-4 .btn-play {
        width: 58px;
        height: 58px;
    }

        .video-4 .btn-play .play-icon {
            height: 20px;
        }

    .information-table-4 .table th {
        font-size: 14px;
        padding: 10px 14px;
    }

    .information-table-4 .table td {
        font-size: 14px;
        padding: 10px 14px;
    }

    .size-chart-table-4 .table th {
        font-size: 14px;
        padding: 7px 10px;
    }

    .size-chart-table-4 .table td {
        font-size: 14px;
        padding: 7px 10px;
    }

    .vendor-info-text4-4 {
        font-size: 14px;
        line-height: 24px;
    }

    .vendor-info-left-part-4 {
        width: 56%;
    }

    .vendor-info-text-4 .vendor-logo {
        margin-right: 10px;
        max-width: 60px;
        height: 60px;
    }

    .vendor-info-text-4 .vendor-name {
        font-size: 16px;
    }

    .vendor-info-text-4 .graybox .title {
        font-size: 18px;
    }

    .ratings-wrapper-4 .avg-mark {
        font-size: 60px;
    }

    .ratings-wrapper-4 .avg-rating {
        margin-left: 16px;
    }

        .ratings-wrapper-4 .avg-rating p {
            font-size: 15px;
        }

        .ratings-wrapper-4 .avg-rating .ratings-full {
            margin-right: 10px;
            font-size: 12px;
        }

    .ratings-wrapper-4 .rating-reviews {
        font-size: 14px;
    }

    .ratings-wrapper-4 .ratings-value {
        font-size: 14px;
        margin-bottom: 10px;
    }

        .ratings-wrapper-4 .ratings-value span:first-child {
            margin-right: 20px;
            font-size: 20px;
        }

        .ratings-wrapper-4 .ratings-value .count {
            font-size: 14px;
        }

    .ratings-wrapper-4 .ratings-full, .ratings {
        font-size: 12px;
    }

    .ratings-wrapper-4 .ratings-list .progress-value mark {
        font-size: 14px;
    }

    .review-form-wrapper-4 .title {
        font-size: 16px;
    }

    .review-form-wrapper-4 .review-form {
        padding-top: 13px;
    }

    .review-form-wrapper-4 .rating-form {
        margin-bottom: 18px;
    }

    .review-form-wrapper-4 .review-form .form-control {
        min-height: 40px;
        margin-bottom: 10px;
        font-size: 14px;
        padding: 8px 16px;
    }

    .review-form-wrapper-4 .review-form textarea {
        height: 140px;
    }

    .review-form-wrapper-4 .form-group {
        margin: 3px 0 16px 0;
        font-size: 14px;
        display: block;
    }

    .review-form-wrapper-4 .custom-checkbox {
        height: 16px;
        width: 16px;
    }

        .review-form-wrapper-4 .custom-checkbox:checked + label::before, .custom-checkbox.checked + label::before {
            font-size: 10px;
        }

    .common-btn2-hover-small-arrow {
        font-size: 15px;
    }

    .comments-4 .comment-avatar {
        flex: 0 0 50px;
        max-width: 50px;
        margin-right: 15px;
        height: 50px;
    }

    .comments-4 .comment-author {
        font-size: 16px;
    }

    .comments-4 .comment-date {
        font-size: 14px;
    }

    .comments-4 .ratings-full {
        font-size: 12px;
    }

    .comments-4 .ratings-container.comment-rating {
        margin-bottom: 10px;
        margin-top: 7px;
    }

    .comments-4 .comment-body .comment-content p {
        margin-bottom: 12px;
        line-height: 22px;
        font-size: 14px;
    }

    .comments-4 .review-image figure {
        max-width: 50px;
        height: 50px;
    }

    .comments-4 .comment-action .btn-helpful {
        font-size: 14px;
        margin: 0 20px 0 0;
    }

    .comments-4 .comment-action .btn-report-abuse {
        font-size: 14px;
    }
}

@media (max-width: 1199.98px) {
    .single-product-v4-slicknavholdercustom {
        left: -110px;
    }

    .vendor-info-left-part-4 {
        width: 73%;
    }
}

@media (max-width: 1024.98px) {
    .single-product-v4-detail-main {
        height: 600px;
    }

    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 600px;
    }

    .title-4 {
        font-size: 30px;
        margin: 70px 0 7px 0;
    }

    .short-desc-4 p {
        font-size: 14px;
    }

    .single-product-v4-detail-slider-item1 {
        height: 400px;
    }

    .single-product-v4-detail-slider-item2 {
        height: 400px;
    }

    .single-product-v4-detail-slider-item3 {
        height: 600px;
    }

    .price-4 .text-price-4 {
        font-size: 15px;
    }

    .subtitle-4-1 {
        font-size: 16px;
    }

        .subtitle-4-1::after {
            width: 28px;
            height: 2px;
            top: 11px;
            left: 28px;
        }

    .title-4-1 {
        font-size: 20px;
        margin: 0 0 20px 0;
    }
}

@media (max-width: 991.98px) {
    .single-product-v4-detail-main {
        height: 500px;
    }

    .single-product-v4-detail-slider-right {
        width: 50%;
    }

    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 500px;
    }

    .single-product-v4-detail-page-cuntent {
        width: 50%;
    }

    .title-4 {
        margin: 50px 0 7px 0;
    }

    .single-product-v4-detail-three-images {
        margin: -86px 0 0 0;
    }

    .single-product-v4-detail-slider-item1 {
        height: 350px;
        border-radius: 5px;
    }

    .single-product-v4-detail-slider-item2 {
        height: 350px;
        border-radius: 5px;
    }

    .single-product-v4-detail-slider-item3 {
        height: 500px;
        border-radius: 5px;
    }

    .single-product-v4-tab-cunten {
        padding: 30px;
    }

    .custom-tab-nav-4 {
        max-width: 128px;
        flex-basis: 128px;
    }

    .custom-tab-content-4 {
        margin: 0 0 0 26px;
    }

    .description-text4 {
        margin: 26px 0 0 0;
    }

    .information-table-4 .table {
        margin: 26px 0 0 0;
    }

    .description-img4 {
        height: 210px;
    }

    .vendor-info-left-part-4 {
        width: 85%;
    }

    .vendor-info-right-part-4 {
        width: 100%;
    }

    .vendor-info-text-4 {
        display: flex !important;
    }

        .vendor-info-text-4 .graybox {
            padding: 6px 6px;
            width: auto;
            display: block;
            float: none;
            margin: 0 0px 8px 25px;
            border-radius: 5px;
        }

        .vendor-info-text-4 .btn-box {
            margin: 2px 0 0 25px;
        }

    .vendor-info-text4-4 {
        margin: 26px 0 0 0;
    }

    .review-form-wrapper-4 {
        margin: 26px 0;
        padding: 0;
    }
}

@media (max-width: 767.98px) {
    .single-product-v4-detail-main {
        height: auto;
    }

    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 512px;
    }

    .single-product-v4-detail-three-images {
        margin: 30px 0 0 0;
    }

    .single-product-v4-detail-page-cuntent {
        width: 100%;
    }

    .single-product-v4-detail-text-main {
        position: relative;
    }

    .single-product-v4-detail-slider-right {
        width: 100%;
    }

    .single-product-v4-detail-slider-item1 {
        height: 300px;
    }

    .single-product-v4-detail-slider-item2 {
        height: 300px;
    }

    .single-product-v4-detail-slider-item3 {
        height: 420px;
    }

    .custom-tab-content-4 {
        margin: 26px 0 0 0;
        width: 100%;
    }

    .custom-tab-nav-4 .nav-link.active, .custom-tab-nav-4 .show > .nav-link {
        border-right: 0px;
        border-bottom: 2px solid var(--yellow-color);
    }

    .subtitle-4-1 {
        font-size: 15px;
    }

        .subtitle-4-1::after {
            width: 18px;
            height: 2px;
            top: 10px;
            left: 24px;
        }

    .title-4-1 {
        font-size: 19px;
        margin: 0 0 10px 0;
    }

    .custom-tab-nav-4 {
        max-width: 100%;
        flex-basis: 100%;
        display: block;
    }

        .custom-tab-nav-4 .nav-link {
            width: 48%;
            display: inline-flex;
            text-align: center;
            justify-content: center;
            align-items: center;
        }

    .single-product-v4-slicknavholdercustom .single-product-v4-slicknavbtnbig img {
        width: 25px;
    }

    .single-product-v4-slicknavholdercustom {
        left: -90px;
        bottom: 25px;
    }

    .title-4 {
        font-size: 20px;
        margin: 30px 0 7px 0;
    }

    .custom-tab-nav-4 .nav-item {
        margin-left: 10px;
    }

    .vendor-info-text-4 .graybox .title {
        font-size: 16px;
    }

    .ratings-wrapper-4 .ratings-value span:first-child {
        margin-right: 15px;
        font-size: 17px;
    }

    .review-form-wrapper-4 .title {
        font-size: 15px;
    }

    .review-form-wrapper-4 .review-form {
        padding-top: 10px;
    }

    .ratings-wrapper-4 .avg-mark {
        font-size: 40px;
    }

    .comments-4 .comment-author {
        font-size: 15px;
    }

    .vendor-info-left-part-4 {
        width: 90%;
    }

    .vendor-info-text-4 .vendor-name {
        font-size: 15px;
    }

    .review-form-wrapper-4 p {
        font-size: 13.5px;
    }
}

@media (max-width: 575.98px) {
    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 380px;
    }

    .single-product-v4-slicknavholdercustom {
        left: auto;
        bottom: 6px;
        right: 12px;
        background-color: var(--white-color);
    }

    .single-product-v4-detail-slider-item3 {
        height: 360px;
        margin-bottom: 15px;
    }

    .single-product-v4-detail-slider-item2 {
        height: 360px;
        margin-bottom: 15px;
    }

    .single-product-v4-detail-slider-item1 {
        height: 360px;
    }

    .single-product-v4-tab-cunten {
        padding: 15px;
    }

    .vendor-info-left-part-4 {
        width: 83%;
    }
}

@media (max-width: 480.98px) {
    .vendor-info-text-4 {
        display: block !important;
    }

    .vendor-info-left-part-4 {
        width: 100%;
    }

    .description-img4 {
        height: 160px;
    }

    .vendor-info-text-4 .graybox {
        width: 100%;
        display: block;
        margin: 5px 0 5px 0;
    }

    .vendor-info-text-4 .btn-box {
        margin: 0;
    }
}

@media (max-width: 414.98px) {
    .single-product-v4-detail-slider-item3 {
        height: 260px;
        margin-bottom: 10px;
    }

    .single-product-v4-detail-slider-item2 {
        height: 260px;
        margin-bottom: 10px;
    }

    .single-product-v4-detail-slider-item1 {
        height: 260px;
        margin-bottom: 10px;
    }

    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 276px;
    }

    .description-text4 {
        margin: 20px 0 0 0;
    }

    .information-table-4 .table {
        margin: 20px 0 0 0;
    }

    .vendor-info-text4-4 {
        margin: 20px 0 0 0;
    }

    .review-form-wrapper-4 {
        margin: 20px 0;
    }
}

@media (max-width: 375.98px) {
    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 250px;
    }

    .single-product-v4-detail-slider-item3 {
        height: 230px;
    }

    .single-product-v4-detail-slider-item2 {
        height: 230px;
    }

    .single-product-v4-detail-slider-item1 {
        height: 230px;
    }

    .description-img4 {
        height: 150px;
    }
}

@media (max-width: 360.98px) {
    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 240px;
    }

    .size-4 {
        margin: 0 4px 0 0;
    }

    .size-title-4-val {
        margin: 0 0 0 5px;
    }

    .single-product-v4-detail-slider-item3 {
        height: 220px;
    }

    .single-product-v4-detail-slider-item2 {
        height: 220px;
    }

    .single-product-v4-detail-slider-item1 {
        height: 220px;
    }
}

@media (max-width: 320.98px) {
    .review-form-wrapper-4 .rating-stars {
        margin-left: 1px;
    }

    .comments-4 .comment-action .btn-helpful {
        margin: 0 15px 0 0;
    }
}
/*=========================================== Single Product v4 Page End CSS ===========================================*/

/*=========================================== Single Product v5 Page Start CSS ===========================================*/
/*------------------------------ Single Product v5 Page Detail CSS --------------------------------*/
.single-product-v5-detail-main {
    margin: 50px 0;
    padding: 0
}

.single-product-v5-detail-page-slider-main {
    margin: 0 26px 0 0;
    padding: 0;
    position: relative;
}

.single-product-v5-slicknavholdercustom {
    position: absolute;
    top: 50%;
    left: 18px;
    right: 18px;
}

    .single-product-v5-slicknavholdercustom .single-product-v5-slicknavbtnprev {
        cursor: pointer;
        position: absolute;
        left: 0;
    }

    .single-product-v5-slicknavholdercustom .single-product-v5-slicknavbtnnext {
        cursor: pointer;
        position: absolute;
        right: 0;
    }

.single-product-v5-slicknavholdercustom2 {
    position: absolute;
    bottom: 60%;
    left: 0;
    right: 0;
}

    .single-product-v5-slicknavholdercustom2 .single-product-v5-slicknavbtnprev {
        cursor: pointer;
        position: absolute;
        left: 0;
    }

    .single-product-v5-slicknavholdercustom2 .single-product-v5-slicknavbtnnext {
        cursor: pointer;
        position: absolute;
        right: 0;
    }

.single-product-v5-detail-page-slider-large .slider-img {
    height: 777px;
    width: 100%;
    overflow: hidden;
    margin: 0;
}

    .single-product-v5-detail-page-slider-large .slider-img img {
        object-position: top;
    }

.single-product-v5-detail-page-slider-thumbnail {
    margin: 0 -5px;
    padding: 0 60px;
}

.thumbnail-main {
    position: absolute;
    bottom: 37px;
    overflow: hidden;
    left: 72px;
    right: 72px;
}

.single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
    height: 91px;
    overflow: hidden;
    cursor: pointer;
    padding: 0 5px;
}

    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img img {
        object-position: center;
        object-position: top;
    }

.single-product-v5-detail-page-slider-thumbnail .slick-slide .slider-thumbnail-img img {
    opacity: 1;
    transition: all 0.3s;
    border: 2px solid var(--white-color);
}

.single-product-v5-detail-page-slider-thumbnail .slick-slide.slick-current .slider-thumbnail-img img {
    border-color: var(--blue-color);
    object-position: top;
}

.single-product-v5-detail {
    padding: 0;
    margin: 0 0 0 54px;
}

.title-5 {
    font-size: 36px;
    font-weight: 600;
    color: var(--black-color-6);
    margin: 0 0 23px 0;
    padding: 0;
}

.color-swatch-5 {
    height: 30px;
    margin: 0 42px 0 0;
    padding: 0 32px 0 0;
    border-right: 2px solid var(--gray-color-3);
}

.color-title-5 {
    font-size: 18px;
    font-weight: 500;
    color: var(--black-color-6);
    margin: 0 15px 0 0;
    padding: 0;
    line-height: 1.8;
}

.color-5 {
    width: 30px;
    height: 30px;
    display: table;
    margin: 0px 5px;
    border-radius: 50px;
    border: solid 1px transparent;
    position: relative;
}

    .color-5:last-of-type {
        margin-right: 0px;
    }

    .color-5.active {
        width: auto;
        border-color: var(--gray-color-3);
    }

        .color-5.active .tt-bgcolor {
            transition: transform 0.3s;
            transform: scale(0.8);
            transform-origin: center center;
        }

        .color-5.active .tt-text {
            visibility: visible;
            opacity: 1;
            position: relative;
        }

    .color-5 .tt-bgcolor {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        transform: scale(1);
        float: left;
    }

    .color-5 .tt-text {
        visibility: hidden;
        opacity: 0;
        float: left;
        position: absolute;
        top: 4px;
        left: 0;
        padding-right: 10px;
        padding-left: 5px;
        line-height: 1.4;
        font-size: 14px;
        font-weight: 600;
        color: var(--dark-color-2);
        font-family: 'IRANSansX', sans-serif;
    }

.size-swatch-5 {
    margin: 0;
    padding: 0;
}

.size-title-5 {
    font-size: 18px;
    font-weight: 500;
    color: var(--black-color-6);
    margin: 0 15px 0 0;
    padding: 0;
    display: inline-block;
}

.size-5 {
    font-size: 15px;
    font-weight: 700;
    color: var(--black-color-6);
    margin: 0 20px 0 0;
    border-bottom: 2px solid transparent;
    font-family: 'IRANSansX', sans-serif;
}

    .size-5.active {
        color: var(--blue-color);
        border-bottom: 2px solid var(--blue-color);
    }

.price-5 {
    margin: 22px 0 0 0;
    padding: 0;
}

.text-price-5 del {
    font-size: 20px;
    font-weight: 500;
    color: var(--gray-color-14);
    opacity: 50%;
    margin: 0;
    padding: 0 10px 0 0;
    display: inline-block;
}

.text-price-5 {
    font-size: 30px;
    font-weight: 700;
    color: var(--dark-color-2);
    margin: 0;
    padding: 0;
    display: inline-block;
}

.short-desc-5 p {
    font-family: 'IRANSansX', sans-serif;
    color: var(--dark-color-2);
    font-size: 15px;
    line-height: 1.8;
    font-weight: 600;
    margin: 13px 0 0 0;
    padding: 0;
}

.info-list-5 {
    padding-top: 25px;
    display: flex;
}

.info-list-mar-pad-bor-5 {
    margin: 0 27px 0 0;
    padding: 0 27px 0 0;
    border-right: 2px solid var(--gray-color-3);
}

.sku-5 {
    font-size: 15px;
    font-weight: 500;
    color: var(--dark-color-2);
}

    .sku-5 span {
        font-size: 15px;
        font-weight: 400;
        color: var(--dark-color-2);
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

.categories-5 {
    font-size: 15px;
    font-weight: 500;
    color: var(--dark-color-2);
}

    .categories-5 span {
        font-size: 15px;
        font-weight: 400;
        color: var(--dark-color-2);
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

        .categories-5 span a {
            color: var(--dark-color-2);
        }

.tags-5 {
    font-size: 15px;
    font-weight: 500;
    color: var(--dark-color-2);
    margin: 0;
    padding: 0;
}

    .tags-5 span {
        font-size: 15px;
        font-weight: 400;
        color: var(--dark-color-2);
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

        .tags-5 span a {
            color: var(--dark-color-2);
        }

.quantity-form-5 {
    margin: 30px 0 30px 0;
    padding: 0;
    border-bottom: 1px solid var(--gray-color-3);
    padding-bottom: 23px;
    display: flex;
}

.social-button-5 {
    font-size: 15px;
    color: var(--dark-color-2);
    margin: 0 5px 0 0;
    padding: 0;
    width: 42px;
    height: 42px;
    border-radius: 100px;
    border: 1px solid var(--gray-color-3);
    display: inline-flex;
    text-align: center;
    background-color: var(--light-white-color);
    justify-content: center;
    align-items: center;
}

    .social-button-5:hover {
        color: var(--light-white-color);
        background-color: var(--dark-color-2);
        border: 1px solid var(--dark-color-2);
    }

    .social-button-5.icon-facebook:hover {
        color: var(--white-color);
        border: 1px solid var(--blue-color);
        background-color: var(--blue-color);
    }

    .social-button-5.icon-twitter:hover {
        color: var(--white-color);
        border: 1px solid var(--blue-color-1);
        background-color: var(--blue-color-1);
    }

    .social-button-5.icon-instagram:hover {
        color: var(--white-color);
        border: 1px solid var(--red-color-2);
        background-color: var(--red-color-2);
    }

    .social-button-5.icon-pinterest:hover {
        color: var(--white-color);
        border: 1px solid var(--red-color-3);
        background-color: var(--red-color-3);
    }

    .social-button-5.icon-linkedin:hover {
        color: var(--white-color);
        border: 1px solid var(--blue-color-2);
        background-color: var(--blue-color-2);
    }

/*------------------------------ Single Product v5 Page Tab CSS --------------------------------*/
.custom-accordion-5 {
    margin: 0 0 0 54px;
}

    .custom-accordion-5 .accordion-item:first-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .custom-accordion-5 .accordion-item:last-of-type {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .custom-accordion-5 .accordion-item:not(:first-of-type) {
        border-top: 0;
    }

    .custom-accordion-5 .accordion-item {
        background-color: var(--white-color);
        border: none;
        margin: 0 0 42px 0;
        padding: 0 40px;
    }

        .custom-accordion-5 .accordion-item.active {
            background-color: var(--white-color);
            border: none;
            margin-bottom: 60px;
            padding: 40px;
            border-radius: 10px;
            box-shadow: 0 15px 30px rgba(0,0,0,0.10);
            -webkit-transition: all 240ms ease-in-out;
            -moz-transition: all 240ms ease-in-out;
            -ms-transition: all 240ms ease-in-out;
            -o-transition: all 240ms ease-in-out;
            transition: all 240ms ease-in-out;
        }

        .custom-accordion-5 .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

    .custom-accordion-5 .accordion-button:not(.collapsed) {
        color: var(--dark-color-2);
        background-color: var(--white-color);
        box-shadow: none;
    }

    .custom-accordion-5 .accordion-button {
        font-size: 20px;
        font-weight: 700;
        padding: 0;
        display: block;
    }

        .custom-accordion-5 .accordion-button .subtitle {
            font-size: 14px;
            font-weight: 400;
            padding: 0 20px 0 0;
            color: var(--gray-color-14);
            margin: 0;
            display: block;
            font-family: 'IRANSansX', sans-serif;
            line-height: normal;
        }

        .custom-accordion-5 .accordion-button:focus {
            z-index: 3;
            border-color: var(--gray-color-3);
            outline: 0;
            box-shadow: none;
        }

    .custom-accordion-5 .accordion-header {
        border-bottom: none;
    }

    .custom-accordion-5 .accordion-body {
        padding: 30px 0 0 0;
        border-bottom: none
    }

    .custom-accordion-5 .accordion-button::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        flex-shrink: 0;
        margin-left: auto;
        width: unset;
        height: unset;
        content: "\f0dd";
        color: var(--dark-color-2);
        font-size: 18px;
        background-image: none;
        background-repeat: unset;
        background-size: unset;
        transition: transform .2s ease-in-out;
        right: 0;
        top: 7px;
        position: absolute;
    }

    .custom-accordion-5 .accordion-button:not(.collapsed)::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0de";
        color: var(--dark-color-2);
        font-size: 18px;
        background-image: none;
        transform: none;
        right: 0;
        top: 14px;
        position: absolute;
    }

.video-5 {
    margin: 0;
}

    .video-5 .description-img5 {
        margin: 0;
        padding: 0;
        height: 350px;
        overflow: hidden;
        border-radius: 10px;
        vertical-align: middle;
    }

    .video-5 .btn-play {
        display: flex;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        align-items: center;
        justify-content: center;
        padding: 0;
        width: 78px;
        height: 78px;
        border-radius: 50%;
        background-color: var(--white-color);
        box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    }

        .video-5 .btn-play .play-icon {
            height: 24px;
            overflow: hidden;
            display: inline-block;
            line-height: 1;
        }

.description-text5 {
    padding: 0;
    margin: 21px 0 25px 0;
    color: var(--dark-color-2);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'IRANSansX', sans-serif;
}

.information-table-5 .table {
    border: 1px solid var(--gray-color-18);
    margin: 0;
}
    /* .information-table-5 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--gray-color-19); } */
    .information-table-5 .table > :not(caption) > * > * {
        padding: 0;
        background: none;
        border-bottom-width: 1px;
        box-shadow: none;
    }

    .information-table-5 .table tbody, td, th, thead, tr {
        border: 1px solid var(--gray-color-18);
    }

    .information-table-5 .table th {
        font-size: 15px;
        font-weight: 500;
        color: var(--black-color);
        padding: 10px 10px;
    }

        .information-table-5 .table th:first-of-type {
            background-color: var(--gray-color-6);
        }

    .information-table-5 .table td {
        font-size: 14px;
        font-weight: 400;
        color: var(--white-color-1);
        padding: 10px 10px;
        font-family: 'IRANSansX', sans-serif;
    }

.size-chart-table-5 .table {
    border: 1px solid var(--gray-color-18);
    margin: 0;
}

    .size-chart-table-5 .table > :not(caption) > * > * {
        padding: 0;
        border-bottom-width: 1px;
        box-shadow: none;
        border-color: var(--gray-color-18);
    }

    .size-chart-table-5 .table .table-dark {
        background-color: var(--black-color-2);
        border-color: var(--gray-color-18);
    }

    .size-chart-table-5 .table tbody, td, th, thead, tr {
        border: 1px solid var(--gray-color-18);
    }
    /* .size-chart-table-5 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--dark-white-color); } */
    .size-chart-table-5 .table tr {
        background-color: var(--white-color);
    }

    .size-chart-table-5 .table th {
        font-size: 15px;
        font-weight: 500;
        color: var(--white-color);
        padding: 10px 3px;
    }

    .size-chart-table-5 .table td {
        font-size: 14px;
        font-weight: 400;
        color: var(--white-color-1);
        padding: 10px 3px;
        font-family: 'IRANSansX', sans-serif;
    }

        .size-chart-table-5 .table td:first-of-type {
            background-color: var(--gray-color-6);
        }

.vendor-info-text-5 {
    margin: 0;
    padding: 20px;
    background-color: var(--white-color);
    border: 1px solid var(--gray-color-18);
    border-radius: 5px;
}

    .vendor-info-text-5 .vendor-user {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }

    .vendor-info-text-5 .vendor-logo {
        max-width: 70px;
        height: 70px;
        margin-right: 24px;
        margin-bottom: 0;
        overflow: hidden;
    }

        .vendor-info-text-5 .vendor-logo img {
            border: none;
            border-radius: 5px;
        }

    .vendor-info-text-5 .vendor-name {
        margin: 1px 0 4px 0;
        font-size: 20px;
        font-weight: 700;
        color: var(--black-color);
    }

        .vendor-info-text-5 .vendor-name a {
            color: var(--black-color);
        }

    .vendor-info-text-5 .ratings-container {
        display: flex;
        align-items: center;
        margin-bottom: 4px;
    }

    .vendor-info-text-5 .ratings-full {
        margin-right: 10px;
        font-size: 12px;
        color: var(--yellow-color);
        cursor: pointer;
    }

        .vendor-info-text-5 .ratings-full .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .vendor-info-text-5 .rating-reviews {
        margin: 0;
        font-size: 15px;
        color: var(--black-color);
        font-weight: 400;
        font-family: 'IRANSansX', sans-serif;
    }

    .vendor-info-text-5 .vendor-info {
        margin: 8px 0 0 0;
    }

        .vendor-info-text-5 .vendor-info li {
            margin: 2px 0 0 0;
        }

        .vendor-info-text-5 .vendor-info label {
            display: inline-block;
            padding-right: 0;
            color: var(--black-color);
            font-size: 14px;
            font-weight: 500;
        }

        .vendor-info-text-5 .vendor-info .detail {
            font-size: 14px;
            font-weight: 400;
            color: var(--black-color);
            font-family: 'IRANSansX', sans-serif;
        }

    .vendor-info-text-5 .store-phone a {
        font-size: 14px;
        font-weight: 400;
        color: var(--black-color);
        font-family: 'IRANSansX', sans-serif;
    }

        .vendor-info-text-5 .store-phone a:hover {
            color: var(--black-color);
        }

    .vendor-info-text-5 .two-graybox-main {
        margin: 0 -5px;
    }

    .vendor-info-text-5 .graybox {
        width: 100%;
        margin: 10px 5px;
        padding: 8px 14px;
        background-color: var(--dark-white-color);
        border-radius: 10px;
    }

        .vendor-info-text-5 .graybox .title {
            font-size: 24px;
            font-weight: 700;
            color: var(--black-color);
        }

        .vendor-info-text-5 .graybox .sub-desc {
            font-size: 14px;
            font-weight: 400;
            color: var(--black-color);
            font-family: 'IRANSansX', sans-serif;
        }

    .vendor-info-text-5 .btn-box {
        margin: 0;
        padding: 0;
    }

.vendor-info-text5 {
    padding: 0;
    margin: 30px 0 0 0;
    color: var(--dark-color-2);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'IRANSansX', sans-serif;
}

.last-reviews-part-5 {
    padding: 20px 12px 40px 0;
}

.ratings-wrapper-5 {
    margin: 0;
    padding: 0;
}

    .ratings-wrapper-5 .avg-rating-container {
        display: flex;
        align-items: center;
        margin-bottom: 4px;
    }

    .ratings-wrapper-5 .avg-mark {
        font-size: 72px;
        font-weight: 900;
        color: var(--blue-color);
        letter-spacing: 0;
        line-height: 1;
        margin-bottom: 0;
    }

    .ratings-wrapper-5 .avg-rating {
        margin-left: 22px;
    }

        .ratings-wrapper-5 .avg-rating p {
            font-size: 18px;
            line-height: normal;
            font-weight: 400;
            color: var(--black-color);
            font-family: 'IRANSansX', sans-serif;
        }

        .ratings-wrapper-5 .avg-rating .ratings-container {
            display: flex;
            align-items: center;
            line-height: normal;
            margin-top: 5px;
            margin-bottom: 0;
        }

        .ratings-wrapper-5 .avg-rating .ratings-full {
            cursor: pointer;
            margin-right: 12px;
            font-size: 14px;
            font-weight: 900;
            color: var(--yellow-color);
        }

    .ratings-wrapper-5 .ratings-full, .ratings {
        position: relative;
        letter-spacing: normal;
        cursor: pointer;
        margin-right: 0;
        font-size: 14px;
        font-weight: 900;
        color: var(--yellow-color);
    }

        .ratings-wrapper-5 .ratings-full .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .ratings-wrapper-5 .rating-reviews {
        margin: 0;
        font-size: 16px;
        color: var(--gray-color-14);
        font-weight: 400;
        font-family: 'IRANSansX', sans-serif;
    }

    .ratings-wrapper-5 .ratings-value {
        margin-bottom: 18px;
        font-size: 18px;
        font-weight: 400;
        color: var(--black-color);
        font-family: 'IRANSansX', sans-serif;
    }

        .ratings-wrapper-5 .ratings-value span:first-child {
            margin-right: 30px;
            font-size: 30px;
            font-weight: 700;
            color: var(--black-color);
        }

        .ratings-wrapper-5 .ratings-value .count {
            margin-left: 9px;
            font-size: 16px;
            color: var(--gray-color-14);
            font-weight: 400;
            font-family: 'IRANSansX', sans-serif;
        }

    .ratings-wrapper-5 .ratings-list .ratings-container {
        margin-bottom: 7px;
        display: flex;
        align-items: center;
    }

    .ratings-wrapper-5 .ratings-list .progress-bar {
        max-width: 290px;
        margin-left: 24px;
        margin-bottom: 0;
        border-radius: 5px;
    }

    .ratings-wrapper-5 .progress-bar.progress-bar-sm {
        height: 10px;
    }

    .ratings-wrapper-5 .progress-bar {
        background-color: var(--gray-color-18);
        margin-bottom: 1rem;
        height: 1rem;
        width: 100%;
    }

    .ratings-wrapper-5 .ratings-list .progress-bar span {
        border-radius: 5px;
    }

    .ratings-wrapper-5 .progress-bar .green-220 {
        display: block;
        height: 100%;
        background-color: var(--green-color);
        width: 150px;
    }

    .ratings-wrapper-5 .progress-bar .green-120 {
        display: block;
        height: 100%;
        background-color: var(--green-color);
        width: 100px;
    }

    .ratings-wrapper-5 .progress-bar .green-150 {
        display: block;
        height: 100%;
        background-color: var(--green-color);
        width: 120px;
    }

    .ratings-wrapper-5 .progress-bar .yellow-70 {
        display: block;
        height: 100%;
        background-color: var(--yellow-color);
        width: 50px;
    }

    .ratings-wrapper-5 .progress-bar .red-30 {
        display: block;
        height: 100%;
        background-color: var(--red-color-5);
        width: 20px;
    }

    .ratings-wrapper-5 .ratings-list .progress-value {
        margin-left: 27px;
        min-width: 32px;
    }

        .ratings-wrapper-5 .ratings-list .progress-value mark {
            font-size: 16px;
            color: var(--black-color);
            font-weight: 600;
            font-family: 'IRANSansX', sans-serif;
        }

    .ratings-wrapper-5 .progress-value mark {
        background: transparent;
    }

.review-form-wrapper-5 {
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid var(--gray-color-3);
    border-bottom: 1px solid var(--gray-color-3);
}

    .review-form-wrapper-5 .title {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        align-items: center;
        text-align: center;
        margin-bottom: 5px;
        font-size: 18px;
        font-weight: 700;
        line-height: normal;
        color: var(--dark-color-2);
    }

    .review-form-wrapper-5 p {
        font-size: 14px;
        color: var(--dark-color-2);
        font-weight: 400;
    }

    .review-form-wrapper-5 .review-form {
        padding-top: 23px;
    }

    .review-form-wrapper-5 .rating-form {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 28px;
    }

        .review-form-wrapper-5 .rating-form label {
            font-size: 14px;
            color: var(--dark-color-2);
            font-weight: 400;
            font-family: 'IRANSansX', sans-serif;
        }

    .review-form-wrapper-5 .rating-stars {
        position: relative;
        font-size: 12px;
        margin-left: 20px;
        color: var(--yellow-color);
        cursor: pointer;
    }

        .review-form-wrapper-5 .rating-stars .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .review-form-wrapper-5 .review-form .form-control {
        min-height: 46px;
        margin-bottom: 10px;
        font-size: 15px;
        border-color: var(--white-color);
        color: var(--white-color-1);
        font-weight: 600;
        padding: 10px 20px;
        border-radius: 0px;
        font-family: 'IRANSansX', sans-serif;
        outline: none;
        box-shadow: none;
        border: 2px solid var(--gray-color-4);
    }

    .review-form-wrapper-5 .review-form textarea {
        height: 120px;
    }

    .review-form-wrapper-5 .form-group {
        margin: 6px 0 26px 0;
        font-size: 15px;
        font-weight: 600;
        color: var(--black-color);
        font-family: 'IRANSansX', sans-serif;
        line-height: normal;
        display: block;
    }

    .review-form-wrapper-5 .custom-checkbox {
        position: absolute;
        opacity: 0;
        z-index: 1;
        width: 18px;
        height: 18px;
        cursor: pointer;
    }

        .review-form-wrapper-5 .custom-checkbox + label {
            display: inline-block;
            position: relative;
            padding-left: 26px;
            cursor: pointer;
        }

    .review-form-wrapper-5 .form-group .custom-checkbox + label::before {
        top: 0;
        transform: none;
        margin-top: 0.2rem;
    }

    .review-form-wrapper-5 .custom-checkbox + label::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 18px;
        height: 18px;
        line-height: 15px;
        border: 1px solid var(--blue-color);
        border-radius: 2px;
    }

    .review-form-wrapper-5 .custom-checkbox:checked + label::before, .custom-checkbox.checked + label::before {
        content: "\f00c";
        border-color: var(--blue-color);
        background: var(--blue-color);
        color: var(--white-color);
        font-size: 12px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-style: normal;
        text-align: center;
    }

.comments-5 {
    margin: 0;
    padding: 0;
}

    .comments-5 .comment {
        position: relative;
        padding: 0 0 42px 0;
    }

        .comments-5 .comment:last-child {
            padding-bottom: 0;
        }

    .comments-5 .comment-body {
        display: flex;
    }

    .comments-5 .comment-avatar {
        flex: 0 0 56px;
        max-width: 56px;
        margin-right: 19px;
        height: 56px;
        overflow: hidden;
        border-radius: 100%;
    }

    .comments-5 .comment-author {
        margin: 3px 0 0 0;
        font-size: 20px;
        color: var(--black-color);
        line-height: normal;
        font-weight: 700;
    }

        .comments-5 .comment-author a {
            margin-right: 10px;
            color: inherit;
        }

    .comments-5 .comment-date {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: normal;
        color: var(--gray-color-14);
        font-family: 'IRANSansX', sans-serif;
        display: block;
    }

    .comments-5 .ratings-container.comment-rating {
        margin-bottom: 13px;
        margin-top: 9px;
    }

    .comments-5 .ratings-container {
        display: flex;
        align-items: center;
        line-height: normal;
    }

    .comments-5 .ratings-full {
        position: relative;
        letter-spacing: normal;
        cursor: pointer;
        margin-right: 0;
        font-size: 14px;
        font-weight: 900;
        color: var(--yellow-color);
    }

        .comments-5 .ratings-full .fas {
            display: table-cell;
            padding: 0 2px 0 0;
        }

    .comments-5 .ratings-full, .ratings {
        position: relative;
        letter-spacing: normal;
    }

    .comments-5 .comment-body .comment-content p {
        margin-bottom: 15px;
        line-height: 24px;
        font-size: 15px;
        font-weight: 400;
        color: var(--dark-color-2);
    }

    .comments-5 .review-image {
        display: flex;
        align-items: center;
    }

        .comments-5 .review-image figure {
            max-width: 60px;
            margin-top: 0;
            margin-right: 0;
            border-radius: 2px;
            overflow: hidden;
            height: 60px;
        }

    .comments-5 .comment-action .btn-helpful {
        background: none;
        border: none;
        outline: none;
        box-shadow: none;
        color: var(--blue-color);
        font-weight: 400;
        font-size: 15px;
        margin: 0 30px 0 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

        .comments-5 .comment-action .btn-helpful i {
            font-size: 12px;
            color: var(--blue-color);
            margin: 0 9px 0 0;
        }

    .comments-5 .comment-action .btn-report-abuse {
        background: none;
        border: none;
        outline: none;
        box-shadow: none;
        color: var(--dark-color-2);
        font-weight: 400;
        font-size: 15px;
        margin: 0;
        padding: 0;
        font-family: 'IRANSansX', sans-serif;
    }

        .comments-5 .comment-action .btn-report-abuse i {
            font-size: 12px;
            color: var(--dark-color-2);
            margin: 0 9px 0 0;
        }

/*------------------------------ Single Product v5 Page Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .single-product-v5-detail {
        margin: 0;
    }

    .custom-accordion-5 {
        margin: 0;
    }
}

@media (max-width: 1499.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 677px;
    }

    .single-product-v5-detail-page-slider-thumbnail {
        padding: 0 40px;
    }

        .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
            height: 80px;
        }

    .single-product-v5-slicknavholdercustom2 {
        bottom: 65%;
    }

    .ratings-wrapper-5 .avg-mark {
        font-size: 65px;
    }

    .ratings-wrapper-5 .progress-bar .green-220 {
        width: 110px;
    }

    .ratings-wrapper-5 .progress-bar .green-120 {
        width: 70px;
    }

    .ratings-wrapper-5 .progress-bar .green-150 {
        width: 90px;
    }

    .ratings-wrapper-5 .progress-bar .yellow-70 {
        width: 40px;
    }

    .ratings-wrapper-5 .progress-bar .red-30 {
        width: 20px;
    }
}

@media (max-width: 1399.98px) {
    .single-product-v5-detail-page-slider-main {
        padding: 0;
        margin: 0;
    }

    .thumbnail-main {
        bottom: 27px;
        left: 42px;
        right: 42px;
    }

    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 70px;
    }

    .single-product-v5-slicknavholdercustom2 {
        bottom: 70%;
    }

    .info-list-mar-pad-bor-5 {
        margin: 0 15px 0 0;
        padding: 0 15px 0 0;
    }

    .video-5 .btn-play {
        width: 68px;
        height: 68px;
    }

    .video-5 .description-img5 {
        height: 320px;
    }
}

@media (max-width: 1299.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 577px;
    }

    .single-product-v5-slicknavholdercustom .single-product-v5-slicknavbtnprev img {
        max-width: 22px;
    }

    .single-product-v5-slicknavholdercustom .single-product-v5-slicknavbtnnext img {
        max-width: 22px;
    }

    .single-product-v5-slicknavholdercustom2 .single-product-v5-slicknavbtnprev img {
        max-width: 22px;
    }

    .single-product-v5-slicknavholdercustom2 .single-product-v5-slicknavbtnnext img {
        max-width: 22px;
    }

    .title-5 {
        font-size: 20px;
        margin: 0 0 13px 0;
    }

    .short-desc-5 p {
        font-size: 14px;
        line-height: 1.7;
    }

    .price-5 {
        margin: 20px 0 0 0;
    }

    .text-price-5 {
        font-size: 17px;
    }

        .text-price-5 del {
            font-size: 15px;
            padding: 0 5px 0 0;
        }

    .color-swatch-5 {
        margin: 0 22px 0 0;
        padding: 0 12px 0 0;
        height: 27px;
    }

    .color-title-5 {
        font-size: 15px;
        margin: 0 10px 0 0;
    }

    .color-5 {
        width: 28px;
        height: 28px;
    }

        .color-5 .tt-bgcolor {
            width: 27px;
            height: 27px;
        }

        .color-5.active::before {
            margin: 9px;
        }

        .color-5 .tt-text {
            line-height: 1.2;
        }

    .size-title-5 {
        font-size: 15px;
        margin: 0 10px 0 0;
    }

    .quantity-form-5 {
        margin: 15px 0 20px 0;
        padding-bottom: 13px;
    }

    .info-list-5 {
        padding-top: 12px;
    }

    .sku-5 {
        font-size: 15px;
        line-height: 24px;
    }

        .sku-5 span {
            font-size: 14px;
        }

    .categories-5 {
        font-size: 15px;
        line-height: 24px;
    }

        .categories-5 span {
            font-size: 14px;
        }

    .tags-5 {
        font-size: 15px;
        line-height: 24px;
    }

        .tags-5 span {
            font-size: 14px;
        }

    .share-5 {
        margin: 4px 0 0 0;
    }

    .single-product-v5-tab {
        margin: 0;
    }

    .custom-accordion-5 .accordion-button {
        font-size: 16px;
        padding: 0 0 15px 0;
    }

        .custom-accordion-5 .accordion-button:not(.collapsed)::after {
            font-size: 15px;
            top: 30px;
        }

        .custom-accordion-5 .accordion-button::after {
            font-size: 15px;
            top: 20px;
        }

    .custom-accordion-5 .accordion-item.active {
        margin-bottom: 40px;
        padding: 15px;
    }

    .custom-accordion-5 .accordion-item {
        margin: 0 0 22px 0;
        padding: 0 20px;
    }

    .custom-accordion-5 .accordion-body {
        padding: 5px 0 0 0;
    }

    .description-text5 {
        margin: 11px 0 20px 0;
        font-size: 14px;
        line-height: 24px;
    }

    .video-5 .description-img5 {
        height: 340px;
    }

    .video-5 .btn-play {
        width: 58px;
        height: 58px;
    }

        .video-5 .btn-play .play-icon {
            height: 20px;
        }

    .information-table-5 .table th {
        padding: 10px;
    }

    .information-table-5 .table td {
        padding: 10px;
    }

    .size-chart-table-5 .table th {
        padding: 10px;
    }

    .size-chart-table-5 .table td {
        padding: 10px;
    }

    .vendor-info-text5 {
        font-size: 14px;
        line-height: 24px;
        margin: 20px 0 0 0;
    }

    .vendor-info-text-5 .vendor-logo {
        margin-right: 10px;
        max-width: 60px;
        height: 60px;
    }

    .vendor-info-text-5 .vendor-name {
        font-size: 16px;
    }

    .vendor-info-text-5 .graybox .title {
        font-size: 18px;
    }

    .vendor-info-text-5 .graybox {
        padding: 6px 6px;
    }

    .ratings-wrapper-5 .avg-mark {
        font-size: 60px;
    }

    .ratings-wrapper-5 .avg-rating {
        margin-left: 16px;
    }

        .ratings-wrapper-5 .avg-rating p {
            font-size: 15px;
        }

        .ratings-wrapper-5 .avg-rating .ratings-full {
            margin-right: 10px;
            font-size: 12px;
        }

    .ratings-wrapper-5 .rating-reviews {
        font-size: 14px;
    }

    .ratings-wrapper-5 .ratings-value {
        font-size: 14px;
        margin-bottom: 10px;
    }

        .ratings-wrapper-5 .ratings-value span:first-child {
            margin-right: 20px;
            font-size: 20px;
        }

        .ratings-wrapper-5 .ratings-value .count {
            font-size: 14px;
        }

    .ratings-wrapper-5 .ratings-full, .ratings {
        font-size: 12px;
    }

    .ratings-wrapper-5 .ratings-list .progress-value mark {
        font-size: 14px;
    }

    .review-form-wrapper-5 {
        margin: 20px 0;
        padding: 20px 0;
    }

        .review-form-wrapper-5 .title {
            font-size: 16px;
        }

        .review-form-wrapper-5 .review-form {
            padding-top: 13px;
        }

        .review-form-wrapper-5 .rating-form {
            margin-bottom: 18px;
        }

        .review-form-wrapper-5 .review-form .form-control {
            min-height: 40px;
            margin-bottom: 10px;
            font-size: 14px;
            padding: 8px 16px;
        }

        .review-form-wrapper-5 .review-form textarea {
            height: 140px;
        }

        .review-form-wrapper-5 .form-group {
            margin: 3px 0 16px 0;
            font-size: 14px;
        }

        .review-form-wrapper-5 .custom-checkbox {
            height: 16px;
            width: 16px;
        }

            .review-form-wrapper-5 .custom-checkbox:checked + label::before, .custom-checkbox.checked + label::before {
                font-size: 10px;
            }

    .common-btn2-hover-small-arrow {
        font-size: 15px;
    }

    .comments-5 .comment-avatar {
        flex: 0 0 50px;
        max-width: 50px;
        margin-right: 15px;
        height: 50px;
    }

    .comments-5 .comment-author {
        font-size: 16px;
    }

    .comments-5 .comment-date {
        font-size: 14px;
    }

    .comments-5 .ratings-full {
        font-size: 12px;
    }

    .comments-5 .ratings-container.comment-rating {
        margin-bottom: 10px;
        margin-top: 7px;
    }

    .comments-5 .comment-body .comment-content p {
        margin-bottom: 12px;
        line-height: 22px;
        font-size: 14px;
    }

    .comments-5 .review-image figure {
        max-width: 50px;
        height: 50px;
    }

    .comments-5 .comment-action .btn-helpful {
        font-size: 14px;
        margin: 0 18px 0 0;
    }

    .comments-5 .comment-action .btn-report-abuse {
        font-size: 14px;
    }
}

@media (max-width: 1199.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 564px;
    }

    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 60px;
    }

    .thumbnail-main {
        bottom: 20px;
        left: 32px;
        right: 32px;
    }

    .info-list-5 {
        display: block;
    }

    .info-list-mar-pad-bor-5 {
        margin: 0 0 8px 0;
        padding: 0 0 8px 0;
        border-right: none;
        border-bottom: 1px solid var(--gray-color-3);
    }

    .video-5 .description-img5 {
        height: 280px;
    }

    .review-form-wrapper-5 p {
        font-size: 13.8px;
    }
}

@media (max-width: 991.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 677px;
    }

    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 100px;
    }

    .single-product-v5-slicknavholdercustom2 {
        bottom: 66%;
    }

    .thumbnail-main {
        bottom: 27px;
        left: 52px;
        right: 52px;
    }

    .single-product-v5-detail {
        padding: 0;
    }

    .single-product-v5-tab {
        margin: 20px 0 0 0;
    }

    .video-5 .description-img5 {
        height: 350px;
    }
}

@media (max-width: 767.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 577px;
    }

    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 80px;
    }

    .quantity-form-5 {
        display: block;
    }

    .color-size-two-part-5 {
        display: block !important;
    }

    .color-swatch-5 {
        margin: 0;
        padding: 0;
        border-right: none;
    }

    .size-swatch-5 {
        border-right: none;
        border-top: 1px solid var(--gray-color-3);
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
    }

    .share-5 {
        margin: 15px 0 0 0;
    }

    .video-5 .description-img5 {
        height: 274px;
    }

    .ratings-wrapper-5 .ratings-value span:first-child {
        margin-right: 15px;
        font-size: 17px;
    }

    .ratings-wrapper-5 .avg-mark {
        font-size: 40px;
    }

    .review-form-wrapper-5 .title {
        font-size: 15px;
    }

    .review-form-wrapper-5 .review-form {
        padding-top: 10px;
    }

    .comments-5 .comment-author {
        font-size: 15px;
    }

    .vendor-info-text-5 .graybox .title {
        font-size: 16px;
    }

    .vendor-info-text-5 .graybox {
        width: 50%;
    }

    .vendor-info-text-5 .vendor-name {
        font-size: 15px;
    }
}

@media (max-width: 575.98px) {
    .video-5 .description-img5 {
        height: 294px;
    }
}

@media (max-width: 480.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 477px;
    }

    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 70px;
    }

    .thumbnail-main {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }

    .video-5 .description-img5 {
        height: 240px;
    }
}

@media (max-width: 414.98px) {
    .quantity-form-5 {
        display: block;
    }

    .share-5 {
        margin: 20px 0 0 0;
    }

    .color-size-two-part-5 {
        display: block !important;
    }

    .color-swatch-5 {
        margin: 0;
        padding: 0;
        border-right: none;
    }

    .size-swatch-5 {
        margin: 10px 0 0 0;
        padding: 10px 0 0 0;
        border-right: none;
        border-top: 1px solid var(--gray-color-3);
    }

    .video-5 .description-img5 {
        height: 204px;
    }
}

@media (max-width: 375.98px) {
    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 60px;
    }

    .video-5 .description-img5 {
        height: 182px;
    }

    .vendor-info-text-5 .graybox .title {
        font-size: 14px;
    }

    .vendor-info-text-5 .graybox .sub-desc {
        font-size: 13.5px;
    }
}

@media (max-width: 360.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 447px;
    }

    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 50px;
    }

    .single-product-v5-slicknavholdercustom2 {
        bottom: 74%;
    }

    .color-title-5 {
        margin: 0 5px 0 0;
    }

    .video-5 .description-img5 {
        height: 172px;
    }
}

@media (max-width: 320.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 377px;
    }

    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 42px;
    }

    .single-product-v5-slicknavholdercustom2 {
        bottom: 78%;
    }

    .video-5 .description-img5 {
        height: 150px;
    }

    .vendor-info-text-5 {
        padding: 10px;
    }

        .vendor-info-text-5 .ratings-full {
            margin-right: 6px;
            font-size: 11px;
        }

    .review-form-wrapper-5 .rating-stars {
        margin-left: 1px;
    }
}
/*=========================================== Single Product v5 Page End CSS ===========================================*/

/*=========================================== Blog Page Listing v1 Top Banner Start CSS ===========================================*/
/*------------------------------ Blog Page Listing v1 Top Banner CSS --------------------------------*/
.blog-listing-v1-bgimages {
    width: 54%;
}

.blog-listing-v1-bgcolor {
    width: 46%;
}

.blog-listing-v1-img-main {
    height: 770px;
    overflow: hidden;
}

.blog-listing-v1-detail {
    position: absolute;
    top: 103px;
    left: 0;
    width: 100%;
}

.blog-listing-v1-box {
    margin: 0;
    padding: 145px 89px 110px 90px;
    background-color: var(--white-color);
}

.blog-listing-v1-meta {
    margin: 0 0 33px 0;
}

.blog-listing-v1-meta-left {
    width: 70%;
}

.blog-listing-v1-meta-right {
    width: 30%;
}

.blog-listing-v1-meta-tag {
    background-color: var(--dark-color-2);
    color: var(--white-color);
    border-radius: 100px;
    padding: 5px 12px;
}

.blog-listing-v1-meta-text {
    color: var(--gray-color-2);
    transition: all .3s ease 0s;
    font-size: 15px;
    font-weight: 400;
    margin-right: 30px;
    font-family: 'IRANSansX', sans-serif;
    display: inline-block;
}

    .blog-listing-v1-meta-text i {
        color: var(--gray-color-2);
        font-size: 14px;
        padding-left: 10px;
    }

    .blog-listing-v1-meta-text:last-child {
        margin-right: 0px;
        font-style: italic;
    }

.blog-listing-v1-meta-comments {
    color: var(--gray-color-2);
    transition: all .3s ease 0s;
}

    .blog-listing-v1-meta-comments i {
        color: var(--gray-color-2);
        font-size: 14px;
        padding-right: 10px;
    }

.blog-listing-v1-meta-title {
    font-size: 36px;
    font-weight: 500;
    margin: 0;
    color: var(--black-color-2);
}

.blog-listing-v1-meta-subdecs {
    color: var(--gray-color-2);
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    margin: 23px 0 35px 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-listing-v1-social-button {
    font-size: 14px;
    color: var(--black-color-2);
    margin: 0 0 0 5px;
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    border: 1px solid var(--gray-color-3);
    display: inline-flex;
    text-align: center;
    background-color: var(--dark-white-color);
    justify-content: center;
    align-items: center;
}

    .blog-listing-v1-social-button:hover {
        color: var(--light-white-color);
        background-color: var(--dark-color-2);
        border: 1px solid var(--dark-color-2);
    }

    .blog-listing-v1-social-button.icon-facebook:hover {
        color: var(--white-color);
        border: 1px solid var(--blue-color);
        background-color: var(--blue-color);
    }

    .blog-listing-v1-social-button.icon-twitter:hover {
        color: var(--white-color);
        border: 1px solid var(--blue-color-1);
        background-color: var(--blue-color-1);
    }

    .blog-listing-v1-social-button.icon-instagram:hover {
        color: var(--white-color);
        border: 1px solid var(--red-color-2);
        background-color: var(--red-color-2);
    }

    .blog-listing-v1-social-button.icon-pinterest:hover {
        color: var(--white-color);
        border: 1px solid var(--red-color-3);
        background-color: var(--red-color-3);
    }

    .blog-listing-v1-social-button.icon-linkedin:hover {
        color: var(--white-color);
        border: 1px solid var(--blue-color-2);
        background-color: var(--blue-color-2);
    }

/*------------------------------ Blog Page Listing v1 Page Content CSS --------------------------------*/
.widget-title.blogpage-title {
    margin: 0 0 38px 0;
    padding: 0 0 0 50px;
    font-weight: 500;
    font-size: 20px;
    color: var(--black-color-2);
    position: relative;
    cursor: default;
}

    .widget-title.blogpage-title::before {
        content: "";
        position: absolute;
        left: 0;
        top: 10px;
        background-color: var(--blue-color);
        border-radius: 2px;
        width: 30px;
        height: 4px;
    }

.blogpage-widget-search-form .form-control {
    border-radius: 0;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    border-color: var(--gray-color-3);
    background-color: var(--white-color);
    outline: none;
    box-shadow: none;
    font-family: 'IRANSansX', sans-serif;
}

.blogpage-widget-search-form .btn-search {
    padding: 6px 20px 6px 20px;
    border-width: 1px 1px 1px 0;
    border-color: var(--gray-color-3);
    border-radius: 0;
    background-color: var(--white-color);
    outline: none;
    box-shadow: none;
}

    .blogpage-widget-search-form .btn-search i {
        font-size: 14px;
        color: var(--gray-color-2);
    }

.blogpage-widget-subscribe-form .form-control {
    border-radius: 0;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    border-color: var(--gray-color-3);
    background-color: var(--white-color);
    outline: none;
    box-shadow: none;
    font-family: 'IRANSansX', sans-serif;
    padding: 11px 15px;
}

.blogpage-widget-subscribe-form .btn-search {
    border-radius: 0;
    background-color: var(--white-color);
    outline: none;
    box-shadow: none;
    border-color: var(--gray-color-3);
    border-width: 1px 1px 1px 0;
    padding: 5px;
}

    .blogpage-widget-subscribe-form .btn-search i {
        font-size: 14px;
        color: var(--gray-color-2);
    }

.btn-images {
    max-width: 45px;
    padding: 14px 13px;
    background-color: var(--blue-color);
}

.blogpage-input-wrapper-inline {
    display: flex;
    position: relative;
    max-width: 67.5rem;
    width: 100%
}

.blogpage-input-wrapper input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 40px;
    font-size: 1.4rem;
    border-width: 1px 0 1px 1px;
}

.widget-shapret-line {
    margin: 30px 0;
    color: inherit;
    background-color: var(--gray-color-3);
    border: 0;
    opacity: 1;
}

.widget-mb-0 {
    margin-bottom: 0;
}

.blogpage-post-widget {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px 0;
}

    .blogpage-post-widget .blogpage-post-media {
        flex: 0 0 100px;
        max-width: 100px;
        margin: 0;
    }

    .blogpage-post-widget .blogpage-post-details {
        margin-right: 20px;
        padding: 0;
    }

    .blogpage-post-widget .blogpage-post-meta {
        margin-bottom: 0px;
    }

        .blogpage-post-widget .blogpage-post-meta a:hover {
            color: var(--blue-color);
        }

    .blogpage-post-widget .blogpage-post-title {
        margin: 0 0 6px 0;
        font-size: 18px;
        font-weight: 500;
        color: var(--black-color-2);
    }

        .blogpage-post-widget .blogpage-post-title:hover a {
            color: var(--blue-color);
        }

    .blogpage-post-widget .blogpage-post-date {
        margin: 0;
        font-size: 14px;
        color: var(--gray-color-2);
        font-weight: 400;
        font-family: 'IRANSansX', sans-serif;
    }

.blogpage-categories li:not(:last-child) {
    border-color: var(--gray-color-3) !important;
    border-bottom: 1px solid;
}

.blogpage-categories a {
    color: var(--black-color-2);
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 50px;
    font-family: 'IRANSansX', sans-serif
}

.blogpage-categories li:hover a {
    color: var(--blue-color);
}

.blogpage-categories a span {
    float: right
}

.blogpage-tag-text-main {
    margin: 0 -7px;
}

.blogpage-tag-text {
    padding: 0 7px;
    display: inline-block;
    width: auto;
}

.blogpage-tags .tag {
    display: table;
    margin-bottom: 14px;
    padding: 4px 16px;
    font-size: 14px;
    border: 1px solid var(--gray-color-3);
    text-transform: capitalize;
    color: var(--black-color-2);
    background-color: var(--dark-white-color);
    border-radius: 15px;
    text-align: center;
    -webkit-transition: color 0.3s, border-color 0.3s;
    transition: color 0.3s, border-color 0.3s;
    font-family: 'IRANSansX', sans-serif;
    width: 100%;
}

    .blogpage-tags .tag:hover {
        border-color: var(--blue-color);
        color: var(--blue-color);
    }

.blog-listing-v1-one-img-main {
    height: 340px;
    width: 770px;
    overflow: hidden;
    margin: 0 auto;
}

.blog-listing-v1-one-detail {
    margin-top: -100px;
    z-index: 1;
    position: relative;
    padding-left: 40px;
}

.blog-listing-v1-one-box {
    margin: 0;
    padding: 40px;
    background-color: var(--white-color);
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.05);
}

.blog-listing-v1-meta-text-mb {
    margin-bottom: 20px;
}

.blog-listing-v1-one-meta-tag {
    background-color: var(--dark-white-color);
    color: var(--black-color-2);
    border-color: var(--gray-color-3) !important;
    border: 1px solid;
    border-radius: 100px;
    padding: 5px 12px;
}

.blog-listing-v1-one-meta-title {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    color: var(--black-color-2);
}

.blog-listing-v1-two-img-main {
    height: 280px;
    width: 370px;
    overflow: hidden;
    margin: 0 auto;
}

/*------------------------------ Blog Page Listing v1 Responsive CSS --------------------------------*/
@media (min-width: 992px) {
    .blog.main-content {
        max-width: none;
        flex-basis: 0;
        flex-grow: 1;
    }

    .blog-sidebar {
        flex: 0 0 533px;
        max-width: 533px;
    }

        .blog-sidebar .blog-sidebar-box {
            background-color: var(--gray-color-6);
            padding: 30px;
            margin: 0 0 0 50px;
        }
}

@media (max-width: 1599.98px) {
    .blog-listing-v1-one-box {
        padding: 20px;
    }
}

@media (max-width: 1499.98px) {
    .blog-listing-v1-detail {
        top: 93px;
    }

    .blog-listing-v1-img-main {
        height: 725px;
    }

    .blog-listing-v1-box {
        padding: 105px 59px 70px 60px;
    }

    .blog-listing-v1-one-detail {
        padding-left: 20px;
    }
}

@media (max-width: 1399.98px) {
    .blog-sidebar {
        flex: 0 0 440px;
        max-width: 440px;
    }

    .blog-listing-v1-box {
        padding: 70px 59px 70px 60px;
    }

    .blog-listing-v1-one-img-main {
        height: 416px;
        width: 550px;
    }

    .blog-listing-v1-one-detail {
        margin-top: -70px;
    }

    .blog-listing-v1-two-img-main {
        height: 416px;
        width: 550px;
    }
}

@media (max-width: 1299.98px) {
    .blog-listing-v1-img-main {
        height: 550px;
    }

    .blog-listing-v1-box {
        padding: 50px 40px;
    }

    .blog-listing-v1-meta {
        margin: 0 0 23px 0;
    }

    .blog-listing-v1-meta-title {
        font-size: 22px;
    }

    .blog-listing-v1-meta-subdecs {
        font-size: 14px;
        line-height: 24px;
        margin: 15px 0 25px 0;
    }

    .blog-listing-v1-one-img-main {
        height: 378px;
        width: 500px;
    }

    .blog-listing-v1-two-img-main {
        height: 378px;
        width: 500px;
    }

    .blog-listing-v1-one-meta-title {
        font-size: 18px;
    }

    .widget-title.blogpage-title {
        margin: 0 0 28px 0;
        padding: 0 0 0 45px;
        font-size: 18px;
    }

    .blogpage-post-widget .blogpage-post-title {
        font-size: 16px;
    }

    .blogpage-categories a {
        font-size: 15px;
        line-height: 45px;
    }
}

@media (max-width: 1199.98px) {
    .blog-sidebar {
        flex: 0 0 420px;
        max-width: 420px;
    }

    .blog-listing-v1-one-img-main {
        height: 295px;
        width: 390px;
    }

    .blog-listing-v1-two-img-main {
        height: 295px;
        width: 390px;
    }
}

@media (max-width: 991.98px) {
    .blog-listing-v1-bgimages {
        width: 44%;
    }

    .blog-listing-v1-bgcolor {
        width: 56%;
    }

    .blog-listing-v1-img-main {
        height: 500px;
    }

    .blog-listing-v1-box {
        padding: 30px;
    }

    .common-btn2-hover::after {
        top: 17px;
        right: -12px;
        width: 25px;
        height: 12px;
    }

    .blog-listing-v1-one-img-main {
        height: 340px;
        width: 450px;
    }

    .blog-listing-v1-two-img-main {
        height: 340px;
        width: 450px;
    }

    .blog-listing-v1-meta {
        margin: 0 0 13px 0;
    }

    .widget-shapret-line {
        margin: 20px 0;
    }

    .btn-images {
        max-width: 35px;
        padding: 8px 6px;
    }

    .blogpage-widget-subscribe-form .btn-search {
        padding: 3px;
    }

    .widget-title.blogpage-title {
        margin: 0 0 15px 0;
        padding: 0 0 0 45px;
    }

        .widget-title.blogpage-title::before {
            top: 7px;
            width: 25px;
        }

    .blogpage-post-widget .blogpage-post-details {
        margin-left: 15px;
    }

    .blogpage-post-widget {
        margin: 0 0 15px 0;
    }
}

@media (max-width: 800.98px) {
    .blog-listing-v1-detail {
        top: 80px;
    }

    .blog-listing-v1-img-main {
        height: 440px;
    }
}

@media (max-width: 768.98px) {
    .blog-listing-v1-meta-text {
        margin-right: 15px;
    }

    .blog-listing-v1-meta-title {
        font-size: 17px;
    }

    .blog-listing-v1-one-meta-title {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .blog-listing-v1-img-main {
        height: 400px;
    }

    .blog-listing-v1-bgimages {
        width: 100%;
    }

    .blog-listing-v1-bgcolor {
        width: 100%;
    }

    .blog-listing-v1-detail {
        position: relative;
        background-color: transparent;
        top: -50px;
    }

    .blog-listing-v1-one-img-main {
        height: 360px;
        width: 100%;
    }

    .blog-listing-v1-two-img-main {
        height: 360px;
        width: 100%;
    }

    .blog-listing-v1-one-detail {
        padding-left: 15px;
        padding-right: 15px;
    }

    .blog-listing-v1-meta-text-mb {
        margin-bottom: 15px;
    }

    .blog-listing-v1-box {
        padding: 30px 30px 0 30px;
    }
}

@media (max-width: 575.98px) {
    .blog-listing-v1-img-main {
        height: 350px;
    }
}

@media (max-width: 480.98px) {
    .blog-listing-v1-box {
        padding: 15px 15px 0 15px;
    }

    .blog-listing-v1-one-img-main {
        height: 320px;
    }

    .blog-listing-v1-two-img-main {
        height: 320px;
    }

    .blog-listing-v1-one-box {
        padding: 15px;
    }

    .blog-listing-v1-meta {
        display: block !important;
    }

    .blog-listing-v1-meta-left {
        width: 100%;
    }

    .blog-listing-v1-meta-right {
        width: 100%;
    }

    .blog-listing-v1-meta-text {
        display: block;
        margin: 0 0 15px 0;
    }

        .blog-listing-v1-meta-text:last-child {
            float: unset !important;
        }

    .d-block-responsive {
        display: block !important;
    }

    .blog-listing-v1-share {
        margin-top: 15px;
    }
}

@media (max-width: 414.98px) {
    .blog-listing-v1-img-main {
        height: 308px;
    }

    .blog-listing-v1-one-img-main {
        height: 276px;
    }

    .blog-listing-v1-two-img-main {
        height: 276px;
    }
}

@media (max-width: 375.98px) {
    .blog-listing-v1-img-main {
        height: 278px;
    }

    .blog-listing-v1-one-img-main {
        height: 246px;
    }

    .blog-listing-v1-two-img-main {
        height: 246px;
    }
}

@media (max-width: 360.98px) {
    .blog-listing-v1-img-main {
        height: 268px;
    }

    .blog-listing-v1-one-img-main {
        height: 236px;
    }

    .blog-listing-v1-two-img-main {
        height: 236px;
    }

    .pagination .page-link {
        padding: .375rem .55rem;
    }
}

@media (max-width: 320.98px) {
    .blog-listing-v1-img-main {
        height: 238px;
    }

    .blog-listing-v1-one-img-main {
        height: 205px;
    }

    .blog-listing-v1-two-img-main {
        height: 205px;
    }
}
/*=========================================== Blog Page Listing v1 Top Banner End CSS ===========================================*/

/*=========================================== Blog Page Listing v2 Blogs Trending Start CSS ===========================================*/
.blogpage-v2-blogs-trending::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 651px;
    z-index: 0;
    background-color: var(--blue-color);
}

.blogpage-v2-blogs-trending::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 162px;
    width: 162px;
    z-index: 0;
    background-image: url('../images/blogpage-v2-blogs-trending-right-bgimg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.blogpage-v2-blogs-trending-titles {
    margin: 61px 0 27px 0;
}

.blogpage-v2-blogs-trending-img {
    overflow: hidden;
    height: 560px;
}

.blogpage-v2-blogs-trending-text {
    margin: -87px 0 0 0;
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
    z-index: 1;
}

.blogpage-v2-blogs-trending-inside-thumb {
    background-color: var(--white-color);
    padding: 14px 20px;
    box-shadow: 0 20px 20px rgba(0,0,0,0.10);
}

.blogpage-v2-blogs-trending-post-title-chp {
    font-size: 24px;
    font-weight: 500;
    color: var(--black-color-2);
    margin: 0 0 9px 0;
}

    .blogpage-v2-blogs-trending-post-title-chp:focus, .blogpage-v2-blogs-trending-post-title-chp:hover {
        color: var(--black-color-2);
    }

.blogpage-v2-blogs-trending-post-time {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-color-2);
    font-family: 'IRANSansX', sans-serif;
}

.blogpage-v2-blogs-trending-post-author {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-color-2);
    font-family: 'IRANSansX', sans-serif;
}

.blogpage-v2-blogs-trending-cw {
    color: var(--black-color-2);
}

.blogpage-v2-blogs-trending-cat-pr {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-color-2);
    font-family: 'IRANSansX', sans-serif;
}

.blogpage-v2-blogs-trending-post-meta {
    margin: 5px 0 7px 0;
}

.blogpage-v2-blogs-trending-post-icon {
    display: inline;
    margin: 0 26px 0 0;
    font-size: 14px;
}

    .blogpage-v2-blogs-trending-post-icon a {
        color: var(--gray-dark-color);
    }

    .blogpage-v2-blogs-trending-post-icon:first-of-type {
        margin: 0;
    }
/*=========================================== Blog Page Listing v2 Blogs Trending End CSS ===========================================*/

/*=========================================== Blog Page Listing v2 From Our Bloggers Start CSS ===========================================*/
.blogpage-v2-from-our-bloggers {
    background: linear-gradient(180deg, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 497px, rgb(243, 243, 243) 0px, rgb(243, 243, 243) 1293px, rgb(255, 255, 255) 100px, rgb(255, 255, 255) 100px);
}

.blogpage-v2-from-our-bloggers-inside-text {
    background-color: var(--blue-color);
    padding: 44px 50px 64px 50px;
    margin-top: 120px;
    margin-right: 60px;
    box-shadow: 0 20px 20px rgba(0,0,0,0.10);
    position: relative;
}

    .blogpage-v2-from-our-bloggers-inside-text::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 85px;
        height: 85px;
        z-index: 0;
        background-image: url('../images/blogpage-v2-from-our-bloggers-right-bgimg.png');
        background-repeat: no-repeat;
        background-size: cover;
    }

.blogpage-v2-from-our-bloggers-chp {
    font-size: 36px;
    font-weight: 500;
    color: var(--white-color);
    margin: 0;
}

    .blogpage-v2-from-our-bloggers-chp:focus, .blogpage-v2-from-our-bloggers-chp:hover {
        color: var(--white-color);
    }

.blogpage-v2-from-our-bloggers-time {
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color);
    font-family: 'IRANSansX', sans-serif;
}

.blogpage-v2-from-our-bloggers-author {
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color);
    font-family: 'IRANSansX', sans-serif;
}

.blogpage-v2-from-our-bloggers-cw {
    color: var(--white-color);
}

.blogpage-v2-from-our-bloggers-cat-pr {
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color);
    font-family: 'IRANSansX', sans-serif;
}

    .blogpage-v2-from-our-bloggers-cat-pr a {
        color: var(--white-color);
    }

.blogpage-v2-from-our-bloggers-meta {
    margin: 15px 0 23px 0;
}

.blogpage-v2-from-our-bloggers-icon {
    display: inline;
    margin: 0 26px 0 0;
    color: var(--white-color);
    font-size: 14px;
}

    .blogpage-v2-from-our-bloggers-icon:last-of-type {
        margin: 0;
    }

    .blogpage-v2-from-our-bloggers-icon i {
        color: var(--white-color);
    }

.blogpage-v2-from-our-bloggers-hr {
    height: 2px !important;
    margin: 35px 0 33px 0;
    background-color: var(--white-color);
    opacity: 1;
    width: 132px
}

.blogpage-v2-from-our-bloggers-sub-title {
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color);
    line-height: 25px;
    font-family: 'IRANSansX', sans-serif;
}

.blogpage-v2-from-our-bloggers-inside-thumb {
    overflow: hidden;
    height: 625px;
    margin-left: 40px;
    box-shadow: 0 20px 20px rgba(0,0,0,0.10);
}

.blogpage-v2-from-our-bloggers-list-thumb {
    overflow: hidden;
    height: 428px;
}

.blogpage-v2-from-our-bloggers-inside-box {
    background-color: var(--white-color);
    padding: 38px 50px 44px 50px;
    box-shadow: 0 20px 20px rgba(0,0,0,0.10);
}

.blogpage-v2-from-our-bloggers-text-dark {
    color: var(--gray-color-2) !important;
    margin: 8px 0 23px 0;
}

.blogpage-v2-from-our-bloggers-post-meta {
    margin: 8px 0 13px 0;
}

.blogpage-v2-from-our-bloggers-box {
    margin-top: -58px;
}

/*------------------------------ Blog Page Listing v2 Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .blogpage-v2-blogs-trending-post-title-chp {
        font-size: 23px;
    }

    .blogpage-v2-from-our-bloggers-inside-text {
        padding: 44px 50px 40px 50px;
        margin-right: 25px;
    }
}

@media (max-width: 1499.98px) {
    .blogpage-v2-blogs-trending-post-title-chp {
        font-size: 21px;
    }

    .blogpage-v2-from-our-bloggers-inside-text {
        margin-right: 20px;
    }
}

@media (max-width: 1399.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 485px;
    }

    .blogpage-v2-blogs-trending::after {
        height: 132px;
        width: 132px;
    }

    .blogpage-v2-blogs-trending-img {
        height: 390px;
    }

    .blogpage-v2-blogs-trending-text {
        padding-left: 20px;
        padding-right: 20px;
    }

    .blogpage-v2-blogs-trending-inside-thumb {
        padding: 10px 14px;
    }

    .blogpage-v2-blogs-trending-post-title-chp {
        line-height: 24px;
        display: block;
    }

    .blogpage-v2-from-our-bloggers-inside-text {
        padding: 25px 36px 26px 30px;
        margin-top: 27px;
        margin-right: 0px;
    }

    .common-title-3 {
        font-size: 43px;
    }

    .blogpage-v2-from-our-bloggers-chp {
        font-size: 24px;
    }

    .blogpage-v2-from-our-bloggers-hr {
        margin: 25px 0 23px 0;
    }

    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 581px;
        margin-left: 0;
    }

    .blogpage-v2-from-our-bloggers-inside-text::before {
        width: 65px;
        height: 65px;
    }

    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 300px;
    }

    .blogpage-v2-from-our-bloggers-d-block-responsive {
        display: block !important;
    }

    .blogpage-v2-from-our-bloggers-inside-box {
        padding: 23px 35px 29px 35px;
    }

    .blogpage-v2-from-our-bloggers-box {
        margin-top: -54px;
    }
}

@media (max-width: 1299.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 462px;
    }

    .blogpage-v2-blogs-trending::after {
        height: 112px;
        width: 112px;
    }

    .blogpage-v2-blogs-trending-text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .blogpage-v2-blogs-trending-post-title-chp {
        font-size: 18px;
        line-height: normal;
    }

    .common-title-2 {
        font-size: 30px;
    }

    .common-sub-title {
        font-size: 16px;
        letter-spacing: 4px;
    }

    .common-title-3 {
        font-size: 30px;
    }

    .blogpage-v2-from-our-bloggers-inside-text {
        padding: 15px 26px 26px 20px;
        margin-top: 15px;
    }

    .blogpage-v2-from-our-bloggers-chp {
        font-size: 20px;
    }

    .blogpage-v2-from-our-bloggers-meta {
        margin: 10px 0 18px 0;
    }

    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 506px;
    }

    .blogpage-v2-from-our-bloggers-text-dark {
        margin: 5px 0 15px 0;
    }

    .blogpage-v2-from-our-bloggers-inside-box {
        padding: 15px 20px 15px 20px;
    }

    .blogpage-v2-from-our-bloggers-box {
        margin-top: -32px;
    }
}

@media (max-width: 1199.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 384px;
    }

    .blogpage-v2-blogs-trending-img {
        height: 320px;
    }

    .blogpage-v2-blogs-trending-text {
        padding-left: 10px;
        padding-right: 10px;
    }

    .blogpage-v2-blogs-trending-post-title-chp {
        line-height: 22px;
    }

    .blogpage-v2-from-our-bloggers-inside-text {
        padding: 15px;
    }

    .blogpage-v2-from-our-bloggers-inside-box {
        padding: 15px;
    }

    .blogpage-v2-from-our-bloggers-hr {
        margin: 15px 0 13px 0;
    }

    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 536px;
    }

    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 250px;
    }
}

@media (max-width: 991.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 536px;
    }

    .blogpage-v2-blogs-trending-titles {
        margin: 50px 0 20px 0;
    }

    .blogpage-v2-blogs-trending-img {
        height: 490px;
    }

    .blogpage-v2-blogs-trending-mb-responsive {
        margin-bottom: 24px;
    }

    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 480px;
        margin-top: 24px;
    }

    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 280px;
    }

    .blogpage-v2-from-our-bloggers-box {
        margin-top: 0;
    }
}

@media (max-width: 768.98px) {
    .blogpage-v2-blogs-trending::after {
        height: 92px;
        width: 92px;
    }

    .blogpage-v2-blogs-trending-post-title-chp {
        line-height: normal;
        font-size: 16px;
    }

    .common-title-2 {
        font-size: 22px;
    }

    .common-sub-title {
        font-size: 14px;
        letter-spacing: 2px;
    }

    .common-title-3 {
        font-size: 22px;
    }

    .blogpage-v2-from-our-bloggers-post-meta {
        margin: 5px 0 10px 0;
    }

    .blogpage-v2-from-our-bloggers-inside-text {
        padding: 15px;
        margin-top: 10px;
    }

    .blogpage-v2-from-our-bloggers-inside-box {
        padding: 15px;
    }

    .blogpage-v2-from-our-bloggers-meta {
        margin: 5px 0 10px 0;
    }

    .blogpage-v2-from-our-bloggers-hr {
        margin: 10px 0 10px 0;
    }
}

@media (max-width: 767.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 398px;
    }

    .blogpage-v2-blogs-trending-img {
        height: 365px;
    }

    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 360px;
        margin-top: 10px;
    }

    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 205px;
    }
}

@media (max-width: 575.98px) {
    .blogpage-v2-blogs-trending-titles {
        margin: 30px 0 10px 0;
    }

    .blogpage-v2-blogs-trending::before {
        height: 393px;
    }

    .blogpage-v2-blogs-trending::after {
        height: 72px;
        width: 72px;
    }

    .blogpage-v2-blogs-trending-img {
        height: 390px;
    }

    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 385px;
    }

    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 458px;
    }
}

@media (max-width: 480.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 566px;
    }

    .blogpage-v2-blogs-trending::after {
        height: 52px;
        width: 52px;
    }

    .blogpage-v2-blogs-trending-mb-responsive {
        width: 100%;
    }

    .blogpage-v2-blogs-trending-img {
        height: 570px;
    }

    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 318px;
    }

    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 380px;
    }

    .blogpage-v2-from-our-bloggers-inside-text::before {
        width: 45px;
        height: 45px;
    }
}

@media (max-width: 414.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 496px;
    }

    .blogpage-v2-blogs-trending-img {
        height: 500px;
    }

    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 270px;
    }

    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 325px;
    }
}

@media (max-width: 375.98px) {
    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 244px;
    }

    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 290px;
    }
}

@media (max-width: 320.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 436px;
    }

    .blogpage-v2-blogs-trending-img {
        height: 440px;
    }

    .blogpage-v2-from-our-bloggers-inside-text {
        padding: 10px;
    }

    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 206px;
    }

    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 246px;
    }
}
/*=========================================== Blog Page Listing v2 From Our Bloggers End CSS ===========================================*/

/*=========================================== Blog Details Page v1 Start CSS ===========================================*/
.blog-details-v1-meta {
    margin: 0 0 13px 0;
}

.blog-listing-v1-meta-text-two {
    margin-right: 15px;
}

.blog-listing-v1-one-meta-tag-two {
    font-style: normal;
}

.blog-details-v1-meta-left {
    width: 50%;
}

.blog-details-v1-meta-right {
    width: 50%;
}

.blog-details-v1-meta-text {
    font-size: 15px;
    color: var(--black-color-2);
    font-weight: 400;
    font-family: 'IRANSansX', sans-serif;
    text-align: right;
    margin-bottom: 4px;
}

    .blog-details-v1-meta-text.date {
        font-family: 'IRANSansX', sans-serif;
        color: var(--gray-color-2);
        font-size: 14px;
        font-weight: 400;
        text-align: right;
    }

.blog-details-v1-selena-richardson-img {
    max-width: 40px;
    border-radius: 2px;
    height: 40px;
    margin-left: 15px;
}

.blog-details-v1-meta-title {
    font-size: 36px;
    font-weight: 500;
    color: var(--black-color-2);
    line-height: normal;
}

    .blog-details-v1-meta-title:focus, .blog-details-v1-meta-title:hover {
        color: var(--black-color-2);
    }

.blog-details-v1-meta-subdecs {
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    line-height: 25px;
    margin-bottom: 17px;
}

.blog-details-v1-img-main {
    overflow: hidden;
    height: 500px;
    margin: 30px 0;
}

.blockquote-box {
    margin: 0 0 30px 0;
    padding: 30px;
    background-color: var(--white-color);
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.05);
}

.blockquote {
    position: relative;
    padding: 30px 38px;
    border-left: 2px solid var(--blue-color);
    background-color: var(--gray-color-6);
    border-left-color: var(--blue-color);
    margin: 0;
}

.blog-details-v1-img-main {
    overflow: hidden;
    height: 500px;
    margin: 30px 0 23px 0;
}

.blog-details-v1-img-main-margin-top {
    margin-top: 16px;
}

.blog-details-v1-img-main2 {
    overflow: hidden;
    height: 336px;
    margin: 0;
}

.blog-details-v1-shapret-line {
    margin: 42px 0 14px 0;
    background-color: var(--gray-color-3);
    border: 0;
    opacity: 1;
}

.blog-details-v1-people-like {
    font-size: 15px;
    color: var(--gray-color-2);
    font-weight: 400;
    font-family: 'IRANSansX', sans-serif;
}

    .blog-details-v1-people-like:focus, .blog-details-v1-people-like:hover {
        color: var(--gray-color-2);
    }

    .blog-details-v1-people-like i {
        font-size: 14px;
        color: var(--red-color-4);
        margin-right: 8px;
    }

.blog-details-v1-share-icon {
    color: var(--gray-color-2) !important;
}

.blog-details-v1-page-nav {
    margin: 16px 0 0 0;
    border-bottom: 1px solid var(--gray-color-3);
    padding-top: 44px;
    padding-bottom: 53px;
}

.blog-details-v1-pager-link {
    display: flex;
}

    .blog-details-v1-pager-link.blog-details-v1-pager-link-prev {
        align-items: center;
        text-align: left;
    }

    .blog-details-v1-pager-link.blog-details-v1-pager-link-next {
        align-items: center;
        text-align: right;
    }

.blog-details-v1-pager-link-prev-img img {
    max-width: 60px;
    border-radius: 2px;
    margin-right: 20px;
}

.blog-details-v1-pager-link-next-img img {
    max-width: 60px;
    border-radius: 2px;
    margin-left: 20px;
}

.blog-details-v1-pager-link-title-one {
    color: var(--gray-color-2);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    transition: all 0.35s ease;
    font-family: 'IRANSansX', sans-serif;
}

.blog-details-v1-pager-link-title {
    display: inline-block;
    margin-top: 0;
    flex: 0 0 auto;
    color: var(--black-color-2);
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
    transition: all 0.35s ease;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'IRANSansX', sans-serif
}

.blog-details-v1-pager-link::after {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.35s ease 0.05s
}

.blog-details-v1-comments {
    padding: 38px 0 44px 0;
    border-bottom: 1px solid var(--gray-color-3);
    margin-bottom: 44px;
}

    .blog-details-v1-comments .title-simple, .blog-details-v1-reply .title {
        font-size: 28px;
        font-weight: 500;
        color: var(--black-color-2);
        margin-bottom: 34px
    }

    .blog-details-v1-comments ul ul {
        margin-left: 25px;
        padding-top: 50px
    }

    .blog-details-v1-comments li {
        margin-bottom: 50px
    }

        .blog-details-v1-comments li:last-child {
            border-bottom-width: 0;
            margin-bottom: 0;
            padding-bottom: 0
        }

    .blog-details-v1-comments .comment {
        position: relative;
        display: flex;
        align-items: flex-start
    }

    .blog-details-v1-comments .comment-media {
        max-width: 60px;
        flex: 0 0 60px;
        height: 60px;
        overflow: hidden;
        border-radius: 2px
    }

        .blog-details-v1-comments .comment-media img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover
        }

    .blog-details-v1-comments .comment-body {
        position: relative;
        flex: 1 1 auto;
        padding: 0 20px 0 0;
    }

    .blog-details-v1-comments .comment-user {
        margin-bottom: 2px
    }

        .blog-details-v1-comments .comment-user h4 {
            margin-bottom: 7px;
            font-weight: 400;
            font-size: 15px;
            line-height: 1;
            letter-spacing: 0;
            color: var(--black-color-2);
            font-family: 'IRANSansX', sans-serif
        }

    .blog-details-v1-comments .comment-date {
        display: block;
        margin-bottom: 0;
        font-size: 14px;
        color: var(--gray-color-2);
        line-height: 1;
        font-weight: 400;
        font-family: 'IRANSansX', sans-serif
    }

    .blog-details-v1-comments .comment p {
        font-size: 15px;
        color: var(--black-color-2);
        font-weight: 400;
        margin-bottom: 0;
    }

    .blog-details-v1-comments .comment-reply {
        display: flex;
        align-items: center;
        color: var(--black-color-2);
        position: absolute;
        right: 0;
        top: 0;
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        padding: 7px 20px;
        letter-spacing: -.01em;
        padding-bottom: 0.4rem;
        background-color: var(--dark-white-color);
        border-radius: 15px;
        border: 1px solid;
        border-color: var(--gray-color-3);
        text-transform: uppercase;
        transition: all .35s ease;
        font-family: 'IRANSansX', sans-serif
    }

/*------------------------------ Blog Details Page v1 Responsive CSS --------------------------------*/
@media (max-width: 1499.98px) {
    .blog-details-v1-img-main {
        height: 398px;
    }

    .blog-details-v1-img-main2 {
        height: 266px;
    }
}

@media (max-width: 1399.98px) {
    .blog-details-v1-img-main {
        height: 319px;
    }

    .blog-details-v1-img-main2 {
        height: 212px;
    }
}

@media (max-width: 1299.98px) {
    .blog-details-v1-meta-title {
        font-size: 22px;
    }

    .blog-details-v1-meta-subdecs {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .blog-details-v1-img-main {
        margin: 20px 0 13px 0;
    }

    .blockquote-box {
        margin: 0 0 20px 0;
        padding: 20px;
    }

    .blockquote {
        padding: 20px 28px;
    }

    .blog-details-v1-people-like {
        font-size: 14px;
        margin-bottom: 10px;
        display: block;
    }

        .blog-details-v1-people-like i {
            font-size: 13px;
        }

    .blog-details-v1-pager-link-title-one {
        font-size: 14px;
    }

    .blog-details-v1-pager-link-title {
        font-size: 16px;
    }

    .blog-details-v1-shapret-line {
        margin: 32px 0 10px 0;
    }

    .blog-details-v1-page-nav {
        margin: 10px 0 0 0;
    }

    .blog-details-v1-comments {
        padding: 28px 0 34px 0;
        margin-bottom: 34px;
    }

        .blog-details-v1-comments .title-simple, .blog-details-v1-reply .title {
            font-size: 20px;
            margin-bottom: 24px;
        }

        .blog-details-v1-comments .comment-user h4 {
            font-size: 14px;
        }

        .blog-details-v1-comments .comment-date {
            font-size: 13px;
        }

        .blog-details-v1-comments .comment p {
            font-size: 14px;
        }

        .blog-details-v1-comments .comment-reply {
            font-size: 13px;
        }
}

@media (max-width: 1199.98px) {
    .blog-details-v1-img-main {
        height: 244px;
    }

    .blog-details-v1-img-main2 {
        height: 160px;
    }
}

@media (max-width: 991.98px) {
    .blog-details-v1-img-main {
        height: 330px;
    }

    .blog-details-v1-img-main2 {
        height: 218px;
    }
}

@media (max-width: 768.98px) {
    .blog-details-v1-meta-title {
        font-size: 17px;
    }

    .blog-details-v1-img-main {
        margin: 10px 0 10px 0;
    }

    .blog-details-v1-page-nav {
        padding-top: 34px;
        padding-bottom: 43px;
    }

    .blog-details-v1-pager-link-title {
        font-size: 14px;
    }

    .blog-details-v1-pager-link-prev-img img {
        margin-right: 10px;
    }

    .blog-details-v1-pager-link-next-img img {
        margin-left: 10px;
    }

    .blog-details-v1-comments .title-simple, .blog-details-v1-reply .title {
        font-size: 17px;
        margin-bottom: 14px;
    }

    .blog-details-v1-comments .comment-user {
        margin-bottom: 12px;
    }

    .blog-details-v1-comments .comment-body {
        padding: 0 0 0 15px;
    }

    .common-form2 .form-control {
        margin: 0 0 15px 0;
        padding: 14px 16px;
        height: 40px;
    }
}

@media (max-width: 767.98px) {
    .blog-details-v1-img-main {
        height: 244px;
    }

    .blog-details-v1-img-main2 {
        height: 160px;
    }
}

@media (max-width: 575.98px) {
    .blog-details-v1-img-main {
        height: 260px;
    }

    .blog-details-v1-img-main2 {
        height: 172px;
    }
}

@media (max-width: 480.98px) {
    .blog-details-v1-meta {
        display: block !important;
    }

    .blog-details-v1-meta-left {
        width: 100%;
    }

    .blog-details-v1-meta-text-two {
        display: inline-block;
        margin: 0 10px 20px 0;
    }

    .blog-details-v1-meta-right {
        width: 100%;
        justify-content: flex-start !important;
    }

    .blog-details-v1-meta-text {
        text-align: left;
    }

        .blog-details-v1-meta-text.date {
            text-align: left;
        }

    .blog-details-v1-img-main {
        height: 215px;
    }

    .blog-details-v1-img-main2 {
        height: 141px;
    }

    .blockquote-box {
        padding: 14px;
    }

    .blockquote {
        padding: 15px;
    }

    .blog-details-v1-pager-link-prev-img img {
        max-width: 45px;
        margin-right: 10px;
    }

    .blog-details-v1-pager-link-next-img img {
        max-width: 45px;
        margin-left: 10px;
    }

    .blog-details-v1-comments .comment-media {
        max-width: 45px;
        flex: 0 0 45px;
        height: 45px;
    }

    .common-form2 textarea.form-control {
        height: 100px;
    }
}

@media (max-width: 414.98px) {
    .blog-details-v1-img-main {
        height: 184px;
    }

    .blog-details-v1-img-main2 {
        height: 120px;
    }
}

@media (max-width: 375.98px) {
    .blog-details-v1-img-main {
        height: 166px;
    }

    .blog-details-v1-img-main2 {
        height: 107px;
    }

    .blog-details-v1-pager-link-title {
        max-width: 60%;
    }
}

@media (max-width: 320.98px) {
    .blog-details-v1-img-main {
        height: 140px;
    }

    .blog-details-v1-img-main2 {
        height: 90px;
    }

    .blog-details-v1-comments .comment-reply {
        padding: 7px 8px;
    }
}
/*=========================================== Blog Details Page v1 End CSS ===========================================*/

/*=========================================== Blog Details Page v2 Start CSS ===========================================*/
.blog-details-v2-top-banner {
    position: relative;
}

    .blog-details-v2-top-banner::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50px;
        width: 61px;
        height: 150px;
        background-image: url('../images/blog-details-v2-top-banner-three-line.png');
        background-repeat: no-repeat;
        background-size: cover;
    }

.blog-details-v2-top-banner-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 74px 0 0 0;
}

.blog-details-v2-top-banner-bg-color {
    background-color: var(--black-color-14);
    height: 800px;
    width: 39%;
    padding: 0;
}

.blog-details-v2-top-banner-images {
    height: 800px;
    overflow: hidden;
    width: 61%;
    padding: 0;
}

.blog-details-v2-top-banner-title {
    font-size: 80px;
    font-weight: 600;
    color: var(--white-color);
    line-height: 95px;
    margin-top: 40px;
}

.blog-details-v2-top-banner-avatar-rounded-circle {
    width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: 100px;
}

.blog-details-v2-top-banner-avatar-title {
    font-size: 19px;
    font-weight: 400;
    color: var(--white-color);
    margin: 0 0 0 20px;
}

    .blog-details-v2-top-banner-avatar-title a {
        color: var(--white-color);
        text-decoration: underline;
    }

.blog-details-v2-top-banner-avatar-mt {
    margin-top: 22px;
}

.blog-details-v2-top-banner-avatar-date {
    margin-left: 80px;
}

    .blog-details-v2-top-banner-avatar-date i {
        color: var(--white-color);
        font-size: 34px;
    }

.blog-details-v2-meta-text {
    color: var(--white-color);
    transition: all .3s ease 0s;
    font-size: 16px;
    font-weight: 400;
    margin-right: 20px;
    font-family: 'IRANSansX', sans-serif;
    display: inline-block
}

.blog-details-v2-meta-tag {
    background-color: var(--black-color-13);
    color: var(--white-color);
    border-radius: 100px;
    padding: 5px 18px;
}

.blog-details-v2-img-main2 {
    overflow: hidden;
    height: 480px;
    margin: 50px 0 42px 0;
}

.blog-details-v2-meta-title {
    font-size: 36px;
    font-weight: 500;
    color: var(--black-color-2);
    line-height: 36px;
    margin-bottom: 37px;
}

.blog-details-v2-meta-subdecs {
    font-size: 16px;
    font-weight: 400;
    color: var(--gray-color-2);
    line-height: 30px;
    margin-bottom: 30px;
}

    .blog-details-v2-meta-subdecs:nth-last-child(5) {
        margin-bottom: 45px;
    }

.blog-details-v2-meta-subdecs2 {
    font-size: 16px;
    font-weight: 400;
    color: var(--white-color);
    line-height: 30px;
    margin-bottom: 17px;
    font-style: italic;
}

.blog-details-v2-meta-title2 {
    font-size: 24px;
    font-weight: 500;
    color: var(--white-color);
    font-style: normal;
}

.blockquote-box2 {
    margin: 0;
    padding: 0;
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.05);
    background-color: var(--blue-color)
}

.blockquote2 {
    position: relative;
    padding: 48px 82px 53px 82px;
    margin: 0;
}

    .blockquote2::before {
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        background-image: url('../images/blog-details-v2-quote-icon.png');
        background-repeat: no-repeat;
        background-size: cover;
        width: 151px;
        height: 113px
    }

    .blockquote2::after {
        position: absolute;
        left: 0;
        top: 54px;
        content: "";
        background-color: var(--black-color-1);
        width: 9px;
        height: 166px;
    }

.blog-details-v2-related-tags {
    font-size: 16px;
    color: var(--black-color-2);
    font-weight: 500;
    display: inline-block;
}

.blog-details-v2-related-tags2 {
    display: inline-block;
}

.blog-details-v2-related-tags-box {
    font-size: 16px;
    font-weight: 400;
    color: var(--black-color-2);
    background-color: var(--white-color);
    text-align: center;
    border: 2px solid;
    border-color: var(--gray-color-3);
    border-radius: 100px;
    padding: 5px 20px;
    display: inline-block;
    font-family: 'IRANSansX', sans-serif;
    margin: 0 0 0 10px;
}

.blog-details-v2-post-share {
    display: inline-block
}

.blog-details-v2-post-icon {
    display: inline;
    margin: 0 0 0 15px;
    font-size: 14px
}

.blog-details-v2-share-icon {
    color: var(--gray-color-2);
    font-size: 18px
}

    .blog-details-v2-share-icon:focus, .blog-details-v2-share-icon:hover {
        color: var(--gray-color-2);
    }

.blog-details-v2-share-icon-facebook {
    color: var(--blue-color);
}

    .blog-details-v2-share-icon-facebook:focus, .blog-details-v2-share-icon-facebook:hover {
        color: var(--blue-color);
    }

.blog-details-v2-share-icon-twitter {
    color: var(--blue-color-1);
}

    .blog-details-v2-share-icon-twitter:focus, .blog-details-v2-share-icon-twitter:hover {
        color: var(--blue-color-1);
    }

.blog-details-v2-share-icon-linkedin {
    color: var(--blue-color-2);
}

    .blog-details-v2-share-icon-linkedin:focus, .blog-details-v2-share-icon-linkedin:hover {
        color: var(--blue-color-2);
    }

.blog-details-v2-share-icon-instagram {
    color: var(--red-color-2);
}

    .blog-details-v2-share-icon-instagram:focus, .blog-details-v2-share-icon-instagram:hover {
        color: var(--red-color-2);
    }

.blog-details-v2-page-nav {
    margin: 0;
    border-bottom: 1px solid var(--gray-color-3);
    padding-top: 66px;
    padding-bottom: 70px
}

.blog-details-v2-pager-link {
    display: flex;
}

    .blog-details-v2-pager-link.blog-details-v2-pager-link-prev {
        align-items: center;
        text-align: left;
    }

    .blog-details-v2-pager-link.blog-details-v2-pager-link-next {
        align-items: center;
        text-align: right;
    }

.blog-details-v2-pager-link-prev-img {
    width: 78px;
    height: 78px;
    background-color: var(--white-color);
    border: 2px solid;
    border-color: var(--gray-color-3);
    text-align: center;
    padding: 24px 10px;
    margin-right: 30px;
}

.blog-details-v2-pager-link-next-img {
    width: 78px;
    height: 78px;
    background-color: var(--white-color);
    border: 2px solid;
    border-color: var(--black-color-2);
    text-align: center;
    padding: 24px 10px;
    margin-left: 30px;
}

    .blog-details-v2-pager-link-prev-img img, .blog-details-v2-pager-link-next-img img {
        max-width: 14px;
    }

.blog-details-v2-pager-link-title-one {
    color: var(--gray-color-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    transition: all 0.35s ease;
    font-family: 'IRANSansX', sans-serif;
    text-transform: uppercase
}

.blog-details-v2-pager-link-title {
    display: inline-block;
    margin-top: 0;
    color: var(--black-color-2);
    font-size: 20px;
    font-weight: 700;
    text-transform: none;
    transition: all 0.35s ease;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'IRANSansX', sans-serif;
}

.blog-details-v2-pager-link-next-text .blog-details-v2-pager-link-title {
    color: var(--blue-color);
}

.blog-details-v2-pager-link::after {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.35s ease 0.05s;
}

.blog-details-v2-post-author {
    margin: 67px 0 0 0;
    padding: 0 0 67px 0;
    border-bottom: 1px solid;
    border-color: var(--gray-color-3);
}

.blog-details-v2-author-media {
    margin: 0;
    border-radius: 100px;
    overflow: hidden;
    flex: 0 0 100px;
    max-width: 100px;
    height: 100px;
}

.blog-details-v2-author-name-wrapper {
    margin: 0;
    padding: 0 60px 0 30px;
}

.blog-details-v2-author-name {
    font-size: 24px;
    font-weight: 700;
    color: var(--black-color-2);
}

.blog-details-v2-author-name2 {
    font-size: 16px;
    font-weight: 400;
    color: var(--gray-color-2);
    line-height: 30px;
    margin: 16px 0 0 0;
}

.blog-details-v2-comments-main {
    padding: 64px 0 8px 0;
    border-bottom: 1px solid var(--gray-color-3);
    margin-bottom: 65px;
}

.blog-details-v2-comments {
    margin-top: 32px;
}

    .blog-details-v2-comments li {
        margin-bottom: 30px;
    }

.blog-details-v2-comment {
    position: relative;
    padding: 0;
    border: none;
}

    .blog-details-v2-comment:nth-child(2) {
        margin-left: 80px;
    }

    .blog-details-v2-comment:last-child {
        padding-bottom: 30px;
        margin-left: 80px;
    }

.blog-details-v2-comment-body {
    display: flex;
}

.blog-details-v2-comment-avatar {
    margin-right: 23px;
    margin-bottom: 0;
    border-radius: 100px;
    overflow: hidden;
    flex: 0 0 58px;
    max-width: 58px;
    height: 58px;
}

.blog-details-v2-comment-avatar-small {
    margin-right: 23px;
    margin-bottom: 0;
    border-radius: 100px;
    overflow: hidden;
    flex: 0 0 48px;
    max-width: 48px;
    height: 48px;
}

.blog-details-v2-comment-content {
    max-width: none;
    flex-basis: 0;
    flex-grow: 1;
}

.blog-details-v2-comment-author {
    margin: 0;
    font-size: 18px;
    color: var(--black-color-2);
    line-height: 1;
    font-weight: 700;
}

    .blog-details-v2-comment-author a {
        margin-right: 15px;
        color: inherit;
    }

.blog-details-v2-comment-date {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--gray-color-2);
    font-family: 'IRANSansX', sans-serif;
}

.blog-details-v2-comment-content-text {
    margin: 11px 0 7px 0;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: var(--gray-color-2);
}

.blog-details-v2-btn-reply {
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color-2);
    font-family: 'IRANSansX', sans-serif;
    margin: 0 22px 0 0;
}

    .blog-details-v2-btn-reply:last-of-type {
        margin: 0;
    }

    .blog-details-v2-btn-reply i {
        font-size: 14px;
        color: var(--gray-color-2);
        margin: 0 8px 0 0;
    }

/*------------------------------ Blog Details Page v2 Responsive CSS --------------------------------*/
@media (max-width: 1499.98px) {
    .blog-details-v2-img-main2 {
        height: 418px;
    }
}

@media (max-width: 1399.98px) {
    .blog-details-v2-top-banner::before {
        left: 20px;
        width: 50px;
        height: 124px;
    }

    .blog-details-v2-top-banner-bg-color {
        height: 650px;
    }

    .blog-details-v2-top-banner-images {
        height: 650px;
    }

    .blog-details-v2-top-banner-title {
        font-size: 70px;
        line-height: 85px;
        margin-top: 30px;
    }

    .blog-details-v2-img-main2 {
        height: 337px;
    }
}

@media (max-width: 1299.98px) {
    .blog-details-v2-top-banner-bg-color {
        height: 520px;
    }

    .blog-details-v2-top-banner-images {
        height: 520px;
    }

    .blog-details-v2-top-banner-text {
        padding: 44px 0 0 0;
    }

    .blog-details-v2-top-banner-title {
        margin-top: 20px;
        font-size: 56px;
        line-height: 64px;
    }

    .blog-details-v2-top-banner-avatar-rounded-circle {
        width: 46px;
        height: 46px;
    }

    .blog-details-v2-top-banner-avatar-title {
        font-size: 17px;
        margin: 0 0 0 15px;
    }

    .blog-details-v2-top-banner-avatar-date {
        margin-left: 32px;
    }

        .blog-details-v2-top-banner-avatar-date i {
            font-size: 24px;
        }

    .blog-details-v2-meta-title {
        font-size: 22px;
        line-height: normal;
        margin-bottom: 20px;
    }

    .blog-details-v2-meta-title2 {
        font-size: 18px;
    }

    .blog-details-v2-meta-subdecs {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .blog-details-v2-meta-subdecs2 {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .blockquote2::after {
        top: 28px;
        width: 9px;
        height: 120px;
    }

    .blog-details-v2-img-main2 {
        margin: 20px 0 22px 0;
    }

    .blog-details-v2-meta-text {
        font-size: 14px;
        margin-right: 10px;
    }

    .blockquote2 {
        padding: 20px 28px;
    }

    .blog-details-v2-shapret-line {
        margin: 32px 0 10px 0;
    }

    .blog-details-v2-page-nav {
        padding-top: 46px;
        padding-bottom: 50px;
    }

    .blog-details-v2-pager-link-prev-img {
        width: 68px;
        height: 68px;
        padding: 18px 10px;
        margin-right: 15px;
    }

    .blog-details-v2-pager-link-next-img {
        width: 68px;
        height: 68px;
        padding: 18px 10px;
        margin-left: 15px;
    }

    .blog-details-v2-post-author {
        margin: 47px 0 0 0;
        padding: 0 0 47px 0;
    }

    .blog-details-v2-author-name {
        font-size: 17px;
    }

    .blog-details-v2-author-name2 {
        font-size: 14px;
        line-height: 22px;
        margin: 10px 0 0 0;
    }

    .common-btn-border {
        font-size: 14px;
        padding: 18px 64px;
    }

    .blog-details-v2-comments-main .title-simple {
        font-size: 20px;
        margin-bottom: 24px;
    }

    .blog-details-v2-comments-main {
        padding: 44px 0 8px 0;
        margin-bottom: 45px;
    }

    .blog-details-v2-comment-author {
        font-size: 16px;
    }

    .blog-details-v2-comment-content-text {
        margin: 11px 0 7px 0;
        line-height: 22px;
        font-size: 14px;
    }

    .blog-details-v2-comments {
        margin-top: 22px;
    }
}

@media (max-width: 1199.98px) {
    .blog-details-v2-top-banner-avatar-date {
        margin-left: 62px;
    }

    .blog-details-v2-img-main2 {
        height: 282px;
    }
}

@media (max-width: 991.98px) {
    .blog-details-v2-top-banner-bg-color {
        width: 49%;
        height: 520px;
    }

    .blog-details-v2-top-banner-images {
        width: 51%;
        height: 520px;
    }

    .blog-details-v2-top-banner-title {
        font-size: 46px;
        line-height: 54px;
    }

    .blog-details-v2-top-banner-avatar-date {
        margin-left: 8px;
    }

    .blog-details-v2-top-banner-avatar-title {
        margin: 0 0 0 10px;
    }

    .blog-details-v2-img-main2 {
        height: 207px;
    }

    .blog-details-v2-author-name-wrapper {
        padding: 0 10px 0 20px;
    }

    .blockquote2::after {
        height: 190px;
    }

    .blog-details-v2-responsive-m-t {
        margin-top: 20px;
    }

    .blog-details-v2-pager-link-title {
        font-size: 17px;
    }

    .blog-details-v2-pager-link-prev-img {
        width: 58px;
        height: 58px;
        padding: 12px 10px;
    }

    .blog-details-v2-pager-link-next-img {
        width: 58px;
        height: 58px;
        padding: 12px 10px;
    }
}

@media (max-width: 768.98px) {
    .blog-details-v2-top-banner-bg-color {
        width: 45%;
        height: 380px;
    }

    .blog-details-v2-top-banner-images {
        width: 55%;
        height: 380px;
    }

    .blog-details-v2-top-banner-title {
        font-size: 36px;
        line-height: 44px;
    }

        .blog-details-v2-top-banner-title br {
            display: none;
        }

    .blog-details-v2-top-banner-avatar-date {
        margin-left: 30px;
    }

    .blog-details-v2-top-banner-avatar-title {
        font-size: 15px;
        margin: 0 0 0 10px;
    }

    .blog-details-v2-meta-title {
        font-size: 17px;
    }

    .blog-details-v2-meta-title2 {
        font-size: 16px;
    }

    .blockquote2::after {
        height: 175px;
    }

    .blog-details-v2-page-nav {
        padding-top: 34px;
        padding-bottom: 43px;
    }

    .blog-details-v2-comment:nth-child(2) {
        margin-left: 40px;
    }

    .blog-details-v2-comment:last-child {
        margin-left: 40px;
    }

    .blog-details-v2-comments-main .title-simple {
        font-size: 17px;
        margin-bottom: 14px;
    }

    .blog-details-v2-comment-body {
        padding: 0;
    }

    .common-form2 .form-control {
        margin: 0 0 15px 0;
        padding: 14px 16px;
        height: 40px;
    }
}

@media (max-width: 767.98px) {
    .blog-details-v2-top-banner::before {
        width: 40px;
        height: 90px;
    }

    .blog-details-v2-top-banner-bg-color {
        width: 49%;
        height: 320px;
    }

    .blog-details-v2-top-banner-images {
        width: 51%;
        height: 320px;
    }

    .blog-details-v2-meta-text {
        margin-right: 1px;
    }

    .blog-details-v2-top-banner-title {
        font-size: 26px;
        line-height: 34px;
    }

    .blog-details-v2-top-banner-avatar-title {
        font-size: 14.8px;
    }

    .blog-details-v2-top-banner-avatar-date {
        margin-left: 12px;
    }

    .blog-details-v2-top-banner-avatar-rounded-circle {
        width: 40px;
        height: 40px;
    }

    .blog-details-v2-top-banner-avatar-date i {
        font-size: 20px;
    }

    .blockquote2::after {
        top: 50px;
    }

    .blog-details-v2-related-tags-box {
        margin: 5px 10px 10px 0;
    }

    .blog-details-v2-img-main2 {
        height: 152px;
    }

    .blog-details-v2-responsive-d-block {
        display: block !important;
    }

    .blog-details-v2-responsive-m-t {
        margin-top: 10px;
    }

    .blog-details-v2-pager-link-prev-img {
        width: 48px;
        height: 48px;
        padding: 8px 10px;
    }

    .blog-details-v2-pager-link-next-img {
        width: 48px;
        height: 48px;
        padding: 8px 10px;
    }

        .blog-details-v2-pager-link-prev-img img, .blog-details-v2-pager-link-next-img img {
            max-width: 12px;
        }

    .blog-details-v2-pager-link-title-one {
        font-size: 13px;
    }

    .common-btn-border {
        padding: 12px 20px;
    }
}

@media (max-width: 575.98px) {
    .blog-details-v2-comment-author a {
        margin-right: 0;
        color: inherit;
        margin-bottom: 10px;
        display: block;
    }

    .blog-details-v2-top-banner-title {
        margin-right: 290px;
    }

    .blog-details-v2-author-media {
        flex: 0 0 80px;
        max-width: 80px;
        height: 80px;
    }

    .common-btn-border {
        padding: 12px 14px;
    }

    .blog-details-v2-author-name-wrapper {
        padding: 0 10px 0 10px;
    }
}

@media (max-width: 480.98px) {
    .blog-details-v2-top-banner-text {
        padding: 24px 0 0 0;
    }

    .blog-details-v2-top-banner-bg-color {
        height: 260px;
    }

    .blog-details-v2-top-banner-images {
        height: 260px;
    }

    .blog-details-v2-top-banner-title {
        font-size: 20px;
        line-height: 26px;
        margin-right: 270px;
    }

    .blog-details-v2-top-banner-bg-color {
        height: 300px;
    }

    .blog-details-v2-top-banner-images {
        height: 300px;
    }

    .blockquote2 {
        padding: 15px;
    }

    .blog-details-v2-pager-link-title {
        max-width: 80%;
    }

    .blog-details-v2-img-main2 {
        height: 133px;
    }

    .blog-details-v2-page-nav {
        padding-top: 24px;
        padding-bottom: 33px;
    }

    .blog-details-v2-post-author {
        margin: 27px 0 0 0;
        padding: 0 0 27px 0;
    }

    .blog-details-v2-comments-main {
        padding: 34px 0 8px 0;
        margin-bottom: 35px;
    }

    .common-form2 textarea.form-control {
        height: 100px;
    }
}

@media (max-width: 414.98px) {
    .blog-details-v2-top-banner-bg-color {
        height: 250px;
    }

    .blog-details-v2-top-banner-images {
        height: 250px;
    }

    .blog-details-v2-top-banner-title {
        margin-right: 200px;
    }

    .blog-details-v2-img-main2 {
        height: 113px;
    }

    .blog-details-v2-responsive-dblock {
        display: block !important;
        text-align: center;
    }

    .blog-details-v2-author-name-wrapper {
        padding: 20px 0;
    }

    .blog-details-v2-author-media {
        margin: 0 auto;
    }
}

@media (max-width: 375.98px) {
    .blog-details-v2-top-banner-title {
        margin-right: 150px;
    }

    .blog-details-v2-pager-link-title {
        max-width: 54%;
    }

    .blog-details-v2-comment:nth-child(2) {
        margin-left: 20px;
    }

    .blog-details-v2-comment:last-child {
        margin-left: 20px;
    }
}

@media (max-width: 360.98px) {
    .blog-details-v2-top-banner-title {
        margin-right: 130px;
    }
}

@media (max-width: 320.98px) {
    .blog-details-v2-top-banner-title {
        margin-right: 100px;
    }

    .blog-details-v2-img-main2 {
        height: 84px;
    }
}
/*=========================================== Blog Details Page v2 End CSS ===========================================*/

/*=========================================== Coming Soon Page Start CSS ===========================================*/
.coming-soon-page {
    display: table;
    height: 100%;
    width: 100%;
    background-image: url('../images/coming-soon-page-bg-img.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.coming-soon-page-main-inner {
    display: table-cell;
    vertical-align: middle;
    height: 100vh
}

.coming-soon-page-box {
    max-width: 924px;
    margin: 0 auto;
    background-color: var(--white-dark-color-3);
    padding: 50px 70px;
    color: var(--black-color-2);
    display: inline-block;
    position: relative;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}

    .coming-soon-page-box .navbar-brand {
        height: 51px;
        width: 127px;
        padding: 0;
        margin: 0 auto;
        display: flex;
        margin-bottom: 35px;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

.coming-soon-page-countdown {
    margin: 0;
    padding: 0;
    text-align: center;
    justify-content: center;
}

.coming-soon-page-clock-c {
    display: flex;
    border-bottom: 2px solid;
    border-color: var(--gray-color-23);
    margin-bottom: 40px
}

    .coming-soon-page-clock-c .countdown-maindiv {
        margin: 0 30px;
        padding: 0;
    }

    .coming-soon-page-clock-c .title {
        font-size: 30px;
        font-weight: 500;
        color: var(--black-color-2);
        line-height: 22px;
        margin: 0;
        padding: 0;
    }

    .coming-soon-page-clock-c .subtitle {
        font-size: 18px;
        font-weight: 400;
        color: var(--white-color-1);
        margin: 0 0 32px 0;
        padding: 0;
        text-transform: capitalize;
    }

    .coming-soon-page-clock-c .coma {
        font-size: 30px;
        font-weight: 400;
        color: var(--black-color);
        margin: -14px 0 0 0;
        padding: 0;
        display: block;
    }

.coming-soon-page-social-media {
    margin-top: 34px;
}

    .coming-soon-page-social-media li {
        display: inline-flex;
    }

.coming-soon-page-social-media-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    color: var(--white-color);
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background-color: var(--black-color-2);
    text-align: center;
    margin: 0 3px;
}

    .coming-soon-page-social-media-icon i {
        color: var(--white-color);
    }

.coming-soon-page-social-media-colorblue {
    background-color: var(--blue-color);
}

.coming-soon-page-social-media-colorbluelight {
    background-color: var(--blue-color-1);
}

.coming-soon-page-social-media-colorpink {
    background-color: var(--red-color-2);
}

.coming-soon-page-social-media-colorred {
    background-color: var(--red-color-3);
}

/*------------------------------ Coming Soon Page Responsive CSS --------------------------------*/
@media (max-width: 1299.98px) {
    .coming-soon-page-box .navbar-brand {
        margin-bottom: 25px;
    }

    .common-subdesc-three {
        margin: 15px 0 30px 0;
        font-size: 16px;
        line-height: 24px;
    }

    .coming-soon-page-clock-c {
        margin-bottom: 30px;
    }

    .coming-soon-page-social-media {
        margin-top: 24px;
    }

    .coming-soon-page-clock-c .countdown-maindiv {
        margin: 0 25px;
    }

    .coming-soon-page-clock-c .title {
        font-size: 24px;
        line-height: 18px;
    }

    .coming-soon-page-clock-c .subtitle {
        font-size: 16px;
        margin: 0 0 30px 0;
    }

    .coming-soon-page-clock-c .coma {
        font-size: 24px;
        margin: -10px 0 0 0;
    }
}

@media (max-width: 991.98px) {
    .coming-soon-page-box {
        padding: 25px 45px;
    }
}

@media (max-width: 768.98px) {
    .coming-soon-page-box .navbar-brand {
        height: 43px;
        width: 107px;
        margin-bottom: 25px;
    }

    .common-subdesc-three {
        margin: 10px 0 20px 0;
        font-size: 15px;
        line-height: 22px;
    }

    .coming-soon-page-clock-c {
        margin-bottom: 20px;
    }

    .coming-soon-page-social-media {
        margin-top: 18px;
    }
}

@media (max-width: 480.98px) {
    .coming-soon-page-box {
        padding: 15px;
        max-width: 100%;
    }

    .coming-soon-page-clock-c .countdown-maindiv {
        margin: 0 5px;
    }
}
/*=========================================== Coming Soon Page End CSS ===========================================*/

/*=========================================== Error Page Start CSS ===========================================*/
.error-page-images {
    height: 302px;
    overflow: hidden;
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 70px;
}

/*------------------------------ Error Page Responsive CSS --------------------------------*/
@media (max-width: 1299.98px) {
    .error-page-images {
        margin-bottom: 40px;
    }
}

@media (max-width: 991.98px) {
    .error-page-images {
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    .error-page-images {
        height: 265px;
    }
}

@media (max-width: 480.98px) {
    .error-page-images {
        height: 234px;
    }
}

@media (max-width: 414.98px) {
    .error-page-images {
        height: 200px;
        margin-bottom: 15px;
    }
}

@media (max-width: 375.98px) {
    .error-page-images {
        height: 180px;
    }
}

@media (max-width: 360.98px) {
    .error-page-images {
        height: 173px;
    }
}

@media (max-width: 320.98px) {
    .error-page-images {
        height: 152px;
    }
}
/*=========================================== Error Page End CSS ===========================================*/

/*=========================================== Forgot Password Page Start CSS ===========================================*/
.forgot-password-page-wrap {
    margin: 0 auto;
    max-width: 692px;
}

/*------------------------------ Forgot Password Page Responsive CSS --------------------------------*/
@media (max-width: 1299.98px) {
    .common-custom-control-label::before {
        width: 16px;
        height: 16px;
    }

    .common-custom-control-label::after {
        width: 16px;
        height: 16px;
    }

    .common-custom-checkbox .common-custom-control-label::after {
        font-size: 10px;
    }

    .common-custom-control {
        margin-bottom: 15px;
    }

    .common-form-line {
        margin: 23px 0 26px 0;
    }
}

@media (max-width: 768.98px) {
    .common-custom-checkbox .common-custom-control-label::after {
        font-size: 8px;
    }

    .common-form-line {
        margin: 13px 0 16px 0;
    }
}

@media (max-width: 767.98px) {
    .forgot-password-page-wrap {
        max-width: 100%;
        padding: 0 30px;
    }
}

@media (max-width: 480.98px) {
    .forgot-password-page-wrap {
        padding: 0;
    }

    .common-custom-control-label::before {
        top: 2px;
    }
}
/*=========================================== Forgot Password Page End CSS ===========================================*/

/*=========================================== Login Page Start CSS ===========================================*/
.login-page-forgot-password-link {
    font-size: 16px;
    font-weight: 500;
    color: var(--blue-color);
    text-decoration: underline;
    float: right;
    margin-top: -5px;
}

    .login-page-forgot-password-link:focus, .login-page-forgot-password-link:hover {
        color: var(--blue-color);
        text-decoration: underline;
    }

.common-form-or-in-with {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
    color: var(--black-color);
    margin-top: 18px;
}

    .common-form-or-in-with::before {
        margin-right: 17px;
    }

    .common-form-or-in-with::after {
        margin-left: 17px;
    }

    .common-form-or-in-with::after, .common-form-or-in-with::before {
        content: "";
        height: 2px;
        flex: 1;
        background: var(--dark-white-color);
    }

.common-form-social-media {
    margin: 26px 0 35px 0;
}

    .common-form-social-media li {
        display: inline-flex;
    }

.common-form-social-media-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: var(--white-color);
    width: 35px;
    height: 35px;
    border-radius: 100px;
    background-color: var(--black-color-2);
    text-align: center;
    margin: 0 2px;
}

.common-form-social-media-colorblue {
    background-color: var(--blue-color);
}

.common-form-social-media-colorbluelight {
    background-color: var(--blue-color-1);
}

.common-form-social-media-colorbluedark {
    background-color: var(--blue-color-2);
}

.common-form-social-media-colorpink {
    background-color: var(--red-color-2);
}

.common-form-social-media-colorred {
    background-color: var(--red-color-3);
}

.common-form-social-media-icon i {
    color: var(--white-color);
}

/*------------------------------ Login Page Responsive CSS --------------------------------*/
@media (max-width: 1299.98px) {
    .common-form-or-in-with {
        font-size: 16px;
        margin-top: 14px;
    }

    .common-form-social-media {
        margin: 16px 0 25px 0;
    }
}

@media (max-width: 575.98px) {
    .login-page-forgot-password-link {
        float: left;
        margin-bottom: 20px;
    }
}
/*=========================================== Login Page End CSS ===========================================*/

/*=========================================== Register Page Start CSS ===========================================*/
.register-page-link {
    text-decoration: underline;
}

    .register-page-link:focus, .register-page-link:hover {
        text-decoration: underline;
    }
/*=========================================== Register Page End CSS ===========================================*/

/*=========================================== Cart Page v1 Start CSS ===========================================*/
.cart-page-v1-shop-products {
    text-align: left;
    margin: 0;
    padding: 0;
}

.cart-page-v1-product-photo1 {
    width: 12%;
}

.cart-page-v1-product-name1 {
    width: 20%;
}

.cart-page-v1-description1 {
    width: 23%;
}

.cart-page-v1-size1 {
    width: 10%;
}

.cart-page-v1-quantity-main1 {
    width: 18%;
}

.cart-page-v1-remove1 {
    width: 12%;
}

.cart-page-v1-price1 {
    width: 5%;
}

.cart-page-v1-title {
    padding: 0 0 26px 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--black-color-2);
    line-height: 1;
}

.cart-page-v1-shop-products-border {
    padding: 38px 0;
    border-top: 2px solid;
    border-color: var(--gray-color-8);
}

    .cart-page-v1-shop-products-border:last-child {
        border-bottom: 2px solid;
        border-color: var(--gray-color-8);
        margin-bottom: 38px;
    }

.cart-page-v1-product-thumbnail {
    width: 102px;
    height: 102px;
    overflow: hidden;
    display: block;
}

.cart-page-v1-product-name {
    font-size: 19px;
    font-weight: 700;
    color: var(--black-color);
    display: block;
}

.cart-page-v1-product-name-subdesc {
    font-size: 14px;
    font-weight: 600;
    color: var(--gray-color-2);
    font-family: 'IRANSansX', sans-serif;
}

.cart-page-v1-product-description {
    line-height: 24px;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    font-family: 'IRANSansX', sans-serif;
    text-transform: capitalize;
}

.cart-page-v1-product-size {
    width: 64px;
    height: 60px;
    color: var(--black-color-2);
    font-size: 15px;
    font-weight: 600;
    border: 2px solid;
    border-color: var(--gray-color-3);
    font-family: 'IRANSansX', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.cart-page-v1-input-group {
    display: flex;
}

.cart-page-v1-quantity-plus1 {
    border-radius: 0;
    background-color: var(--light-white-color);
    font-size: 12px;
    font-weight: 600;
    color: var(--black-color-2);
}

.cart-page-v1-d-icon-plus1::before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.cart-page-v1-quantity-plus1:hover {
    border-radius: 0;
    background-color: var(--blue-color);
    border-color: var(--blue-color) !important;
    font-size: 12px;
    font-weight: 600;
    color: var(--white-color);
}

.cart-page-v1-input-group button {
    padding: 0;
    width: 64px;
    height: 60px;
    border: 2px solid var(--gray-color-3);
    cursor: pointer;
    -webkit-appearance: none;
}

.cart-page-v1-input-group button, .cart-page-v1-input-group input {
    border-color: var(--gray-color-3);
}

.cart-page-v1-input-group .form-control {
    padding: 0;
    height: 60px;
    font-size: 20px;
    font-weight: 600;
    border: solid var(--gray-color-3);
    border-width: 2px 0;
    color: var(--black-color-2);
    text-align: center;
    width: 64px;
    border-radius: 0px;
    outline: none;
    box-shadow: none;
    background-color: var(--white-color);
    font-family: 'IRANSansX', sans-serif;
}

.cart-page-v1-quantity-minus1 {
    border-radius: 0;
    background-color: var(--light-white-color);
    font-size: 12px;
    font-weight: 600;
    color: var(--black-color-2);
}

.cart-page-v1-d-icon-minus1::before {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.cart-page-v1-quantity-minus1:hover {
    border-radius: 0;
    background-color: var(--blue-color);
    border-color: var(--blue-color) !important;
    font-size: 12px;
    font-weight: 600;
    color: var(--white-color);
}

.cart-page-v1-product-price {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-7);
    border: 0px;
    font-family: 'IRANSansX', sans-serif;
}

.cart-page-v1-product-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    width: 64px;
    height: 60px;
    border: 2px solid var(--gray-color-3);
    border-radius: 0;
    background-color: var(--white-color);
    color: var(--black-color-2);
}

.cart-page-v1-cart-actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cart-page-v1-cart-coupon {
    background-color: var(--white-color);
    border: 2px solid;
    border-color: var(--gray-color-3);
    margin-right: 22px;
    margin-top: 94px;
}

.cart-page-v1-cart-coupon-title {
    font-size: 20px;
    font-weight: 400;
    color: var(--black-color-2);
    text-align: center;
    background-color: var(--light-white-color);
    border-bottom: 2px solid;
    border-color: var(--gray-color-3);
    padding: 20px;
}

.cart-page-v1-cart-coupon-subdesc {
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    font-style: italic;
    line-height: normal;
    margin: 0 0 30px 0;
}

.cart-page-v1-cart-coupon-content-box {
    padding: 30px;
}

.cart-page-v1-cart-have-a-coupon {
    font-size: 15px;
    font-weight: 400;
    color: var(--black-color-2);
    margin: 0 12px 0 0;
    font-family: 'IRANSansX', sans-serif;
    display: block;
}

    .cart-page-v1-cart-have-a-coupon i {
        font-size: 16px;
        font-weight: 900;
        color: var(--black-color-2);
        margin-right: 12px;
    }

.cart-page-v1-cart-coupon-input-form {
    font-size: 15px;
    font-weight: 400;
    color: var(--black-color-2);
    background-color: var(--white-color);
    border: 2px solid;
    border-color: var(--gray-color-3);
    height: 58px;
    width: 145px !important;
    border-radius: 0px;
    outline: none;
    box-shadow: none;
    font-family: 'IRANSansX', sans-serif;
    border-right: 0px;
    padding: 18px 22px;
}

    .cart-page-v1-cart-coupon-input-form:focus {
        color: var(--black-color-2);
        background-color: var(--white-color);
        border-color: var(--gray-color-3);
        outline: none;
        box-shadow: none;
    }

.cart-page-v1-estimate-shipping-and-tax {
    margin-right: 56px;
    margin-left: 34px;
}

.cart-page-v1-estimate-shipping-and-tax-subdesc-bold {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-color-2);
    line-height: 36px;
    font-family: 'IRANSansX', sans-serif;
}

.cart-page-v1-estimate-shipping-and-tax-subdesc {
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    line-height: 36px;
}

    .cart-page-v1-estimate-shipping-and-tax-subdesc:last-of-type {
        margin-bottom: 8px;
    }

.cart-page-v1-form .form-control {
    margin: 0 0 20px 0;
    padding: 22px;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    background: none;
    border: 2px solid var(--gray-color-3);
    border-radius: 0;
    height: 66px;
    font-family: 'IRANSansX', sans-serif;
    box-shadow: none;
    outline: none;
}

.cart-page-v1-form .form-select {
    margin: 0 0 20px 0;
    padding: 20px 22px;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    border: 2px solid var(--gray-color-3);
    border-radius: 0;
    height: 66px;
    font-family: 'IRANSansX', sans-serif;
    box-shadow: none;
    outline: none;
    background-image: url('../images/common-form-select-arrow.png');
    background-size: 10px 7px;
    background-position: right 22px center
}

.cart-page-v1-cart-grand-total {
    margin-right: 0px;
}

.cart-page-v1-subtotal-title {
    color: var(--black-color-2);
    font-size: 15px;
    font-weight: 400;
    line-height: 36px;
    font-family: 'IRANSansX', sans-serif;
}

.cart-page-v1-subtotal, .cart-page-v1-money {
    color: var(--black-color-2);
    font-size: 15px;
    font-weight: 400;
    line-height: 36px;
    font-family: 'IRANSansX', sans-serif;
    margin-bottom: 20px;
}

/*------------------------------ Cart Page v1 Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .cart-page-v1-cart-coupon-input-form {
        width: 111px !important;
    }
}

@media (max-width: 1499.98px) {
    .cart-page-v1-cart-coupon {
        margin-right: 0;
    }

    .cart-page-v1-cart-coupon-input-form {
        width: 100px !important;
    }

    .cart-page-v1-estimate-shipping-and-tax {
        margin-right: 24px;
        margin-left: 24px;
    }
}

@media (max-width: 1399.98px) {
    .cart-page-v1-description1 {
        width: 21%;
    }

    .cart-page-v1-quantity-main1 {
        width: 20%;
    }

    .cart-page-v1-responsive-block {
        display: block !important;
    }

    .cart-page-v1-cart-have-a-coupon {
        margin: 0 0 15px 0;
    }

    .cart-page-v1-cart-coupon-input-form {
        height: 58px;
    }

    .cart-page-v1-form .form-select {
        margin: 0 0 10px 0;
    }

    .cart-page-v1-form .form-control {
        margin: 0 0 10px 0;
    }
}

@media (max-width: 1299.98px) {
    .cart-page-v1-product-photo1 {
        width: 14%;
    }

    .cart-page-v1-product-name1 {
        width: 21%;
    }

    .cart-page-v1-remove1 {
        width: 9%;
    }

    .cart-page-v1-title {
        padding: 0 0 16px 0;
        font-size: 16px;
    }

    .cart-page-v1-product-thumbnail {
        width: 92px;
        height: 92px;
    }

    .cart-page-v1-product-name {
        font-size: 17px;
    }

    .cart-page-v1-product-description {
        line-height: 22px;
        font-size: 14px;
    }

    .cart-page-v1-product-size {
        width: 54px;
        height: 50px;
    }

    .cart-page-v1-input-group button {
        width: 54px;
        height: 50px;
    }

    .cart-page-v1-input-group .form-control {
        height: 50px;
        font-size: 17px;
        width: 54px;
    }

    .cart-page-v1-quantity-plus1 {
        font-size: 10px;
    }

    .cart-page-v1-quantity-minus1 {
        font-size: 10px;
    }

    .cart-page-v1-product-remove {
        width: 54px;
        height: 50px;
    }

    .cart-page-v1-product-price {
        font-size: 16px;
    }

    .common-btn3-hover-large3 span {
        padding: 12px 36px;
        font-size: 16px;
    }

    .cart-page-v1-cart-coupon-content-box {
        padding: 15px;
    }

    .cart-page-v1-cart-coupon-title {
        font-size: 17px;
        padding: 15px;
    }

    .cart-page-v1-cart-coupon-subdesc {
        font-size: 14px;
        margin: 0 0 20px 0;
    }

    .cart-page-v1-cart-have-a-coupon {
        margin: 0 0 10px 0;
        font-size: 14px;
    }

        .cart-page-v1-cart-have-a-coupon i {
            font-size: 14px;
            margin-right: 10px;
        }

    .cart-page-v1-cart-coupon-input-form {
        height: 48px;
        font-size: 14px;
        padding: 11px 16px;
    }

    .cart-page-v1-estimate-shipping-and-tax-subdesc-bold {
        font-size: 14px;
        line-height: 30px;
    }

    .cart-page-v1-estimate-shipping-and-tax-subdesc {
        font-size: 14px;
        line-height: 30px;
    }

    .cart-page-v1-form .form-select {
        padding: 11px 16px;
        font-size: 14px;
        height: 56px;
    }

    .cart-page-v1-form .form-control {
        padding: 11px 16px;
        font-size: 14px;
        height: 56px;
    }

    .cart-page-v1-subtotal-title {
        font-size: 14px;
        line-height: 30px;
    }

    .cart-page-v1-subtotal, .cart-page-v1-money {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 10px;
    }
}

@media (max-width: 1199.98px) {
    .cart-page-v1-subtotal-title {
        font-size: 13.7px;
    }
}

@media (max-width: 991.98px) {
    .cart-page-v1-product-photo1 {
        width: 15%;
    }

    .cart-page-v1-product-name1 {
        width: 20%;
    }

    .cart-page-v1-description1 {
        width: 16%;
    }

    .cart-page-v1-size1 {
        width: 9%;
    }

    .cart-page-v1-quantity-main1 {
        width: 25%;
    }

    .cart-page-v1-remove1 {
        width: 9%;
    }

    .cart-page-v1-price1 {
        width: 6%;
    }

    .cart-page-v1-product-description br {
        display: none;
    }

    .cart-page-v1-estimate-shipping-and-tax {
        margin-right: 0;
        margin-left: 0;
    }

    .cart-page-v1-cart-coupon {
        margin-top: 34px;
    }
}

@media (max-width: 768.98px) {
    .common-btn3-hover-large3 span {
        padding: 10px 34px;
        font-size: 15px;
    }

    .cart-page-v1-cart-coupon-input-form {
        padding: 12px 15px;
        font-size: 14px;
        height: 48px;
        margin: 0 0 12px 0;
        width: 100% !important;
        border-right: 2px solid;
        border-color: var(--gray-color-3);
    }

    .btn-radius-responsive {
        margin-left: 0 !important;
        border-top-left-radius: 100px !important;
        border-bottom-left-radius: 100px !important;
    }

    .cart-page-v1-form .form-control {
        padding: 15px;
        font-size: 14px;
        height: 48px;
        margin: 0 0 12px 0;
    }

    .cart-page-v1-form .form-select {
        padding: 15px;
        font-size: 14px;
        height: 48px;
        margin: 0 0 12px 0;
    }
}

@media (max-width: 767.98px) {
    .cart-page-v1-title-main-responsive-d-none {
        display: none !important;
    }

    .cart-page-v1-shop-products-border {
        padding: 20px 0;
        flex-flow: wrap;
    }

        .cart-page-v1-shop-products-border:first-of-type {
            border-top: 0px;
            padding-top: 0px;
        }

    .cart-page-v1-product-photo1 {
        width: auto;
        margin-right: 20px;
    }

    .cart-page-v1-product-name1 {
        width: calc(100% - 112px);
    }

    .cart-page-v1-description1 {
        width: 100%;
        margin: 20px 0;
    }

    .cart-page-v1-size1 {
        width: auto;
        margin-right: 20px;
    }

    .cart-page-v1-quantity-main1 {
        width: auto;
        margin-right: 20px;
    }

    .cart-page-v1-remove1 {
        width: auto;
    }

    .cart-page-v1-price1 {
        width: 100%;
        margin: 20px 0 0 0;
    }
}

@media (max-width: 360.98px) {
    .cart-page-v1-product-size {
        width: 49px;
        height: 45px;
    }

    .cart-page-v1-input-group button {
        width: 49px;
        height: 45px;
    }

    .cart-page-v1-input-group .form-control {
        width: 49px;
        height: 45px;
    }

    .cart-page-v1-input-group button {
        width: 49px;
        height: 45px;
    }

    .cart-page-v1-product-remove {
        width: 49px;
        height: 45px;
    }
}
/*=========================================== Cart Page v1 End CSS ===========================================*/

/*=========================================== Cart Page v2 Start CSS ===========================================*/
.cart-page-v2-shop-products {
    text-align: left;
    margin: 0;
    padding: 74px 90px 0 0;
}

.cart-page-v2-product-photo1 {
    width: 21%;
}

.cart-page-v2-product-name1 {
    width: 59%;
}

.cart-page-v2-quantity-main1 {
    width: 24%;
}

.cart-page-v2-price1 {
    width: 18%;
}

.cart-page-v2-remove1 {
    width: 2%;
}

.cart-page-v2-shop-products-border {
    padding: 28px 0;
    border-top: 1px solid;
    border-color: var(--gray-color-22);
    text-align: right;
}

    .cart-page-v2-shop-products-border:first-of-type {
        padding: 0 0 28px 0;
        border-top: none;
    }

    .cart-page-v2-shop-products-border:last-child {
        border-bottom: 1px solid;
        border-color: var(--gray-color-22);
        margin-bottom: 69px;
    }

.cart-page-v2-product-thumbnail {
    width: 140px;
    height: 140px;
    overflow: hidden;
    display: block;
    border-radius: 100px;
}

.cart-page-v2-product-name {
    font-size: 21px;
    font-weight: 700;
    color: var(--black-color);
    display: block;
}

.cart-page-v2-product-name-subdesc {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-color-2);
    font-family: 'IRANSansX', sans-serif;
}

.cart-page-v2-input-group {
    display: flex;
}

.cart-page-v2-quantity-plus1 {
    font-size: 14px;
    font-weight: 900;
    color: var(--black-color-12);
}

.cart-page-v2-d-icon-plus1::before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.cart-page-v2-input-group button {
    cursor: pointer;
    -webkit-appearance: none;
}

.cart-page-v2-input-group .form-control {
    margin: 0 16px;
    padding: 0;
    height: 38px;
    font-size: 14px;
    font-weight: 600;
    border: solid var(--gray-color-33);
    border-width: 1px;
    color: var(--black-color-12);
    text-align: center;
    width: 56px;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    background-color: var(--white-color);
    font-family: 'IRANSansX', sans-serif;
}

.cart-page-v2-quantity-minus1 {
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--black-color-12);
}

.cart-page-v2-d-icon-minus1::before {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.cart-page-v2-product-price {
    margin-bottom: 0;
    font-size: 21px;
    font-weight: 700;
    color: var(--black-color-7);
    border: 0px;
    font-family: 'IRANSansX', sans-serif;
}

.cart-page-v2-product-price-dollor {
    color: var(--black-color-7);
    font-size: 15px;
    font-weight: 700;
    vertical-align: top;
    margin: 0 4px 0 0;
}

.cart-page-v2-product-remove img {
    max-width: 17px;
    height: 17px;
}

.cart-page-v2-cart-actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 90px 0 0;
}

.cart-page-v2-pricing-table {
    padding: 65px 60px 63px 60px;
    background-color: var(--black-color-9);
    border-radius: 10px;
    margin-top: 30px;
}

.cart-page-v2-table-title {
    font-size: 30px;
    font-weight: 700;
    color: var(--white-color);
    margin: 0 0 91px 0
}

.cart-page-v2-ul-block {
    border-bottom: 1px solid;
    border-color: var(--black-color-10);
    padding-bottom: 40px;
    margin-bottom: 47px;
}

.cart-page-v2-li-block:not(:last-child) {
    margin-bottom: 20px;
}

.cart-page-v2-li-block {
    display: flex;
    color: var(--white-color);
    font-size: 18px;
    font-weight: 400;
    align-items: center;
    justify-content: space-between;
    font-family: 'IRANSansX', sans-serif;
}

.cart-page-v2-ul-total-cost {
    margin-bottom: 63px;
}

.cart-page-v2-li-total-cost:not(:last-child) {
    margin-bottom: 20px;
}

.cart-page-v2-li-total-cost {
    display: flex;
    color: var(--white-color);
    font-size: 22px;
    font-weight: 600;
    align-items: center;
    justify-content: space-between;
    font-family: 'IRANSansX', sans-serif;
}

.cart-page-v2-check-out-btn {
    padding-right: 0px;
}

.cart-page-v2-promo-code-box {
    margin: 63px 0 0 0;
    padding: 40px 0 0 0;
    border-top: 1px solid;
    border-color: var(--black-color-10)
}

.cart-page-v2-promo-code-box-label {
    color: var(--white-color);
    font-size: 18px;
    font-weight: 400;
    font-family: 'IRANSansX', sans-serif;
}

.cart-page-v2-promo-code-box-input {
    color: var(--white-color);
    font-size: 18px;
    font-weight: 400;
    background-color: var(--black-color-11);
    border: 0;
    padding: 15px 30px;
    font-family: 'IRANSansX', sans-serif;
    border-radius: 0px;
    margin: 0 0 22px 0;
}

    .cart-page-v2-promo-code-box-input:focus {
        color: var(--white-color);
        background-color: var(--black-color-11);
        border: 0;
        outline: none;
        box-shadow: none;
    }

/*------------------------------ Cart Page v2 Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .cart-page-v2-table-title {
        font-size: 29px;
    }
}

@media (max-width: 1499.98px) {
    .cart-page-v2-table-title {
        font-size: 27px;
    }
}

@media (max-width: 1399.98px) {
    .cart-page-v2-pricing-table {
        padding: 40px 35px 38px 35px;
    }

    .cart-page-v2-table-title {
        font-size: 24px;
    }

    .cart-page-v2-product-thumbnail {
        width: 120px;
        height: 120px;
    }

    .cart-page-v2-li-block {
        font-size: 17px;
    }

    .common-large-btn1-hover {
        font-size: 18px;
        padding: 26px 20px;
    }
}

@media (max-width: 1299.98px) {
    .cart-page-v2-shop-products {
        padding: 44px 0 0 60px;
    }

    .cart-page-v2-product-thumbnail {
        width: 92px;
        height: 92px;
    }

    .cart-page-v2-product-name {
        font-size: 17px;
    }

    .cart-page-v2-product-name-subdesc {
        font-size: 13.5px;
    }

    .cart-page-v2-input-group .form-control {
        height: 32px;
        font-size: 14px;
        width: 50px;
    }

    .cart-page-v2-quantity-plus1 {
        font-size: 10px;
    }

    .cart-page-v2-quantity-minus1 {
        font-size: 10px;
    }

    .cart-page-v2-product-remove img {
        max-width: 14px;
        height: 14px;
    }

    .cart-page-v2-product-price {
        font-size: 16px;
    }

    .common-btn-link1 {
        font-size: 17px;
        padding: 0 0 0 30px;
    }

    .common-btn-link2 {
        font-size: 17px;
        padding: 0 0 0 30px;
    }

    .cart-page-v2-cart-actions {
        padding: 0 0 0 60px;
    }

    .cart-page-v2-shop-products-border:last-child {
        margin-bottom: 29px;
    }

    .cart-page-v2-pricing-table {
        padding: 30px 25px 28px 25px;
    }

    .cart-page-v2-table-title {
        font-size: 22px;
        margin: 0 0 41px 0;
    }

    .cart-page-v2-li-block:not(:last-child) {
        margin-bottom: 15px;
    }

    .cart-page-v2-li-block {
        font-size: 15px;
    }

    .cart-page-v2-ul-block {
        padding-bottom: 30px;
        margin-bottom: 37px;
    }

    .cart-page-v2-ul-total-cost {
        margin-bottom: 33px;
    }

    .cart-page-v2-li-total-cost {
        font-size: 18px;
    }

    .common-large-btn1-hover {
        font-size: 15px;
        padding: 24px 20px;
    }

    .cart-page-v2-promo-code-box {
        margin: 43px 0 0 0;
        padding: 30px 0 0 0;
    }

    .cart-page-v2-promo-code-box-input {
        font-size: 16px;
        padding: 11px 30px;
    }

    .cart-page-v2-promo-code-box-label {
        font-size: 16px;
    }

    .common-large-btn4-hover span {
        padding: 14px 39px 14px 40px;
        font-size: 20px;
    }

    .common-large-btn4-hover2 span {
        font-size: 18px;
    }

    .common-large-btn4-hover::after {
        top: 20px;
        right: -22px;
        width: 35px;
        height: 17px;
    }

    .cart-page-v2-check-out-btn {
        padding-right: 22px;
    }
}

@media (max-width: 1199.98px) {
    .cart-page-v2-table-title {
        font-size: 20px;
    }
}

@media (max-width: 991.98px) {
    .cart-page-v2-shop-products {
        padding: 44px 0 0 0;
    }
}

@media (max-width: 768.98px) {
    .cart-page-v2-shop-products {
        padding: 30px 0 0 0;
    }

    .cart-page-v2-shop-products-border:first-of-type {
        padding: 0 0 20px 0;
    }

    .cart-page-v2-shop-products-border {
        padding: 20px 0;
    }

        .cart-page-v2-shop-products-border:last-child {
            margin-bottom: 20px;
        }

    .cart-page-v2-cart-actions {
        padding: 0;
    }

    .common-btn-link1 {
        padding: 0 0 0 25px;
    }

    .common-btn-link2 {
        padding: 0 0 0 25px;
    }

    .cart-page-v2-pricing-table {
        padding: 20px;
        border-radius: 5px;
    }

    .cart-page-v2-table-title {
        margin: 0 0 25px 0;
    }

    .cart-page-v2-ul-block {
        padding-bottom: 20px;
        margin-bottom: 27px;
    }

    .cart-page-v2-li-block:not(:last-child) {
        margin-bottom: 10px;
    }

    .cart-page-v2-ul-total-cost {
        margin-bottom: 23px;
    }

    .common-large-btn1-hover {
        font-size: 14px;
        padding: 14px 20px;
    }

    .cart-page-v2-promo-code-box {
        margin: 33px 0 0 0;
        padding: 20px 0 0 0;
    }

    .cart-page-v2-promo-code-box-input {
        font-size: 15px;
        padding: 9px 25px;
        margin: 0 0 15px 0;
    }

    .cart-page-v2-check-out-btn {
        padding-right: 18px;
    }
}

@media (max-width: 767.98px) {
    .cart-page-v2-product-photo1 {
        display: block;
        width: 100%;
        text-align: center;
    }

    .cart-page-v2-product-name1 {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .cart-page-v2-quantity-main1 {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .cart-page-v2-price1 {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .cart-page-v2-remove1 {
        display: block;
        width: 100%;
        text-align: center;
    }

    .cart-page-v2-shop-products-border {
        display: block !important;
    }

    .cart-page-v2-product-thumbnail {
        margin: 0 auto;
    }

    .cart-page-v2-input-group {
        display: inline-flex;
    }
}

@media (max-width: 575.98px) {
    .cart-page-v2-cart-actions .float-start {
        width: 100%;
        margin-bottom: 10px;
    }

    .cart-page-v2-cart-actions .float-end {
        width: 100%;
    }
}
/*=========================================== Cart Page v2 End CSS ===========================================*/

/*=========================================== Checkout Page Start CSS ===========================================*/
.checkout-page-login-toggle, .checkout-page-coupon-toggle {
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color-2);
    margin: 0 0 40px 0;
    padding: 0;
    font-family: 'IRANSansX', sans-serif;
}

.checkout-page-show-login, .checkout-page-show-coupon {
    color: var(--blue-color);
    text-decoration: underline;
}

    .checkout-page-show-login:focus, .checkout-page-show-coupon:focus, .checkout-page-show-login:hover, .checkout-page-show-coupon:hover {
        color: var(--blue-color);
        text-decoration: underline;
    }

.checkout-page-login-content, .checkout-page-coupon-content, .checkout-page-checkbox1-content, .checkout-page-checkbox2-content {
    display: none;
    margin: 0 0 40px 0;
    padding: 30px;
    border: 1px solid;
    border-color: var(--gray-color-4);
}

.checkout-page-login-text {
    font-size: 14px;
    margin-bottom: 15px;
}

.checkout-page-billing-details-title {
    font-size: 22px;
    font-weight: 500;
    color: var(--black-color-2);
    margin: 0 0 20px 0;
    text-align: right;
}

.checkout-page-label {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color);
    font-family: 'IRANSansX', sans-serif;
    float: right;
}

.checkout-page-form textarea.form-control {
    height: 190px;
}

.checkout-page-table-title {
    margin-bottom: 30px;
}

.checkout-page-shop-products {
    text-align: left;
    margin: 0;
    padding: 0;
}

.checkout-page-product-photo1 {
    width: 25%;
}

.checkout-page-product-name1 {
    width: 55%;
}

.checkout-page-price1 {
    width: 20%;
    text-align: right;
}

.checkout-page-shop-products-border {
    padding: 14px 0;
    border-top: 1px solid;
    border-color: var(--black-color-10);
}

    .checkout-page-shop-products-border:first-of-type {
        padding: 0 0 14px 0;
        border-top: none;
    }

    .checkout-page-shop-products-border:last-child {
        border-bottom: 1px solid;
        border-color: var(--black-color-10);
        margin-bottom: 23px;
    }

.checkout-page-product-thumbnail {
    width: 67px;
    height: 67px;
    overflow: hidden;
    display: block;
    border-radius: 100px;
}

.checkout-page-product-name {
    font-size: 17px;
    font-weight: 700;
    color: var(--white-color);
    display: block;
    padding-left: 5px;
}

    .checkout-page-product-name:focus, .checkout-page-product-name:hover {
        color: var(--white-color);
    }

.checkout-page-product-name-subdesc {
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color);
    font-family: 'IRANSansX', sans-serif;
}

.checkout-page-product-price {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--white-color);
    border: 0px;
    font-family: 'IRANSansX', sans-serif
}

.checkout-page-product-price-dollor {
    color: var(--white-color);
    font-size: 14px;
    font-weight: 700;
    vertical-align: top;
    margin: 0 4px 0 0;
}

.checkout-page-ul-block {
    padding-bottom: 28px;
    margin-bottom: 21px;
}

.checkout-page-ul-total-cost {
    margin-bottom: 25px;
}

.checkout-page-payment-accordion {
    margin: 0 0 45px 0;
    border-top: 1px solid;
    border-color: var(--black-color-10);
    padding-top: 25px;
}

.checkout-page-payment-methods {
    font-size: 22px;
    font-weight: 600;
    color: var(--white-color);
    font-family: 'IRANSansX', sans-serif;
    margin: 0 0 20px 0;
}

.checkout-page-payment-accordion .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.checkout-page-payment-accordion .accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.checkout-page-payment-accordion .accordion-item {
    background-color: transparent;
    border: none;
    padding-bottom: 13px;
    padding-left: 26px;
}

    .checkout-page-payment-accordion .accordion-item:first-of-type .accordion-button {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.checkout-page-payment-accordion .accordion-button:not(.collapsed) {
    color: var(--white-color);
    background-color: transparent;
    box-shadow: none;
}

.checkout-page-payment-accordion .accordion-button {
    position: relative;
    width: 100%;
    padding: 0;
    font-size: 16px;
    color: var(--white-color);
    font-weight: 400;
    background-color: transparent;
    font-family: 'IRANSansX', sans-serif;
}

    .checkout-page-payment-accordion .accordion-button:not(.collapsed)::after {
        opacity: 1;
    }

    .checkout-page-payment-accordion .accordion-button::after {
        content: "";
        position: absolute;
        left: -21px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: var(--black-color-9);
        opacity: 0;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }

    .checkout-page-payment-accordion .accordion-button::before {
        content: "";
        position: absolute;
        top: 10px;
        left: -26px;
        width: 16px;
        height: 16px;
        background-color: var(--white-color);
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .checkout-page-payment-accordion .accordion-button:focus {
        border-color: transparent;
        outline: 0;
        box-shadow: none;
    }

.checkout-page-payment-accordion .accordion-body {
    padding: 7px 0 0 0;
    font-size: 13px;
    color: var(--white-color);
    font-weight: 400;
    line-height: 20px;
    font-family: 'IRANSansX', sans-serif;
}

.checkout-page-payment-accordion .what-is-paypal-link {
    color: var(--blue-color);
    text-decoration: underline;
    padding: 0 0 0 5px;
}

/*------------------------------ Checkout Page Responsive CSS --------------------------------*/
@media (max-width: 1399.98px) {
    .checkout-page-login-toggle, .checkout-page-coupon-toggle {
        font-size: 14px;
    }

    .checkout-page-product-name1 {
        width: 50%;
    }

    .checkout-page-price1 {
        width: 32%;
    }
}

@media (max-width: 1299.98px) {
    .checkout-page-login-toggle, .checkout-page-coupon-toggle {
        margin: 0 0 30px 0;
    }

    .checkout-page-login-content, .checkout-page-coupon-content, .checkout-page-checkbox1-content, .checkout-page-checkbox2-content {
        margin: 0 0 30px 0;
        padding: 20px;
    }

    .checkout-page-billing-details-title {
        font-size: 19px;
        margin: 0 0 15px 0;
    }

    .checkout-page-label {
        margin: 0 0 10px 0;
        font-size: 14px;
    }

    .checkout-page-form textarea.form-control {
        height: 180px;
    }

    .checkout-page-product-name {
        font-size: 15px;
    }

    .checkout-page-product-name-subdesc {
        font-size: 13px;
    }

    .checkout-page-product-price {
        font-size: 12px;
    }

    .checkout-page-product-price-dollor {
        font-size: 13px;
    }

    .checkout-page-payment-methods {
        font-size: 19px;
        margin: 0 0 15px 0;
    }

    .checkout-page-payment-accordion .accordion-button {
        font-size: 15px;
    }

        .checkout-page-payment-accordion .accordion-button::after {
            top: 7px;
        }

    .checkout-page-payment-accordion {
        margin: 0 0 25px 0;
        padding-top: 20px;
    }

    .checkout-page-shop-products-border:first-of-type {
        padding: 0 0 10px 0;
    }

    .checkout-page-shop-products-border {
        padding: 10px 0;
    }

        .checkout-page-shop-products-border:last-child {
            margin-bottom: 13px;
        }
}

@media (max-width: 1199.98px) {
    .checkout-page-product-thumbnail {
        width: 55px;
        height: 55px;
    }

    .checkout-page-product-photo1 {
        width: 24%;
    }

    .checkout-page-product-name1 {
        width: 49%;
    }

    .checkout-page-price1 {
        width: 27%;
    }
}

@media (max-width: 991.98px) {
    .checkout-page-login-toggle, .checkout-page-coupon-toggle {
        margin: 0 0 20px 0;
    }

    .checkout-page-product-photo1 {
        width: 12%;
    }

    .checkout-page-product-name1 {
        width: 74%;
    }

    .checkout-page-price1 {
        width: 14%;
    }
}

@media (max-width: 768.98px) {
    .checkout-page-login-text {
        margin-bottom: 10px;
    }

    .checkout-page-login-content, .checkout-page-coupon-content, .checkout-page-checkbox1-content, .checkout-page-checkbox2-content {
        margin: 0 0 20px 0;
        padding: 15px;
    }

    .checkout-page-form textarea.form-control {
        height: 150px;
    }

    .checkout-page-payment-accordion .accordion-button::before {
        width: 14px;
        height: 14px;
    }

    .checkout-page-payment-accordion .accordion-button::after {
        top: 8px;
        width: 4px;
        height: 4px;
    }
}

@media (max-width: 767.98px) {
    .checkout-page-product-photo1 {
        width: 16%;
    }

    .checkout-page-product-name1 {
        width: 70%;
    }
}

@media (max-width: 575.98px) {
    .checkout-page-label-d-none {
        display: none;
    }
}

@media (max-width: 414.98px) {
    .checkout-page-product-photo1 {
        width: 22%;
    }

    .checkout-page-product-name1 {
        width: 58%;
    }

    .checkout-page-price1 {
        width: 20%;
    }
}

@media (max-width: 320.98px) {
    .checkout-page-product-photo1 {
        width: 24%;
    }

    .checkout-page-product-name1 {
        width: 51%;
    }

    .checkout-page-price1 {
        width: 25%;
    }
}
/*=========================================== Checkout Page End CSS ===========================================*/

/*=========================================== Wishlist Page Start CSS ===========================================*/
.wishlist-page-shop-products {
    text-align: left;
    margin: 0;
    padding: 0;
}

.wishlist-page-product-photo1 {
    width: 12%;
}

.wishlist-page-product-name1 {
    width: 20%;
}

.wishlist-page-description1 {
    width: 22%;
}

.wishlist-page-price1 {
    width: 12%;
}

.wishlist-page-stock-status1 {
    width: 13%;
}

.wishlist-page-actions1 {
    width: 17%;
}

.wishlist-page-remove1 {
    width: 4%;
    text-align: center;
}

.wishlist-page-in-status {
    font-size: 18px;
    font-weight: 600;
    color: var(--blue-color);
    font-family: 'IRANSansX', sans-serif;
}

.wishlist-page-shop-products-border:first-of-type {
    padding: 28px 0 28px 0;
    border-top: 1px solid;
    border-color: var(--gray-color-22)
}

.share-on-1-title {
    font-size: 21px;
    font-weight: 700;
    color: var(--black-color-2);
    margin: 0 14px 0 0;
}

.share-on-1-li {
    display: inline-flex;
    margin: 0 5px 0 0;
}

    .share-on-1-li:last-of-type {
        margin-right: 0px;
    }

.share-on-1-a {
    font-size: 14px;
    color: var(--dark-color-2);
    width: 42px;
    height: 42px;
    border-radius: 100px;
    background-color: var(--light-white-color);
    border: 1px solid;
    border-color: var(--gray-color-3);
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .share-on-1-a:hover {
        color: var(--light-white-color);
        background-color: var(--dark-color-2);
        border: 1px solid var(--dark-color-2);
    }

    .share-on-1-a.icon-facebook:hover {
        color: var(--white-color);
        border: 1px solid var(--blue-color);
        background-color: var(--blue-color);
    }

    .share-on-1-a.icon-twitter:hover {
        color: var(--white-color);
        border: 1px solid var(--blue-color-1);
        background-color: var(--blue-color-1);
    }

    .share-on-1-a.icon-instagram:hover {
        color: var(--white-color);
        border: 1px solid var(--red-color-2);
        background-color: var(--red-color-2);
    }

    .share-on-1-a.icon-pinterest:hover {
        color: var(--white-color);
        border: 1px solid var(--red-color-3);
        background-color: var(--red-color-3);
    }

    .share-on-1-a.icon-linkedin:hover {
        color: var(--white-color);
        border: 1px solid var(--blue-color-2);
        background-color: var(--blue-color-2);
    }

/*------------------------------ Wishlist Page Responsive CSS --------------------------------*/
@media (max-width: 1399.98px) {
    .wishlist-page-product-name1 {
        width: 18%;
    }

    .wishlist-page-description1 {
        width: 24%;
    }

    .common-btn2-hover-small3 span {
        padding: 13px 44px;
    }
}

@media (max-width: 1299.98px) {
    .wishlist-page-in-status {
        font-size: 15px;
    }

    .share-on-1-title {
        font-size: 17px;
        margin: 0 10px 0 0;
    }

    .share-on-1-a {
        width: 35px;
        height: 35px;
    }

    .common-btn2-hover-small3 span {
        padding: 10px 44px;
        font-size: 16px;
    }
}

@media (max-width: 1199.98px) {
    .wishlist-page-product-name1 {
        width: 17%;
    }

    .wishlist-page-description1 {
        width: 27%;
    }

    .wishlist-page-price1 {
        width: 9%;
    }

    .wishlist-page-stock-status1 {
        width: 12%;
    }

    .wishlist-page-actions1 {
        width: 17%;
    }

    .wishlist-page-remove1 {
        width: 6%;
    }

    .common-btn2-hover-small3 span {
        padding: 10px 38px;
    }
}

@media (max-width: 991.98px) {
    .wishlist-page-product-photo1 {
        width: 15%;
    }

    .wishlist-page-product-name1 {
        width: 16%;
    }

    .wishlist-page-description1 {
        width: 19%;
    }

    .wishlist-page-price1 {
        width: 12%;
    }

    .wishlist-page-stock-status1 {
        width: 13%;
    }

    .wishlist-page-actions1 {
        width: 17%;
    }

    .wishlist-page-remove1 {
        width: 8%;
    }

    .wishlist-page-product-description {
        padding: 0 8px;
    }

    .common-btn2-hover-small3 span {
        padding: 10px 18px;
    }
}

@media (max-width: 768.98px) {
    .share-on-1-title {
        font-size: 15px;
        margin: 0 10px 0 0;
    }
}

@media (max-width: 767.98px) {
    .wishlist-page-shop-products-border:first-of-type {
        padding-top: 0px;
        border-top: 0px;
    }

    .wishlist-page-product-photo1 {
        width: 100%;
    }

    .wishlist-page-product-name1 {
        width: 100%;
        margin: 15px 0;
        text-align: center;
    }

    .wishlist-page-description1 {
        width: 100%;
        text-align: center;
    }

    .wishlist-page-price1 {
        width: 100%;
        margin: 15px 0;
        text-align: center;
    }

    .wishlist-page-stock-status1 {
        width: 100%;
        text-align: center;
    }

    .wishlist-page-actions1 {
        width: 100%;
        margin: 15px 0;
        text-align: center;
    }

    .wishlist-page-remove1 {
        width: 100%;
    }

    .common-btn2-hover-small3 span {
        padding: 8px 30px;
        font-size: 16px;
    }
}
/*=========================================== Wishlist Page End CSS ===========================================*/

/*=========================================== Order History Page Start CSS ===========================================*/
.order-history-page-order1 {
    width: 7%;
    text-align: left;
}

.order-history-page-product-photo1 {
    width: 13%;
}

.order-history-page-product-name1 {
    width: 21%;
}

.order-history-page-order-date1 {
    width: 15%;
}

.order-history-page-status1 {
    width: 11%;
}

.order-history-page-total-price1 {
    width: 16%;
}

.order-history-page-actions1 {
    width: 17%;
}

.order-history-page-product-order {
    font-size: 18px;
    font-weight: 600;
    color: var(--black-color-2);
    font-family: 'IRANSansX', sans-serif;
}

.order-history-page-order-date {
    color: var(--black-color-2);
    font-size: 18px;
    font-weight: 600;
    font-family: 'IRANSansX', sans-serif;
}

.order-history-page-status {
    color: var(--black-color-2);
}

.order-history-page-total-price1 small {
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color-7);
    font-family: 'IRANSansX', sans-serif;
}

/*------------------------------ Order History Page Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .order-history-page-product-name1 {
        width: 20%;
    }

    .order-history-page-actions1 {
        width: 18%;
    }
}

@media (max-width: 1499.98px) {
    .order-history-page-order1 {
        width: 6%;
    }

    .order-history-page-product-name1 {
        width: 19%;
    }

    .order-history-page-actions1 {
        width: 20%;
    }
}

@media (max-width: 1399.98px) {
    .order-history-page-product-name1 {
        width: 18%;
    }

    .order-history-page-actions1 {
        width: 21%;
    }

    .common-btn2-hover-small3-padding span {
        padding: 13px 26px;
    }
}

@media (max-width: 1299.98px) {
    .order-history-page-product-order {
        font-size: 15px;
    }

    .order-history-page-order-date {
        font-size: 15px;
    }

    .order-history-page-total-price1 small {
        font-size: 13px;
    }

    .common-btn-link-underline1 {
        font-size: 15px;
    }

    .common-btn2-hover-small3-padding span {
        padding: 10px 26px;
    }
}

@media (max-width: 1199.98px) {
    .order-history-page-status1 {
        width: 10%;
    }

    .order-history-page-actions1 {
        width: 22%;
    }

    .common-btn2-hover-small3-padding span {
        padding: 10px 22px;
    }
}

@media (max-width: 991.98px) {
    .order-history-page-order1 {
        width: 7%;
    }

    .order-history-page-product-photo1 {
        width: 16%;
    }

    .order-history-page-product-name1 {
        width: 16%;
    }

    .order-history-page-order-date1 {
        width: 17%;
    }

    .order-history-page-status1 {
        width: 9%;
    }

    .order-history-page-total-price1 {
        width: 21%;
    }

    .order-history-page-actions1 {
        width: 14%;
    }

    .order-history-page-input-group {
        display: block;
    }

    .common-btn2-hover-small3-padding span {
        padding: 8px 18px;
    }
}

@media (max-width: 768.98px) {
}

@media (max-width: 767.98px) {
    .order-history-page-order1 {
        width: 100%;
        text-align: center;
    }

    .order-history-page-product-photo1 {
        width: 100%;
        margin: 15px 0;
    }

    .order-history-page-product-name1 {
        width: 100%;
        text-align: center;
    }

    .order-history-page-order-date1 {
        width: 100%;
        margin: 15px 0;
        text-align: center;
    }

    .order-history-page-status1 {
        width: 100%;
        text-align: center;
    }

    .order-history-page-total-price1 {
        width: 100%;
        margin: 15px 0;
        text-align: center;
    }

    .order-history-page-actions1 {
        width: 100%;
        text-align: center;
    }

    .common-btn-link-underline1 {
        margin-left: 15px !important;
    }
}
/*=========================================== Order History Page End CSS ===========================================*/

/*=========================================== Order Details Page Start CSS ===========================================*/
.order-details-page-shop-products {
    padding: 0 90px 0 0;
}

.order-details-page-shop-products-border:last-child {
    border-bottom: 0px;
    margin-bottom: 0;
    padding: 0;
}

.order-details-page-product-photo1 {
    width: 20%;
}

.order-details-page-product-name1 {
    width: 28%;
}

.order-details-page-quantity-main1 {
    width: 14%;
}

.order-details-page-price1 {
    width: 14%;
}

.order-details-page-actions1 {
    width: 17%;
}

.order-details-page-pricing-table {
    padding: 65px 60px 70px 60px;
    margin-top: 50px;
}

.order-details-page-table-title {
    margin: 0 0 40px 0;
}

.order-details-page-ul-total-cost {
    margin-bottom: 0;
}

.order-details-page-ordered {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color-2);
    margin: 0 30px 0 0;
    font-family: 'IRANSansX', sans-serif;
}

    .order-details-page-ordered:last-of-type {
        margin: 0 0 0 30px;
        position: relative;
    }

    .order-details-page-ordered::before {
        position: absolute;
        left: -38px;
        content: '|';
        top: -2px;
    }

.order-details-page-dotted-verticalline {
    position: relative;
}

    .order-details-page-dotted-verticalline::before {
        content: "";
        border-left: 1px dashed;
        border-color: var(--blue-color);
        height: 100%;
        position: absolute;
        left: 18px;
        z-index: -1;
    }

.order-details-page-left-icon {
    background-color: var(--blue-color);
    flex: 0 0 38px;
    max-width: 38px;
    height: 38px;
    border-radius: 100px;
    text-align: center;
    color: var(--white-color);
    font-size: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.order-details-page-right-text {
    max-width: none;
    flex-basis: 0;
    flex-grow: 1;
    margin: 0 0 0 25px;
    padding: 0 0 50px 0;
}

.order-details-page-three-title {
    font-size: 20px;
    font-weight: 400;
    color: var(--black-color-2);
    margin: 0 0 23px 0;
    line-height: 1.9;
}

.order-details-page-shipping-address-box {
    background-color: var(--light-white-color);
    padding: 27px 70px 26px 30px;
    display: inline-block;
}

.order-details-page-shipping-address-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-2);
    margin: 0 0 7px 0;
}

.order-details-page-shipping-address-text {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-2);
    line-height: 20px;
    margin: 0;
}

    .order-details-page-shipping-address-text:last-of-type {
        margin: 6px 0 0 0;
    }

.order-details-page-credit-debit-card-radio {
    margin: 0 0 25px 0;
}

.order-details-page-credit-debit-card-label {
    font-size: 16px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'IRANSansX', sans-serif;
}

.order-details-page-credit-debit-card-input:checked {
    background-color: var(--blue-color);
    border-color: var(--blue-color);
    width: 16px;
    height: 16px;
}

.order-details-page-credit-debit-card-input:focus {
    border-color: var(--blue-color);
    outline: 0;
    box-shadow: none;
}

.order-details-page-credit-debit-card-box {
    display: inline-block;
    padding: 30px 110px 30px 30px;
    background-color: var(--light-white-color);
}

.order-details-page-credit-debit-card-logo {
    height: 26px;
    max-width: 78px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.order-details-page-credit-debit-card-number {
    font-size: 22px;
    font-weight: 400;
    padding: 26px 0 11px 0;
    text-align: left;
    color: var(--black-color-2);
    font-family: 'IRANSansX', sans-serif;
}

    .order-details-page-credit-debit-card-number small {
        font-size: 14px;
        font-weight: 400;
        color: var(--black-color-2);
    }

.order-details-page-credit-debit-card-expiry-date {
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: var(--gray-color-2);
    font-family: 'IRANSansX', sans-serif;
}

/*------------------------------ Order Details Page Responsive CSS --------------------------------*/
@media (max-width: 1499.98px) {
    .order-details-page-product-photo1 {
        width: 22%;
    }

    .order-details-page-product-name1 {
        width: 26%;
    }
}

@media (max-width: 1399.98px) {
    .order-details-page-ordered {
        margin: 0 10px 0 0;
    }

        .order-details-page-ordered:last-of-type {
            margin: 0 0 0 10px;
        }

        .order-details-page-ordered::before {
            left: -18px;
        }

    .order-details-page-pricing-table {
        padding: 45px 40px 50px 40px;
    }

    .order-details-page-product-photo1 {
        width: 22%;
    }

    .order-details-page-product-name1 {
        width: 30%;
    }

    .order-details-page-quantity-main1 {
        width: 12%;
    }

    .order-details-page-price1 {
        width: 15%;
    }

    .order-details-page-actions1 {
        width: 21%;
    }
}

@media (max-width: 1299.98px) {
    .order-details-page-shop-products {
        padding: 0 60px 0 0;
    }

    .order-details-page-right-text {
        margin: 0 0 0 20px;
    }

    .order-details-page-ordered::before {
        left: -22px;
    }

    .order-details-page-three-title {
        font-size: 18px;
        margin: 0 0 13px 0;
    }

    .order-details-page-shipping-address-box {
        padding: 22px 65px 21px 25px;
    }

    .order-details-page-shipping-address-title {
        font-size: 17px;
    }

    .order-details-page-credit-debit-card-label {
        font-size: 15px;
    }

    .order-details-page-credit-debit-card-box {
        padding: 25px 105px 25px 25px;
    }

    .order-details-page-credit-debit-card-number {
        font-size: 20px;
    }

    .order-details-page-pricing-table {
        padding: 35px 30px 40px 30px;
    }
}

@media (max-width: 1199.98px) {
    .order-details-page-ordered:last-of-type {
        margin: 0 0 0 6px;
    }

    .order-details-page-ordered::before {
        left: -13px;
    }

    .common-btn2-hover-small3-padding2 span {
        padding: 10px 18px;
    }

    .order-details-page-left-text {
        margin-bottom: 15px;
    }
}

@media (max-width: 991.98px) {
    .order-details-page-shop-products {
        padding: 0;
    }

    .order-details-page-ordered {
        margin: 0 10px 0 0;
    }

        .order-details-page-ordered:last-of-type {
            margin: 0 0 0 10px;
        }

        .order-details-page-ordered::before {
            left: -18px;
        }

    .common-btn2-hover-small3-padding2 span {
        padding: 10px 22px;
    }

    .order-details-page-pricing-table {
        margin-top: 0;
    }

    .order-details-page-left-text {
        margin-bottom: 0px;
    }
}

@media (max-width: 768.98px) {
    .order-details-page-dotted-verticalline::before {
        left: 15px;
    }

    .order-details-page-three-title {
        margin: 0 0 10px 0;
    }

    .order-details-page-left-icon {
        flex: 0 0 30px;
        max-width: 30px;
        height: 30px;
    }

    .order-details-page-right-text {
        margin: 0 0 0 15px;
        padding: 0 0 40px 0;
    }

    .order-details-page-pricing-table {
        padding: 20px;
    }

    .order-details-page-table-title {
        margin: 0 0 25px 0;
    }
}

@media (max-width: 767.98px) {
    .order-details-page-d-block {
        display: block !important;
    }

    .order-details-page-ordered:last-of-type {
        margin: 0 0 15px 10px;
    }

    .order-details-page-product-photo1 {
        width: 100%;
    }

    .order-details-page-product-name1 {
        width: 100%;
        margin: 15px 0;
    }

    .order-details-page-quantity-main1 {
        width: 100%;
        margin-bottom: 15px;
    }

    .order-details-page-price1 {
        width: 100%;
        margin-bottom: 15px;
    }

    .order-details-page-actions1 {
        width: 100%;
    }

    .order-details-page-product-thumbnail {
        margin: 0;
    }
}

@media (max-width: 480.98px) {
    .order-details-page-ordered {
        margin: 0 0 10px 0;
        display: block;
    }

        .order-details-page-ordered:last-of-type {
            margin: 0 0 10px 0;
        }

        .order-details-page-ordered::before {
            display: none;
        }

    .order-details-page-shipping-address-box {
        padding: 20px 35px 20px 20px;
    }

    .order-details-page-credit-debit-card-box {
        padding: 20px 70px 20px 20px;
    }

    .order-details-page-credit-debit-card-input:checked {
        width: 12px;
        height: 12px;
        margin-top: 0.50em;
    }

    .common-btn2-hover-small3-padding2 span {
        padding: 6px 18px;
    }
}
/*=========================================== Order Details Page End CSS ===========================================*/

/*=========================================== Account Details Page Start CSS ===========================================*/
.account-details-page-form {
    padding: 0;
}

.account-details-page-link {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    color: var(--blue-color);
    font-family: 'IRANSansX', sans-serif;
    margin: 0 0 0 25px;
}

    .account-details-page-link:focus, .account-details-page-link:hover {
        color: var(--blue-color);
    }

.account-details-page-margin {
    margin-top: 40px;
}

.account-details-page-manage-addresses {
    margin: 0 0 0 130px;
    background-color: var(--light-white-color);
    border-radius: 10px;
    padding: 30px;
}

.account-details-page-your-gender-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color);
    font-family: 'IRANSansX', sans-serif;
    margin: 0 0 11px 0;
}

.account-details-page-form-check {
    padding-left: 30px;
    margin-bottom: 0px;
}

.account-details-page-form-check-input:checked[type="radio"] {
    background-image: url('../images/account-details-page-form-check-input-dot.png');
    background-size: 8px 8px;
}

.account-details-page-form-check-input:checked {
    background-color: var(--white-color);
    border: 2px solid var(--blue-color);
    width: 16px;
    height: 16px;
}

.account-details-page-form-check-input:focus {
    border-color: var(--blue-color);
    box-shadow: none;
}

.account-details-page-form-check-input {
    width: 16px;
    height: 16px;
    background-color: var(--white-color);
    border: 2px solid var(--gray-color-14);
    margin-left: -1.9em !important;
}

.account-details-page-form-check-label {
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color);
    font-family: 'IRANSansX', sans-serif;
}

.account-details-page-add-a-new-address-box {
    background-color: var(--white-color);
    padding: 8px 30px;
    margin: 0 0 30px 0;
}

.account-details-page-add-a-new-address {
    font-size: 14px;
    font-weight: 600;
    color: var(--blue-color);
    text-transform: uppercase;
    font-family: 'IRANSansX', sans-serif;
    display: flex;
    align-items: center;
}

    .account-details-page-add-a-new-address:focus, .account-details-page-add-a-new-address:hover {
        color: var(--blue-color);
    }

    .account-details-page-add-a-new-address .account-details-page-plus-sign {
        font-size: 24px;
        font-weight: 400;
        color: var(--blue-color);
        margin-right: 16px;
    }

.account-details-page-add-a-new-address-form {
    margin: 22px 0;
    display: none;
}

.account-details-page-use-my-current-location {
    font-size: 15px;
    font-weight: 600;
    color: var(--white-color);
    background-color: var(--blue-color);
    padding: 12px 23px;
    font-family: 'IRANSansX', sans-serif;
    text-decoration: none;
    display: inline-flex;
    margin: 0 0 16px 0;
    justify-content: center;
    align-items: center;
}

    .account-details-page-use-my-current-location img {
        max-width: 16px !important;
        margin-right: 3px;
    }

    .account-details-page-use-my-current-location:focus, .account-details-page-use-my-current-location:hover {
        color: var(--white-color);
    }

.account-details-page-add-a-new-address-form .form-control {
    margin: 0 0 10px 0;
    padding: 14px 24px;
    height: 50px;
}

.account-details-page-add-a-new-address-form .form-select {
    margin: 0 0 10px 0;
    padding: 10px 24px;
    height: 50px;
}

.account-details-page-add-a-new-address-form textarea.form-control {
    height: 95px;
}

.account-details-page-address-type-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--black-color);
    font-family: 'IRANSansX', sans-serif;
    margin: 9px 0 8px 0;
}

.account-details-page-form-check-label.two {
    font-size: 14px;
}

.account-details-page-margin2 {
    margin-top: 28px;
}

.account-details-page-cancel-link {
    text-transform: uppercase;
}

.common-btn2-hover-small3-padding2 span {
    padding: 9px 30px;
    font-weight: 500;
    font-size: 20px;
}

.account-details-page-manage-addresses-box {
    background-color: var(--white-color);
    padding: 30px;
}

.account-details-page-manage-addresses-home {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-2);
    font-family: 'IRANSansX', sans-serif;
    padding: 4px 12px;
    background-color: var(--gray-color-10);
    border-radius: 2px;
}

.account-details-page-dropdown-btn::after {
    display: none;
}

.account-details-page-dropdown-menu {
    outline: none;
    padding: 10px;
    background-color: var(--white-color);
    box-shadow: 0 10px 35px rgb(0 0 0 / 7%);
}

.account-details-page-dropdown-item {
    padding: 5px;
    font-weight: 400;
    color: var(--black-color-2);
    text-align: left;
    border: 0;
    font-size: 14px;
    font-family: 'IRANSansX', sans-serif;
    line-height: 20px;
    text-align: left;
}

    .account-details-page-dropdown-item.active, .account-details-page-dropdown-item:active {
        color: var(--black-color-2);
        text-decoration: none;
        background: none;
        line-height: 20px;
    }

    .account-details-page-dropdown-item:focus, .account-details-page-dropdown-item:hover {
        color: var(--black-color-2);
        background: none;
    }

.account-details-page-dropdown .fas {
    font-size: 17px;
    font-weight: 700;
    color: var(--gray-color-21);
}

.account-details-page-name-phone {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-2);
    font-family: 'IRANSansX', sans-serif;
    margin: 15px 0 9px 0;
}

    .account-details-page-name-phone:last-of-type {
        margin-left: 42px;
    }

.account-details-page-address-text {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-2);
    line-height: 22px;
    font-family: 'IRANSansX', sans-serif;
}

/*------------------------------ Account Details Page Responsive CSS --------------------------------*/
@media (max-width: 1399.98px) {
    .account-details-page-manage-addresses {
        margin: 0 0 0 50px;
    }
}

@media (max-width: 1299.98px) {
    .account-details-page-manage-addresses {
        margin: 0 0 0 20px;
    }

    .account-details-page-manage-addresses {
        padding: 20px;
    }

    .account-details-page-add-a-new-address-box {
        padding: 8px 20px;
    }

    .account-details-page-manage-addresses-box {
        padding: 20px;
    }

    .account-details-page-margin {
        margin-top: 20px;
    }

    .account-details-page-add-a-new-address .account-details-page-plus-sign {
        font-size: 21px;
    }

    .account-details-page-use-my-current-location {
        font-size: 14px;
        padding: 10px 20px;
    }

    .account-details-page-manage-addresses-home {
        padding: 2px 10px;
    }

    .account-details-page-add-a-new-address-form .form-control {
        padding: 15px 15px;
        font-size: 14px;
        height: 48px;
    }

    .account-details-page-add-a-new-address-form .form-select {
        padding: 10px 15px;
        font-size: 14px;
        height: 48px;
    }

    .account-details-page-add-a-new-address-form textarea.form-control {
        height: 85px;
    }

    .account-details-page-dropdown .fas {
        font-size: 15px;
    }

    .common-btn2-hover-small3-padding2 span {
        font-weight: 500;
        font-size: 17px;
    }
}

@media (max-width: 991.98px) {
    .account-details-page-manage-addresses {
        margin: 30px 0 0 0;
        border-radius: 5px;
    }
}

@media (max-width: 768.98px) {
    .account-details-page-form-check-input:checked[type="radio"] {
        background-size: 6px 6px;
    }

    .account-details-page-form-check-input:checked {
        width: 14px;
        height: 14px;
    }

    .account-details-page-form-check-input {
        margin-top: 0.45em;
        margin-left: -1.2em !important;
        width: 14px;
        height: 14px;
    }

    .account-details-page-form-check {
        padding-left: 20px;
    }

    .account-details-page-add-a-new-address .account-details-page-plus-sign {
        font-size: 19px;
        margin-right: 10px;
    }

    .account-details-page-add-a-new-address-box {
        margin: 0 0 20px 0;
    }

    .account-details-page-use-my-current-location {
        padding: 8px 16px;
    }

    .common-btn2-hover-small3-padding2 span {
        padding: 6px 40px;
        font-weight: 500;
        font-size: 16px;
    }
}

@media (max-width: 480.98px) {
    .account-details-page-form-check-input {
        margin-top: 0.35em;
    }
}
/*=========================================== Account Details Page End CSS ===========================================*/

/*=========================================== Stores Listing Page Start CSS ===========================================*/
.stores-listing-page-background-image {
    overflow: hidden;
    height: 315px;
}

.stores-listing-page {
    margin: -255px 0 0 0;
}

.stores-listing-page-vendor-search-wrapper {
    display: none;
    padding: 30px;
    margin: 0 0 50px 0;
    background-color: var(--white-color);
    border-color: var(--gray-color-11) !important;
    border: 1px solid;
    position: relative;
}

.stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle {
    margin: 0 20px 1rem 0;
}

.stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle {
    margin-right: 22px;
    text-transform: uppercase;
    padding: 12px 18px;
    font-size: 15px;
    font-weight: 400;
    color: var(--white-color);
    background-color: var(--blue-color);
    border-color: var(--white-color);
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 2px;
}

.stores-listing-page-vendor-select-box .stores-listing-page-vendor-sortby {
    width: 154px;
    background-color: var(--white-color) !important;
}

.stores-listing-page-vendor-search-form {
    padding: 0px;
}

.stores-listing-page-vendor-select-box::before {
    z-index: 2;
}

.stores-listing-page-vendor-select-title {
    color: var(--black-color-2);
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 20px 0;
}

.stores-listing-page-vendor-4select-box {
    margin: 0 0 30px 0;
}

    .stores-listing-page-vendor-4select-box .form-select {
        padding: 12px 24px;
        height: 50px;
    }

    .stores-listing-page-vendor-4select-box .form-control {
        padding: 12px 24px;
        height: 50px;
    }

    .stores-listing-page-vendor-4select-box .form-select:focus {
        border-color: var(--gray-color-4);
        outline: 0;
        box-shadow: none;
    }

.stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle i {
    margin-right: 6px;
    margin-left: 0;
    font-size: 14px;
}

.stores-listing-page-store-wrap {
    position: relative;
}

.stores-listing-page-store-grid {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.stores-listing-page-store-footer {
    margin: -55px 0 0 40px;
    position: relative;
}

.stores-listing-page-store-banner {
    margin: 0;
    overflow: hidden;
    height: 252px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.stores-listing-page-seller-brand {
    margin: 0;
    width: 100px;
    height: 100px;
    background-color: var(--white-color);
    border-radius: 100px;
    box-shadow: inset 0px 0px 0px 4px var(--blue-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .stores-listing-page-seller-brand img {
        margin: 0 auto;
        text-align: center;
        display: block;
        padding: 0;
        max-width: 74px !important;
        height: 54px !important;
    }

.stores-listing-page-ratings {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

    .stores-listing-page-ratings .ratings-full {
        font-size: 14px;
        color: var(--blue-color);
        cursor: pointer;
    }

        .stores-listing-page-ratings .ratings-full .fas {
            display: table-cell;
            padding: 0 5px 0 0;
        }

.stores-listing-page-store-content {
    padding: 40px;
}

.stores-listing-page-store-title {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

    .stores-listing-page-store-title a {
        color: var(--black-color);
        font-size: 25px;
        font-weight: 700;
    }

.stores-listing-page-featured-label {
    background: var(--light-white-color);
    color: var(--black-color-2);
    font-size: 13px;
    font-weight: 400;
    padding: 6px 8px;
    border-radius: 5px;
    margin-left: 20px;
    font-family: 'IRANSansX', sans-serif;
}

.stores-listing-page-description-main {
    margin: 19px 0 12px 0;
    padding: 0;
}

.stores-listing-page-description {
    font-size: 16px;
    color: var(--gray-color-2);
    font-weight: 400;
    font-family: 'IRANSansX', sans-serif;
    line-height: 36px;
    position: relative;
    padding-left: 23px;
}

    .stores-listing-page-description i {
        position: absolute;
        left: 0;
        top: 0px;
        font-size: 8px;
        line-height: 36px;
        color: var(--gray-color-2);
        font-weight: 700;
    }

.stores-listing-page-seller-info-list {
    margin: 0 0 23px 0;
    padding: 0;
}

.stores-listing-page-seller-info-details {
    font-size: 16px;
    color: var(--gray-color-2);
    font-weight: 400;
    font-family: 'IRANSansX', sans-serif;
    line-height: 36px;
    position: relative;
    padding-left: 23px;
}

    .stores-listing-page-seller-info-details a {
        color: var(--gray-color-2);
    }

    .stores-listing-page-seller-info-details i {
        position: absolute;
        left: 0;
        top: 0px;
        font-size: 16px;
        line-height: 36px;
        color: var(--blue-color);
        font-weight: 700;
    }

/*------------------------------ Stores Listing Page Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .stores-listing-page-store-banner {
        height: 235px;
    }

    .stores-listing-page-seller-info-details:first-of-type {
        line-height: normal;
        margin-bottom: 5px;
    }
}

@media (max-width: 1499.98px) {
    .stores-listing-page-store-banner {
        height: 215px;
    }

    .stores-listing-page-seller-brand {
        width: 90px;
        height: 90px;
    }

        .stores-listing-page-seller-brand img {
            max-width: 64px !important;
            height: 44px !important;
        }
}

@media (max-width: 1399.98px) {
    .stores-listing-page-background-image {
        height: 215px;
    }

    .stores-listing-page {
        margin: -155px 0 0 0;
    }

    .stores-listing-page-store-banner {
        height: 175px;
    }
}

@media (max-width: 1299.98px) {
    .stores-listing-page-background-image {
        height: 196px;
    }

    .stores-listing-page {
        margin: -136px 0 0 0;
    }

    .stores-listing-page-vendor-search-wrapper {
        padding: 20px;
        margin: 0 0 30px 0;
    }

    .stores-listing-page-vendor-select-title {
        font-size: 17px;
        margin: 0 0 10px 0;
    }

    .stores-listing-page-vendor-4select-box .form-select {
        padding: 8px 14px;
        height: 40px;
    }

    .stores-listing-page-vendor-4select-box .form-control {
        padding: 6px 14px;
        height: 40px;
    }

    .stores-listing-page-vendor-4select-box {
        margin: 0 0 20px 0;
    }

    .stores-listing-page-store-footer {
        margin: -45px 0 0 30px;
    }

    .stores-listing-page-seller-brand {
        box-shadow: inset 0px 0px 0px 3px var(--blue-color);
    }

    .stores-listing-page-store-content {
        padding: 30px;
    }

    .stores-listing-page-store-title a {
        font-size: 20px;
    }

    .stores-listing-page-featured-label {
        padding: 5px 7px;
        margin-left: 15px;
    }

    .stores-listing-page-ratings {
        margin-top: 15px;
    }

        .stores-listing-page-ratings .ratings-full {
            font-size: 13px;
        }

    .stores-listing-page-description-main {
        margin: 13px 0 9px 0;
    }

    .stores-listing-page-description {
        font-size: 15px;
        line-height: 32px;
    }

        .stores-listing-page-description i {
            line-height: 32px;
        }

    .stores-listing-page-seller-info-list {
        margin: 0 0 20px 0;
    }

    .stores-listing-page-seller-info-details {
        font-size: 15px;
        line-height: 32px;
    }

        .stores-listing-page-seller-info-details i {
            font-size: 15px;
            line-height: 32px;
        }

    .common-btn-link3 {
        font-size: 17px;
    }

        .common-btn-link3::after {
            right: -30px;
            width: 15px;
            height: 10px;
            top: 7px;
        }

    .m-b-36 {
        margin-bottom: 26px;
    }
}

@media (max-width: 1199.98px) {
    .stores-listing-page-store-banner {
        height: 145px;
    }

    .stores-listing-page-seller-brand {
        width: 80px;
        height: 80px;
    }

        .stores-listing-page-seller-brand img {
            max-width: 58px !important;
            height: 40px !important;
        }
}

@media (max-width: 991.98px) {
    .stores-listing-page-store-banner {
        height: 166px;
    }

    .stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle {
        margin: 0 20px 0.5rem 0;
    }

    .common-btn-link3::after {
        top: 1px;
    }
}

@media (max-width: 768.98px) {
    .stores-listing-page-background-image {
        height: 126px;
    }

    .stores-listing-page {
        margin: -86px 0 0 0;
    }

    .stores-listing-page-store-footer {
        margin: -40px 0 0 20px;
    }

    .stores-listing-page-store-content {
        padding: 20px;
    }

    .stores-listing-page-store-title a {
        font-size: 17px;
    }

    .stores-listing-page-featured-label {
        padding: 4px 5px;
        margin-left: 10px;
    }

    .stores-listing-page-ratings {
        margin-top: 10px;
    }

        .stores-listing-page-ratings .ratings-full {
            font-size: 12px;
        }

    .stores-listing-page-description {
        font-size: 14px;
        line-height: 30px;
    }

        .stores-listing-page-description i {
            line-height: 32px;
        }

    .stores-listing-page-seller-info-details {
        font-size: 14px;
        line-height: 30px;
    }

        .stores-listing-page-seller-info-details i {
            font-size: 14px;
            line-height: 30px;
        }

    .common-btn-link3 {
        font-size: 15px;
    }

        .common-btn-link3::after {
            right: -25px;
        }
}

@media (max-width: 767.98px) {
    .stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle {
        margin: 0 20px 10px 0;
    }

    .stores-listing-page-vendor-search-wrapper {
        padding: 15px;
        margin: 0 0 20px 0;
    }

    .stores-listing-page-store-banner {
        height: 120px;
    }
}

@media (max-width: 575.98px) {
    .stores-listing-page-store-banner {
        height: 270px;
    }

    .stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle {
        margin-right: 15px;
    }

    .stores-listing-page-vendor-cancel {
        margin-top: 5px;
    }
}

@media (max-width: 480.98px) {
    .stores-listing-page-background-image {
        height: 80px;
    }

    .stores-listing-page {
        margin: -62px 0 0 0;
    }

    .stores-listing-page-store-banner {
        height: 224px;
    }

    .stores-listing-page-seller-brand {
        width: 70px;
        height: 70px;
    }

        .stores-listing-page-seller-brand img {
            max-width: 52px !important;
            height: 38px !important;
        }

    .m-b-36 {
        margin-bottom: 10px;
    }
}

@media (max-width: 414.98px) {
    .stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle span {
        display: none;
    }

    .stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle i {
        margin-right: 0px;
    }

    .stores-listing-page-store-banner {
        height: 190px;
    }
}

@media (max-width: 375.98px) {
    .stores-listing-page-store-banner {
        height: 172px;
    }
}

@media (max-width: 360.98px) {
}

@media (max-width: 320.98px) {
    .stores-listing-page-store-banner {
        height: 145px;
    }
}
/*=========================================== Stores Listing Page End CSS ===========================================*/

/*=========================================== Store Detail Page Start CSS ===========================================*/
.store-detail-page-store-top-banner {
    margin-bottom: 50px;
    position: relative;
    border-radius: 0;
    overflow: hidden;
}

.store-detail-page-store-media {
    margin: 0px;
    overflow: hidden;
    height: 600px;
}

.store-detail-page-store-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: var(--black-color-20);
    padding: 30px 0;
}

.store-detail-page-store-content-left {
    display: flex;
    align-items: center;
}

.store-detail-page-personal-info {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.store-detail-page-seller-brand {
    margin: 0 44px 0 0;
    width: 100px;
    height: 100px;
    background-color: var(--white-color);
    border-radius: 100px;
    box-shadow: inset 0px 0px 0px 4px var(--blue-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .store-detail-page-seller-brand img {
        margin: 0 auto;
        text-align: center;
        display: flex;
        padding: 0;
        max-width: 74px !important;
        height: 54px !important;
        justify-content: center;
        align-items: center;
    }

.store-detail-page-store-title {
    margin-bottom: 0px;
    font-size: 25px;
    font-weight: 700;
    color: var(--white-color);
}

.store-detail-page-featured-label {
    background: var(--light-white-color);
    color: var(--black-color-2);
    font-size: 13px;
    font-weight: 400;
    padding: 5px 7px;
    border-radius: 5px;
    margin-left: 7px;
    font-family: 'IRANSansX', sans-serif;
}

.store-detail-page-address-info {
    display: flex;
    align-items: center;
}

.store-detail-page-ratings {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

    .store-detail-page-ratings .ratings-full {
        font-size: 14px;
        color: var(--blue-color);
        cursor: pointer;
    }

        .store-detail-page-ratings .ratings-full .fas {
            display: table-cell;
            padding: 0 5px 0 0;
        }

.store-detail-page-description-main {
    margin: 0 44px;
    padding: 0;
}

.store-detail-page-description {
    font-size: 16px;
    color: var(--white-color);
    font-weight: 400;
    font-family: 'IRANSansX', sans-serif;
    line-height: 36px;
    position: relative;
    padding-left: 23px;
}

    .store-detail-page-description i {
        position: absolute;
        left: 0;
        top: 0px;
        font-size: 8px;
        line-height: 36px;
        color: var(--blue-color);
        font-weight: 700;
    }

.store-detail-page-seller-info-details {
    font-size: 16px;
    color: var(--white-color);
    font-weight: 400;
    font-family: 'IRANSansX', sans-serif;
    line-height: 36px;
    position: relative;
    padding-left: 30px;
}

    .store-detail-page-seller-info-details i {
        position: absolute;
        left: 0;
        top: 0px;
        font-size: 16px;
        line-height: 36px;
        color: var(--blue-color);
        font-weight: 700;
    }

.store-detail-page-store-content-right {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.store-detail-page-btn-inquiry {
    margin-bottom: 21px;
    text-align: right;
}

.stores-detail-page-vendor-search-wrapper {
    background-color: var(--gray-color-17);
    max-width: 100%;
}

.store-detail-page-widget-three-btn {
    margin-top: 30px;
}

/*------------------------------ Store Detail Page Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .store-detail-page-store-media {
        height: 470px;
    }
}

@media (max-width: 1499.98px) {
    .store-detail-page-store-media {
        height: 440px;
    }

    .store-detail-page-seller-brand {
        margin: 0 26px 0 0;
        width: 90px;
        height: 90px;
    }

        .store-detail-page-seller-brand img {
            max-width: 64px !important;
            height: 44px !important;
        }

    .store-detail-page-description-main {
        margin: 0 26px;
    }
}

@media (max-width: 1399.98px) {
    .store-detail-page-seller-brand {
        margin: 0 15px 0 0;
        box-shadow: inset 0px 0px 0px 3px var(--blue-color);
        width: 80px;
        height: 80px;
    }

        .store-detail-page-seller-brand img {
            max-width: 58px !important;
            height: 40px !important;
        }

    .store-detail-page-store-title {
        font-size: 20px;
    }

    .store-detail-page-featured-label {
        padding: 4px 6px;
        margin-left: 5px;
    }

    .store-detail-page-ratings {
        margin-top: 10px;
    }

        .store-detail-page-ratings .ratings-full {
            font-size: 13px;
        }

    .store-detail-page-description-main {
        margin: 0 15px;
    }

    .store-detail-page-description {
        font-size: 15px;
        line-height: 32px;
        padding-left: 15px;
    }

        .store-detail-page-description i {
            line-height: 32px;
        }

    .store-detail-page-seller-info-list {
        margin: 0;
    }

    .store-detail-page-seller-info-details {
        font-size: 15px;
        line-height: 32px;
        padding-left: 20px;
    }

        .store-detail-page-seller-info-details i {
            font-size: 15px;
            line-height: 32px;
        }

    .store-detail-page-store-content-right {
        align-items: flex-start;
        padding-left: 94px;
    }

    .common-btn2-hover-small3-padding span {
        font-size: 16px;
    }
}

@media (max-width: 1199.98px) {
    .store-detail-page-store-content {
        padding: 20px 0;
    }

    .store-detail-page-store-content-left {
        align-items: flex-start;
    }

    .store-detail-page-description-main {
        margin: 0 15px;
    }

    .store-detail-page-store-content-right {
        padding-left: 10%;
        align-items: flex-start;
    }

    .store-detail-page-btn-inquiry {
        margin-bottom: 10px;
    }
}

@media (max-width: 991.98px) {
    .store-detail-page-store-content-left {
        display: block;
    }

    .store-detail-page-personal-info {
        justify-content: flex-start;
    }

    .store-detail-page-store-content-right {
        padding-left: 0;
    }

    .store-detail-page-address-info {
        display: block;
    }

    .store-detail-page-description-main {
        margin: 15px 0 10px 0;
    }

    .store-detail-page-description {
        line-height: 28px;
    }

        .store-detail-page-description i {
            line-height: 28px;
        }

    .store-detail-page-seller-info-details {
        line-height: 28px;
    }

        .store-detail-page-seller-info-details i {
            line-height: 28px;
        }

    .store-detail-page-btn-inquiry {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .store-detail-page-widget-three-btn {
        margin-top: 20px;
    }
}

@media (max-width: 768.98px) {
    .store-detail-page-store-title {
        font-size: 17px;
    }

    .store-detail-page-ratings .ratings-full {
        font-size: 12px;
    }

    .store-detail-page-description {
        font-size: 14px;
        line-height: 26px;
    }

        .store-detail-page-description i {
            line-height: 26px;
        }

    .store-detail-page-seller-info-details {
        font-size: 14px;
        line-height: 26px;
    }

        .store-detail-page-seller-info-details i {
            font-size: 14px;
            line-height: 26px;
        }
}

@media (max-width: 575.98px) {
    .store-detail-page-widget-three-btn {
        margin-top: 15px;
    }
}

@media (max-width: 480.98px) {
    .store-detail-page-store-content-left {
        display: block;
    }

    .store-detail-page-personal-info {
        justify-content: center;
    }

    .store-detail-page-store-content {
        padding: 15px 0;
    }

    .store-detail-page-seller-brand {
        margin: 0 10px 0 0;
        width: 70px;
        height: 70px;
    }

        .store-detail-page-seller-brand img {
            max-width: 52px !important;
            height: 38px !important;
        }

    .store-detail-page-featured-label {
        font-size: 12px;
        padding: 3px 6px;
    }

    .store-detail-page-address-info {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .store-detail-page-description {
        padding-left: 0px;
    }

        .store-detail-page-description i {
            position: relative;
        }

    .store-detail-page-seller-info-details {
        padding-left: 0px;
    }

        .store-detail-page-seller-info-details i {
            position: relative;
        }

    .store-detail-page-store-content-right {
        padding-left: 0;
        text-align: center;
        display: block;
    }

    .store-detail-page-btn-inquiry {
        text-align: center;
    }

    .common-btn2-hover-small3-padding span {
        padding: 6px 20px;
        font-size: 14px;
    }
}
/*=========================================== Store Detail Page End CSS ===========================================*/

/*=========================================== Order Complete Page Start CSS ===========================================*/
.order-complete-page-images {
    width: 195px;
    height: 186px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.order-complete-page-title {
    font-size: 45px;
    font-weight: 700;
    color: var(--black-color-2);
    text-align: center;
    margin: 22px 0 16px 0;
}

.order-complete-page-subtitle {
    font-size: 20px;
    font-weight: 400;
    color: var(--black-color-2);
    text-align: center;
    display: block;
    font-family: 'IRANSansX', sans-serif;
}

.order-complete-page-view {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    padding: 0;
    margin: 65px 0 60px 0;
}

.order-complete-page-view-box {
    background-color: var(--light-white-color);
    border-radius: 10px;
    padding: 30px 17px;
    margin-right: 10px;
    flex: 0 0 182px;
    max-width: 182px;
}

    .order-complete-page-view-box:last-of-type {
        margin-right: 0px;
    }

.order-complete-page-view-text {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: var(--black-color-2);
    line-height: 24px;
    font-family: 'IRANSansX', sans-serif;
}

.order-complete-page-view-subtext {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--black-color-2);
    line-height: 24px;
}

.order-complete-page-account-addresses {
    margin-bottom: 60px;
}

.order-complete-page-billing-information {
    background-color: var(--light-white-color);
    border-radius: 10px;
    padding: 30px;
    height: 100%;
    text-align: right;
}

.order-complete-page-billing-information-title {
    font-size: 22px;
    font-weight: 500;
    color: var(--black-color-2);
    margin-bottom: 12px;
}

.order-complete-page-billing-information-address-detail {
    font-size: 15px;
    font-weight: 400;
    color: var(--black-color-2);
    line-height: 30px;
    font-family: 'IRANSansX', sans-serif;
}

/*------------------------------ Order Complete Page Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .order-complete-page-view-box {
        padding: 30px 11px;
        flex: 0 0 169px;
        max-width: 169px;
    }
}

@media (max-width: 1499.98px) {
    .order-complete-page-view-box {
        padding: 30px 4px;
        flex: 0 0 155px;
        max-width: 155px;
    }

    .order-complete-page-view-text {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 1399.98px) {
    .order-complete-page-view {
        justify-content: center;
    }

    .order-complete-page-view-box {
        margin-bottom: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }

        .order-complete-page-view-box:last-of-type {
            margin-right: 5px;
        }
}

@media (max-width: 1299.98px) {
    .order-complete-page-images {
        width: 155px;
        height: 150px;
    }

    .order-complete-page-title {
        font-size: 30px;
        margin: 17px 0 11px 0;
    }

    .order-complete-page-subtitle {
        font-size: 16px;
    }

    .order-complete-page-view {
        margin: 45px 0 40px 0;
    }

    .order-complete-page-view-box {
        flex: 0 0 165px;
        max-width: 165px;
    }

    .order-complete-page-account-addresses {
        margin-bottom: 40px;
    }

    .order-complete-page-billing-information {
        padding: 20px;
    }

    .order-complete-page-billing-information-title {
        font-size: 19px;
        margin-bottom: 7px;
    }

    .order-complete-page-billing-information-address-detail {
        font-size: 14px;
        line-height: 28px;
    }
}

@media (max-width: 768.98px) {
    .order-complete-page-images {
        width: 145px;
        height: 140px;
    }

    .order-complete-page-title {
        font-size: 22px;
    }

    .order-complete-page-subtitle {
        font-size: 14px;
    }

    .order-complete-page-view {
        margin: 35px 0 30px 0;
    }

    .order-complete-page-view-box {
        border-radius: 5px;
    }

    .order-complete-page-view-text {
        font-size: 15px;
        line-height: 22px;
    }

    .order-complete-page-billing-information {
        border-radius: 5px;
    }

    .order-complete-page-billing-information-title {
        font-size: 17px;
    }

    .order-complete-page-account-addresses {
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    .order-complete-page-view-box {
        flex: 0 0 48%;
        max-width: 48%;
    }
}

@media (max-width: 575.98px) {
    .order-complete-page-account-addresses {
        margin-bottom: 0;
    }

    .order-complete-page-view-box {
        flex: 0 0 47%;
        max-width: 47%;
    }

    .order-complete-page-billing-information {
        margin-bottom: 30px;
        height: auto;
    }
}

@media (max-width: 480.98px) {
    .order-complete-page-images {
        width: 125px;
        height: 120px;
    }

    .order-complete-page-title {
        font-size: 17px;
        margin: 10px 0 5px 0;
    }

    .order-complete-page-view {
        margin: 25px 0 20px 0;
    }

    .order-complete-page-view-box {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .order-complete-page-billing-information {
        margin-bottom: 20px;
        padding: 15px;
    }
}
/*=========================================== Order Complete Page End CSS ===========================================*/

/*=========================================== Contact Us v2 Page Start CSS ===========================================*/
.contact-us-v2-page-detail {
    position: relative;
    z-index: 2;
}

.contact-us-v2-page-get-in-touch {
    position: relative;
}

.contact-us-v2-page-top-form {
    padding: 120px 0 0 94px;
}

.contact-us-v2-page-common-form {
    padding: 36px 0 0 0;
}

.contact-us-v2-page-img {
    overflow: hidden;
    height: 852px;
    border-bottom-right-radius: 10px;
}

.contact-us-v2-page-top-img-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.contact-us-v2-page-three-box {
    max-width: 936px;
    background-color: var(--white-color);
    border-radius: 10px;
    margin-top: 30px;
    padding: 55px 66px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
}

.contact-us-v2-page-icon-box-icon-01 i {
    margin: 0 0 14px 0;
    padding: 0;
    font-size: 36px;
    color: var(--blue-color)
}

.contact-us-v2-page-icon-box-title-01 {
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 20px;
    color: var(--black-color-2);
    font-weight: 600;
    line-height: 30px
}

.contact-us-v2-page-icon-box-subtitle-01 {
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: var(--black-color-2);
    font-weight: 400;
    line-height: normal
}

.contact-us-v2-page-map {
    position: relative;
    margin-top: -70px;
}

/*------------------------------ Contact Us v2 Page Responsive CSS --------------------------------*/
@media (max-width: 1599.98px) {
    .contact-us-v2-page-img {
        height: 674px;
    }

    .contact-us-v2-page-top-form {
        padding: 70px 0 0 44px;
    }

    .contact-us-v2-page-three-box {
        max-width: 853px;
    }
}

@media (max-width: 1499.98px) {
    .contact-us-v2-page-top-form {
        padding: 60px 0 0 34px;
    }

    .contact-us-v2-page-three-box {
        max-width: 795px;
        padding: 45px 56px;
    }
}

@media (max-width: 1399.98px) {
    .contact-us-v2-page-three-box {
        max-width: 656px;
        padding: 35px 46px;
    }

    .contact-us-v2-page-icon-box-subtitle-01 br {
        display: none;
    }

    .contact-us-v2-page-icon-box-title-01 {
        font-size: 19px;
        line-height: 29px;
    }

    .contact-us-v2-page-icon-box-subtitle-01 {
        font-size: 16px;
    }
}

@media (max-width: 1299.98px) {
    .contact-us-v2-page-top-form {
        padding: 30px 0 0 30px;
    }

    .contact-us-v2-page-three-box {
        max-width: 648px;
        padding: 25px 36px;
    }

    .contact-us-v2-page-img {
        height: 538px;
    }

    .contact-us-v2-page-common-form {
        padding: 16px 0 0 0;
    }

    .contact-us-v2-page-icon-box-icon-01 i {
        margin: 0 0 9px 0;
        font-size: 34px;
    }

    .contact-us-v2-page-icon-box-title-01 {
        font-size: 18px;
        line-height: 28px;
    }

    .contact-us-v2-page-icon-box-subtitle-01 {
        font-size: 14px;
    }

    .contact-us-v2-page-map {
        margin-top: -40px;
    }
}

@media (max-width: 1199.98px) {
    .contact-us-v2-page-three-box {
        max-width: 557px;
        padding: 15px;
    }
}

@media (max-width: 1024.98px) {
    .contact-us-v2-page-three-box {
        max-width: 543px;
    }
}

@media (max-width: 991.98px) {
    .contact-us-v2-page-img {
        border-bottom-right-radius: 0;
    }

    .contact-us-v2-page-top-img-text {
        position: relative;
    }

    .contact-us-v2-page-top-form {
        padding: 30px 0 0 0;
    }

    .contact-us-v2-page-three-box {
        max-width: 100%;
    }
}

@media (max-width: 768.98px) {
    .contact-us-v2-page-icon-box-icon-01 i {
        margin: 0 0 5px 0;
        font-size: 30px;
    }

    .contact-us-v2-page-icon-box-title-01 {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 575.98px) {
    .contact-us-v2-page-img {
        height: 448px;
    }

    .contact-us-v2-page-icon-content-box {
        text-align: center;
        margin: 15px 0;
    }
}

@media (max-width: 480.98px) {
    .contact-us-v2-page-img {
        height: 374px;
    }

    .contact-us-v2-page-map {
        margin-top: -20px;
    }
}

@media (max-width: 414.98px) {
    .contact-us-v2-page-img {
        height: 322px;
    }
}

@media (max-width: 375.98px) {
    .contact-us-v2-page-img {
        height: 292px;
    }
}

@media (max-width: 360.98px) {
    .contact-us-v2-page-img {
        height: 280px;
    }
}

@media (max-width: 320.98px) {
    .contact-us-v2-page-img {
        height: 248px;
    }
}
/*=========================================== Contact Us v2 Page End CSS ===========================================*/

/*=========================================== Contact Us v3 Page Start CSS ===========================================*/
.contact-us-v3-get-in-touch {
    padding: 67px 0;
}

.contact-us-v3-page-icon-text-main {
    margin-top: 10px;
}

.contact-us-v3-page-icon-content-border-box-01 {
    display: flex;
    align-items: center;
    margin-top: 50px;
}

.contact-us-v3-page-icon-box-icon-01 {
    margin-right: 20px;
    position: relative;
    max-width: 52px;
    flex: 0 0 52px;
}

.contact-us-v3-page-icon-email::before {
    position: absolute;
    left: 0px;
    bottom: 7px;
    content: url('../images/contact-us-v3-page-icon-email.png');
    width: 44px;
    height: 37px;
    border-radius: 100px;
    z-index: -1;
}

.contact-us-v3-page-icon-phone::before {
    position: absolute;
    left: 0px;
    bottom: 3px;
    content: url('../images/contact-us-v3-page-icon-phone.png');
    width: 44px;
    height: 37px;
    border-radius: 100px;
    z-index: -1;
}

.contact-us-v3-page-icon-address::before {
    position: absolute;
    left: 0px;
    bottom: 3px;
    content: url('../images/contact-us-v3-page-icon-address.png');
    width: 44px;
    height: 37px;
    border-radius: 100px;
    z-index: -1;
}

.contact-us-v3-page-icon-fax::before {
    position: absolute;
    left: 0px;
    bottom: 3px;
    content: url('../images/contact-us-v3-page-icon-fax.png');
    width: 44px;
    height: 37px;
    border-radius: 100px;
    z-index: -1;
}

.contact-us-v3-page-icon-box-icon-01 i {
    font-size: 30px;
    color: var(--blue-color);
    font-weight: 700;
    padding-left: 14px;
}

.contact-us-v3-page-icon-box-title-01 {
    font-size: 20px;
    color: var(--black-color-2);
    font-weight: 600;
    margin-bottom: 1px;
}

.contact-us-v3-page-icon-box-subtitle-01 {
    font-size: 18px;
    color: var(--black-color-2);
    font-weight: 400;
    line-height: normal;
}

.contact-us-v3-page-common-form {
    background-color: var(--blue-color);
    padding: 108px 114px;
    border-radius: 10px;
}

.contact-us-v3-page-map {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
}

    .contact-us-v3-page-map iframe {
        border-radius: 10px;
    }

    .contact-us-v3-page-map::before {
        border-radius: 10px;
    }

/*------------------------------ Contact Us v3 Page Responsive CSS --------------------------------*/
@media (max-width: 1399.98px) {
    .contact-us-v3-get-in-touch {
        padding: 49px 0;
    }

    .contact-us-v3-page-icon-box-title-01 {
        font-size: 19px;
    }

    .contact-us-v3-page-icon-box-subtitle-01 {
        font-size: 17px;
    }

    .contact-us-v3-page-common-form {
        padding: 90px 60px;
    }

    .contact-us-v3-page-map iframe {
        height: 450px;
    }
}

@media (max-width: 1299.98px) {
    .contact-us-v3-get-in-touch {
        padding: 42px 0;
    }

    .contact-us-v3-page-icon-text-main {
        margin-top: 0;
    }

    .contact-us-v3-page-icon-box-icon-01 {
        margin-right: 10px;
        max-width: 50px;
        flex: 0 0 50px;
    }

        .contact-us-v3-page-icon-box-icon-01 i {
            font-size: 25px;
        }

    .contact-us-v3-page-icon-box-title-01 {
        font-size: 17px;
    }

    .contact-us-v3-page-icon-box-subtitle-01 {
        font-size: 15px;
    }

    .contact-us-v3-page-icon-email::before {
        bottom: 17px;
        width: 34px;
        height: 27px;
    }

    .contact-us-v3-page-icon-phone::before {
        bottom: 12px;
        width: 34px;
        height: 27px;
    }

    .contact-us-v3-page-icon-address::before {
        bottom: 13px;
        width: 34px;
        height: 27px;
    }

    .contact-us-v3-page-icon-fax::before {
        bottom: 12px;
        width: 34px;
        height: 27px;
    }

    .contact-us-v3-page-common-form {
        padding: 70px 40px;
    }

    .contact-us-v3-page-map iframe {
        height: 430px;
    }
}

@media (max-width: 1199.98px) {
    .contact-us-v3-page-map iframe {
        height: 400px;
    }
}

@media (max-width: 991.98px) {
    .contact-us-v3-get-in-touch {
        padding: 0;
    }

    .contact-us-v3-page-common-form {
        padding: 40px 30px;
    }

    .contact-us-v3-page-map iframe {
        height: 330px;
    }
}

@media (max-width: 768.98px) {
    .contact-us-v3-page-icon-content-border-box-01 {
        margin-top: 30px;
    }

    .contact-us-v3-page-icon-box-subtitle-01 {
        font-size: 14px;
    }

    .contact-us-v3-page-common-form {
        padding: 30px 20px;
        border-radius: 5px;
    }

    .contact-us-v3-page-map iframe {
        height: 280px;
    }
}

@media (max-width: 767.98px) {
    .get-in-touch-text-one br {
        display: none;
    }

    .contact-us-v3-get-in-touch {
        padding: 0 0 30px 0;
    }

    .contact-us-v3-page-map iframe {
        height: 240px;
    }
}

@media (max-width: 480.98px) {
    .contact-us-v3-page-common-form {
        padding: 15px;
    }

    .contact-us-v3-page-map iframe {
        height: 200px;
    }
}

@media (max-width: 375.98px) {
    .contact-us-v3-page-map iframe {
        height: 180px;
    }
}
/*=========================================== Contact Us v3 Page End CSS ===========================================*/
.cart-product-info {
    text-align: right;
}

.now-gold-price {
    font-size: 13px;
    margin-top: 6px;
    color: white;
}

.our-clients-popular-brands-slider.slider.slick-initialized.slick-slider {
    direction: ltr;
}

.homepage-v6-product-categories-area {
    display: none;
}


.homepage-v6-banner-slider-main-2 img {
    width: 100%;
}


.blue-color {
    color: var(--blue-color) !important;
}

.homepage-banner-slider-main {
    display: flex;
    justify-content: center;
}

    .homepage-banner-slider-main img {
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        width: 100%;
    }



.home-category-desk {
    padding-top: 30px;
    background-color: var(--black-color-5)
}

.our-service-overlayer-xs {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-image: url(/images/OurServiceBG2.jpg);
    z-index: 10;
    background-size: cover;
    padding-top: 57%;
    display: none;
}

    .our-service-overlayer-xs span {
        color: white;
        clear: both;
        float: right;
        font-size: 20px;
        margin-bottom: 27px;
        width: 100%;
        display: inline-block;
        text-align: center;
    }

        .our-service-overlayer-xs span:after {
            content: '';
            width: 60px;
            height: 1px;
            background-color: white;
            position: absolute;
            right: calc(50% - 45px);
            margin-top: 37px;
        }

.fp-tableCell {
    position: relative;
    height: 650px;
    padding-top: 30px;
}

.bim_videos, .bim_items {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.bim-header {
    color: white;
    position: absolute;
    z-index: 10;
    top: 82px;
    right: 50%;
    font-size: 25px;
    transform: translateX(50%);
    width: 258px;
}

    .bim-header span {
        color: #e52f2e;
    }

.bim_vid.active {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 1;
    z-index: 1;
}

.bim_vid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
    transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
}

.bim_item {
    position: relative;
    float: left;
    width: 25%;
    height: 100%;
    border-left: 1px solid rgba(255,255,255, .2);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
}

#bim_item1 .bim_bg {
    /*background-position:left;*/
}


.bim_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: -1px;
    background-position: center;
    background-size: cover;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

    .bim_bg:after {
        position: absolute;
        display: block;
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.active_bim .bim_title {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.bim_title:hover {
    background-color: rgba(41,41,41,0.3);
}

.bim_title {
    position: relative;
    /*top: 50%;
    margin-top: -100px;*/
    padding: 0 60px;
    color: #fff;
    z-index: 1;
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translateY(0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    transition: transform 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    height: 100%;
    border-right: 1px solid rgba(255,255,255, .2);
    font-size: 22px;
}

    .bim_title .title-container {
        top: 34%;
        text-align: center;
        position: relative;
    }

    .bim_title .desc {
        margin-top: 22px;
        color: white;
    }

.bim_items:hover .bim_bg {
    opacity: 0;
}

.our-service {
    /*background-color: rgb(247,247,247);*/
}

.bim_title .img img {
    width: 75px;
}

@media (min-width: 768px) {
    .homepage-v6-product-categories-large-size-cate .col-md {
        flex: 1 0 0% !important;
    }

    img#main-logo {
        margin-right: 12px;
    }
}

@media (max-width: 768px) {

    .home-category-desk {
        display: none;
    }

    .homepage-v6-product-categories-area {
        display: block;
    }
}

section.homepage-v6-shop-on-instagram-image-gallery {
    /*background-color: var(--black-color-5);*/
}

#shop-bag-item {
    display: none;
}


.marg-l-8 {
    margin-left: 8px;
}

#cart-item {
    display: none !important;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide img {
    width: 100%;
}

.enamad {
    float: left;
}

.checkout-page-product-name1 {
    text-align: right;
}

.header-box {
    width: 100%;
    height: 195px;
    background-color: #1a262f;
}

@media (max-width:990px) {
    .header-box {
        height: 75px;
    }
}


.desktop-image {
    display: block;
}

.mobile-image {
    display: none;
}

.gold-price-mobile {
    display: none;
    text-align: left;
    width: 100%;
    font-size: 12px;
    margin-top: 8px;
}
/* Mobile styles */
@media screen and (max-width: 768px) {
    .desktop-image {
        display: none;
    }

    .mobile-image {
        display: block;
    }

    .gold-price-mobile {
        display: block;
    }
}

#shop-cart-item {
    display: none;
}

.main-content.blog p {
    font-size: 17px;
    line-height: 2.3;
}

.main-content.blog li {
    font-size: 17px;
    line-height: 2.3;
}

.blog.main-content img {
    max-width: 100%;
}

.swiper-container {
    width: 100%;
    /*    height: 100vh;*/
}

.swiper-slide {
    overflow: hidden;
}

    .swiper-slide video {
        /*    margin-left: calc((100vw - (100vh * 1.7))/2);
              margin-right: calc((100vw - (100vh * 1.7))/2);*/
        /*    min-height: 100vh;*/
        min-width: 100vw;
        background-color: #1a262f;
        width: 100%;
        height: auto;
    }

@media (min-aspect-ratio: 16/9) {
    video {
        margin-left: 0;
    }
}

.heart-button i {
    color: red;
    font-size: 23px;
    margin-left: 10px;
}

.design-login {
    text-align: center;
}

    .design-login a {
        width: 108px;
        margin: 13px auto;
    }

.design-notific {
    background-color: #1a262f;
    color: white;
    clear: both;
    text-align: center;
    padding: 12px;
    border-radius: 5px;
    margin-bottom: 25px;
}


.article-section img {
    max-width: 70%;
    border-top-left-radius: 120px;
}

.article-title {
    margin-top: 23px;
}

.article-desc {
    margin-top: 21px;
    width: 260px;
    font-size: 28px;
    float: left;
}

.article-desc-container {
    text-align: left;
    padding-left: 50px;
}

.more-btn {
    border: 1px solid gray;
    padding: 7px 59px;
    border-radius: 25px;
}

.article-section .more-btn {
    margin: 0px 0 0 70px;
}


.opinion-section img {
    max-width: 64%;
    float: left;
    margin-left: 20px;
    border-top-right-radius: 120px;
}

.opinion-title {
    text-align: center;
    margin-bottom: 40px;
}

/*.opinion-section .homepage-v6-testimonial-carousel-slider {
    direction: ltr;
}

.dr-ltr {
    direction: ltr;
}*/

.text-right {
    text-align: right;
}

.homepage-v6-new-products-area {
    /*background-color: #19262f;*/
}
    .homepage-v6-new-products-area .common-title{
        color:white;
    }

    .homepage-v6-new-products-area .homepage-v6-collection-products-carousel .slick-dots li.slick-active button::before {
        background: var(--gold-color);
    }

    .homepage-v6-new-products-area .homepage-v6-collection-prevSlide4 i {
        color: var(--white-color);
    }

    .homepage-v6-new-products-area .homepage-v6-collection-nextSlide4 i {
        color: var(--gold-color);
    }

.instagram-container{
    margin-bottom:-100px;
}

.instagram-footer {
    height: 70px;
    background-color: var(--black-color);
}

.homepage-v6-shop-on-instagram-image-gallery .common-title {
    color: var(--black-color-5) !important;
}

.category-slider{
    direction:rtl;
}

.category-item img {
    width: 80%;
    margin: auto;
    margin-top: 50px;
    transition: all .3s ease-in-out;
}

.category-item.slick-center img {
    width: 100%;
    margin:0;
}
.mb-10{
    margin-bottom:10px;
}

.homepage-v6-shop-on-instagram-imgage-gallery-slider{
    direction:ltr;
}

    .homepage-v6-shop-on-instagram-imgage-gallery-slider .slick-slide {
        padding: 0 10px;
    }

@media (max-width: 600px) {
    .instagram-footer {
        height: 120px;
    }
}



.category-item .cat-cap {
    position: relative;
    bottom: 102px;
    margin: 0 auto;
    width: 131px;
    text-align: center;
    color: #1a262f;
    background-color: #ffffffc4;
    padding: 9px 5px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 18px;
}

.article-section .more-btn:hover {
    background-color: #1a262f;
    color: white;
}
.category-item a img {
    border-radius: 25px;
    overflow: hidden;
}

.card-img-top .img-hover {
    top: 0;
    position: relative;
    right: 0;
    margin-top: -100%;
    opacity: 0;
}

.recently-added-product .img-hover:hover {
    opacity:1;
}