@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Public+Sans:wght@100..900&display=swap');

:root {
    --font: "Marcellus", sans-serif;
    --font2: "Public Sans", sans-serif;
    --liner: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --pri: #F4A300;
    --dark: #e98300;
    --sec: #FAF3E0;
    --green: #198754;
    --red: #df1226;
    --text-color: #1c1c1c;
    --text-light: #8C8C8C;
    --para-color: #666;
}

html {
    overflow-x: hidden;
}

body {
    background: #fff;
    color: #363636;
    font-family: var(--font2);
    font-size: 15px;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font);
    color: var(--text-color);
    margin: 0 0 20px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: var(--text-color);
}

p a {
    color: #363636;
    width: auto;
    display: inline-block;
}

p a:hover {
    text-decoration: underline;
    outline: none;
}

p {
    letter-spacing: normal;
    margin-bottom: 10px;
    line-height: 23px;
    font-size: 16px;
    color: #363636;
}

a {
    color: #7f7f7f;
    text-decoration: none;
    outline: none;
    display: block;
}

a:hover,
a:focus,
a:active {
    outline: none;
    text-decoration: none;
}

ul li,
ol li {
    font-family: var(--font2);
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
}

iframe {
    border: 0;
    width: 100%;
}

blockquote {
    padding: 0;
    border: 0;
}

h2 {
    font-size: 26px;
    font-weight: bold;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    text-transform: capitalize;
}

.form-group label {
    margin-bottom: 5px;
}

.form-control {
    border-radius: 4px;
    height: 40px;
    font-size: 14px;
}

select.form-control {
    -webkit-appearance: auto;
    appearance: auto;
}

.form-control::-moz-placeholder {
    color: var(--text-color);
}

.form-control:focus::-moz-placeholder {
    color: var(--text-color);
}

.form-control:focus {
    border-color: var(--pri);
    box-shadow: none;
}

.btn {
    padding: 0 15px;
    text-transform: capitalize;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 0;
    font-size: 12px;
    color: #fff;
}

.btn:hover {
    color: #fff;
}

.btn i {
    margin: 0 8px 0 0;
}

header {
    float: left;
    width: 100%;
    background: #fff;
    padding: 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
}

.top_bar {
    float: left;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    background: var(--sec);
    border-bottom: 1px solid #fff2e2;
}

.top_bar p a {
    text-decoration: none;
    float: right;
    color: var(--text-color);
    font-size: 15px;
    font-weight: 600;
    margin-left: 15px;
}

.top_bar p a:hover,
.top_bar p a:focus {
    color: var(--pri);
}

.top_bar p {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-color);
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

@-webkit-keyframes decaFadeInUp {
    from {
        transform: translate3d(0, 10px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes decaFadeInUp {
    from {
        transform: translate3d(0, 10px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}


/**/
.all-sports {
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 15px;
    margin-top: 5px;
}



.header.stricky-fixed .header_left {
    padding: 0;
}

.header.stricky-fixed .logo {
    padding: 0;
    position: relative;
    top: 0;
}

.call-now {
    color: var(--text-color);
    font-weight: 500;
    font-size: 14px;
    position: relative;
    transition: 0.3s;
    display: inline;
}

.call-now svg {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 3px;
    animation: tada 1.5s ease infinite;
}

.call-now:hover {
    color: var(--dark);
}

.logobar {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.logo a {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 260px;
    padding: 5px 0;
}

.logo a img {
    width: 35%;
    filter: drop-shadow(1px 1px 0px rgba(233, 131, 0, 0.349));
}

.logo a img:first-child {
    width: 65%;
}

.top_barRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.top_barRight ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.top_barRight ul li {
    list-style: none;
    line-height: normal;
}

.top_barRight ul li a {
    color: var(--text-color);
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
}

.top_barRight ul li a.highlighted {
    background-color: #ee6022;
    padding: 3px 9px;
    margin-right: 10px;
    color: white;
    font-size: 13px;
    border-radius: 10px;
    transition: 0.2s;
}

.top_barRight ul li a.highlighted:hover {
    background-color: var(--dark);
    color: white;
}

.top_barRight ul li a:hover,
.top_barRight ul li a:focus {
    color: var(--dark);
}

.top_barRight ul li:last-child a {
    padding-right: 0;
    line-height: normal;
    padding: 7px 20px;
    position: relative;
    text-decoration: none;
    border-radius: 40px;
    color: #fff;
    opacity: 1;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    border: 0;
    outline: 0;
    box-shadow: none;
    margin-left: 10px;
    background: var(--dark);
}

.top_barRight ul li:last-child a:hover,
.top_barRight ul li:last-child a:focus {
    background: var(--pri);
    color: #fff;
}


.header.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
}

/*.header.stricky-fixed .navigation{background: var(--text-color);}*/
.navigation {
    float: left;
    width: 100%;
    display: flex;
    margin: 0;
    padding: 0;
    position: relative;
    background: transparent;
    align-items: center;
}

.navigation .navbar {
    display: none;
    padding: 10px 0;
    margin: 0;
}

.navigation .navbar button {
    float: right;
    width: 38px;
    height: 38px;
    background: transparent;
    border: 0;
    outline: 0;
    color: var(--text-color);
    font-size: 25px;
    border-radius: 0;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 99;
    padding: 5px;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
}

.navigation .navbar button span {
    display: block;
    position: absolute;
    height: 3px;
    width: 70%;
    background: var(--pri);
    border-radius: 9px;
    opacity: 1;
    left: 15%;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

.navigation .navbar button span:nth-child(1) {
    top: 9px;
}

.navigation .navbar button span:nth-child(2),
.navigation .navbar button span:nth-child(3) {
    top: 18px;
}

.navigation .navbar button span:nth-child(4) {
    top: 26px;
}

.navigation .navbar button.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.navigation .navbar button.open span:nth-child(2) {
    transform: rotate(45deg);
}

.navigation .navbar button.open span:nth-child(3) {
    transform: rotate(-45deg);
}

.navigation .navbar button.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.navigation .menu {
    display: block;
    text-align: center;
    width: 100%;
}

.navigation .menu ul {
    padding: 0;
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
}

.navigation_bar.stricky-fixed .navigation .menu ul {
    float: left;
}

.navigation .menu ul li {
    display: inline-block;
    position: relative;
}

.navigation .menu ul li a {
    padding: 23px 10px;
    display: block;
    color: var(--text-color);
    font-size: 15px;
    background: none;
    position: relative;
    transition: 0.3s;
    font-weight: 400;
    text-transform: capitalize;
}

.navigation .menu ul li a.sale {
    color: #fc544d;
}

.navigation .menu ul li:last-child a {
    border: none;
    /*padding-right:0px;*/
}

.navigation .menu ul li:hover a,
.navigation .menu ul li.active a {
    color: var(--dark);
    background: none;
}

.navigation .menu ul li ul.cs-dropdown {
    top: 100%;
    left: 0;
    text-align: left;
}

.navigation .menu ul li ul.cs-dropdown.align-right {
    right: 0;
    left: auto;
}

.navigation .menu ul li:hover ul.cs-dropdown {
    display: block;
}

.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown {
    left: 100%;
    margin-top: -36px;
}

.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li ul.cs-dropdown {
    left: -100%;
    margin-top: -31px;
}

.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown.align-right {
    right: 100%;
    left: auto;
}

.navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown {
    display: block;
}

.navigation .menu ul li ul.cs-dropdown {
    position: absolute;
    width: 250px;
    z-index: 99999;
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.4);
    background: #fff;
    margin: 0;
    padding: 0;
    display: none;
}

.navigation .menu ul li ul.cs-dropdown li {
    display: block;
    padding: 0;
    border-bottom: 1px solid #eee;
    width: 100%;
}

.navigation .menu ul li ul.cs-dropdown li:last-child a {
    border-bottom: 0;
}

.navigation .menu ul li ul.cs-dropdown li:last-child a:after {
    display: none;
}

/*.navigation .menu ul li ul.cs-dropdown li:hover a{color:#fff; background:var(--pri);}*/
.navigation .menu ul li ul.cs-dropdown li a {
    color: var(--text-color);
    font-size: 14px;
    padding: 7px 13px;
    font-weight: 400;
    position: relative;
    display: block;
    text-transform: capitalize;
}

.navigation .menu ul li ul.cs-dropdown li a i {
    float: right;
}

.navigation .menu ul li ul.cs-dropdown li a:hover {
    color: var(--text-color);
    background: linear-gradient(-335deg, #e68004, #f78e02 0%, #ffe7ab);
}

.navigation ul li.cs-submenu a button {
    /*display:none; */
    border: 0;
    background: transparent;
    outline: 0;
    padding: 0;
    margin: 0 0 0 4px;
    color: var(--text-color);
}

.navigation ul li.cs-submenu a button svg {
    width: 12px;
    height: 12px;
}

.navigation ul li.cs-submenu:hover svg {
    transform: rotateZ(180deg);
    color: var(--pri);
}


/**/
.headerRight {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%;
}

.search-toggle .search-toggle-btn {
    padding: 0;
    border: 0;
    background-color: transparent;
    color: var(--text-color);
}

.search-toggle .search-toggle-btn:hover {
    color: var(--dark);
}

.search-toggle .search-toggle-btn svg {
    width: 20px;
    height: 20px;
}

.search-toggle .headerSearch {
    display: flex;
    width: 260px;
    position: absolute;
    top: 49px;
    right: -13px;
    border: 1px solid #e3e3e3;
    padding: 8px;
    z-index: 5;
    background-color: #f8f8f8;
    border-radius: 5px;
}

.search-toggle .headerSearch input {
    height: 36px;
    border-radius: 0;
    border: 1px solid #eee;
    border-right: 0;
}

.search-toggle .headerSearch button {
    border: 0;
    outline: 0;
    background-color: var(--pri);
    color: #fff;
    padding: 0 10px;
}

.search-toggle .headerSearch button:hover {
    background-color: var(--dark);
}

#categoryResults {
    position: absolute;
    z-index: 999;
    top: 46px;
    background-color: var(--dark);
    padding: 0;
    border-radius: 3px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    color: #fff;
    max-height: 250px;
    width: calc(100% - 16px);
    overflow-y: auto;
}

#categoryResults::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}

#categoryResults::-webkit-scrollbar {
    width: 7px;
    background-color: #f5f5f5;
}

#categoryResults::-webkit-scrollbar-thumb {
    background-color: #ccc;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

#categoryResults div {
    padding: 8px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#categoryResults div:hover {
    background-color: var(--pri);
}

#categoryResults div:last-child {
    border-bottom: none;
}

#categoryResults a {
    color: #fff;
    text-decoration: none;
}

.top_login {
    float: right;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 3px;
}

.top_login li {
    display: inline-block;
    padding: 6px 0;
    margin: 0 0 0 10px;
    position: relative;
    list-style: none;
    width: auto;
    display: block;
    text-align: center;
    color: var(--text-color);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;

}

.top_login li a {
    text-align: center;
    color: var(--text-color);
    line-height: normal;
    font-size: 14px;
}

.top_login li a:hover,
.top_login li a:focus {
    color: var(--dark);
}

.top_login .login svg {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;

}

.top_login li span {
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
}

.top_login .login .loginRegister {
    display: none;
    align-items: center;
    position: absolute;
    gap: 5px;
    top: 100%;
    right: -12px;
    z-index: 99;
    background: #fff;
    width: 200px;
    padding: 15px 15px;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #ededf5;

}

.top_login .login .loginRegister a {
    padding: 7px 10px;
    border: 1px solid #ededf5;
    color: var(--pri);
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 4px;
}

.top_login .login:hover .loginRegister {
    display: flex;
}

.top_login .login .loginRegister a:hover,
.top_login .login .loginRegister a:focus {
    color: #fff;
    background: var(--pri);
    border-color: var(--pri);
}

.top_login .wishlist svg {
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px;

}


.top_login .cart {
    position: relative;
    cursor: pointer;
}

.top_login .cart svg {
    display: block;
    margin: 0 auto 2px;
    width: 20px;
    height: 20px;
}

.top_login .cart span.badge {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: var(--dark);
    text-align: center;
    line-height: 1;
    align-content: center;
    font-size: 12px;
    border-radius: 50px;
    position: absolute;
    bottom: auto;
    top: 0;
    right: -6px;
    color: #fff;
    padding: 0px;
    margin: 0px;
}

/**/

/* banner */
.home_slider {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    aspect-ratio: 96 / 35;
}

.home_slider #slider {
    overflow: hidden;
    width: 100%;
}

.slide {
    position: relative;
    display: block;
    z-index: 6;
    width: 100%;
    height: 100%;
}

#slider .slide img {
    width: 100%;
}

#slider .owl-prev,
#slider .owl-next {
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: var(--text-color);
    border: 0;
    outline: 0;
    background: #fff;
    border-radius: 0px;
    z-index: 9;
}

#slider .owl-nav .owl-prev {
    left: 20px;
    border-radius: 0 4px 4px 0;
    background: #fff;
    border: 1px solid var(--text-color);
    border-radius: 3px 0 0 3px;
    border-right: none;
    width: 27px;
    height: 44px;

}

#slider .owl-nav .owl-prev:before {
    background: #fff;
    content: '';
    position: absolute;
    height: 44px;
    width: 8px;
    top: -1px;
    transform: skew(10deg);
    right: -4px;
    border: 1px solid var(--text-color);
    border-left: none;
}

#slider .owl-nav .owl-next {
    right: 20px;
    border-radius: 4px 0px 0px 4px;
    background: #fff;
    border: 1px solid var(--text-color);
    border-radius: 0 3px 3px 0;
    width: 27px;
    height: 44px;
}

#slider .owl-nav .owl-next:before {
    background: #fff;
    content: '';
    position: absolute;
    height: 44px;
    width: 8px;
    transform: skew(10deg);
    left: -4px;
    border: 1px solid var(--text-color);
    border-right: none;
    top: -1px;
}

#slider .owl-prev:hover,
#slider .owl-next:hover {
    background: var(--pri);
    color: #fff;
    border-color: var(--pri);
}

#slider .owl-nav .owl-next:hover:before,
#slider .owl-nav .owl-prev:hover:before {
    border: 1px solid var(--pri);
    background: var(--pri);
}

#slider .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}


.shipping-info {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
}

.shipping-info ul {
    display: flex;
    grid-gap: 15px;
    justify-content: center;
    grid-template-columns: repeat(3, 1fr);
    margin: 0;
    padding: 0;

}

.shipping-info ul li {
    flex: 0 0 200px;
    text-align: center;
    list-style: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 15px;
}

.shipping-info ul li:first-child {
    background: #ffeee0;
    border-color: #fdddc2;
}

.shipping-info ul li:nth-child(2) {
    background: #fae6bb;
    border-color: #f4deac;
}

.shipping-info ul li:nth-child(3) {
    background: #e0e9eb;
    border-color: #bbced2;
}

.shipping-info ul li:nth-child(4) {
    background: #f9ebcd;
    border-color: #f4deac;
}

/* .shipping-info ul li:nth-child(5) {
    background: #f3f2f0;
    border-color: #dddcda;
} */

.shipping-info ul li:nth-child(5) {
    background: #ffeee0;
    border-color: #fdddc2;
}


.shipping-info ul li img {
    max-width: 140px;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    transition: transform 0.5s ease 0s;
    -webkit-backface-visibility: hidden;
}

.shipping-info ul li span {
    font-size: 16px;
    display: block;
    color: var(--text-color);
    font-weight: 600;
}

.shipping-info ul li:hover a span {
    color: var(--pri);
}

.shipping-info ul li:hover a img {
    transition: transform 0.6s ease 0.05s;
    transform: scale(1.10) rotate(0.0001deg);
}

.welcome_about {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0px 0 20px;
    background: #fff;
}

.title_1 {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    text-align: center;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    position: relative;
    padding-bottom: 15px;
    color: var(--pri);
    text-transform: uppercase;
}

.title_1:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 0;
    width: 100%;
    height: 1px;
    background-color: #eee;
}

.maxWidth {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

.maxWidth p {
    display: inline-block;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 10px;
    font-size: 15px;
    text-align: center;
    color: var(--para-color);
}


.welcome_about p strong {
    color: var(--text-color);
    font-size: 18px;
}

.welcome_about p {
    width: 100%;
    color: var(--text-color);
    font-size: 17px;
    line-height: 26px;
    font-weight: normal;
}

.popular_products {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0px 0 40px;
    background: #fff;
}

.top_products {
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background: #fff;
}

.title {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    text-align: center;
    margin-bottom: 15px;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    position: relative;
    padding-bottom: 15px;
    color: var(--pri);
}

.title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: 0;
    width: 100%;
    height: 1px;
    background-color: #eee;
}

.title_2 {
    float: left;
    width: 100%;
    color: #222;
    font-size: 25px;
    font-weight: 600;
    display: block;
    padding-bottom: 0;
    text-align: center;
    margin-bottom: 25px;
    position: relative;
    letter-spacing: 1px;
    font-family: var(--font);
    margin-bottom: 39px;
    line-height: 1.3;
}

.title_2:before {
    content: '';
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23F4A300" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve"><path class="st0" d="M84,171c-4.8-4.1-8.5-9.4-10.5-15.3c-1.2-3.8-1.4-7.9-0.6-11.8c0.9-3.9,2.3-7.6,4.1-11.2c2.2-5.2,4.6-10.3,7.2-15.3c3.3-6.6,7.1-12.9,11.5-18.9l0,0c5,5.4,9.6,11.2,13.6,17.4c3.1,4.7,6.1,9.5,8.9,14.4c2.2,3.3,4,6.9,5.4,10.7c1.2,3.8,1.5,7.9,0.8,11.8c-1.3,6.2-4.3,11.8-8.6,16.4c-3,3.3-6.5,6.1-10.4,8.3l-5.6-8.6l-4.5,9.1C91.2,176.3,87.3,173.9,84,171z"></path><path class="st0" d="M37,141.3c-4.2-1.5-8.1-3.8-11.6-6.6l5.8-8.4L21,125.5c0-4.5,0.7-8.9,2.2-13.2c1.9-6,5.4-11.4,10.1-15.5c3.1-2.5,6.7-4.2,10.7-5c3.2-0.5,6.4-0.7,9.5-0.4l2.3,0.1c5.6,0.1,11.2,0.4,16.8,0.9c7.3,0.6,14.6,1.8,21.7,3.6l0,0c-3.1,6.7-6.7,13.1-10.8,19.2c-3.1,4.7-6.4,9.2-9.8,13.7c-2.2,3.3-4.8,6.3-7.7,9c-3,2.6-6.7,4.4-10.6,5.2c-2.2,0.4-4.5,0.6-6.7,0.5C44.7,143.6,40.7,142.8,37,141.3L37,141.3z"></path><path class="st0" d="M141.5,137.7c-4-0.3-7.8-1.6-11.1-3.8c-3.3-2.3-6.2-5-8.9-7.9c-4-4-7.9-8.1-11.6-12.3c-4.9-5.5-9.4-11.4-13.3-17.7l0,0c6.8-2.7,13.9-4.8,21.1-6.3c5.5-1.2,11-2.2,16.6-3.1c3.9-0.8,7.9-1.2,11.8-1.2c4,0.2,7.8,1.5,11.2,3.6c5.2,3.5,9.4,8.4,12.1,14.1c2,4,3.3,8.4,3.9,12.8l-10,2.1l6.9,7.6c-3.1,3.2-6.7,5.9-10.6,8c-4.6,2.5-9.6,3.9-14.8,4.2C143.6,137.8,142.6,137.8,141.5,137.7L141.5,137.7z"></path><path class="st0" d="M73.2,89.8c-5.4-1.6-10.7-3.5-15.9-5.5c-3.8-1.2-7.5-2.8-10.9-4.8c-3.4-2.2-6.1-5.2-8-8.7c-2.8-5.6-4.1-11.9-3.6-18.2c0.2-4.5,1.2-8.9,2.8-13.1l9.7,3.1l-2.2-10c4.3-1.3,8.7-1.9,13.2-1.7c6.3,0.1,12.4,1.9,17.8,5.2c3.3,2.2,6,5.3,7.9,8.8c1.7,3.6,3,7.4,3.8,11.3c1.5,5.4,2.9,10.9,4,16.4c1.6,7.2,2.6,14.6,3,22C87.3,93.7,80.2,92.1,73.2,89.8L73.2,89.8z"></path><path class="st0" d="M96.6,72.5c0.5-5.6,1.3-11.2,2.2-16.8c0.4-4,1.2-7.9,2.5-11.7c1.4-3.7,3.8-7,6.8-9.6c4.9-3.9,10.8-6.4,17.1-7.1c4.4-0.7,8.9-0.6,13.3,0.3l-1.1,10.2l9.3-4.1c2.1,3.9,3.6,8.2,4.3,12.6c1.2,6.2,0.7,12.6-1.5,18.5c-1.5,3.7-3.9,6.9-7,9.5c-3.2,2.4-6.6,4.4-10.3,6c-5,2.6-10.1,5-15.2,7.2c-6.7,3-13.7,5.4-20.8,7.2C95.7,87.3,95.8,79.9,96.6,72.5L96.6,72.5z"></path></svg>') center no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    right: 0;
    bottom: 0;
    margin-bottom: -32px;
    width: 30px;
    height: 27px;
    transform: translateX(-50%);
    z-index: 2;
    background-color: white;
}

.title_2::after {
    content: "";
    position: absolute;
    bottom: -18px;
    width: 100px;
    height: 1px;
    transform: translateX(-50%);
    background-color: var(--text-color);
    left: 50%;
    z-index: 1;
}

.item_product_1 {
    text-align: center;
}

.item_product_1 .product_thumb {
    overflow: hidden;
    position: relative;
    display: block;
    aspect-ratio: 4 / 5;
    border: 1px solid #f5f5f5;
    margin-bottom: 7px;
    background: #fff;
}

.item_product_1 .product_thumb img {
    width: 100%;
    transition: 0.2s ease-in-out;
    aspect-ratio: 4 / 5;
    object-fit: contain;
    object-position: center;
}

.item_product_1 .product_thumb:hover img {
    transform: scale(1.02);
}

.item_product_1 .product-title {
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color);
    font-family: var(--font);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 6px;
    transition: 0.3s ease-in-out;
    line-height: 1.5;
    letter-spacing: 0.3px;
}

.item_product_1:hover .product-title {
    color: var(--dark);
}

.item_product_1 .product-price {
    color: var(--para-color);
    font-size: 13px;
}

.item_product_1 .product-price .pr-price {
    font-size: 15px;
    font-weight: 600;
    margin-right: 5px;
    color: var(--text-color);
}

.item_product_1 .product-price del {
    color: var(--red);
    margin-right: 3px;
}

.item_product_1 .product-price .discount_value {
    color: var(--green);
}

#top_products .owl-prev,
#top_products .owl-next {
    line-height: 0;
    position: absolute;
    top: 43%;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: var(--pri);
    border: 0;
    outline: 0;
    background: #fff;
    border-radius: 100%;
    z-index: 50;
    border: 1px solid #eee;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

#top_products .owl-nav .owl-prev {
    left: -20px;
    /* top: 48%; */
}

#top_products .owl-nav .owl-next {
    right: -20px;
    /* top: 48%; */
}

#top_products .owl-nav .owl-prev:hover,
#top_products .owl-nav .owl-next:hover {
    background: var(--pri);
    color: #fff;
    border-color: var(--pri);
}


.topProducts.owl-carousel .owl-nav .owl-prev,
.topProducts.owl-carousel .owl-nav .owl-next {
    line-height: 0;
    position: absolute;
    top: 43%;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: var(--pri);
    border: 0;
    outline: 0;
    background: #fff;
    border-radius: 100%;
    z-index: 50;
    border: 1px solid #eee;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.topProducts.owl-carousel .owl-nav .owl-prev {
    left: -20px;
    /* top: 48%; */
}

.topProducts.owl-carousel .owl-nav .owl-next {
    right: -20px;
    /* top: 48%; */
}

.topProducts.owl-carousel .owl-nav .owl-prev:hover,
.topProducts.owl-carousel .owl-nav .owl-next:hover {
    background: var(--pri);
    color: #fff;
    border-color: var(--pri);
}


#new_products .owl-prev,
#new_products .owl-next {
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: #4a4a4a;
    border: 0;
    outline: 0;
    background: #fff;
    border-radius: 100%;
    z-index: 50;
    border: 1px solid #e5e5e5;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

#new_products .owl-nav .owl-prev {
    left: -10px;
    top: 48%;
}

#new_products .owl-nav .owl-next {
    right: -10px;
    top: 48%;
}

#new_products .owl-nav .owl-prev:hover,
#new_products .owl-nav .owl-next:hover {
    background: var(--pri);
    color: #fff;
    border-color: var(--pri);
}



.explore_products {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0 40px;
    background: #fff;
}


.single-aboss-product {
    border: 1px solid #efefef;
    position: relative;
}

.single-aboss-product:hover {
    box-shadow: 0px 1px 5px var(--text-color)00029;
}

.best-seller-active .single-aboss-product {
    margin-bottom: 1px;
}

.pro-img {
    position: relative;
    overflow: hidden;
}

.pro-img img {
    transition: transform 0.5s ease 0s;
}

.single-aboss-product:hover .pro-img img {
    transition: transform 0.6s ease 0.05s;
    transform: scale(1.10) rotate(0.0001deg);
}

/*.pro-img:before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all 300ms ease-in 0s;
    width: 100%;
    z-index: 2;
}
.single-aboss-product:hover .pro-img:before {
    opacity: 1;
}*/

.action_wishlist {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: auto;
    line-height: normal;
    padding: 5px 0;
    font-size: 18px;
    transition: all 0.3s ease 0s;
    text-decoration: none;
    color: #fff;
    border-radius: 4px;
    background: #fc544d;
    z-index: 99;
    position: absolute;
    margin: 10px;
    left: 0;
    top: 0;
}

.pro-content {
    padding: 5px 15px 20px 15px;
}

.pro-content.category_1 {
    text-align: center;
    padding: 3px 25px;
}

.pro-content h4 {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 13px;
    position: relative;
    height: 60px;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
}

.pro-content.category_1 h4 {
    font-size: 18px;
    border: 0;
    margin: 0;
    color: #23252a;
}

.pro-content h4 a {
    color: #23252a;

}

.pro-content h4 a span {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    width: 100%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    height: auto
}

.pro-content h4 span {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    width: 100%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    height: auto
}

.single-aboss-product:hover .pro-content h4 a {
    color: var(--pri);
}

.single-aboss-product:hover .pro-content h4 {
    color: var(--pri);
}

.pro-price-cart {
    display: flex;
    justify-content: space-between;
}


.single-aboss-product .product_price {
    border: none;
    font-size: 14px;
    border-radius: 4px 0 0 4px;
    position: relative;
    margin-right: 15px;
    display: inline-block;
    color: var(--text-color) !important;
}

.single-aboss-product .product_price span {
    color: var(--pri);
    font-weight: 600;
    font-size: 18px;
}

.pro-price-cart a {
    color: #666;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0 0;
}

.pro-price-cart span {
    color: #666;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 0 0;
}

.single-aboss-product:hover .pro-price-cart a {
    color: var(--pri);
}

.single-aboss-product:hover .pro-price-cart span {
    color: var(--pri);
}

.product_del {
    color: #666;
    text-decoration: line-through;
    font-weight: 400;
    font-size: 15px;
    display: inline-block;
}

.pro-actions {
    left: 50%;
    position: absolute;
    top: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}

.quick-view {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}

.add-cart {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.quick-view {
    background-color: #fff;
    border-radius: 4px;
    color: var(--text-color);
    display: inline-block;
    font-size: 15px;
    padding: 12px 15px;
    line-height: normal;
    transform: scale(0);
    transition: all 0.3s ease 0s;
    width: auto;
}

.quick-view svg {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 5px;
}

.single-aboss-product:hover .quick-view {
    transform: scale(1);
}

.add-cart:hover,
.quick-view:hover {
    background: var(--pri);
    color: #fff;
}

/*

#top_products .owl-prev,
#top_products .owl-next {
    line-height: 0;
    position: absolute;
    z-index: 50;
    top: -40px;
    display: block;
    width: 35px;
    height: 35px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: #222;
    font-size: 14px;
    border: 0;
    outline: 0;
    background: transparent;
    border-radius: 0;
    z-index: 9;
    border: 1px solid #e5e5e5;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}



#top_products .owl-nav .owl-prev {
    border-radius: 0 4px 4px 0;
    background: #fff;
    border: 1px solid var(--text-color);
    border-radius: 3px 0 0 3px;
    border-right: none;
    width: 27px;
    height: 40px;
    right: 0;
    margin-right: 40px;

}
#top_products .owl-nav .owl-prev:before {
    background: #fff;
    content: '';
    position: absolute;
    height: 40px;
    width: 8px;
    top: -1px;
    transform: skew(10deg);
    right: -4px;
    border: 1px solid var(--text-color);
    border-left: none;
}

#top_products .owl-nav .owl-next {
    right: 0px;
    background: #fff;
    border: 1px solid var(--text-color);
    border-radius: 0px 3px 3px 0px;
    width: 27px;
    height: 40px;
}
#top_products .owl-nav .owl-next:before {
    background: #fff;
    content: '';
    position: absolute;
    height: 40px;
    width: 8px;
    transform: skew(10deg);
    left: -4px;
    border: 1px solid var(--text-color);
    border-right: none;
    top: -1px;
}

#top_products .owl-prev:hover,
#top_products .owl-next:hover {
    background: var(--pri);
    color: #fff;
    border-color: var(--pri);
}
#top_products .owl-nav .owl-next:hover:before,#top_products .owl-nav .owl-prev:hover:before{border: 1px solid var(--pri); background: var(--pri);}
*/


.sticker_best {
    padding: 5px 7px 3px 10px;
    text-transform: uppercase;
    font-size: 0.75rem;
    display: inline-block;
    border-radius: 2px 0 0 2px;
    position: relative;
    margin: 0;
    background: var(--pri);
    color: #fff;
    z-index: 99;
}

.sticker_best:before {
    content: '';
    width: 10px;
    height: 100%;
    position: absolute;
    transform: skew(10deg);
    right: -5px;
    top: 0;
    background: var(--pri);
}


.collection_1 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0 40px;
    background: #f8f8f8;
}

.cat_info {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}

.cat_info span {
    font-size: 13px;
    line-height: 18px;
    color: var(--text-color);
    text-align: left;
    margin-bottom: 10px;
}

.cat_info .h2_title {
    font-size: 40px;
    line-height: normal;
    font-weight: 700;
    padding: 0;
    margin-bottom: 25px;
    text-align: left;
    position: relative;
}

.cat_info .h2_title:after {
    position: absolute;
    left: 0;
    top: 100%;
    content: '';
    height: 3px;
    width: 54px;
    background-color: var(--pri);
    margin-top: 10px;
}

.cat_info p {
    text-align: left;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 15px;
}

.bannerSection {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.bannerSection img {
    width: 100%;
}

#donateForm,
.donateRight {
    position: relative;
    padding: 25px;
    box-shadow: 0px 20px 48px 2px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
}

.donateRight img {
    border-radius: 12px;
}

.donationBox {
    width: 100%;
    background-color: rgb(255 220 203);
    background: linear-gradient(-335deg, #feac00, #feac00 50%, #ffe7ab);
    border-radius: 1rem;
    gap: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.donationBox a:hover,
.donationBox a:focus {
    color: var(--text-color);
}

.donationH4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-color);
}

.bankqr {
    width: 100%;
    text-align: center;
}

.bankqr img {
    width: 140px;
    padding: 3px;
    background: #fff;
    border: 2px solid var(--text-color);
    border-radius: 12px;
}

.category_banner {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    border: 1px solid #eee;
    margin-bottom: 25px;
}

.category_banner4 .image {
    height: 275px;
    overflow: hidden;
    border-radius: 12px;
}

.category_banner .image img {
    transition: transform 0.5s ease 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: optimizeQuality;
    max-width: 100%;
}

.category_banner:hover .image img {
    transition: transform 0.6s ease 0.05s;
    transform: scale(1.1) rotate(0.0001deg);
}

.banner_txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 11% 0%;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);

}

/*.banner_txt:before{content: '';
position: absolute;
background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 10%, rgba(84, 84, 84, 0.0) 90%);
top: 0px;
bottom: 0px;
left: 0px;
width: 100%;}*/
.banner_txt h2 {
    font-size: 26px;
    line-height: 1em;
    font-weight: 600;
    letter-spacing: .8px;
    margin: 0 0 10px;
    padding: 0;
    color: #fff;
    position: relative;
}

.category_banner4:hover .banner_txt h2 {
    color: var(--pri);
}

.banner_txt span {
    overflow: hidden;
    font-size: 15px;
    line-height: 1.4em;
    letter-spacing: .8px;
    position: relative;
    color: #fff;
}

.banner_txt span.twhite {
    color: #fff !important;
}

.banner_hover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .2s;
    opacity: 0;
    z-index: 99;
    padding-top: 53%;
    text-align: center;
}

.banner_hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: #2b2b2b;
    opacity: .50;
}

.category_banner:hover .banner_hover {
    opacity: 1;
}

.category_banner:hover .banner_txt:before {
    opacity: 0;
}

.banner_hover span {
    position: relative;
    display: inline-block;
    padding: 12px 30px;
    background: var(--pri);
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
}

.banner_hover span:hover {
    background: #fff;
    color: var(--pri);
    border: 1px solid var(--pri);
}

.category_banner4 {
    float: left;
    width: 100%;
    margin: 0 0 25px;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.category_banner4 .image img {
    transition: transform 0.5s ease 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: optimizeQuality;
    max-width: 100%;
}

.category_banner4:hover .image img {
    transition: transform 0.6s ease 0.05s;
    transform: scale(1.15) rotate(0.0001deg);
}

.category_banner4 .banner_txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 4% 5%;
    text-align: left;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);
}

.category_banner4 .banner_hover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .2s;
    opacity: 0;
    z-index: 99;
    padding-top: 24%;
    text-align: center;
}

.category_banner4:hover .banner_hover {
    opacity: 1;
}


.view_btn {
    position: relative;
    display: inline-block;
    padding: 12px 30px;
    background: var(--pri);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    border: 1px solid var(--pri);
    border-radius: 4px;
}

.view_btn:hover,
.view_btn:focus {
    background: #fff;
    color: var(--pri);
    border: 1px solid var(--pri);
}

.lifestyle_1 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.banner_fashion {
    position: relative;
    background-image: url("../images/ads.jpg");
    background-color: rgb(56, 56, 57);
    animation-duration: 1.2s;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    font-size: 1rem;
    overflow: hidden;
    padding: 10px 20px;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 40px;
}

.banner_fashion:before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.banner_fashion .banner-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
}

.banner_fashion .content-left {
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.banner_fashion .banner-price-info {
    padding: 0px 40px 0 15px;
    color: #f7d245;
    letter-spacing: -0.025em;
    font-weight: 600;
}

.banner_fashion .banner-price-info img {
    width: 70px;
}

.banner-fashion sub,
.banner_fashion sup {
    position: relative;
    line-height: 0;
}

.banner_fashion .banner-price-info sup {
    margin-left: 10px;
    font-size: 60px;
    font-weight: 600;
    top: -20px;
}


.banner_fashion .banner-price-info sub {
    margin-left: -35px;
    vertical-align: baseline;
    font-size: 20px;
    letter-spacing: -0.025em;
    font-weight: 600;
    text-transform: uppercase;
}


hr.banner-divider {
    border: 0;
    width: 2px;
    height: 5.5rem;
    opacity: 0.15;
    margin: 0;
    padding: 0;
    margin-right: 4rem;
    background: #fff;
}

.banner_fashion .banner-info {
    line-height: 1.45;
    margin-right: auto;
}

.banner_fashion .banner-title {
    margin-bottom: 0.2rem;
    font-size: 24px;
    font-weight: 600;
    color: var(--pri);
}

.banner_fashion p {
    font-size: 16px;
    color: #fff;
    margin: 0;
}

.banner_fashion p span {
    color: #fff;
    display: inline-block;
    letter-spacing: -0.05em;
    background: var(--pri);
    padding: 2px 8px;
    line-height: normal;
    border-radius: 4px;
    font-size: 13px;
    text-transform: uppercase;
    font-family: initial;
}

.content-right {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
    flex: 1;
}

.shop_btn {
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #666;
    outline: 0;
    font-size: 14px;
    padding: 12px 25px;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s, box-shadow 0.3s;
    white-space: nowrap;
    cursor: pointer;
    color: #fff;
    border-color: #fff;
    background-color: transparent;
    border-radius: 4px;
}

.shop_btn:hover {
    background: var(--pri);
    color: #fff;
    border-color: var(--pri);
}

.home_ads {
    float: left;
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
}

.about-sec {
    float: left;
    width: 100%;
    position: relative;
    background: url(../images/bg/bg2.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
    padding: 50px 0;
}

.about-sec::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #fae5b8;
    opacity: 0.8;
}

.about-sec .content-sec h1 {
    font-size: 23px;
}

.about-sec .cmTitle,
.about-sec h1,
.about-sec p {
    text-align: center !important;
}


.content-sec h1,
.content-sec h2,
.content-sec h3,
.content-sec .tt,
.cmTitle {
    font-size: 22px;
    font-weight: 600;
    color: var(--text-color);
    text-align: left;
    margin-bottom: 10px;
    line-height: 1.3;
    font-family: var(--font);
}

.cmTitle {
    color: var(--dark);
    font-size: 20x;
    margin-bottom: 0;
}

.content-sec h2,
.content-sec h3,
.content-sec .tt {
    font-size: 18px;
}

.content-sec ul {
    padding-left: 0;
    margin: 0;
    margin-bottom: 10px;
    list-style: none;
}

.content-sec p {
    margin-bottom: 15px;
}

.content-sec p,
.content-sec ul li {
    font-size: 15px;
    line-height: 1.6;
    color: #363636;
    text-align: justify;
    font-family: var(--font2);
    font-weight: 400;
}

.content-sec ul li {
    margin-bottom: 3px;
}

.content-sec ul li a {
    display: inline;
    color: #363636;
}

.main-btn {
    padding: 10px 15px;
    color: white;
    border: 1px solid var(--dark);
    display: inline-flex;
    gap: 5px;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    font-family: var(--font);
    text-transform: capitalize;
    white-space: nowrap;
    background: var(--dark);
    outline: none;
    transition: 0.2s ease-in-out;
    line-height: normal;
}

.main-btn:hover {
    background: var(--text-color);
    color: white;
    border-color: var(--text-color);
}

.main-btn.dark {
    border-color: var(--text-color);
    background: var(--text-color);
    color: white;
}

.main-btn.dark:hover {
    border-color: var(--dark);
    background: var(--dark);
    color: white;
}

.offer_catgeory {
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background: #fff;
}


.vid-bx {
    overflow: hidden;
    position: relative;
    border-radius: 16px;
    box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
    transition: 0.1s linear;
}

.vid-bx iframe {
    aspect-ratio: 35 / 62;
    width: 100%;
    height: 100%;
    transform: scale(1.01);
    transform-origin: 50% 50%;
    object-fit: cover;
    object-position: center;
    display: block;
}


.single-banner {
    position: relative;
    overflow: hidden;
    /* scale banner */
    border-radius: 12px;
}

.single-banner h2 {
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    color: var(--text-color);
    margin: 0;
    position: absolute;
    bottom: 0px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .75);
    display: inline-block;
    background: rgba(255, 255, 255, 0.7);
    padding: 5px 0;
    display: none;
}

.single-banner:hover h2 {
    display: none;
}

.single-banner__image {
    position: relative;
}

.single-banner__image a {
    display: block;
    width: 100%;
}

.single-banner__image a img {
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
}

.single-banner__image:hover a img {
    transition: transform 0.6s ease 0.05s;
    transform: scale(1.10) rotate(0.0001deg);
}

/*
.single-banner__image:after {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    background-color: rgba(255, 255, 255, .9);
}

.single-banner__content--overlay {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    visibility: hidden;
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0;
}

.single-banner__content--overlay>* {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
} */

.single-banner__content--overlay p.banner-small-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
    color: #111;
}

.single-banner__content--overlay p.banner-small-text--end {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
    color: #111;
}

.single-banner__content--overlay p.banner-small-text--end:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    height: 2px;
    content: '';
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: var(--pri);
}

.single-banner__content--overlay p.banner-big-text {
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 15px;
    color: var(--pri);
}

.single-banner:hover .single-banner__image:after {
    visibility: visible;
    opacity: 1;
}

.single-banner:hover .single-banner__content {
    visibility: visible;
    opacity: 1;
}

.single-banner:hover .single-banner__content>* {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.single-banner:hover .single-banner__content p.banner-small-text {
    margin-bottom: 5px;
}

.single-banner:hover .single-banner__content p.banner-small-text--end {
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.single-banner:hover .single-banner__content p.banner-big-text {
    margin-bottom: 10px;
}

.single-banner--scale {
    position: relative;
    margin-bottom: 30px;
}

.single-banner--scale__image {
    position: relative;
}

.single-banner--scale__image img {
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.single-banner--scale__image--blur img {
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.single-banner--scale__image:after {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0;
    background-color: rgba(255, 255, 255, .6) !important;
}

.single-banner--scale__content {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 8%;
    max-width: 51%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.single-banner--scale__content .title {
    font-size: 36px;
    font-weight: 700;
    font-style: italic;
    line-height: 36px;
    color: #111;
}

.single-banner--scale__content .subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 25px;
    color: #111;
}

.single-banner--scale:hover .single-banner--scale__image--blur img {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.single-banner--scale:hover .single-banner--scale__image img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.single-banner__content--overlay .shop_btn {
    color: var(--text-color);
    border-color: var(--text-color);
}

.single-banner__content--overlay .shop_btn:hover,
.single-banner__content--overlay .shop_btn:focus {
    color: #fff;
    border-color: #ff4c3e;
}

.home_blog {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff;
}

.home_blog_item {
    padding: 0 15px;
    border-right: 1px dashed #c4c3c3;
}

.home_blog_item:nth-child(2) .blog-post-item {
    padding: 0
}

.home_blog_item:last-child .blog-post-item {
    border-right: 0;
}

.blog-post-content h3 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 500;
    color: var(--text-color);
    position: relative;
    height: 60px;
}

.blog-post-content h3 span {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-height: 100%;
}

.blog-post-thumb {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.blog-post-thumb img {
    max-width: 100%;
    border-radius: 4px;
}

.blog-post-meta ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px dashed #c4c4c4;
    margin: 0;
    padding: 0;
    margin-top: 18px;
}

.blog-post-meta ul li {
    font-size: 14px;
    font-weight: 400;
    color: #868585;
    position: relative;
    list-style: none;
}

.blog-post-meta ul li+li {
    padding-left: 15px;
    margin-left: 15px;
}

/*👉.blog-post-meta ul li + li::before {
    content: "|";
    position: absolute;
    left: -1px;
    top: 50%;
    transform: translateY(-50%);
    color: #d7d6d6;
}👈*/
.blog-post-meta ul li svg {
    margin-right: 7px;
    display: inline-block;
    width: 24px;
    height: 24px;
}

.blog-post-meta ul li {
    color: #868585;
}

.blog-post-meta ul li.blog_read_more {
    text-align: center;
    flex: 0 0 120px;
    line-height: 52px;
    margin-left: auto;
    padding-left: 0;
    color: var(--text-color);
}

.blog-post-item:hover .blog-post-content h3 {
    color: #ecca07
}

.blog-post-item:hover .blog-post-meta ul li.blog_read_more {
    color: #ecca07
}



.advertisement_banner {
    float: left;
    width: 100%;
    margin: 0;
    padding: 80px 0;
    background-image: url("../images/background1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    background-size: 100%;
}

.advertisement_banner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--text-color);
    top: 0;
    left: 0;
    bottom: 0;
    top: 0;
    opacity: 0.7;
}

.advertisement_banner .advertisement-text {
    text-align: center;
    color: #fff;
    position: relative;
}

.advertisement_banner .advertisement-text h3 {
    font-size: 60px;
    padding: 0;
    font-family: 'Playfair Display', serif;
    color: #fff;
}

.advertisement_banner .advertisement-text h3 span {
    color: #f7d245;
    font-style: italic;
    font-weight: 600;
}

.advertisement_banner p {
    max-width: 650px;
    margin: 0 auto 20px;
    font-size: 18px;
    line-height: 28px;
    color: #fff;
}




#catgeory .owl-prev,
#catgeory .owl-next {
    line-height: 0;
    position: absolute;
    z-index: 50;
    top: -40px;
    display: block;
    width: 35px;
    height: 35px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: #222;
    font-size: 14px;
    border: 0;
    outline: 0;
    background: transparent;
    border-radius: 0;
    z-index: 9;
    border: 1px solid #e5e5e5;
    text-align: center;
    cursor: pointer;
}



#catgeory .owl-nav .owl-prev {
    border-radius: 0 4px 4px 0;
    background: #fff;
    border: 1px solid var(--text-color);
    border-radius: 3px 0 0 3px;
    border-right: none;
    width: 27px;
    height: 40px;
    right: 0;
    margin-right: 40px;

}

#catgeory .owl-nav .owl-prev:before {
    background: #fff;
    content: '';
    position: absolute;
    height: 40px;
    width: 8px;
    top: -1px;
    transform: skew(10deg);
    right: -4px;
    border: 1px solid var(--text-color);
    border-left: none;
}

#catgeory .owl-nav .owl-next {
    right: 0px;
    background: #fff;
    border: 1px solid var(--text-color);
    border-radius: 0px 3px 3px 0px;
    width: 27px;
    height: 40px;
}

#catgeory .owl-nav .owl-next:before {
    background: #fff;
    content: '';
    position: absolute;
    height: 40px;
    width: 8px;
    transform: skew(10deg);
    left: -4px;
    border: 1px solid var(--text-color);
    border-right: none;
    top: -1px;
}

#catgeory .owl-prev:hover,
#catgeory .owl-next:hover {
    background: var(--pri);
    color: #fff;
    border-color: var(--pri);
}

#catgeory .owl-nav .owl-next:hover:before,
#catgeory .owl-nav .owl-prev:hover:before {
    border: 1px solid var(--pri);
    background: var(--pri);
}




.content-box {
    width: 100%;
    padding: 0;
    margin: 0 0 15px;
    overflow: hidden;
    line-height: 20px;
    text-align: center;
    position: relative;
    background: #fff;
    border: 1px solid #eee;
}

.content-box:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.content-box:before {
    content: '';
    display: inline-block;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 0;
    background-color: var(--pri);
}

.content-box .image-cat {
    overflow: hidden;
    position: relative;
}

.content-box .image-cat img {
    transform: scale(1);
    transition: all 0.3s ease 0s;
}

.content-box:hover .image-cat img {
    transform: scale(1.2);
}

.content-box .image-cat:before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all 300ms ease-in 0s;
    width: 100%;
    z-index: 2;
}

.content-box:hover .image-cat:before {
    opacity: 1;
}

.content-box:hover .quick-view {
    transform: scale(1);
}

.content-box img {
    width: 100%;
    display: block;
    max-width: 100%;
    box-shadow: var(--text-color) 0em 0em 0em;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border: none;
}

.content-box .cat-title {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 0;
}

.content-box .cat-title a {
    text-transform: capitalize;
    color: #222;
    font-weight: 600;
    font-size: 20px;
}

.content-box:hover .cat-title a {
    color: var(--pri);
}


.testimonial_style1 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 60px 0 40px;
    background: #eee;
}

.sec-title {
    width: 100%;
    position: relative;
    display: block;
    margin-top: -5px;
    padding-bottom: 50px;
}

.sec-title.max-width {
    max-width: 650px;
    margin: -5px auto 0;
}

.sec-title.with-text {
    padding-bottom: 20px;
}


.sec-title p {
    color: #e9212e;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 7px;
}

.sec-title .title {
    position: relative;
    display: block;
    color: var(--text-color);
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
}

.sec-title .title.clr-white {
    color: #ffffff;
}

.sec-title .title span {
    font-weight: 400;
}

.sec-title .bottom-text {
    color: #fff;
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    text-transform: none;
    margin: 13px 0 0;
}


.testimonial-block-three {
    position: relative;
    padding: 0 15px;
}

.testimonial-block-three .inner-box {
    position: relative;
    text-align: center;
    overflow: hidden;
    border-radius: 6px;
}

.testimonial-block-three .top-content {
    position: relative;
    background: #fff;
    padding: 30px;
    padding-top: 51px;
    border-radius: 6px;
    margin-bottom: 35px;
    min-height: 335px;
}

.testimonial-block-three .top-content:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -70px;
    width: 70px;
    height: 70px;
    border: 34px solid transparent;
    border-top-color: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.testimonial-block-three .quote {
    position: absolute;
    left: -36px;
    top: -50px;
    width: 100px;
    height: 100px;
    padding-left: 30px;
    background: var(--pri);
    color: #fff;
    font-size: 25px;
    line-height: 140px;
    border-radius: 50%;
}

.testimonial-block-three .quote svg {
    width: 22px;
    height: 22px;
}

.testimonial-block-three h4 {
    position: relative;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    padding: 0;
    text-align: center;
}


.testimonial-block-three .text {
    color: var(--text-color);
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    text-transform: none;
    margin: 13px 0 0;
}

.testimonial-block-three .author-title {
    font-size: 18px;
    color: var(--text-color);
    margin-bottom: 3px;
    font-weight: 600;
}

.testimonial-block-three .designation {
    position: relative;
    font-size: 15px;
    color: #e7272d;
}




.about_section {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0;
    position: relative;
    background: url(../images/background1.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center
}

.about_section:before {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    content: "";
    width: 100%;
    background-color: rgba(0, 0, 0, 0.78);
    transition: transform .3s, opacity .6s;
}

.about_section .container-fluid {
    position: relative;
}

.adventure {
    width: 100%;
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.about_section h1 {
    padding: 0;
    font-weight: normal;
    margin-top: .2em;
    margin-bottom: 20px;
    line-height: 1;
    font-size: 30px;
    color: var(--pri);
    font-weight: 600;
}

.about_section h3 {
    padding: 0;
    font-weight: normal;
    margin-top: .2em;
    margin-bottom: 20px;
    line-height: 1;
    text-transform: uppercase;
    font-size: 2em;
    color: #fff;
    font-weight: 600;
}

.about_section p {
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-weight: normal
}

.about_section p strong {
    color: #fff;
    font-size: 18px;
}

.read_more {
    position: relative;
    padding: 10px 30px;
    background: var(--pri);
    overflow: hidden;
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    color: #fff;
    box-shadow: 0px 16px 35px 0px rgb(0 0 0 / 20%);
    transition: all 0.3s;
    margin-top: 20px;
    border-radius: 4px;
}

.read_more:hover,
.read_more:focus {
    background: var(--text-color);
    color: #fff;
}

.more_products {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0 10px;
    position: relative;
    background: #fff;
}

.more_products .single-aboss-product {
    margin-bottom: 20px;
}

.more_products h3 {
    color: var(--pri);
    font-size: 22px;
    line-height: normal;
    margin: 0 0 20px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}



.reviews {
    float: left;
    width: 100%;
    background: url(../images/reviewbg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 89px 0 100px;
}

.reviews .container-fluid {
    position: relative;
    z-index: 2;
}

.reviews .slider-item {
    padding: 45px 30px;
}

.reviews:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 50%;
    bottom: 0;
    left: 0;
    background: var(--text-color);
    background: rgba(66, 67, 83, 0.95);
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.people h4 {
    text-align: left;
    color: #fff;
}

.people h2 {
    text-align: left;
    color: #fff;
    text-transform: uppercase;
}

.people h2 span {
    color: var(--pri);
}

.people p {
    color: #fff;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 20px;
}

.view_more_btn {
    padding: 10px 35px;
    background: var(--pri);
    color: var(--text-color);
    border: 1px solid var(--pri);
    display: inline-block;
}

.view_more_btn:hover,
.view_more_btn:focus {
    background: transparent;
    color: var(--pri);
    border-color: var(--pri)
}

.slider-item {
    position: relative;
    z-index: 9;
    background: #fff;
    padding: 30px;
}

.slider-image {
    width: 25%;
    float: left;
    padding-right: 30px;
}

.slider-image svg {
    width: 110px;
    height: 110px;
    padding: 15px;
    color: var(--pri);
}

.slider-content {
    padding-left: 25%;
}

.slider-content h4 {
    color: var(--pri);
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
}

.slider-content span {
    text-transform: capitalize;
    color: var(--text-color);
}

.slider-quote {
    position: absolute;
    right: 30px;
    bottom: 30px;
}

#testimonials .owl-prev,
#testimonials .owl-next {
    line-height: 0;
    position: absolute;
    z-index: 50;
    top: 110%;
    display: block;
    width: 35px;
    height: 35px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: #222;
    font-size: 14px;
    border: 0;
    outline: 0;
    background: transparent;
    border-radius: 0;
    z-index: 9;
    border: 1px solid #e5e5e5;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}



#testimonials .owl-nav .owl-prev {
    border-radius: 0 4px 4px 0;
    background: #fff;
    border: 1px solid var(--text-color);
    border-radius: 3px 0 0 3px;
    border-right: none;
    width: 27px;
    height: 40px;
    right: 0;
    margin-right: 40px;

}

#testimonials .owl-nav .owl-prev:before {
    background: #fff;
    content: '';
    position: absolute;
    height: 40px;
    width: 8px;
    top: -1px;
    transform: skew(10deg);
    right: -4px;
    border: 1px solid var(--text-color);
    border-left: none;
}

#testimonials .owl-nav .owl-next {
    right: 0px;
    background: #fff;
    border: 1px solid var(--text-color);
    border-radius: 0px 3px 3px 0px;
    width: 27px;
    height: 40px;
}

#testimonials .owl-nav .owl-next:before {
    background: #fff;
    content: '';
    position: absolute;
    height: 40px;
    width: 8px;
    transform: skew(10deg);
    left: -4px;
    border: 1px solid var(--text-color);
    border-right: none;
    top: -1px;
}

.divay-darshan-sec {
    float: left;
    width: 100%;
    padding-bottom: 50px;
    padding-top: 10px;
    overflow: hidden;
}

.gallery-bx {
    background: #fff;
    position: relative;
    aspect-ratio: 275 / 358;
    box-shadow: 2px 2px 4px 0 rgba(224, 224, 224, 0.5);
    margin-bottom: 3px;
    border-radius: 5px;
    overflow: hidden;
}

.gallery-bx img {
    aspect-ratio: 275 / 358;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.3s ease;
}


.gallery-bx:before,
.gallery-bx:after {
    position: absolute;
    content: '';
    height: 0px;
    width: 0px;
    background-color: transparent;
    transition: all .3s ease-in-out;
    opacity: 0;
    z-index: 2;
}

.gallery-bx:before {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    top: 20px;
    left: 20px;
}

.gallery-bx:after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    bottom: 20px;
    right: 20px;
}

.gallery-bx:hover:before,
.gallery-bx:hover:after {
    height: 40px;
    width: 40px;
    opacity: 1;
}

.gallery-bx img {
    max-width: 100%;
}

.gallery-bx .link-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    display: inline-block;
    height: 43px;
    width: 43px;
    line-height: 1;
    align-content: center;
    background-color: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    text-align: center;
    color: #fff;
    border-radius: 100%;
    opacity: 0;
    transition: all .5s ease-in-out;
    pointer-events: none;
}

.gallery-bx:hover .link-wrap {
    opacity: 1;
}

.gallery-bx:hover .img-bx img {
    filter: blur(3px);
}


#divay-darshan-slider .owl-prev,
#divay-darshan-slider .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    background: rgb(255, 255, 255) !important;
    color: var(--dark) !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 100%;
    align-content: center;
    line-height: 1;
}

#divay-darshan-slider .owl-prev {
    left: 50px;
    right: auto;
}

#divay-darshan-slider .owl-next {
    right: 50px;
    left: auto;
}

#divay-darshan-slider .owl-prev svg,
#divay-darshan-slider .owl-next svg {
    width: 16px;
    height: 16px;
}

#divay-darshan-slider .owl-prev:hover,
#divay-darshan-slider .owl-next:hover {
    background: var(--dark) !important;
    color: #fff !important;
}

footer {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0 0;
    position: relative;
    background: var(--text-color);
    background: url(../images/footer-bg.webp);
    background-position: center;
    background-size: 100%;
}

footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--text-color);
    opacity: 0.2;
    z-index: -1;
}

footer .container {
    position: relative;
}

.transaction_method {
    /*border-bottom: 1px solid #545252; border-top: 1px solid #545252;*/
    padding: 25px 0;
}

footer .foot_useful_links:last-child {
    margin-right: 25px;
}

footer .foot_useful_links .footer-link-heading {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: var(--pri);
    margin-bottom: 15px;
}

footer .foot_useful_links a {
    width: 100%;
    display: inline-block;
    line-height: 2;
    color: #fff;
    font-size: 16px;
}

footer .foot_useful_links a:hover,
footer .foot_useful_links a:focus {
    color: var(--pri);
}

footer .countries_link {
    position: relative;
    cursor: pointer;
    margin-left: 1rem;
}

footer .countries_link p {
    border: 1px solid var(--pri);
    color: var(--pri);
    padding: 7px 16px;
    font-size: 17px;
    font-weight: 600;
    border-radius: 3px;
    margin: 0;
}

footer .countries_link p:hover,
footer .countries_link p:focus {
    color: #fff;
    background: var(--pri);
    border-color: var(--pri);
}

footer .site_map a {
    color: #fff;
    padding: 8px 15px;
}

footer .site_map {
    color: #fff;
    font-size: 17px;
}

footer .site_map a:hover,
footer .site_map a:focus {
    color: var(--pri);
}

.border-right {
    border-right: 1px solid #dee2e6;
}

.border-left {
    border-left: 1px solid #dee2e6;
}

footer .secure svg {
    width: 40px;
    height: 40px;
    margin-right: 0.8rem;
    color: #fff
}

.secure_content b {
    font-size: 16px;
    color: #fff;
}

.secure_content p {
    font-size: 16px;
    color: var(--text-color);
    margin: 0;
    padding: 0;
    color: #fff
}

.payment img {
    width: 100%;
    max-width: 370px;
    margin: 0 2px;
}

.Shipping img {
    max-width: 350px;
}

.footer_title {
    margin-bottom: 15px;
}

.footer_title b {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--pri);
}

.contact_info {
    margin-bottom: 0;
    padding: 0;
}

.contact_info li {
    position: relative;
    margin-bottom: 10px;
    list-style: none;
    line-height: normal;
    font-size: 14px;
    color: #fff;
}

.info_label {
    display: flex;
    color: #fff;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 5px;
    font-size: 15px;
    font-size: 14px;
    font-family: arial;
}

.contact_info li:nth-child(2) {
    font-family: initial;
}

.info_label svg {
    margin-right: 10px;
    width: 25px;
    min-width: 25px;
    height: 25px;
}

.contact_info li a {
    display: inline-block;
    color: #fff;
}

.contact_info li a:hover,
.contact_info li a:focus {
    color: var(--pri)
}

ul.social {
    float: left;
    margin: 0px;
    list-style: none;
    padding: 0px;
}

ul.social li {
    margin: 0px;
    display: inline-block;
}

ul.social li a {
    transition: background 400ms ease-in-out;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 3px;
    display: inline-block;
    color: #fff;
    padding: 5px;
}

ul.social li a svg {
    color: #fff;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
}

ul.social li.facebook a {
    background: #3C5B9B;
}

ul.social li.twitter a {
    background: var(--text-color);
}

ul.social li.linkedin a {
    background: #027ba5;
}

ul.social li.youtube a {
    background: #f70000;
}

ul.social li.instagram a {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

footer .foot_social_links .social_blog a {
    width: 100%;
    display: block;
    background: #fff;
    text-align: center;
    border-radius: 3px;
    color: #424453;
    padding: 10px;
}

.footer_content {
    float: left;
    position: relative;
    width: 100%;
}

.mobile_view {
    margin-bottom: 25px;
}

.footer_content h1,
.footer_content h2,
.footer_content h3,
.footer_content h4 {
    float: left;
    width: 100%;
    font-size: 20px;
    margin: 0 0 5px;
    padding: 0;
    color: var(--pri);
    font-weight: 600;
}

.footer_content ul {
    padding-left: 17px;
    margin: 0;
    margin-bottom: 20px;
}

.footer_content p,
.footer_content ul li {
    font-size: 15px;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: justify;
}

.footer_content ul li {
    margin-bottom: 2px;
    text-align: left;
}

.footer_content ul.ft-li {
    float: left;
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
}

.footer_content ul.ft-li li {
    display: inline-block;
    margin-bottom: 5px;
}

.footer_content ul.ft-li li a {
    color: #fff;
    font-size: 17px;
    position: relative;
}

.footer_content ul.ft-li li a:after {
    content: '';
    width: 1px;
    height: 24px;
    background: #371705;
    display: inline-block;
    padding: 0px;
    margin: 0 10px;
    float: right;
}

.footer_content ul.ft-li li:last-child a:after {
    width: 0;
}

.footer_content ul.ft-li li a:hover {
    color: var(--pri);
}


.footer_bottom {
    float: left;
    width: 100%;
    margin: 20px 0 0;
    padding: 20px 0;
    border-top: 1px solid #341503;
    background: transparent;
    color: #fff;
    position: relative;
}

.footer_bottom p {
    color: #fff;
    font-size: 16px;
    line-height: normal;
    margin: 0;
    padding: 0;
}

.footer_bottom p span {
    color: #fff;
}

.text_right {
    text-align: right;
}

.footer_bottom p svg {
    color: var(--pri);
}

.text_right a {
    color: #fff
}

.text_right a:hover {
    color: var(--pri)
}

#scroll-up {
    position: fixed;
    z-index: 8030;
    bottom: 40px;
    right: 30px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s;
    display: none;
    background: var(--pri);
}

#scroll-up svg {
    width: 30px;
    height: 30px;
}

#scroll-up:hover {
    background: var(--text-color);
    color: #fff;
}



/* Category pages */
.banner_category {
    float: left;
    width: 100%;
    margin: 0;
    padding: 60px 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.banner_category:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: var(--text-color);
    opacity: 0.7;
}

.banner_category .container {
    position: relative;
    text-align: center;
}

.banner_category .banner_title {
    color: var(--pri);
    font-weight: 700;
    font-family: var(--font);
    font-size: 30px;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 43%);
    margin-bottom: 10px;
}

.banner_category .banner_subtitle {
    color: #fff;
    font-weight: normal;
    font-size: 24px;
    font-family: var(--font);
    letter-spacing: 0;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 43%);
}

/* banner section */
.page_breadcrumbs {
    float: left;
    width: 100%;
    background: #f8f8f8;
    padding-top: 7px;
    padding-bottom: 7px;
}

.page_breadcrumbs ul {
    position: relative;
    margin: 0;
    padding: 0;
}

.page_breadcrumbs li {
    color: var(--pri);
    list-style: none;
    line-height: 25px;
    display: inline-block;
    font-size: 13px;
}

.page_breadcrumbs li+li:before {
    color: #999999;
    content: " / ";
    margin: 0 2px;
}

.page_breadcrumbs li a {
    color: var(--text-color);
    display: inline-block;
}

.page_breadcrumbs li a:hover {
    color: var(--pri);
}

.page_breadcrumbs .active {
    color: #999999;
}

.page_breadcrumbs .active a {
    color: #999999;
}

.product_category {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0;
    background: #fff;
}

.product_category .single-aboss-product .pro-img {
    height: 423px;
}

.product_category .single-aboss-product .pro-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    width: auto;
    height: auto;
}


.product_listing {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0;
    background: #fff;
}

.left_title {
    padding: 7px 12px;
    color: var(--pri);
    line-height: 24px;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    font-weight: 600;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.left_title1 {
    padding: 0px 0 10px;
    color: var(--pri);
    line-height: 24px;
    font-size: 16px;
    width: 100%;
    display: inline-block;
    font-weight: 600;
    background: #fff;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.sidebar {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.sidebar .sidebar_title1 {
    float: left;
    padding: 10px 15px;
    color: var(--pri);
    line-height: 24px;
    font-size: 18px;
    width: 100%;
    font-weight: 600;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
    text-transform: uppercase;
}

.sidebar .sidebar_title1 svg {
    float: right;
}

.sidebar .sidebar_body {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.sidebar .sidebar_body .sidebar_group {
    float: left;
    width: 100%;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

.sidebar .sidebar_body .sidebar_group .sidebar_inner {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    display: none;
}

.sidebar .sidebar_body .sidebar_group .sidebar_inner.active {
    display: block;
}

.sidebar .sidebar_body .sidebar_group .sidebar_heading .sidebar_toggle_1 {
    clear: both;
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: var(--text-color);
    font-weight: 600;
}

.sidebar .sidebar_body .sidebar_group .sidebar_heading .sidebar_toggle {
    clear: both;
    display: block;
    font-size: 14px;
    line-height: 28px;
    color: var(--text-color);
    font-weight: 600;
    cursor: pointer;
}

.sidebar .sidebar_body .sidebar_group .sidebar_heading .sidebar_toggle:after {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>");
    float: right;
    color: #999;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    top: 5px;
}

.sidebar .sidebar_body .sidebar_group .sidebar_heading .sidebar_toggle.sidebar_collapsed:after {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}

.sidebar_inner ul {
    margin: 0px;
    padding: 0;
    float: left;
    width: 100%;
}

.sidebar_inner ul li {
    padding: 4px 0;
    line-height: normal;
    list-style: none;
}

.sidebar_inner ul a {
    color: var(--text-color);
    padding: 0;
    font-size: 13px;
}

.sidebar_inner ul a:hover,
.sidebar_inner ul a:focus {
    color: var(--pri);
}

.price_filter_1 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 10px;
}

.price_filter_1 label {
    font-size: 14px;
    color: var(--text-color);
    font-weight: normal;
    display: block;
}

.price_filter_1 #amount {
    border: 0;
    color: var(--text-color);
    font-weight: 600;
    text-align: center;
    font-family: var(--font2);
    width: 100%;
    margin: 0 auto 5px;
    padding: 0;
    letter-spacing: 0.5px;
    font-size: 14px;
    display: inline-block;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    cursor: pointer;
}

.ui-widget-header {
    background: var(--text-color);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid var(--text-color);
    background: var(--text-color);
    font-weight: normal;
    color: #ffffff;
}


.product_filter {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.product_filter ul {
    margin: 0 0 20px;
    padding: 0;
}

.product_filter ul li {
    text-transform: capitalize;
    display: block;
    color: #888;
    font-size: 14px;
    line-height: 34px;
    position: relative;
    padding: 0px;
}

.product_filter li label {
    font-size: 13px;
    line-height: 28px;
    font-weight: normal;
    cursor: pointer;
    color: var(--text-color);
    display: block;
}

.product_filter li label:before,
.product_filter li label:after {
    content: "";
    display: table
}

.product_filter li label:after {
    clear: both
}

.product_filter li label {
    line-height: 28px;
    margin: 0
}

.product_filter li label:hover {
    color: var(--pri)
}

.product_filter li label>span {
    display: block;
    position: relative;
    padding-left: 27px
}

.product_filter li label>span:before {
    content: '';
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.product_filter li label input[type=checkbox] {
    visibility: hidden;
    position: absolute
}

.product_filter li label input[type=checkbox]:checked+span {
    color: var(--pri)
}

.product_filter li label input[type=checkbox]:checked+span:before {
    background: var(--pri);
    border: 1px solid var(--pri);
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/></svg>");
}

.size_list {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.size_list li {
    display: inline-block;
    position: relative;
    width: 45px;
    height: 40px;
    transition: all .3s;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    color: #7a7d82;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 0;
}

.size_list li a {
    display: block;
}

.size_list li:last-child {
    border: 1px solid #e9e9e9;
}

.size_list li a:hover,
.size_list li a:focus {
    border-color: var(--text-color);
    background: var(--text-color);
    color: #fff;
    text-decoration: none;
}

.size_list li.active a {
    border-color: var(--text-color);
    outline: 0.1rem solid var(--text-color);
    background-color: var(--text-color);
    color: #fff;
}

.category_list ul {
    margin: 0 0 20px;
    padding: 0;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.category_list ul li {
    text-transform: capitalize;
    display: block;
    color: #888;
    font-size: 14px;
    line-height: 34px;
    position: relative;
    border-bottom: 1px solid #eee
}

.category_list ul li a {
    color: var(--text-color);
    text-decoration: none;
    padding: 0 10px;
    display: block;
}

.category_list ul li a:hover,
.category_list ul li a:focus {
    background: var(--pri);
    color: #fff;
    outline: 0;
}

.product_right {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.product_listing .product_right h1 {
    background: var(--pri);
    padding: 7px 12px;
    color: #fff;
    line-height: 24px;
    font-size: 18px;
    width: 100%;
    font-weight: 600;
    display: inline-block;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.page_show {
    float: left;
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
}

.page_show ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.page_show ul li {
    display: inline-block;
    list-style: none;
    margin: 0 0 0 10px;
    font-size: 14px;
}

.page_show ul li:last-child {
    float: right;
}

.page_show ul li:nth-child(2) {
    float: right;
}

.page_show ul li select {
    background: #fff;
    width: auto;
    font-size: 12px;
    border: 1px solid #eee;
    padding: 4px 4px;
}

.page_show ul li select:focus {
    outline: 0;
}

.single-aboss-product {
    margin-bottom: 20px;
}

.product_listing .product_right .item_product_1 {
    margin-bottom: 20px;
}

.product_listing .product_right .item_product_1 .product-title span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Details */
.preview {
    position: relative;
}

#image-container {
    overflow: hidden;
    position: relative;
    display: block;
    aspect-ratio: 4 / 5;
    border: 1px solid #eee;
    margin-bottom: 7px;
    background: #fff;
}

figure.mz-figure {
    display: block;
    aspect-ratio: 4 / 5;
}

#sticky-form {
    position: sticky;
    top: 65px;
    color: #fff;
    z-index: 2;
}

#image-container .MagicZoom {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

#image-container img {
    width: 100%;
    height: 100%;
    display: block;
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 4 / 5;
    object-fit: contain !important;
    object-position: center;
}

#video-container iframe,
#video-container {
    aspect-ratio: 4 / 5;
    height: 100%;
    width: 100%;
}

.selectors {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 10px;
}

.selectors .mz-thumb,
.selectors .video-thumb {
    aspect-ratio: 4 / 5;
    border: 1px solid #eee;
    width: 62px;
    position: relative;
}

.selectors .mz-thumb img,
.selectors .video-thumb img {
    aspect-ratio: 4 / 5;
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
}

.selectors .video-thumb img {
    object-fit: cover;
}

.selectors .video-thumb::before {
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="white" viewBox="0 0 16 16"> <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"> </path> </svg>');
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.selectors .video-thumb::after {
    height: 100%;
    width: 100%;
    content: "";
    background: #000;
    opacity: 0.4;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.product_details {
    float: left;
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
}

.product_details h1 {
    color: var(--text-color);
    line-height: 1.3;
    font-size: 23px;
    width: 100%;
    font-weight: 400;
    margin-bottom: 10px;
}

.product_details p {
    font-size: 17px;
}

.product_details .styles {
    font-size: 14px;
    color: #111;
    margin-bottom: 10px;
    float: left;
    margin-right: 15px;
}

.details_price {
    width: 100%;
    margin-bottom: 10px;
}

.product_details .product-price {
    text-align: left;
    float: left;
    width: 100%;
}

.product_details .product-price ins {
    font-size: 24px;
    margin-right: 7px;
    text-decoration: none;
    font-weight: 600;
    color: var(--pri);
}

.product_details .product-price>del {
    font-size: 18px;
}

.product_details .product-price .off_label {
    background: #f58321;
    color: #fff;
    padding: 3px 10px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    margin-left: 5px;
}

.product_details .price .old_price {
    font-size: 16px;
    color: #666;
    text-decoration: line-through;
    font-weight: normal;
}

.qtyFull {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    /* margin-bottom: 20px; */
}

.qtyFull strong {
    margin-right: 15px;
}

.details_qty {
    width: auto;
    display: flex;
}

.details_qty button.minus,
.details_qty button.plus {
    width: 40px;
    height: 40px;
    line-height: normal;
    padding: 0px;
    text-align: center;
    border: 1px solid #f5f5f5;
    display: inline-block;
    background: #f5f5f5;
    color: var(--text-color);
    border-radius: 4px;
}

.details_qty button.minus svg,
.details_qty button.plus svg {
    width: 22px;
    height: 22px;
}

.details_qty input.qty {
    display: inline-block;
    width: 48px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 0 solid #ddd;
    font-size: 18px;
    outline: 0;
}

.details_qty button.minus:hover,
.details_qty button.plus:hover,
.details_qty button.minus:focus,
.details_qty button.plus:focus {
    background: var(--pri);
    color: #fff;
    border-color: var(--pri);
}

.product_review {
    font-size: 15px;
    display: flex;
    align-items: center;
}

.product_review .rating {
    display: flex;
    padding-right: 5px;
}

.product_review .rating svg {
    color: #ffba0a;
}

.product_review .rating_count {
    display: inline-block;
    color: var(--pri);
    font-weight: normal;
    line-height: initial;
}

.product_info {
    list-style-type: none;
    padding: 0;
    margin-bottom: 15px;
}

.product_info li {
    font-size: 17px;
    color: #222222;
    margin-bottom: 0;
}

.product_info li:before {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' viewBox='0 0 16 16'><path d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/></svg>");
    font-family: "FontAwesome";
    margin-right: 5px;
    top: 6px;
    position: relative;
}

.product_info li span {
    color: #666666;
}

.product_info li small {
    display: inline-block;
    font-weight: 500;
    color: #222222;
    font-size: 14px;
}

.product_info li small.stock {
    background: var(--pri);
    color: #fff;
    padding: 1px 8px;
    border-radius: 3px;
}

.details_price .pro-home-price {
    font-size: 17px;
    color: var(--text-color);
}

.details_price .pro-home-price .product_del {
    margin-right: 10px;
    color: #fc544d;
}

.details_price .pro-home-price .product_del span {
    color: #fc544d;
    font-size: 24px;
    font-weight: normal;
}

.details_price .pro-home-price .product_price {
    margin-right: 10px;
}

.details_price .pro-home-price .product_price span {
    color: var(--pri);
    font-size: 28px;
    font-weight: normal;
}


.product_color_switch {
    margin-bottom: 10px;
}

.product_color_switch h4 {
    font-size: 18px;
    color: var(--text-color);
    padding: 0;
    margin-bottom: 6px;
}

.product_color_switch ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.product_color_switch ul li {
    display: inline-block;
}

.product_color_switch ul li a {
    display: inline-block;
    position: relative;
    border: 1px solid transparent;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.product_color_switch ul li a:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #eeeeee;
    border-radius: 50%;
    margin: 2px;
    transition: 0.5s;
}

.product_color_switch ul li.active a {
    border-color: var(--pri);
}

.product_color_switch ul li a:focus {
    border-color: var(--pri);
}

.product_color_switch ul li a.color_dustypink:before {
    background: #f1a9c4;
}

.product_color_switch ul li a.color_midnightblue:before {
    background: #191970;
}

.product_color_switch ul li a.color_beige:before {
    background: #381a26;
}

.product_color_switch ul li a.color_pink:before {
    background: #FFC0CB;
}

.product_color_switch ul li a.color_seagreen:before {
    background: #2e8b57;
}

.product_details .price {
    width: 100%;
    margin-bottom: 15px;
}

.price .offerPrice {
    font-size: 22px;
    color: var(--dark);
    font-weight: 600;
    font-family: var(--font2);
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}

.price .offPercentage {
    display: inline-block;
    text-align: center;
    position: relative;
    background: #388e3c;
    color: #fff;
    padding: 3px 10px;
    font-size: 14px;
    border-radius: 3px;
    margin-left: 10px;
}

.price .mrpPrice {
    font-size: 18px;
    color: #666;
    text-decoration: line-through;
    font-weight: normal;
    margin-left: 5px;
}


.product_size_wrapper {
    margin-bottom: 15px;
}

.product_size_wrapper h4 {
    font-size: 16px;
    color: var(--text-color);
    font-weight: 600;
    padding: 0;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.product_size_wrapper h4 .chart {
    margin-left: auto;
    font-weight: normal;
    color: var(--pri);
}

.product_size_wrapper h4 .chart svg {
    width: 22px;
    height: 22px;
}

.product_size_wrapper ul {
    list-style-type: none;
    margin-bottom: 0;
    margin-top: -8px;
    margin-left: -8px;
    padding-left: 0;
}

.product_size_wrapper ul li {
    display: inline-block;
    margin-left: 8px;
    margin-top: 8px;
}



.product_size_wrapper ul li label {
    cursor: pointer;
    color: var(--text-color);
    user-select: none;
    border: 1px solid #e6e6e6;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    padding: 5px;
    height: 40px;
    width: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 4px;
    transition: all 120ms ease-in-out;
    font-size: 13px;
}

.product_size_wrapper ul li input[type=radio] {
    display: none;
}

.product_size_wrapper ul li input[type=radio]:checked+label {
    color: #fff;
    border: 1px solid var(--pri);
    background: var(--pri);
}

.product_size_wrapper ul li input[type=radio]:disabled+label {
    cursor: not-allowed;
    color: #ccc;
    background: #f5f5f5;
    border: 1px solid #e7e7e7;
}


.product_info_btn {
    margin-bottom: 15px;
}

.product_info_btn a {
    color: var(--text-color);
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    position: relative;
    line-height: initial;
    font-size: 12px;
}

.product_info_btn a:not(:first-child) {
    margin-left: 15px;
}

.product_info_btn a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1.5px;
    background: var(--text-color);
    transition: 0.5s;
}

.product_info_btn a i {
    margin-right: 3px;
    font-size: 14px;
}

.product_info_btn a:hover,
.product_info_btn a:focus {
    color: var(--pri);
}

.buttons {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.buttons .add_to_button svg,
.buttons .add_to_wishlist svg {
    width: 20px;
    height: 20px;
    margin-right: 4px;
}


.add_to_button {
    float: left;
    color: #fff;
    font-weight: normal;
    text-transform: capitalize;
    background: var(--pri);
    display: block;
    line-height: normal;
    padding: 12px 25px;
    position: relative;
    border: 1px solid #d2630a;
    border-radius: 4px;
    font-size: 16px;
}

.add_to_button:hover,
.add_to_button:focus {
    background: #d2630a;
}

.add_to_wishlist {
    color: #fff;
    font-weight: normal;
    text-transform: capitalize;
    background: #6a290c;
    display: inline-block;
    line-height: normal;
    padding: 12px 25px;
    position: relative;
    border: 1px solid #592109;
    font-size: 16px;
    border-radius: 4px;
}

.add_to_wishlist:hover,
.add_to_wishlist:focus {
    background: #592109;
    color: #fff;
}


.customize_btn {
    float: left;
    color: #fff;
    font-weight: normal;
    text-transform: capitalize;
    background: #343538;
    display: inline-block;
    line-height: normal;
    padding: 12px 25px;
    position: relative;
    border: 0;
    margin-right: 5px;
}

.pincodeCheck {
    position: relative;
    width: 100%;
    margin: 15px 0 15px;
}

.pincodeCheckTitle {
    font-size: 16px;
    color: var(--text-color);
    font-weight: 600;
    padding: 0;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.pincodeCheck form {
    width: 100%;
    max-width: 60%;
    display: flex;
    margin-bottom: 10px;
    position: relative;
}

.pincodeCheck svg {
    position: absolute;
    left: 10px;
    top: 11px;
    color: var(--pri);
}

.pincodeCheck input.form-control {
    width: 100%;
    border-radius: 4px;
    border-bottom: 2px solid var(--pri);
    padding-right: 15px;
    padding-left: 35px;
    box-shadow: none;
}

.pincodeCheck input.form-control:focus {
    box-shadow: none;
    outline: 0;
    border-bottom: 2px solid var(--pri);
}

.pincodeCheck .checkButton {
    position: absolute;
    right: 0px;
    top: 0;
    color: #fff;
    font-weight: normal;
    text-transform: capitalize;
    background: #6a290c;
    display: inline-block;
    line-height: normal;
    padding: 10px 15px;
    border: 1px solid #592109;
    font-size: 14px;
    border-radius: 0 4px 4px 0px;

}


.related_products {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0 40px;
}

.productInfo {
    float: left;
    width: 100%;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
    margin-bottom: 0;
}

.productInfo .panel-default {
    border-radius: 0;
    background: #fff;
    padding-bottom: 0;
    margin-bottom: 0;
    float: left;
    width: 100%;
}

.productInfo .panel-heading {
    padding: 0;
    border: 0;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.nav-tabs {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
}

.nav-tabs li {
    list-style: none;
}

.nav-tabs li a {
    position: relative;
    display: block;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 600;
    color: var(--text-color);
    border: 1px solid #eee;
}

.productInfo .panel-heading .nav-tabs li a.active {
    color: var(--dark);
    border-top: 2px solid var(--dark);
    border-radius: 0;
    background: #f7f7f7;
}

.nav-tabs li a:hover {
    border: 1px solid #eee;
    color: var(--pri);
    border-radius: 0;
    background: #eee;
}


.tab-content {
    padding: 0;
}

.tab-content .active {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.productInfo .tab-pane h3 {
    font-size: 18px;
    color: var(--text-color);
    font-weight: 400;
    padding: 0;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    line-height: 1.4;
}

.productInfo .tab-pane h4 {
    margin: 0 0 10px;
    text-align: left;
    color: var(--text-color);
    padding: 0;
}


.data-table {
    float: left;
    width: 100%;
    border: 1px solid #f0f0f0;
}

.data-table td,
.data-table th {
    vertical-align: top;
    border: 1px solid #f0f0f0;
    font-size: 14px;
    padding: 5px 10px;
}

.data-table th {
    text-align: right;
    font-weight: bold;
    background-color: #f7f9fa;
    font-weight: 600;
}

.data-table tbody th:first-child {
    border-right: 1px solid #f0f0f0;
    background-color: #f1f4f6;
}

article .fr {
    margin-left: 1em;
}

.fr {
    float: right;
}

.product_overview .tab-pane ol {
    margin: 0 0 15px 15px;
    padding: 0;
}

.product_overview .tab-pane ul {
    margin: 0 0 15px 0;
    padding: 0;
}

.product_overview .tab-pane ul li,
.product_overview .tab-pane ol li {
    font-size: 17px;
    color: var(--text-color);
}

.product_overview #colortab5 .data-table {
    width: auto;
    margin-bottom: 20px;
}

.related_products h2 {
    overflow: hidden;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
}

.related_products h2:before,
.related_products h2:after {
    background-color: var(--text-color);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.related_products h2:before {
    right: 0.5em;
    margin-left: -50%;
}

.related_products h2:after {
    left: 0.5em;
    margin-right: -50%;
}

.after_related {
    background: #fff;
}

.new_arrvals {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0 40px;
}





#related_products .owl-prev,
#related_products .owl-next {
    line-height: 0;
    position: absolute;
    top: 43%;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: #4a4a4a;
    border: 0;
    outline: 0;
    background: #fff;
    border-radius: 100%;
    z-index: 50;
    border: 1px solid #e5e5e5;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

#related_products .owl-nav .owl-prev {
    left: -22px;
}

#related_products .owl-nav .owl-next {
    right: -22px;
}

#related_products .owl-nav .owl-prev:hover,
#related_products .owl-nav .owl-next:hover {
    background: var(--pri);
    color: #fff;
    border-color: var(--pri);
}


/*  Alert Cookie */
.alert_cookie {
    position: fixed;
    left: 0;
    bottom: 0;
    background: var(--text-color);
    margin-bottom: 0;
    width: 100%;
    padding: 20px 30px 10px;
    border: none;
    z-index: 999;
    border-radius: 0;
}

.alert_cookie p {
    font-size: 14px;
    color: #fff;
    line-height: normal;
}

.alert_cookie p a {
    display: inline-block;
    color: var(--pri);
}

.cookie_close_btn {
    padding: 8px 20px;
    background: var(--pri);
    color: #fff;
    float: right;
    border: 0;
}

/* Cart Page */
.cart_page {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0;
}

.cart_page .cart_left h1 {
    background: linear-gradient(-335deg, #feac00, #feac00 50%, #ffe7ab);
    background: #6a290c;
    padding: 7px 12px;
    color: #fff;
    line-height: 24px;
    font-size: 18px;
    width: 100%;
    font-weight: 600;
    display: inline-block;
}

.product_added {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.product_added .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    float: right;
}

.cart_left table {
    border: 0px solid #ccc !important;
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.cart_left table tr {
    border: 1px solid #ddd;
    padding: 5px;
}

/*.cart_left table tbody tr:nth-of-type(2n+1) {
    background-color: #f0f0f0;
}*/
.cart_left table th {
    border: 0px solid #ddd;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    font-size: 14px;
    color: var(--pri);
    background: #eee;
}

.cart_left table td {
    font-size: 13px;
    border: 1px solid #ddd;
    border: 1px solid #eee;
    padding: 5px 10px;
    line-height: 1.42857143;
    vertical-align: middle;

}

.cart_left table tbody tr td:first-child {
    width: 45%;
}

.cart_image {
    width: 22%;
    float: left;
    margin-right: 2%;
    position: relative;
    height: 100px;
    border: 1px solid #eee;
}

.cart_image a img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    width: auto;
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.cart_info {
    width: 100%;
}

.cart_info a {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-color);
    line-height: 22px;
}

.cart_info a:hover {
    color: var(--pri);
}

.cart_info p {
    font-size: 13px;
    line-height: 18px;
    text-align: left;
}

.cart_remove {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: var(--text-color);
    font-size: 14px;
    height: 25px;
    text-align: center;
    width: 25px;
    line-height: 25px;
    display: inline-block;
}

.cart_remove svg {
    width: 18px;
    height: 18px;
}

.cart_left table tbody tr td .discount_value {
    display: block;
    margin: 5px 0;
}

.cart_left table tbody tr td .product-price ins {
    font-size: 20px;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.cart_left table tbody tr td .product-price>del {
    font-size: 16px;
}

.cart_left table tbody tr td .product-price .off_label {
    background: var(--pri);
    color: #fff;
    padding: 2px 5px;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    margin-left: 0;
}


.cart_remove:hover {
    background: var(--pri);
    color: #fff;
}

.shopping_btn {
    padding: 10px 25px;
    background: var(--text-color);
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    width: auto;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 15px;
    font-size: 16px;
    border-radius: 4px;
    z-index: 1;

}

.shopping_btn i {
    margin-right: 5px;
}

.shopping_btn:hover,
.shopping_btn:focus {
    background: var(--pri);
    color: #fff;
}

.cart_right {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
}

.cart_right_title {
    background: linear-gradient(-335deg, #feac00, #feac00 50%, #ffe7ab);
    background: #6a290c;
    padding: 7px 12px;
    color: #fff;
    line-height: 24px;
    font-size: 18px;
    width: 100%;
    display: inline-block;
    font-weight: 600;
}

.coupons_text {
    font-size: 13px;
    color: var(--text-color);
}

.coupons_text a {
    display: inline-block;
    color: var(--pri);
}

.coupon_form {
    position: relative;
    margin-bottom: 5px;
}

.coupon_form input {
    border: 1px #dedede solid;
    border-radius: 0px;
    width: 100%;
    font-size: 14px;
    margin: 0;
    outline: 0;
}

.coupon_form input:focus {
    box-shadow: none;
    border-color: var(--pri);
}

.coupon_form .apply_btn {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--pri);
    color: #fff;
    border: 0;
    height: 34px;
    padding: 6px 15px;
    font-size: 14px;
}

.coupon_form .apply_btn:hover,
.coupon_form .apply_btn:focus {
    background: var(--pri);
    color: #fff;
}

.cart_right .table {
    border: 0;
    margin-bottom: 15px;
}

.table.table-totals tr {
    border: 0;
}

.cart_right .table tr th,
.cart_right .table tr td {
    border: 0;
    padding: 5px 0;
    font-size: 15px;

}

/*.cart_right .table tbody tr:first-child td {
    padding-top: 1.6rem;
}*/
.cart_right .table tbody tr:last-child td {
    padding-bottom: 1.6rem;
}

.cart_right .table tfoot {
    border-top: 1px solid #ccc;
    font-size: 1.8rem;
    font-weight: 600;
    border-bottom: 1px solid #ccc;

}

.cart_right .table tfoot tr td {
    padding-top: 1.3rem;
    padding-bottom: 1.6rem;
    font-size: 16px;
    color: var(--text-color);
    width: auto !important;
}

.payable {
    color: var(--pri);
}

.cart_page .cart_right table tr td:nth-child(1) {
    width: auto !important;
}

.cart_right .table tr td.free {
    color: var(--pri);
    text-transform: uppercase;
}

.cart_right .safe_info {
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
}

.cart_right .safe_info svg {
    width: 30px;
    height: 30px;
    color: var(--pri);
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}

.cart_right ul {
    margin: 0;
}

.cart_right ul {
    background: #fff;
    margin: 0;
    padding: 0;
}

.cart_right ul li {
    line-height: 1;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dee5e8;
    list-style: none;
}

.cart_right ul li::after {
    display: block;
    clear: both;
    content: '';
}

.cart_right ul li:last-child {
    border-bottom: 0;
}

.cart_right ul li i {
    float: left;
    color: #301b24;
    font-size: 4rem;
    min-width: 40px;
    line-height: 1;
    margin-left: .7rem;
    margin-top: .3rem;
    font-size: 36px;
    min-width: 40px;
    margin-right: 10px;
}

.cart_right ul li h4 {
    text-align: left;
    color: var(--text-color);
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.order_btn {
    width: 100%;
    padding: 10px 25px;
    background: var(--pri);
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    z-index: 1;
}

.order_btn:hover,
.order_btn:focus {
    background: var(--text-color);
    color: #fff;
}

.contact_area {
    float: left;
    width: 100%;
    padding: 40px 0;
    margin: 0;
    position: relative;
}

.contact-title {
    color: var(--text-color)333;
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    margin: 0;
    text-transform: capitalize;
    padding-bottom: 30px;
}

.contact-message form input,
.contact-message form textarea {
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #ccc;
    background: transparent;
}

.contact-message form textarea {
    height: 150px;
}

.contact_btn {
    padding: 10px 35px;
    background: var(--text-color);
    color: #fff;
    border: 0;
    border-radius: 3px;
    z-index: 1;
}

.contact_btn:hover,
.contact_btn:focus {
    background: var(--pri);
    color: #fff;
}

.contact-info-three {
    position: relative;
    padding: 40px 50px;
    box-shadow: 0px 20px 48px 2px rgba(0, 0, 0, 0.08);
}

.contact-info-three .single-info {
    position: relative;
}

.contact-info-three .single-info+.single-info {
    border-top: 1px solid #eaeaea;
    padding-top: 35px;
    margin-top: 35px;
}

.contact-info-three h4 {
    position: relative;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 22px;
}

.contact-info-three h4:before {
    position: absolute;
    content: '';
    background: var(--pri);
    height: 15px;
    width: 3px;
    top: 8px;
    left: -50px;
}

.contact-info-three .text {
    margin-bottom: 10px;
    font-size: 17px;
}

.contact-info-three .link-btn {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: var(--pri);
    text-transform: uppercase;
}

.contact-info-three .wrapper-box {
    position: relative;
    margin-bottom: 20px;
}

.contact-info-three .wrapper-box a {
    font-size: 17px;
    color: var(--pri);
}

.iframe_map {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 450px;
}

/**  About us  **/
.about_us {
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background: #fff;
}

.about_img {
    float: right;
    margin: 0 0 15px 15px;
    max-width: 500px;
    border-radius: 12px;
    border: 1px solid #eee;
    overflow: hidden;
}

.about_us h2 {
    font-size: 22px;
    margin: 0;
    padding: 0 0 8px;
    font-weight: 600;
    text-transform: uppercase;
}

.about_us h3 {
    font-size: 18px;
    margin: 0;
    padding: 0 0 8px;
    font-weight: 600;
    color: var(--pri);
}

.about_us p {
    font-size: 15px;
    line-height: 24px;
}

.about_img2 {
    width: 100%;
}

.privacy_policy {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0;
    background: #fff;
}

.privacy_policy h2 {
    font-size: 22px;
    margin: 0;
    padding: 0 0 8px;
    font-weight: 600;
    text-transform: uppercase;
}

.privacy_policy h3 {
    font-size: 18px;
    margin: 0;
    padding: 0 0 8px;
    font-weight: 600;
    color: var(--pri);
}

.privacy_policy p {
    font-size: 14px;
    line-height: 22px;
}

.privacy_policy ul {
    margin: 0;
    padding: 0;
}

.home_text {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #eee;
}

.home_text h3 {
    float: left;
    width: 100%;
    font-size: 22px;
    margin: 0 0 10px;
    padding: 0;
    color: var(--text-color);
    font-weight: 600;
    text-transform: uppercase;
}

.home_text h4 {
    float: left;
    width: 100%;
    font-size: 22px;
    margin: 0 0 5px;
    padding: 0;
    color: var(--text-color);
    font-weight: 600;
}

.home_text p {
    font-size: 17px;
    color: var(--text-color);
    line-height: 26px;
    margin-bottom: 25px;
    text-align: justify;
}

.home_text ul {
    float: left;
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
}

.home_text ul li {
    display: inline-block;
    margin-bottom: 5px;
}

.home_text ul li a {
    color: var(--text-color);
    font-size: 17px;
    position: relative;
}

.home_text ul li a:after {
    content: '';
    width: 1px;
    height: 24px;
    background: #eee;
    display: inline-block;
    padding: 0px;
    margin: 0 10px;
    float: right;
}

.home_text ul li:last-child a:after {
    width: 0;
}

.home_text ul li a:hover {
    color: #dcbd0c;
}


.bottom_service {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: var(--pri);
    background: linear-gradient(335deg, #fdca3a, #fedb78 0%, #ffe7ab);
}

.bottom-service-box .box-outer>div.column:first-child {
    border-left: 0 none;
}

.bottom-service-box .service-box-center {
    padding: 30px 0;
    text-align: center;
}

.bottom-service-box .service-box-center .bottom-service-title {
    color: var(--dark);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.35s ease 0s;
}

.bottom-service-box .service-box-center:hover .bottom-service-title {
    letter-spacing: 4px;
}

.bottom-service-box .service-box-center .description {
    color: var(--text-color);
    font-size: 16px;
}

.bottom-service-box .box-outer .column {
    border-left: 1px solid rgb(234, 206, 129);
}


/* Checkout page */
.checkout_page {
    float: left;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background:
        #eee;
    position: relative;
}

.checkout_page h1 {
    padding: 8px 15px;
    margin: 0 0 10px;
    line-height: 30px;
    background: #6a290c;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}

.panel-body form .radio_btn input {
    float: left;
    margin-right: 10px;
    height: 17px;
    line-height: 25px;
}

.panel-body form .radio_btn {
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
}

.panel-body form .radio_btn:hover {
    color: var(--pri);
}

.password_cont {
    display: none;
    position: relative;
}

.checkout_page .checkout-steps .panel-default {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    margin-bottom: 20px;
}

.checkout_page .checkout-steps .panel .checkout_title {
    margin: 0 !important;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding: 0
}

.checkout_page .checkout-steps .panel .checkout_title a {
    color: var(--text-color);
    text-transform: uppercase;
    display: block;
    background: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    border-radius: 3px
}

.checkout_page .checkout-steps .panel .checkout_title a span {
    background-color: #aaa;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
    width: 26px;
    text-align: center;
    line-height: 26px;
    height: 26px;
    font-size: 13px;
    border-radius: 3px
}

.checkout_page .checkout-steps .panel .checkout_title a span svg {
    width: 20px;
    height: 20px;
}

.checkout_page .checkout-steps .panel .checkout_title>a:not(.collapsed) {
    background: #d97e35;
    color: #fff;
    border-radius: 3px 3px 0px 0px;
}

.checkout_page .checkout-steps .panel .checkout_title>a:not(.collapsed) span {
    background: #fff;
    color: var(--pri);
}

.checkout_page .checkout-steps .checkout-step-01 form .form-group .info_title {
    font-weight: normal;
    margin-bottom: 5px;
    font-size: 13px;
    color: var(--text-color)
}

.checkout_page .checkout-steps .checkout-step-01 form .forgot-password {
    padding-top: 14px;
    display: inline-block;
    color: var(--pri);
    position: absolute;
    top: -5px;
    right: 7px;
    z-index: 999;
}

.checkout_page .checkout-steps .checkout-step-01 form .step_login_btn {
    padding: 10px 25px;
    background: var(--text-color);
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    font-size: 15px;
    border: 0;
    z-index: 1;
}

.checkout_page .checkout-steps .checkout-step-01 form .step_login_btn:hover {
    background: var(--pri);
    color: #fff;
}

.checkout_page .radio .radio_button {
    display: inline-block;
    margin: 0 15px 0 0;
    padding: 0;
    color: var(--text-color);
}

.radioGroup {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 15px;
}

.radioSingle [type="radio"]:checked,
.radioSingle [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.radioSingle [type="radio"]:checked+label,
.radioSingle [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    line-height: normal;
    display: flex;
    color: var(--text-color);
    align-items: center;
    font-size: 15px;
}

.radioSingle [type="radio"]:checked+label:before,
.radioSingle [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.radioSingle [type="radio"]:checked+label:after,
.radioSingle [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 18px;
    height: 18px;
    background: #F87DA9;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: var(--pri);
    border: 1px solid var(--pri);
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/></svg>");
}

.radioSingle [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.radioSingle [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}



.checkout_page .radio .radio_button input[type="radio"] {
    margin: 0 5px 0 0px;
    position: relative;
    float: left;
    line-height: 24px;
    height: 20px;
}

.checkout_page .checkout-steps .panel-body {
    padding: 20px;
    border: none
}

.checkout_page .checkout_right {
    float: left;
    width: 100%;
    padding: 15px;
    background: #eee;
}

.checkout_page .checkout_right h4 {
    text-align: left;
    margin: 0 0 10px;
    padding: 0;
    color: var(--pri);
}

.checkout_page .checkout_right ul {
    margin: 0;
    padding: 0;
}

.checkout_page .checkout_right ul li {
    font-size: 13px;
    list-style: none;
    line-height: 22px;
}

.checkout_page .checkout_right ul li:before {
    content: none;
}

.checkout_page .checkout_right ul li i.fa-check {
    background: transparent !Important;
    color: var(--pri);
}

.checkout_page .checkout_right .step_login_btn {
    padding: 8px 25px;
    background: var(--text-color);
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 15px;
    font-size: 15px;
    border: 0
}

.checkout_page .checkout_right .step_login_btn:hover {
    background: var(--pri);
    color: #fff;
}

.checkout_page .address {
    float: left;
    width: 100%;
}

.checkout_page .address h5 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 5px;
    padding: 0;
}

.checkout_page .address h5 label input {
    float: left;
    margin-right: 6px;
    height: 16px;
    line-height: 25px;
    margin-bottom: 30px;
}

.checkout_page .address h5 label span {
    font-size: 16px;
    color: var(--pri);
    margin-right: 6px;
    font-weight: 600;
}

.checkout_page .address p strong {
    margin-right: 5px;
}

.checkout_page .address h5 label {
    font-size: 14px;
    color: var(--text-color);
}

.checkout_page .address h5 .edit {
    float: right;
    font-size: 14px;
    color: var(--pri);
}

.checkout_page .address h5 .edit:hover {
    color: var(--text-color);
}

#edit_panel {
    display: none;
}

/*.cancel{ display: inline-block; padding: 10px 35px;}
.save_btn{ padding: 10px 35px; background: #fb641b;}*/


.checkout_page .checkout-steps .panel .checkout_title5 {
    margin: 0px !important;
    font-size: 13px;
    text-align: left;
    padding: 0;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    border: 1px solid #eee;
}

.checkout_page .checkout-steps .panel .checkout_title5 a {
    color: var(--pri);
    text-transform: capitalize;
    display: block;
    background: #fff;
    font-size: 14px;
    padding: 10px;
    border-radius: 3px
}

#add_address_panel {
    display: none;
}

.change {
    float: right;
    background: transparent;
    border: 1px solid var(--pri);
    color: var(--pri);
    padding: 5px 10px;
    font-size: 14px;
    font-weight: normal;
}

.complate_bg {
    background: #388e3c !important;
    color: #fff !important;
}

.checkout_page .checkout-steps .panel .checkout_title a.complate_bg span {
    background: #fff;
    color: #388e3c;
}

.checkout_page .checkout-steps .panel .checkout_title a.complate_bg i {
    margin-top: 3px;
}

.panel-body h5 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 10px;
    padding: 0;
}

.panel-body label.shipping {
    line-height: 15px;
    margin-bottom: 15px;
    cursor: pointer;
}

.panel-body label.shipping input {
    float: left;
    height: 15px;
    margin-right: 10px;
}

.checkout_btn {
    padding: 10px 30px;
    background: var(--text-color);
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 15px;
    font-size: 15px;
    border: 0;
    z-index: 1;
}

.checkout_btn:hover,
.checkout_btn:focus {
    background: var(--pri);
    color: #fff;
}

.edit_address ul {
    float: left;
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
}

.edit_address ul li {
    list-style: none;
    line-height: 24px;
    border: 1px solid #eee;
    padding: 5px 10px;
    margin-bottom: 5px;
}

.edit_address ul li label {
    margin: 0 10px 0 0px;
    padding: 0;
}

.payment_option form .radio {
    border-bottom: 1px solid #ccc;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 16px;
    padding: 5px 0 10px 30px;
    user-select: none;
}

.payment_option form .radio:last-child {
    border-bottom: 0;
}

.payment_option form .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.payment_option form .checkround {

    position: absolute;
    top: 6px;
    left: 0;
    height: 26px;
    width: 26px;
    background: #fff;
    border-color: var(--pri);
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
}

.payment_option form .radio input:checked~.checkround {
    background: #fff;
}

.payment_option form .checkround:after {
    content: "";
    position: absolute;
    display: none;
}

.payment_option form .radio input:checked~.checkround:after {
    display: flex;
}

.payment_option form .radio .checkround:after {
    left: 2px;
    top: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;

    align-items: center;
    justify-content: center;
    line-height: 5px;
    background: var(--pri);
    border: 1px solid var(--pri);
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/></svg>");


}

.singleCheck {
    width: 100%;
    margin: 10px 0 0;
}

.singleCheck label {
    font-size: 13px;
    line-height: 28px;
    font-weight: normal;
    cursor: pointer;
    color: var(--text-color);
    display: block;
}

.singleCheck label:before,
.singleCheck label:after {
    content: "";
    display: table
}

.singleCheck label:after {
    clear: both
}

.singleCheck label {
    line-height: 28px;
    margin: 0
}

.singleCheck label:hover {
    color: var(--pri)
}

.singleCheck label>span {
    display: block;
    position: relative;
    padding-left: 27px;
    font-size: 15px;
    font-weight: 500;
}

.singleCheck label>span a {
    display: inline-block;
    color: var(--pri);
}

.singleCheck label>span:before {
    content: '';
    width: 18px;
    height: 18px;
    line-height: 18px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.singleCheck label input[type=checkbox] {
    visibility: hidden;
    position: absolute
}

.singleCheck label input[type=checkbox]:checked+span {
    color: var(--pri)
}

.singleCheck label input[type=checkbox]:checked+span:before {
    background: var(--pri);
    border: 1px solid var(--pri);
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/></svg>");
}




.confrmorder {
    padding: 12px 40px;
    background: var(--pri);
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    margin-right: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    border: 0;
    z-index: 1;
}

.confrmorder.hover_btn:before,
.confrmorder.hover_btn:after {
    background: var(--text-color);
}

.payment_option form label {
    cursor: pointer;
}

/* Login Page */
.login_page {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0;
    background: #fff
}

.thumbur {
    width: 150px;
    height: 150px;
    position: relative;
    background-color: #efefef;
    background-image: linear-gradient(to right, #efefef 0, #efefef 50%, #e1e1e1 50%, #e1e1e1 100%);
    margin: auto;
    border-radius: 100%;
    text-align: center
}

.thumbur i {
    position: relative;
    font-size: 72px;
    color: var(--pri);
    margin: 25% 0
}

.panel-lite {
    float: left;
    width: 100%;
    margin: 20px auto;
    max-width: 100%;
    background: #fff;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    position: relative
}

.panel-lite h4 {
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    color: var(--pri);
    margin: 15px auto
}

.panel-lite strong a {
    color: var(--pri);
}

.title_style {
    margin-bottom: 15px;
}

.title_style h2 {
    width: auto;
    background: #fff;
    margin: 0 auto;
    display: inline-block;
    padding: 5px 20px;
    color: var(--pri);
}

.text-muted {
    color: #728096 !important;
}

.panel-lite a {
    display: inline-block;
    text-decoration: none;
    color: var(--text-color);
    font-size: 14px
}

.panel-lite a:hover {
    color: var(--pri)
}

.form-group {
    position: relative;
    font-size: 15px;
    color: #666;
    margin-bottom: 15px;
}

.form-group+.form-group {
    margin-top: 15px;
}

.form_input {
    position: relative;
    padding: 12px 15px 8px 15px;
    width: 100%;
    outline: 0;
    border: 0;
    box-shadow: 0 1px 0 0 #ccc;
    -webkit-transition: box-shadow 150ms ease-out;
    transition: box-shadow 150ms ease-out;
    font-size: 15px;
    font-weight: normal;
    background: transparent;
    z-index: 100;
    border: 1px solid #ccc;
    border-radius: 3px;
    z-index: 2;
}

input.form_input {
    height: 40px;
}

input.form_input:-webkit-autofill,
input.form_input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
    background-color: transparent !important;
}

input.form_input[data-autocompleted] {
    background-color: transparent !important;
}

input.form_input:-webkit-autofill,
input.form_input:-webkit-autofill:hover,
input.form_input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--text-color);
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

.input_label {
    position: relative;
    display: block;
    width: 100%;
}

.input_label.active .placeholder {
    font-size: 14px;
    top: -9px;
    left: 10px;
    z-index: 5;
    background: #fff;
    padding: 0 5px;
    color: #777;
}

.input_label.active .form_input:not(:focus):not(:hover)~.placeholder {
    color: #777;
}

.input_label>.form_input:-webkit-autofill~.placeholder {
    font-size: 14px;
    top: -9px;
    left: 10px;
    z-index: 5;
    background: #fff;
    padding: 0 5px;
    color: #777;
}


/*.input_label .form_input:focus,
        .input_label .form_input:hover {
            border-color: var(--text-color);
        }
*/
.form-group .placeholder {
    position: absolute;
    z-index: 1;
    left: 15px;
    top: 8px;
    transition: .3s;
    background: #fff;
    padding: 0px;
    color: #777;
    font-weight: normal;
    line-height: 20px;
    font-size: 15px;
    opacity: 1;
}

.password_visable {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    width: 50px;
    cursor: pointer;
    padding: 0 10px;
    height: 40px;
    border-left: 1px solid #eee;
}

.password_visable:before {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    font-weight: 700;
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'><path d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z'/><path d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/></svg>");
    font-size: 18px;
    color: var(--text-color);
    position: absolute;
    right: 0;
    top: 2px;
    text-align: center;
    line-height: 40px;
    width: 100%;
}

.eye_slash:before {
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    font-weight: 700;
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'><path d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/><path d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/><path d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z'/></svg>");
    font-size: 18px;
    color: var(--text-color);
    position: absolute;
    right: 0;
    top: 2px;
    text-align: center;
    line-height: 40px;
    width: 100%;
}

.forgotPwd {
    text-align: center;
    line-height: 22px;
    font-size: 16px;
    color: var(--text-color);
}

.forgotPwd a {
    color: var(--text-color);
    text-decoration: none;
    display: inline-block;
}

.forgotPwd a span {
    color: #0c71a2;
}

.new_user_1 {
    float: right;
}

.form-group label {
    cursor: pointer;
}

.register_btn {
    padding: 10px 50px;
    background: var(--text-color);
    color: #fff !important;
    display: block;
    text-align: center;
    border-radius: 3px;
    z-index: 1;
    width: 100%;
    font-size: 16px;
    border: 0;
    margin-bottom: 15px;
}

.register_btn:hover,
.register_btn:focus {
    background: var(--pri);
    color: #fff;
}

.textarea1 {
    height: 100px !important
}

.register .radio_button {
    min-height: 35px;
    margin-right: 10px
}

/* My Account Page */
.my_account_page {
    float: left;
    width: 100%;
    margin: 0;
    padding: 20px 0 30px;
    background: #eee;
    position: relative
}

.my_account_page .right_side h1 {
    padding: 8px 10px;
    margin: 0 0 10px;
    line-height: 30px;
    background:
        var(--pri);
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.my_account_page .wps_right {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

/*.my_account_page .wps_right p{margin-bottom: 15px;}*/
.my_sidebar {
    float: left;
    width: 100%;
    padding: 0;
    background: #fff;
    margin-bottom: 15px;
}

.profle_body {
    position: relative;
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 25px 15px;
}

.profle_body img {
    border-radius: 50%;
    margin-bottom: 10px;
    padding: 10px;
    background: #ecf0f1;
}

.profle_body h5 {
    font-size: 16px;
    color: var(--text-color);
    line-height: 24px;
    margin: 0;
    padding: 0;
    font-weight: 600;
}

.my_sidebar ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.my_sidebar ul li {
    list-style: none;
    border-bottom: 1px solid #eee;
}

.my_sidebar ul li a {
    padding: 10px 15px;
    color: var(--text-color);
    display: flex;
    align-content: center;
    align-items: center;
}

.my_sidebar ul li a svg {
    margin-right: 5px;
}

.my_sidebar ul li a:hover,
.my_sidebar ul li a:focus,
.my_sidebar ul li a.active {
    background: var(--pri);
    color: #fff;
}

.my_account_page .wps_right .radio .radio_button {
    display: inline-block;
    margin: 0 15px 0 0;
    padding: 0;
    color: var(--text-color);
}

.my_account_page .wps_right .radio .radio_button input[type="radio"] {
    margin: 0 5px 0 0px;
    position: relative;
    float: left;
    line-height: 24px;
    height: 20px;
}

.deactivate {
    color: var(--text-color);
    border: 1px solid var(--text-color);
    padding: 5px 20px;
    display: inline-block;
    font-size: 13px;
}

.deactivate:hover {
    color: var(--pri);
    border: 1px solid var(--pri);
}

/* My Order */
.my_order {
    border: 0;
}

.order_item {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.order_top {
    background: #eee;
    border-bottom: 1px solid #ccc;
    padding: 12px 15px;
}

.orderID {
    float: left;
    padding: 5px 15px;
    background: var(--text-color);
    color: #fff;
}

.orderID:hover,
.orderID:focus {
    color: #fff;
    background: var(--pri);
}

.need_btn {
    float: right;
    border: 1px solid #ccc;
    color: var(--text-color);
    padding: 5px 15px;
    display: flex;
    align-items: center;
}

.need_btn svg {
    margin-right: 5px;
}

.need_btn:hover {
    border: 1px solid var(--pri);
    color: var(--pri);
}

.order_body {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px;
}

.order_body img {
    padding: 5px;
    border: 1px solid #eee;
    max-width: 75px;
}

.order_body .order_info a {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-color);
    padding-bottom: 5px;
}

.order_body .order_info a:hover {
    color: var(--pri);
}

.order_body .order_info p {
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    text-align: left;
}

.order_body .order_price {
    font-size: 14px;
    font-weight: normal;
    color: var(--text-color);
}

.order_body .delivered {
    text-align: center;
}

.order_body .delivered p {
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    font-weight: 600;
}

.order_body .delivered small {
    text-align: left;
    font-size: 12px;
}

.order_body .review_product {
    color: var(--pri);
    text-align: center;
    font-size: 15px;
}

.order_body .review_product svg {
    margin: 2px 0 5px 0;
    width: 14px;
    height: 14px;
}

.order_body .review_product:hover {
    color: var(--pri);
}

.order_foot {
    float: left;
    width: 100%;
    padding: 5px 5px;
    border: 1px solid #ccc;
    border-top: 0;
}

.order_foot p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 24px;
}

.order_foot p.text-right {
    text-align: right;
}

.refund {
    float: left;
    width: 100%;
    padding: 5px 10px;
    margin-top: 10px;
}

.refund p {
    line-height: 24px;
    margin: 0;
    padding: 0;
}

.refund a {
    display: inline-block;
    color: var(--text-color);
    line-height: 24px;
    margin: 0;
    padding: 0;
}

.refund a:hover {
    color: var(--pri);
}

.refund_body {
    float: left;
    width: 100%;
    border: 1px solid #eee;
    margin-bottom: 10px;
}

.refund_completed {
    float: left;
    width: 100%;
    padding: 10px;
}

.refund_completed p {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-color);
    margin: 0;
    padding: 0;
}

/* Track Page  */
.track_page {
    float: left;
    width: 100%;
    margin: 0;
    padding: 30px 0 40px;
    background: #eee;
    position: relative
}

.account_breadcrumb {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 0 20px;
}

.account_breadcrumb li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.account_breadcrumb li:before {
    float: left;
    content: "/";
    margin-right: 10px;
}

.account_breadcrumb li a {
    display: inline-block;
    color: var(--text-color);
}

.account_breadcrumb li:first-child:before {
    content: none;
}

.account_breadcrumb li a:hover {
    color: var(--pri);
}

.account_breadcrumb li.active {
    color: var(--pri);
}

.track_info {
    padding: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    margin-bottom: 20px;
    background: #fff;
}

.delivery_address_track {
    padding: 20px 15px;
    border-right: 1px solid #ccc;
}

.delivery_address_track h1 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    padding: 0 0 10px;
    background: transparent;
    color: var(--text-color);
}

.delivery_address_track h2 {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    padding: 0;
    background: transparent;
    color: var(--text-color);
}

.more_track {
    padding: 20px 15px
}

.more_track h2 {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    padding: 0 0 10px;
    background: transparent;
    color: var(--text-color);
}

.more_track p i {
    color: var(--pri);
}

.request_invoice {
    padding: 5px 10px;
    border: 1px solid var(--pri);
    border-radius: 4px;
    line-height: normal;
    background: var(--pri);
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    margin-left: 10px;
}

.request_invoice:hover,
.request_invoice:focus {
    border: 1px solid var(--pri);
    color: #fff;
    text-decoration: none;
}

.process {
    padding: 15px;
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
}

.process_left {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.process_left a {
    color: var(--text-color);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.process_left p {
    font-size: 13px;
    color: var(--text-color);
    line-height: 20px;
    margin: 0 0 10px;
    padding: 0;
    text-align: left;
}

.process_left .details_price {
    margin-bottom: 0;
}

.process_left .product-price {
    text-align: left;
}

.process_left .product-price ins {
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
}

.deliver_process {
    float: left;
    width: 100%;
    margin: 25px 0 10px;
    padding: 0;
}

.progressbar {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    counter-reset: step;
}

.progressbar li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    color: #7d7d7d;
}

.progressbar li:before {
    width: 20px;
    height: 20px;
    content: counter(step);
    counter-increment: step;
    line-height: 15px;
    border: 2px solid #7d7d7d;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background: white;
    position: relative;
    z-index: 5;
}

.progressbar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #7d7d7d;
    top: 10px;
    left: -50%;
    z-index: 0;
}

.progressbar li:first-child:after {
    content: none;
}

.progressbar li.active {
    color: var(--pri);
}

.progressbar li.active:before {
    border-color: var(--pri);
}

.progressbar li.active+li:after {
    background: var(--pri);
}

.progressbar li .process_dec {
    display: none;
    width: 200px;
    position: absolute;
    z-index: 999;
    top: 110%;
    left: 0;
    background: #eee;
    padding: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
}

.progressbar li:hover .process_dec {
    display: block;
    border-top: 0;
}

.progressbar li:hover .process_dec:after {
    content: "\f0d8";
    font-family: 'FontAwesome';
    position: absolute;
    top: -28px;
    font-size: 31px;
    left: 50px;
    color: #eee;
}

.progressbar li .process_dec p {
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}

.progressbar li .process_dec p span {
    font-size: 11px;
    color: var(--pri);
}


.deliver_righ_info {
    float: left;
    width: 100%;
}

.deliver_righ_info h4 {
    font-size: 15px;
    color: var(--text-color);
    text-align: left;
    margin: 0;
    padding: 0 0 10px;
}

.deliver_righ_info a {
    color: var(--pri);
    text-transform: uppercase;
    line-height: 24px;
    font-weight: 600;
    font-size: 13px;
}

.deliver_righ_info a i {
    margin-right: 5px;
}

.deliver_righ_info a:hover {
    color: var(--pri);
}

.track_footer {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    border-top: 0;
    padding: 10px 15px;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 16px;
}

.track_footer .checkout_btn {
    padding: 5px 15px;
    float: right;
}

/*  Edit profile */
.edit_save_btn {
    width: auto;
    background: var(--text-color);
    padding: 10px 35px;
    border: none;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 1;
}

.edit_save_btn:hover {
    background: var(--pri);
    color: #fff;
}

/*  Wishlist Page */
.wishlist_page {
    float: left;
    width: 100%;
    margin: 0;
    padding: 20px 0 30px;
    background: #eee;
    position: relative
}

.wishlist_page .right_side h1 {
    padding: 8px 10px;
    margin: 0 0 10px;
    line-height: 30px;
    background: var(--pri);
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.wishlist {
    padding: 0;
    border: 0;
    background: transparent;
}

.wishlist_body {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px;
}

.wishlist_body img {
    padding: 5px;
    border: 1px solid #eee;
}

.wishlist_body .wishlist_info {
    vertical-align: middle;
    padding: 0;
}

.wishlist_body .wishlist_info a {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-color);
    padding-bottom: 5px;
}

.wishlist_body .wishlist_info a:hover {
    color: var(--pri);
}

.wishlist_body .wishlist_info p {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 0 0 5px;
    text-align: left;
}

.wishlist_body .wishlist_info .product-price {
    text-align: left;
}

.wishlist_body .wishlist_info .product-price ins {
    font-weight: 600;
    font-size: 18px;
    margin-right: 5px;
    color: var(--pri);
    text-decoration: none;
}

.wishlist_body .add_to_cart {
    background: var(--pri);
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    width: auto;
    border-radius: 3px;
    text-align: center;
    line-height: normal;
    z-index: 1;
    margin-top: 15px;
}

.wishlist_body .add_to_cart svg {
    float: left;
    margin: 0 5px 0 0;
}

.wishlist_body .add_to_cart:hover,
.wishlist_body .add_to_cart:focus {
    color: #fff;
}

.wishlist_body .remove {
    color: #fff;
    background: var(--text-color);
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    padding: 10px 20px;
    font-size: 14px;
    line-height: normal;
    z-index: 1;
    margin-top: 15px;
}

.wishlist_body .remove svg {
    float: left;
    margin: 0 5px 0 0;
}

.wishlist_body .remove:hover {
    color: #fff;
}

.refund_completed p span {
    color: var(--pri);
}

/* Review & Rating Page */
.review_right {
    padding: 15px;
    background: #fff;
    margin-bottom: 20px;
}

.review_right_side h1 {
    padding: 8px 10px;
    margin: 0 0 10px;
    line-height: 30px;
    background: var(--pri);
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}

.my_reviews {
    padding: 0;
    border: 0;
}

.reviews_item {
    float: left;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding: 15px;
}

.reviews_item:last-child {
    border-bottom: 0;
}

.reviews_info a {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-color);
    padding-bottom: 10px
}

.reviews_info p {
    font-size: 13px;
    line-height: 20px;
    font-style: italic;
    margin: 0;
    padding: 0 0 5px;
    text-align: left;
}

.reviews_info ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0px;
}

.reviews_info ul li {
    list-style: none;
    display: inline-block;
    line-height: 18px;
    font-size: 14px;
    color: #666;
    margin-right: 15px;
}

.rate_heading {
    float: left;
    width: auto;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}

.rate_block {
    font-size: 18px;
    color: var(--text-color);
    display: block;
}

.review_title {
    padding-bottom: 5px;
}

div.stars {
    display: inline-block;
}

input.star {
    display: none;
}

label.star {
    float: right;
    padding: 5px;
    font-size: 20px;
    color: var(--text-color);
    transition: all .2s;
    cursor: pointer;
    line-height: 24px;
}

input.star:checked~label.star:before {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='gold' viewBox='0 0 16 16'><path d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/></svg>");
    transition: all .25s;
}

input.star-5:checked~label.star:before {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='gold' viewBox='0 0 16 16'><path d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/></svg>");
}

input.star-1:checked~label.star:before {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='chocolate' viewBox='0 0 16 16'><path d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/></svg>");
}

input.star-2:checked~label.star:before {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='coral' viewBox='0 0 16 16'><path d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/></svg>");
}

input.star-3:checked~label.star:before {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='orange' viewBox='0 0 16 16'><path d='M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z'/></svg>");
}

label.star:before {
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' viewBox='0 0 16 16'><path d='M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z'/></svg>");
}

.rate_rating {
    width: 100%;
    padding: 0px 0 5px;
}

.rate_rating i {
    font-size: 15px;
}

.right_links {
    float: right;
    text-align: right;
}

.reviews_info ul li a {
    font-size: 13px;
    color: var(--text-color);
}

.reviews_info ul li a:hover,
.reviews_info ul li a:focus {
    color: var(--pri)
}

.checked {
    color: orange;
}

.modal_btn {
    width: auto;
    background: var(--text-color);
    padding: 10px 35px;
    border: none;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 1;
}

.modal_btn:hover,
.modal_btn:focus {
    color: #fff;
    background: var(--pri);
}

.cancel {}

.right_side ul {
    margin: 0 0 25px;
    padding: 0;
}

.right_side ul li {
    list-style: none;
    line-height: 24px;
    color: #423f3f;
    font-size: 15px;
    font-weight: normal;
}

/*.right_side ul li::before {content: "\f0da"; font-family: "FontAwesome"; margin-right: 5px;}*/


.gallery_page {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff;
}

.gallery_title {
    float: left;
    width: 100%;
    color: var(--text-color);
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    padding-bottom: 15px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

.gallery_title:before {
    content: '';
    background: var(--pri);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: -10px;
    width: 50px;
    height: 5px;
    margin: 0 auto;
}

.portfolio_block {
    float: left;
    width: 100%;
}

.portfolio_block .image-box {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.portfolio_block .image-box .image {
    margin-bottom: 0;
    position: relative;
    height: 283px;
    border: 1px solid #eee;
    transition: all 200ms ease;
}

.portfolio_block .image-box .image img {
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;

}

.portfolio_block .image-box:hover .image {
    transform: scale(1.1);
}

.portfolio_block .overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.portfolio_block .overlay .title-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    z-index: -1;
    flex-direction: column;
    padding: 10px 15px;
    transition: all 200ms ease;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.portfolio_block .image-box:hover .overlay .title-box {
    bottom: 0;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

.portfolio_block .overlay .title-box:before {
    background-color: var(--pri);
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .90;
    color: #ffffff;
}

.portfolio_block .overlay svg {
    position: relative;
    height: 50px;
    width: 50px;
    padding: 10px;
    background-color: var(--pri);
    color: #ffffff;
    font-size: 20px;
    line-height: 50px;
    border-radius: 4px;
    opacity: 0;
    text-align: center;
    transform: translateY(-25px) scale(0);
    transition: all 200ms ease;
}

.portfolio_block .image-box:hover .overlay svg {
    opacity: 1;
    transform: translateY(-25px) scale(1);
}

.portfolio_block .overlay h5 {
    font-size: 20px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 600;
    display: block;
    margin-bottom: 0px;
    position: relative;
}


.ts-testimonial-content {
    position: relative;
    color: var(--text-color);
    padding: 30px 30px 20px 65px;
    margin-bottom: 30px;
}

.ts-testimonial-content:before {
    color: #c9c019;
    content: '\f10d';
    font-family: FontAwesome;
    padding-right: 10px;
    font-size: 28px;
    left: 25px;
    position: absolute;
    top: 30px;
}

.ts-testimonial-content:after {
    border-left: 25px solid transparent;
    bottom: -25px;
    content: "";
    height: 0;
    left: 20px;
    position: absolute;
    width: 0;
    z-index: 1;
}

.ts-testimonial-thumb {
    float: left;
    padding-left: 30px;
    width: 100%;
    padding-bottom: 20px;
    display: flex;
}

.ts-testimonial-thumb img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    margin-right: 10px;
    padding: 5px;
    background: #ecf0f1;
}

.ts-testimonial-thumb h3.name {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0 0;
    color: #c9c019;
    float: inherit;
    width: auto;
}

.ts-testimonial-thumb h3 span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-top: 5px;
    color: var(--text-color);
}

.ts-testimonial-content {
    background-color: #eee;
}

.ts-testimonial-content:after {
    border-top: 25px solid #eee;
}




/*  Faq Page */
.faq_page {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff;
}

.faq_title {
    max-width: 750px;
    margin: auto;
    margin-bottom: 70px;
    text-align: center;
}

.faq_title h2 {
    font-size: 36px;
    color: var(--text-color);
    font-weight: 700;
    margin-bottom: 10px;
}

.faq_title p {
    font-size: 16px;
    color: var(--text-color);
    margin: 0;
    line-height: 24px;
}

.faq_content {
    display: flex;
    margin-bottom: 35px;
    border-bottom: 1px dotted;
    padding-bottom: 35px;
}

.faq_icon i {
    font-size: 45px;
    color: var(--pri);
}

.faq_text {
    padding-left: 20px;
    min-height: 160px;
}

.faq_text h3 {
    font-size: 22px;
    color: var(--text-color);
    font-weight: 600;
    margin-bottom: 10px;
    height: 50px;
    position: relative;
}

.faq_text h3 span {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.faq_text_p {
    max-height: 90px;
    overflow: hidden;
    overflow-y: auto;
}

.faq_text p {
    font-size: 16px;
    color: var(--text-color);
    margin: 0;
}

.quick-contact-area.half-bg {
    position: relative;
    z-index: 1;
}

.quick-contact-area.half-bg::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    height: 60%;
    width: 100%;
    background: #f3f7fd;
    z-index: -1;
}

.quick-contact-items {
    float: left;
    width: 100%;
    padding: 50px 30px;
    background-image: url(../images/faq/faq1.jpg);
    position: relative;
    z-index: 1;
    box-shadow: inherit !important;
    background-position: center center !important;
    background-size: cover
}

.quick-contact-items:after {
    background: var(--text-color)000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.quick-contact-items .row {
    position: relative;
    display: flex;
}

.quick-contact-items h5 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 25px;
    color: #fff;
    font-size: 18px;
}

.quick-contact-items h2 {
    font-weight: 600;
    margin-bottom: 0;
    line-height: normal;
    margin-bottom: -5px;
    color: #fff;
    font-size: 2rem;
}

.quick-contact-items h2 strong {
    text-decoration: underline;
}

.contact_us_btn_1 {
    display: inline-block;
    font-weight: 600;
    line-height: 25px;
    text-transform: capitalize;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    overflow: hidden;
    border-radius: 5px;
    font-size: 17px;
    padding: 15px 40px;
    background: #ffffff;
    color: #0e2b3d;
    z-index: 1;
}

.align-center {
    align-items: center;
}

.contact_us_btn_1:hover,
.contact_us_btn_1:focus {
    background: var(--pri);
    color: #fff;
}


/* Blog Page */
.blog_page {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff;
}

.blog_page h2.title_2 {
    color: var(--text-color);
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
    margin-bottom: 35px;
    overflow: visible;
    position: relative;
    text-transform: capitalize;
    text-align: left;
}

.blog_page h2.title_2:before,
.blog_page h2.title_2::after {
    content: none;
}



.blog_listing {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.blog_listing:last-child {
    border: 0;
}

.blog_listing .blog_thumb {
    float: left;
    position: relative;
    margin-right: 20px;
    overflow: hidden;
    max-width: 100%;
    height: 220px;
    border: 1px solid #eee;
    width: calc(100% - 65%);
}

.blog_listing .blog_thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.blog_listing .blog_content {
    float: left;
    padding: 0;
    position: relative;
    width: calc(100% - 40%);
}

.blog_listing h2.title_small {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 0px;
    margin-top: 0;
    padding: 5px 0;
    position: relative;
    height: 55px;
}

.blog_listing h2.title_small span {
    color: #1c1c1c;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-height: 100%;
}

.blog_listing:hover h2.title_small span {
    color: var(--pri);
}

.blog_listing p {
    color: var(--text-color);
}

.blog_listing .blog_meta {
    margin: 3px 0 10px;
}

.blog_listing .blog_meta span {
    font-size: 12px;
    color: var(--text-color);
    margin-right: 8px;
    padding-right: 10px;
    border-right: 1px solid #dedede;
    line-height: 12px;
    display: inline-block;
}

.blog_listing .blog_meta span i {
    font-size: 14px;
}

.blog_listing .blog_meta span.post_date {
    border-right: 0;
}

.blog_read_more_btn {
    font-size: 14px;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 500;
    padding: 10px 30px;
    border-radius: 4px;
    display: inline-block;
    background: var(--text-color);
    margin-bottom: 5px;
    z-index: 1;
}

.blog_read_more_btn:hover,
.blog_read_more_btn:focus {
    background: var(--pri);
    color: #fff;
}

.left_sidebar {
    float: left;
    width: 100%;
}

.right_news {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #eee;
    background: #fff;
}

.right_news .image {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    position: relative;
    overflow: hidden;
    height: 186px;
}

.right_news .image img {
    position: absolute;
    max-width: 100%;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-height: 100%;
}

.right_news h5 {
    padding: 10px;
    line-height: 18px;
    font-size: 15px;
    margin: 0px;
}

.right_news h5 a {
    color: var(--text-color);
}

.right_news:hover h5 a {
    color: var(--pri);
}

/* Blog details*/
.title_details {
    color: var(--text-color);
    font-weight: 700;
    font-size: 20px;
    line-height: 29px;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    position: relative;
    text-transform: capitalize;
}

.blog_meta_info {
    float: left;
    width: 100%;
    line-height: 1.2;
}

.blog_meta_info ul {
    display: inline-block;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
    line-height: 1.2;
}

.blog_meta_info ul li a {
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
}

.blog_meta_info ul li {
    display: inline-block;
    color: rgba(10, 10, 10, 0.7);
    font-size: 13px;
    text-transform: capitalize;
}

.blog_meta_info ul li+li {
    margin-left: 5px;
}


.sharethis-inline-share-buttons {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}


.blog_details .news_details_image {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding: 0;
    position: relative;
    text-align: center;
}

.blog_details .news_details_image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

.blog_details p {
    font-size: 15px;
    line-height: 25px;
    color: var(--text-color);
}

.blog_details blockquote {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    border: none;
    font-size: 22px;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 85px;
    color: #232323;
    font-weight: 600;
    line-height: 32px;
}

.blog_details blockquote cite {
    display: block;
    margin-top: 15px;
    color: #999999;
    font-weight: 500;
}

.blog_details blockquote:before {
    position: absolute;
    left: 0;
    top: 5%;
    content: "";
    height: 90%;
    width: 3px;
    background: var(--pri);
}

.blog_details blockquote:after {
    position: absolute;
    left: 30px;
    content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='grey' viewBox='0 0 24 24'><path d='M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z'/></svg>");
    color: var(--pri);
    font-size: 30px;
    top: 5px;
    font-weight: 600;
}

.blog_details blockquote p {
    margin: 0;
    position: relative;
    z-index: 1;
    line-height: 28px;
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
}

.blog_details ul {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.blog_details ul li {
    margin-bottom: 10px;
    color: var(--text-color);
    position: relative;
    z-index: 1;
    font-size: 15px;
    padding-left: 25px;
    display: block;
}



.blog_details ul li:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f00c";
    height: 100%;
    width: 100%;
    font-family: "FontAwesome";
    color: var(--pri);
    font-weight: 600;
    font-size: 15px;
}




.blog_details h2 {
    font-size: 20px;
    margin: 0 0 10px;
    font-weight: 500;
    color: #cb212a;
}

.blog_details h3 {
    float: left;
    width: 100%;
    font-size: 18px;
    margin: 10px 0 10px;
    font-weight: 600;
    color: var(--text-color);
    display: block;
}

.blog_details h4 {
    float: left;
    width: 100%;
    font-size: 18px;
    margin: 10px 0 10px;
    font-weight: 600;
    color: var(--text-color);
    display: block;
    padding: 0;
}

.blog_details h5 {
    float: left;
    width: 100%;
    font-size: 16px;
    margin: 10px 0 10px;
    font-weight: 600;
    color: var(--text-color);
    display: block;
    padding: 0;
}

.share_and_comments {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}


.comments_area {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.comments_area .comments_title {
    margin-bottom: 30px;
    font-size: 24px;
}

.comments_area .comment_list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.comments_area .comment_body {
    border-bottom: 1px dashed #ccc;
    padding-left: 70px;
    color: var(--text-color);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.comments_area .comment_body .comment_meta {
    background: transparent;
}

.comments_area .comment_author {
    font-size: 16px;
    margin-bottom: 8px;
    position: relative;
    z-index: 2;
    padding: 0;
}

.comments_area .comment_author .avatar {
    height: 50px;
    left: -65px;
    position: absolute;
    width: 50px;
}

.comments_area .comment_author .fn {
    font-weight: 600;
}

.comments_area .comment_metadata {
    color: #6b6b84;
    margin-bottom: 10px;
    font-size: 14px;
}

.comments_area .comment_metadata a {
    display: inline-block;
    color: #6b6b84;
}

.comments_area .comment_body .reply {
    margin-top: 15px;
}

.comments_area .comment_body .reply a {
    background: var(--text-color);
    color: #fff;
    display: inline-block;
    padding: 5px 30px;
    border-radius: 30px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    z-index: 1;
}

.comments_area .comment_body .reply a:hover {
    background: var(--pri);
    color: #fff;
}

.comments_area .children {
    margin-left: 20px;
    list-style: none;
}

.comments_area .comment_respond {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.comments_area .comment_respond .comment_reply_title {
    margin-bottom: 0;
    font-size: 24px;
}

.comments_area .comment_respond .comment_form {
    overflow: hidden;
}

.comments_area .comment_espond .comment_notes {
    margin-top: 10px;
    margin-bottom: 20px;
}

.comments_area .comment_respond .comment_notes .required {
    color: red;
}

.comments_area .comment_respond .comment_form_author {
    float: left;
    width: 50%;
    padding-right: 10px;
    margin-bottom: 20px;
}

.comments_area .comment_respond .cookies {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer;
}


/* Media News */
.media_news {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 25px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.media_news .image {
    float: left;
    width: 100%;
    margin: 0px;
    position: relative;
    overflow: hidden;
    height: 260px;
}

.media_news .image img {
    position: absolute;
    max-width: 100%;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-height: 100%;
}

.media_news a img {
    min-width: 100%;
}

.media_news .media_news_title {
    float: left;
    width: 100%;
    background: #fff;
    margin: 0;
    padding: 10px;
}

.media_news h4 {
    height: 60px;
    margin-bottom: 0px;
    overflow: hidden;
    position: relative;
    text-align: left;
    padding: 0;
}

.media_news h4 span {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: var(--text-color);
}

.media_news:hover h4 span {
    color: var(--pri);
}

.media_news .media_news_title .media_name {
    position: absolute;
    top: 20px;
    left: 0;
    background: var(--pri);
    padding: 5px 10px;
    font-weight: 600;
    color: #fff;
}

.media_news .media_news_title .media_name span {
    color: #fff;
}


/* Services Page */
.service_page {
    float: left;
    width: 100%;
    margin: 0;
    padding: 40px 0;
    background: #fff;
}

.service_page h2.title_2 {
    color: var(--text-color);
    font-weight: 700;
    font-size: 18px;
    line-height: 29px;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 5px;
    margin-bottom: 35px;
    overflow: visible;
    position: relative;
    text-transform: capitalize;
}

.service_page h2.title_2:before {
    content: '';
    position: absolute;
    background: var(--pri);
    width: 80px;
    height: 2px;
    left: 0;
    bottom: -2px;
}



.service_listing {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.service_listing:last-child {
    border: 0;
}

.service_listing .service_thumb {
    float: left;
    position: relative;
    margin-right: 20px;
    overflow: hidden;
    max-width: 100%;
    height: 220px;
    border: 1px solid #eee;
    width: calc(100% - 65%);
}

.service_listing .service_thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
}

.service_listing .service_content {
    float: left;
    padding: 0;
    position: relative;
    width: calc(100% - 40%);
}

.service_listing h2.title_small {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 0px;
    margin-top: 0;
    padding: 0px 0 5px;
    position: relative;
}

.service_listing:hover h2.title_small span {
    color: var(--pri);
}

.service_listing p {
    color: var(--text-color);
}

.service_read_more_btn {
    font-size: 14px;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 500;
    padding: 10px 30px;
    border-radius: 50px;
    display: inline-block;
    background: var(--text-color);
    margin-bottom: 5px;
    z-index: 1;
}

.service_read_more_btn:last-child {
    background: var(--pri);
}

.service_read_more_btn:last-child:before,
.service_read_more_btn:last-child:after {
    background: var(--text-color);
}

.service_read_more_btn:hover,
.service_read_more_btn:focus {
    color: #fff;
    text-decoration: none;
}

.service_page .sidebar .sidebar_title1 {
    text-transform: capitalize;
}

.service_page .sidebar_inner ul li {
    border-bottom: 1px solid #eee;
}

.service_page .sidebar_inner ul a {
    padding: 5px 10px;
    font-size: 14px;
}


/* Service details */
.service_details_image {
    float: right;
    max-width: 400px;
    width: 100%;
    margin-bottom: 15px;
    padding: 0;
    position: relative;
    text-align: center;
}

.service_details_image_thumb {
    position: relative;
    height: 320px;
    border: 1px solid #eee;
    margin-bottom: 12px;
}

.service_details_image .service_details_image_thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

.details_btn {
    padding: 10px 35px;
    background: var(--text-color);
    color: #fff;
    border: 0;
    z-index: 1;
    display: inline-block;
    border-radius: 3px;
}

.service_details h2 {
    font-size: 18px;
    margin: 10px 0 10px;
    font-weight: 600;
    color: var(--text-color);
    display: block;
    padding: 0;
}

.service_details h3 {
    font-size: 18px;
    margin: 10px 0 10px;
    font-weight: 600;
    color: var(--text-color);
    display: block;
    padding: 0;
}

.service_details h4 {
    font-size: 18px;
    margin: 10px 0 10px;
    font-weight: 600;
    color: var(--text-color);
    display: block;
    padding: 0;
}

.service_page.service_details_page h2.title_2 {
    margin-bottom: 15px;
}

.service_details ul {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    padding: 0;
}

.service_details ul li {
    margin-bottom: 5px;
    color: var(--text-color);
    position: relative;
    z-index: 1;
    font-size: 15px;
    padding-left: 25px;
    display: block;
}



.service_details ul li:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "\f00c";
    height: 100%;
    width: 100%;
    font-family: "FontAwesome";
    color: var(--pri);
    font-weight: 600;
    font-size: 15px;
}



/* you may also like */


.also_service_like {
    float: left;
    width: 100%;
    border: solid 1px #eee;
    max-width: 100%;
    background: #fff;
    padding-bottom: 11px;
    margin: 0 0px 30px;
    text-align: center;
}

.also_service_like .also_service_like_thumb {
    position: relative;
    padding: 0;
    margin-bottom: 10px;
    text-align: center;
    height: 250px;
}

.also_service_like .also_service_like_thumb img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}

.also_service_like h4 {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
    text-transform: capitalize;
    line-height: 24px;
    height: 50px;
    color: var(--text-color);
}

.also_service_like h4 span {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    padding: 0 10px;
}

.also_service_like:hover h4 {
    color: var(--pri);
}




/* Modal Form*/
.modal-content {
    border-radius: 0;
}

.modal-header {
    padding: 0 15px;
    background: var(--pri);
    color: #fff;
    border-radius: 0;
}

.modal-header h4 {
    text-align: left;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
}

.modal-header .modal-title {
    text-align: left;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
    padding: 15px 0;
    text-transform: initial;
    letter-spacing: 0.2px;
}

.btn-close {
    width: 1em;
    height: 1em;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    outline: 0;
}

.btn-close:focus {
    box-shadow: none;
}

.product_popup {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.product_popup_image {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #eee;
    overflow: hidden;
    position: relative;
    height: 360px;
}

.product_popup_image img {
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    width: auto;
    margin: auto;
}

.product_popup h4 {
    color: var(--pri);
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 8px;
    text-align: center;
    padding: 0;
}

.product_popup p {
    font-size: 14px;
    line-height: 24px;
    color: var(--text-color);
    text-align: left;
    margin-bottom: 15px;
}

#product_enquiry label.error {
    color: #FB3A3A;
    font-weight: normal;
}

.send_p {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
}

.modal-body form {
    float: left;
    width: 100%;
}

.modal-body textarea {
    width: 100%;
    height: 120px;
    padding: 5px 12px;
    border-radius: 0px;
}

.pac-container {
    z-index: 100000;
}

.g-recaptcha {
    transform: scale(0.80);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

.modal_btn {
    width: auto;
    background: var(--text-color);
    padding: 8px 25px;
    border: none;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
}

.modal_btn:hover,
.modal_btn:focus {
    background: var(--pri);
    color: #fff;
}

.order_confirm {
    text-align: center;
    float: none;
}

.details_qty.order_confirm input.qty {
    border: 0;
    margin: 0 auto;
}

.checkout-step-04 table tbody tr td:first-child {
    width: 60%;
}

.summary_p {
    font-size: 12px !important;
    color: var(--text-color);
}

.summary_p a {
    background: var(--text-color);
    ;
    color: #fff;
    padding: 0px 10px;
    text-decoration: none;
    border-radius: 2px;
}

.summary_p small {
    color: var(--pri);
    font-size: 12px;
}

.summary_p a:hover {
    text-decoration: none;
}

.summary_p span {
    float: right;
}

.float_r {
    float: right;
}

/**/
.video-conference {
    float: left;
    width: 100%;
    background: url(../images/bg/bg1.jpg);
    padding: 60px 0;
    position: relative;
    z-index: 1;
    background-position: center;
    background-size: cover;
}

.video-conference::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffda9a;
    opacity: 0.6;
    z-index: -1;
}

.video-conference .sub-tt {
    font-size: 21px;
    line-height: 1.3;
    margin-bottom: 9px;
    color: var(--dark);
}

.video-conference .tt {
    font-size: 30px;
    color: var(--text-color);
    margin-bottom: 27px;
    line-height: normal;
    max-width: 500px;
    font-weight: 500;
    font-family: var(--font);
}

.zoom-in-out-box {
    animation: zoom-in-zoom-out 2s linear infinite;
}

.zoom-in-out-box:hover {
    animation: none;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.05, 1.05);
    }

    100% {
        transform: scale(1, 1);
    }
}


.moreBtn {
    position: relative;
    padding: 15px 20px;
    background: transparent;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    transition: all 0.3s;
    background: #00c564;
    border-radius: 20px;
}

.moreBtn:hover {
    color: white;
}

/* Modal End */
@media(max-width:768px) {
    .quick-contact-items .row {
        display: block;
    }

    .contact_us_btn_1 {
        float: left;
        margin-top: 20px;
    }

    .blog_listing .blog_thumb {
        width: 100%;
        margin: 0 0 15px;
    }

    .blog_listing .blog_content {
        width: 100%;
    }

    .blog_listing h2.title_small {
        height: auto;
    }

    .blog_listing h2.title_small span {
        position: relative;
        transform: none;
        left: 0;
        top: 0;
    }

    .service_listing .service_thumb {
        width: 100%;
        margin: 0 0 15px;
    }

    .service_listing .service_content {
        width: 100%;
    }

    .service_listing h2.title_small {
        height: auto;
    }

    .service_listing h2.title_small span {
        position: relative;
        transform: none;
        left: 0;
        top: 0;
    }

    .product_popup_image {
        height: auto;
    }

    .product_popup_image img {
        position: relative;
        transform: none;
        left: 0;
        top: 0;
    }

    .product_popup h4 {
        margin-bottom: 20px;
    }

}

.size-list {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.size-list .tt {
    margin-bottom: 10px;
}

.size-bx {
    height: 100%;
    padding: 0;
    border-radius: 10px;
    border: 1px solid #e3e3e3;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    overflow: hidden;
}

.size-bx:hover {
    border-color: #959595;
    background: #f8f8f8;
}

.size-bx:hover .size-tt {
    border-color: #959595;
}

.size-bx .size-tt {
    padding: 8px 11px;
    font-weight: 700;
    border-bottom: 1px solid #e3e3e3;
}

.size-bx .size-price {
    padding: 8px 11px;
    color: var(--text-color);
    line-height: 1.3;
}

.size-bx del {
    font-size: 13px;
    color: var(--text-light);
    display: flex;
}

.size-bx.active {
    background: #f8f8f8;
    border: 2px solid var(--pri);
}

.size-bx.active .size-tt {
    border-color: #f4a300;
}

.custom-from-row {
    max-width: 800px;
    margin: 0 auto;
    border-radius: 10px;
    background: white;
    box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px;
    position: relative;
}

.custom-from-row .custom-frm {
    padding: 30px;
}

.custom-from-row .custom-frm .form-control {
    background: #eee;
    border: none;
    border-radius: 5px;
    height: 46px;
    font-size: 14px;
    color: var(--text-color);
    font-weight: 500;
    line-height: 34px;
}

.custom-from-row .custom-frm textarea {
    padding: 12px 15px;
    min-height: 100px;
}

.custom-from-row .iti--allow-dropdown .iti__flag-container,
.custom-from-row .iti--separate-dial-code .iti__flag-container {
    height: 46px;
}

.custom-from-row .sec_bx {
    margin-bottom: 20px;
    text-align: center;
}

.custom-from-row .sec_bx .sec_h {
    font-size: 27px;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 5px;
    font-family: var(--font);
    position: relative;
    text-transform: capitalize;
    letter-spacing: 0.5px;
}

.custom-from-row .sec_bx p {
    text-align: center;
}

.pr-details-sec {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.pr-details-sec .tt {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px;
}

.pr-details-sec ul {
    margin-bottom: 0;
    padding: 0;
    padding-left: 18px;
}

.pr-details-sec ul li {
    font-size: 14px;
    padding: 2px 0;
    color: #333;
}

.pr-details-sec ul li strong {
    font-weight: 600;
}

.sec-tt {
    position: relative;
    margin: 0;
    margin-bottom: 20px;
    font-size: 23px;
    font-weight: 700;
    color: var(--text-color);
    padding-bottom: 12px;
    border-bottom: 2px solid rgba(0, 0, 0, .1);
}

.sec-tt::before {
    content: '';
    position: absolute;
    background: var(--dark);
    width: 80px;
    height: 3px;
    left: 0;
    bottom: -2px;
}

.sitemap-sec {
    float: left;
    width: 100%;
    padding: 50px 0;
}

.sitemap-sec h1,
.sitemap-sec .main-tt,
.sitemap-sec h2,
.sitemap-sec h3 {
    font-size: 24px;
    color: var(--text-color);
    line-height: 26px;
    margin: 20px 0 15px;
    font-weight: 700;
}

.sitemap-sec h2,
.sitemap-sec h3 {
    font-size: 20px;
    font-weight: 600;
}

.sitemap-sec .market-bx {
    padding: 10px 12px;
    background-color: #E8E8E8;
    color: var(--text-color);
    font-size: 14px;
    transition: 0.2s ease-in-out;
}

.sitemap-sec .market-bx:hover {
    background-color: var(--dark);
    color: #fff;
}

.sitemap {
    border-left: 1px solid #666;
    padding: 0;
}

.sitemap li {
    list-style: none !important;
    background: transparent url(../images/sitemap_hr.png) no-repeat scroll 0px 9px;
    padding: 0px 0px 0px 15px;
    margin-bottom: 5px;
    color: var(--text-color);
    font-weight: 500;
}

.sitemap li ul {
    border-left: 1px solid #666;
    padding: 0;
}

.sitemap li a {
    color: #333;
    font-size: 14px;
    padding-bottom: 5px;
    display: inline-block;
}

.sitemap li a:hover {
    color: var(--dark);
}

.w-btn {
    color: white;
    display: inline-flex;
    gap: 5px;
    align-items: center;
    font-weight: 500;
    text-transform: capitalize;
    white-space: nowrap;
    background-color: #00c966;
    outline: none;
    transition: 0.2s ease-in-out;
    padding: 13px 18px;
    font-size: 15px;
    border-radius: 4px;
}

.w-btn:hover {
    background: var(--liner);
    background-color: #00c966;
    color: white;
}

#sendEnquiry .modal-header {
    padding: 0;
    padding-inline: 20px;
    padding-top: 18px;
    border-radius: 0;
    border: 0;
    background: transparent;
}

#sendEnquiry .modal-content {
    border-radius: 10px;
    overflow: hidden;
}

@media (min-width: 576px) {
    .modal-sm {
        max-width: 330px;
    }
}

#sendEnquiry .modal-body {
    padding: 13px 22px 20px;
}

#sendEnquiry .modal-content .main-tt {
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    color: var(--dark);
}

#sendEnquiry .btn-close {
    float: right;
    box-shadow: none;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

#sendEnquiry .btn-close:hover,
#sendEnquiry .btn-close:focus {
    box-shadow: none;
}

.main-btn.bulk-btn {
    border-radius: 15px;
    padding: 8px 13px;
}

.abt-img-bx {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1);
}

.abt-img-bx img {
    width: 100%;
}

.abt-tx-bx p {
    font-size: 15px;
    line-height: 1.5;
    color: var(--para-color);
    text-align: justify;
    font-weight: 400;
    margin-bottom: 12px;
}

.abt-tx-bx .main-tt {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 27px;
    letter-spacing: 1px;
}

.abt-tx-bx .main-tt span {
    color: var(--dark);
}

.abt-tx-bx h2,
.abt-tx-bx h3 {
    font-weight: 600;
    margin-bottom: 7px;
    font-size: 21px;
    letter-spacing: 1px;
    text-transform: capitalize;
    padding: 0;
    line-height: 1.5;
}

.video-sec {
    float: left;
    width: 100%;
    padding: 50px 0;
    background-color: #f5f5f5;
}

.vidBx .imgBx {
    position: relative;
}

.vidBx .imgBx img {
    aspect-ratio: 16 / 9;
    width: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: 20px;
    box-shadow: 0 1px 5px 0px rgba(0, 0, 0, .15);
}

.video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    border: 0;
    outline: 0;
    transition: 0.3s;
}

.vidBx .imgBx:hover .video-play-icon {
    transform: translate(-50%, -50%) scale(1.1);
}

.vidBx .tx-bx .tt {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 1px;
    text-transform: capitalize;
    text-align: center;
}

.video-sec .title_2:before {
    background-color: #f5f5f5 !important;
}

.faq-sec {
    float: left;
    width: 100%;
    padding: 50px 0;
}

.accordion-item,
.accordion-item:first-of-type,
.accordion-item:last-of-type,
.accordion-item:not(:first-of-type) {
    margin-bottom: 15px;
    background: #f8f8f8;
    border: 0;
    border-radius: 10px;
    padding: 8px 17px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .07);
}

.accordion-button {
    background: transparent;
    font-weight: 600;
    letter-spacing: 0.3px;
    outline: 0 !important;
    color: #333;
    font-size: 17px;
    padding: 5px 0;
    font-family: var(--font);
    letter-spacing: 0.5px;
}

.accordion-body {
    line-height: 1.6;
    font-size: 15px;
    color: var(--text-color);
    padding: 0;
    padding-bottom: 5px;
    font-weight: 300;
}

.accordion-button::after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
}

.accordion-button:not(.collapsed) {
    box-shadow: none !important;
    background: transparent;
    border: 0;
    color: var(--dark);
}

.accordion-button:focus {
    box-shadow: none !important;
    border: 0;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e98300'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}