/*--------------------- Copyright (c) 2022 ----------------------- 
[Master Stylesheet] 
Project: Sun Rays
Version: 1.0.0 
Author: Kamleshyadav
 ------------------------------------------------------------------- 
[Table of contents] 
	1. Global CSS Start
	2. Comman CSS Start
	-- Header CSS Start
	-- Header Style One Start
	-- Footer CSS Start
	3. Woocommerce CSS Start
	4. Demo CSS Start
	--  Service CSS Start
	--  About CSS Start
	--  CSS Start
	--  CSS Start
	5. Responsive CSS Start
-------------------------------------------------------------------*/


/**********************************
 	1. Global CSS Start 
 **********************************/

 :root {
    --global-font-family: 'Poppins', sans-serif;
    --black: #000000;
    --white: #ffffff;
    --offwhite: #e4e4e4;
    --offwhite2: #f8f8f8;
    --cart-bg: #f0f0f0;
    --border-color: #e5e5e5;
    --border-gray: #596370;
    --border-dark-color: #373f52;
    --main-color: #4a00e0;
    --primary: #6ba229;
    --title-color: #29282d;
    --txt: #666666;
    --yellow: #ffaa17;
    --blue: #068efe;
    --green: #53d575;
    --cart: #3ce8b5;
    --wishlist: #ff6695;
    --search: #fbd244;
    --footer-bg: #242b3d;
    --placeholder: #686868;
    --bg: #f8f7fb;
    --bg2: #f1f6f9;
    --list1: #a5dc6f;
    --list2: #9552fa;
    --list3: #f4ab23;
    --list4: #54c5fe;
    --list5: #f03882;
    --list6: #10cf89;
    --gradient: linear-gradient(to right top, #a640ff, #9b36ff, #8f2cff, #8121ff, #7214ff);
    --gradient-linear: linear-gradient(to right, #a640ff, #9b36ff, #8f2cff, #8121ff, #7214ff);
    --less-radius: 3px;
    --less-radius-left: 3px 0 0 3px;
    --less-radius-right: 0 3px 3px 0;
    --comman-radius: 30px;
    --comman-radius-left: 30px 0 0 30px;
    --comman-radius-right: 0 30px 30px 0;
    --circular-radius: 50%;
    --radius10: 10px;
    --radius10-top: 10px 10px 0 0;
    --facebook: #3b5998;
    --twitter: #00acee;
    --instagram: #dd2a7b;
    --bullet-color: #e1e6ee;
    --light-red: #ff5b72;
    --input-bg: #fdfdff;
    --input-border: #e5e5e5;
    --block-bg: #141e31;
    --globle-font: 16px;
    --title-font: 42px;
    --heading-font: 32px;
    --sub-heading-font: 24px;
    --widget-title: 20px;
    --shadow: 0 0 30px rgb(0 0 0 / 6%);
    --sub-title-bg-radius: 30px;
}

* {
    outline: 0 !important;
}

body {
    font-family: var(--global-font-family);
    font-weight: 400;
    font-size: var(--globle-font);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    background: var(--white);
    color: var(--txt);
}

body::-webkit-scrollbar {
    width: 6px;
    box-shadow: none;
}

body::-webkit-scrollbar-track {
    background-color: var(--white);
    box-shadow: none;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--primary);
    box-shadow: none;
}

.post,
.page {
    margin: 0;
}

a {
    color: var(--txt);
}

a:visited:hover,
a:hover,
a:focus,
button,
button:hover {
    color: var(--primary);
}

a,
a:hover,
a:focus,
button,
button:hover {
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

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

input,
textarea,
select,
button,
button:focus,
button:hover,
label,
svg,
svg path,
svg rect,
svg polygon,
img,
a,
 :after,
 :before,
 :hover,
 :focus,
.form-control:focus {
    outline: none;
}

input,
textarea,
select,
button,
button:focus,
button:hover,
label,
.form-control:focus {
    box-shadow: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
    color: var(--title-color);
    text-transform: capitalize;
}

strong {
    font-weight: 600;
}

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

a:visited {
    color: inherit;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid var(--input-border);
    background: var(--bg);
    border-radius: var(--comman-radius);
    background: var(--white);
    color: var(--txt);
    font-size: var(--global-font);
    line-height: 1.5;
    padding: 0 20px;
    height: 50px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: var(--txt);
    border: 1px solid var(--input-border);
    background: var(--input-bg);
    width: 100%;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border-radius: var(--less-radius);
}

.input-wrap textarea {
    height: 150px;
    border-radius: var(--less-radius);
    padding: 20px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    border-color: var(--primary);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

input::-webkit-input-placeholder,
.input-wrap input::-webkit-input-placeholder,
.input-wrap textarea::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--placeholder);
}

.input-wrap input::-moz-placeholder,
.input-wrap textarea::-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--txt);
    opacity: .6;
}

.input-wrap input:-ms-input-placeholder,
input:-ms-input-placeholder,
.input-wrap textarea:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: var(--txt);
    opacity: .6;
}

.input-wrap input:-moz-placeholder,
input:-moz-placeholder,
.input-wrap textarea:-moz-placeholder,
textarea:-moz-placeholder {
    color: var(--txt);
    opacity: .6;
}

.input-wrap label {
    font-weight: 600;
    color: var(--title-color);
    margin: 0 0 10px;
}

.toast {
    background: var(--primary);
}

.toast-success {
    background: var(--list1);
}

.toast-error {
    background: var(--list5);
}

.txt-primary {
    color: var(--primary);
}

#scroll {
    position: fixed;
    right: 15px;
    bottom: 15px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 99;
    visibility: hidden;
    -webkit-transform: translateY(150px);
    -ms-transform: translateY(150px);
    transform: translateY(150px);
    background-color: var(--primary);
    color: var(--white);
    border: 2px solid var(--primary);
}

#scroll.active {
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    animation: bounceInDown 2s;
    -webkit-animation: bounceInDown 2s;
    -moz-animation: bounceInDown 2s;
}

#scroll:hover {
    background-color: var(--white);
    color: var(--primary);
}

@keyframes bounce {
    0%,
    100% {
        transform: translateY(-20px);
    }
    50% {
        transform: translateY(0px);
    }
}


/**********************************
 	2. Comman CSS Start
 **********************************/

.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.nice-select .list {
    width: 100%;
}

@keyframes buttonripple {
    0% {
        transform: scale(40, 40);
        opacity: .3;
        background: var(--primary);
    }
    20% {
        transform: scale(25, 25);
        opacity: .3
    }
    100% {
        opacity: 0;
        transform: scale(0, 0);
    }
}


/* Preloader CSS Start */

.preloader {
    background-color: var(--white);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2147483647;
    width: 100%;
    height: 100%;
}

.preloader-inner {
    background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}


/* Button CSS Start */

.sr-btn-wrap {
    display: flex;
    flex-wrap: wrap;
}

.sr-btn {
    padding: 13px 20px;
    background: var(--primary);
    color: var(--white);
    font-weight: 400;
    font-size: var(--global-font);
    display: inline-block;
    min-width: 170px;
    text-align: center;
    border-radius: var(--comman-radius);
    border-radius: 60px;
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-transform: capitalize;
    transition: box-shadow 0.5s;
}

.sr-btn:hover,
.sr-btn:focus {
    transition: box-shadow 0.5s;
    -webkit-box-shadow: inset 0 0 0 2em var(--black);
    -moz-box-shadow: inset 0 0 0 2em var(--black);
    box-shadow: inset 0 0 0 2em var(--black);
}

.sr-btn:hover,
.sr-btn:visited,
.sr-btn:visited:hover,
.sr-btn:active:hover,
.sr-btn:focus:hover {
    color: var(--white);
    background: var(--primary);
    border: none;
}

.sr-btn,
.sr-btn:hover,
.sr-btn:focus,
.sr-btn:visited,
.sr-btn:active {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-white,
.btn-white:visited:hover,
.btn-white:active:hover,
.btn-white:focus:hover,
.btn-white:hover,
.btn-white:focus,
.btn-white:visited,
.btn-white:active {
    color: var(--primary);
    background: var(--white);
    border: none;
}

.sr-btn-wrap .sr-btn {
    padding: 13px 33px;
}

.sr-btn.sr-lg-btn {
    padding: 13px 33px;
}


/*Input Button */

body div input.sr-btn {
    padding: 13px 20px;
    background: var(--primary);
    color: var(--white);
    font-weight: 500;
    font-size: var(--global-font);
    display: inline-block;
    min-width: 170px;
    text-align: center;
    border-radius: var(--comman-radius);
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-transform: capitalize;
}

.input-wrap {
    margin: 0 0 25px;
}


/* Spacer  CSS Start */

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

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

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

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

.top-spacer-less {
    padding-top: 40px;
}

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

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

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


/* Dark BG CSS Start */

.sr-has-background {
    position: relative;
}


/* Title CSS Start */

.sr-section-title {
    margin-bottom: 0;
}

.sr-sub-title span {
    display: inline-block;
    text-transform: capitalize;
    font-weight: 600;
    color: var(--primary);
    position: relative;
    padding: 10px 20px;
    min-width: 130px;
    text-align: center;
}

.sr-sub-title span:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: var(--primary);
    opacity: .1;
    border-radius: var(--sub-title-bg-radius);
}

.sr-section-title h4 {
    font-size: var(--heading-font);
    font-weight: 500;
    margin: 10px 0 0;
    color: var(--title-color);
    line-height: 1.4;
    margin-bottom: 39px;
}

.sr-heading {
    font-size: var(--heading-font);
    font-weight: 500;
    margin: 10px 0 0;
    color: var(--title-color);
    line-height: 1.4;
    margin-bottom: 39px;
}

.sr-section-title .sr-colored-heading {
    font-weight: 700;
}

.sr-colored-heading span {
    color: var(--primary);
}

.sr-section-title .sr-colored-heading span {
    font-weight: 500;
    display: block;
}


/* Unyson CSS Start */

.fw-container-fluid .fw-col-xs-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.fw-main-row {
    background-size: cover;
    background-position: center;
}


/* Section BG arrows  */

.sr-section-bg-arrows {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    opacity: .3;
    max-width: 350px;
}

.sr-right-bg-arrows {
    right: 0;
}

.sr-right-lg-arrow img {
    max-height: 490px;
}

.sr-right-sm-arrow img {
    max-height: 275px;
}

.sr-right-lg-arrow img {
    -webkit-animation: mover 3s infinite alternate;
    animation: mover 3s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-30px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-30px);
    }
}


/* Header CSS Start */

.sr-main-header {
    position: relative;
}

.sr-header-container .row {
    align-items: center;
}

.sr-header-container {
    padding: 15px 0;
}

.sr-header-container .sr-menus ul,
.sr-header-container .sr-menus ol {
    margin: 0;
    padding: 0;
}

.sr-main-header {
    z-index: 99;
}

.sr-header-inner {
    box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .1);
    -o-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 0 20px -1px rgba(0, 0, 0, .1);
    z-index: 99;
}

.sr-header-container .sr-menus li {
    display: inline-block;
    padding: 15px 20px;
    position: relative;
    margin: 0;
}

.sr-header-container .sr-menus li a {
    color: var(--title-color);
    text-transform: capitalize;
}

.sr-header-container .sr-menus li a.sr-btn {
    color: var(--primary);
}

.sr-header-container .sr-head-icon svg {
    width: 16px;
    position: relative;
    fill: var(--primary);
}

.sr-menus li .sub-menu li {
    display: block;
    text-align: left;
}

.sr-menus li .sub-menu li:last-child {
    margin-bottom: 0px
}

.sr-header-container .sr-menus li a.sr-btn:hover {
    color: var(--white);
    background: var(--primary);
}

.sr-header-container .sr-menus {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.sr-menu-toggle {
    display: inline-block;
}

.sr-head-icon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


/* Sticky Header CSS */

.sr-main-header.fixed-header {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    background: var(--white);
}

.sr-main-header.fixed-header .sr-header-container {
    padding: 10px 0;
}


/* Header Search */

.sr-search-form {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    left: 0%;
    background: rgba(0, 0, 0, 0.85);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    cursor: url(../images/close_search.png), auto;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.sr-search-form.show-search {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
}

.sr-search-form.show-search,
.sr-search-form {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sr-search-form-inner {
    width: 50%;
    position: relative;
    text-align: end;
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    visibility: hidden;
}

.sr-search-form.show-search .sr-search-form-inner {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    visibility: visible;
}

.sr-search-form.show-search .sr-search-form-inner,
.sr-search-form-inner {
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.search-bar-inner {
    position: relative;
    height: 50px;
}

.search-bar-inner input {
    width: 100%;
    height: 50px;
    padding: 12px 55px 12px 0;
    border: none;
    border-radius: 0;
    background: transparent;
    border-bottom: 2px solid var(--white);
    color: var(--white);
}

.search-bar-inner input::-webkit-input-placeholder {
    color: var(--white);
    opacity: 90%;
}

.search-bar-inner input::-moz-placeholder {
    color: var(--white);
    opacity: 90%;
}

.search-bar-inner input:-ms-input-placeholder {
    color: var(--white);
    opacity: 90%;
}

.search-bar-inner input:-moz-placeholder {
    color: var(--white);
    opacity: 90%;
}

.search-bar-inner input:focus {
    color: var(--white);
}

.search-bar-inner button {
    position: absolute;
    right: 3px;
    top: 3px;
    bottom: 3px;
    border: none;
    background: transparent;
    fill: var(--white);
    width: 50px;
    cursor: pointer;
}

.close-search {
    margin: 0 0 50px 0;
    display: inline-block;
    padding: 0 15px;
}

.sr-header-container .sr-head-icon .close-search svg {
    width: 20px;
    fill: var(--white);
}

.sr-search-btn {
    cursor: pointer;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-left: 30px;
}

.sr-header-container .search-bar-inner button .sr-search-svg {
    width: 20px;
    fill: var(--white);
}


/* Header Cart */

body.open-cart:before {
    background: rgb(0 0 0 / 0.6);
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
}

.sr-cart-quntity {
    position: relative;
}

.sr-cart-quntity {
    position: relative;
    height: 40px;
    display: inline-block;
    width: 40px;
    text-align: center;
    border: none;
    border-radius: var(--circular-radius);
    line-height: 40px;
}

.sr-cart-quntity:before {
    position: absolute;
    content: "";
    background: var(--cart-bg);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: none;
    border-radius: var(--circular-radius);
}

.sr-cart-count {
    position: absolute;
    top: -4px;
    background: var(--primary);
    border: none;
    border-radius: var(--circular-radius);
    color: var(--white);
    height: 20px;
    min-width: 20px;
    line-height: 20px;
    font-size: 10px;
    right: -6px;
}

.sr-cart-icon {
    position: relative;
    display: inherit;
}

.sr-cart-btn {
    cursor: pointer;
    min-width: 80px;
    display: inline-block;
    margin-left: 30px;
}

.sr-cart-total {
    color: var(--white);
    display: inline-block;
    margin-left: 10px;
    font-weight: 500;
}

.sr-header-cart-box {
    position: fixed;
    bottom: 0;
    top: 0;
    z-index: 99999;
    background: var(--white);
    box-shadow: 0 0 40px rgb(0 0 0 / 0.24);
    max-width: 300px;
    right: -400px;
    text-align: left;
    width: 100%;
    transition: all 0.5s cubic-bezier(0.64, 0.02, 0.23, 0.96);
    -webkit-transition: all 0.5s cubic-bezier(0.64, 0.02, 0.23, 0.96);
    -moz-transition: all 0.5s cubic-bezier(0.64, 0.02, 0.23, 0.96);
    -o-transition: all 0.5s cubic-bezier(0.64, 0.02, 0.23, 0.96);
    -ms-transition: all 0.5s cubic-bezier(0.64, 0.02, 0.23, 0.96);
    overflow-y: auto;
}

.admin-bar .sr-header-cart-box {
    top: 30px;
}

.open-cart .sr-header-cart-box {
    right: 0;
}

.sr-cart-head {
    text-align: center;
    padding: 20px 30px 20px;
    position: relative;
    background: var(--bg);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.sr-cart-head h4 {
    color: var(--title-color);
    font-size: var(--sub-heading-font);
    font-weight: 600;
    margin: 0;
}

.sr-close-cart {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: var(--circular-radius);
    background: var(--primary);
}

.sr-close-cart svg {
    height: 12px;
    fill: var(--white);
}

body .sr-right-cart-slide .sr-head-icon .sr-close-cart svg {
    fill: var(--primary);
    height: 15px;
    width: 15px;
}

.sr-cart-products {
    padding: 17px 20px 20px;
    max-height: calc(100% - 80px);
    overflow-y: auto;
}

.sr-cart-products .woocommerce-mini-cart__empty-message {
    text-align: center;
}

.woocommerce-mini-cart.cart_list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
}

.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item {
    width: 100%;
    display: block;
    padding: 0;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 13px;
    margin-bottom: 17px;
}

.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .remove {
    background: var(--primary);
    color: var(--white) !important;
    width: 20px;
    height: 20px;
    padding: 0;
    text-align: center;
    line-height: 20px;
    border-radius: var(--circular-radius);
    font-size: var(--sub-heading-font);
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}

.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .remove:hover {
    background: var(--primary);
}

.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item a .attachment-woocommerce_thumbnail {
    object-fit: cover;
    border-radius: var(--less-radius);
    box-shadow: 0 0 10px rgb(0 0 0 / 0.06);
    border: 1px solid var(--border-color);
    width: 30px;
    height: 30px;
    margin: 10px 20px 10px 0;
    display: none;
}

.sr-cart-products .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sr-cart-products .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item a .attachment-woocommerce_thumbnail {
    display: inline-block;
}

.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove) {
    color: var(--title-color);
    font-size: var(--global-font);
    font-weight: 400;
    text-align: left;
    display: inline-block;
    width: calc(100% - 25px);
    padding-left: 10px;
}

.sr-cart-products .woocommerce-mini-cart.cart_list li a:nth-child(2) {
    width: calc(100% - 110px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: left;
}

.sr-cart-products .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove) {
    display: flex;
    justify-content: flex-start;
}

.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item .quantity {
    font-weight: 600;
    color: var(--primary);
    display: block;
    margin: 10px 0 0 40px;
}

.woocommerce #review_form #respond textarea {
    height: 120px;
    padding: 20px;
    line-height: 1.5;
}

textarea {
    line-height: 1.5;
}

.cvl_entry_content .fw-col-xs-12>p {
    margin: 0;
}

.cvl_entry_content .fw-col-xs-12>p iframe {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove):hover {
    color: var(--primary);
}

.sr-cart-products .woocommerce-mini-cart.cart_list span.quantity {
    margin: 0px 0 0 10px;
    width: 80px;
}

.sr-cart-products .woocommerce-mini-cart__buttons {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sr-cart-products .woocommerce-mini-cart__buttons .sr-btn {
    margin: 0 0 10px;
    min-width: 120px;
}

.sr-cart-products .woocommerce-mini-cart__total {
    margin: 8px 0 23px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sr-cart-products .woocommerce-mini-cart__total strong {
    font-weight: 600;
    color: var(--title-color);
}

.sr-cart-products .woocommerce-mini-cart__total .woocommerce-Price-amount {
    font-weight: 600;
    color: var(--primary);
}

.open-cart .sr-header-cart-box-overlay:before {
    position: fixed;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--black);
    z-index: 999;
    opacity: .6;
}

.open-cart .sr-header-cart-box-overlay:before,
.sr-header-cart-box-overlay:before {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sr-header-cart-box-overlay {
    display: inline-block;
}

.sr-header-container .sr-user-btn {
    margin-left: 30px;
}

.sr-cart-products .woocommerce-Price-amount.amount {
    font-size: var(--global-font);
}


/* Header Style One Start */

.sr-nav-header-style-one .row {
    align-items: center;
}

.sr-language-switch-btn .language-translate svg {
    fill: var(--primary);
    height: 20px;
    display: inline-block;
    margin: 0 3px 0 0;
}

.sr-language-switch-btn .language-translate span {
    margin: 0 10px;
    vertical-align: bottom;
}


/* Header Top */

.sr-top-header-style-one {
    border-bottom: 1px solid var(--border-color);
    padding: 20px 0 10px;
}

.sr-top-header-style-one p {
    margin: 0;
    display: inline-block;
}

.sr-top-header1-info ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.sr-top-header1-info ul li {
    margin-right: 50px;
}

.sr-top-header1-info ul li:last-of-type {
    margin-right: 0px;
}

.sr-header1-icon {
    display: inline-block;
}

.sr-header1-icon svg {
    height: 16px;
    fill: var(--primary);
}

.sr-top-header1-info li {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 13px;
}

.sr-top-header1-info li .sr-header1-icon {
    margin-right: 15px;
}

.sr-language-switch-btn span {
    display: inline-block;
    vertical-align: text-bottom;
}

.sr-language-options {
    position: absolute;
    background: var(--white);
    min-width: 100px;
    right: 0;
    top: 45px;
    padding: 10px 20px 10px;
    border: none;
    border-radius: var(--less-radius);
    box-shadow: 0px 6px 20px 0 rgb(0 0 0 / 6%);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    visibility: hidden;
    opacity: 0;
    text-align: left;
    width: auto;
    list-style: none;
    z-index: 99;
}

.sr-language-options.open-language-box {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.sr-language-options.open-language-box,
.sr-language-options {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sr-language-switch {
    text-align: right;
    margin-left: 30px;
}

.sr-language-switch-btn span svg {
    height: 5px;
    fill: var(--txt);
}

.sr-language-switch-btn:hover {
    color: var(--primary);
}

.sr-language-switch-btn:hover span svg {
    fill: var(--primary);
}

.sr-language-switch-btn span svg,
.sr-language-switch-btn:hover span svg {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sr-top-header-style-one a {
    color: var(--txt);
}

.sr-top-header-style-one a:hover {
    color: var(--primary);
}


/* Header Nav */

.sr-nav-style-one .menu {
    display: flex;
    flex-wrap: wrap;
    text-transform: capitalize;
}

.sr-nav-style-one ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sr-nav-style-one .menu li {
    position: relative;
    margin: 0;
}

.sr-nav-style-one .menu>li {
    padding: 0 12px;
}

.sr-nav-style-one {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

body .sr-nav-style-one .menu li a,
body .sr-nav-style-one .menu li a:visited,
body .sr-nav-style-one .menu li a:focus {
    color: var(--title-color);
    font-weight: 600;
}

body .sr-nav-style-one .menu li.current-menu-item>a,
body .sr-nav-style-one .menu li.current-menu-item>a:focus,
body .sr-nav-style-one .menu li.current-menu-item>a:visited {
    color: var(--primary);
}

.sr-nav-style-one .sr-head-icon .woocommerce-Price-amount.amount {
    color: var(--title-color);
    font-weight: 700;
    font-size: var(--globle-font);
}

body .sr-nav-style-one .sr-head-icon .sr-cart-quntity svg,
.home.absolute-header .sr-header-style-one:not(.fixed-header) .sr-cart-quntity svg {
    height: 16px;
    fill: var(--primary);
}

.sr-nav-style-one .sr-cart-icon {
    width: 40px;
    height: 40px;
    border-radius: var(--circular-radius);
}

.sr-search-btn svg {
    fill: var(--primary);
    height: 16px;
}

.sr-nav-header-style-one .sr-search-btn svg {
    fill: var(--primary);
    height: 16px;
}

.header-btn {
    margin-left: 30px;
}

.sr-nav-header-style-one {
    padding: 20px 0;
}

.sr-language-login {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.sr-login-register svg {
    height: 14px;
    fill: var(--primary);
}

.sr-login-wrap span {
    margin-right: 15px;
}

body .sr-nav-style-one .menu li a {
    position: relative;
}


/* Absolute Header */

.home.absolute-header .sr-header-style-one {}

.home.absolute-header .sr-header-style-one:not(.fixed-header) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    color: var(--white);
}

.admin-bar.home.absolute-header .sr-header-style-one:not(.fixed-header) {
    top: 20px;
}

.home.absolute-header .sr-header-style-one:not(.fixed-header) a {
    color: var(--white);
}

.home.absolute-header .sr-header-style-one:not(.fixed-header) svg {
    fill: var(--white);
}

.home.absolute-header .sr-header-style-one:not(.fixed-header) .sr-language-options a {
    color: var(--title-color);
}

.home.absolute-header .sr-header-style-one:not(.fixed-header) .woocommerce-Price-amount {
    color: var(--white);
}

.home.absolute-header .sr-header-style-one:not(.fixed-header) .sr-cart-icon {
    background: rgb(255 255 255 / 0.1);
}


/* Header One Fixed */

body .sr-header-style-one.fixed-header,
body.home .sr-header-style-one.fixed-header {
    position: sticky;
    left: 0;
    right: 0;
    z-index: 999;
    background: var(--white);
    box-shadow: 0 0 20px rgb(0 0 0 / 0.08);
    top: 0;
}

body.admin-bar .sr-header-style-one.fixed-header,
body.home.admin-bar .sr-header-style-one.fixed-header {
    top: 20px;
}

body .sr-header-style-one.fixed-header .sr-top-header-style-one {
    display: none;
}

body.home .sr-top-header-style-one {
    border-color: var(--border-gray);
}

/* Header Style Two Start */
/* Top Header */
.absolute-header .sr-header-style-two .sr-top-header-style-one {
    background: var(--white);
    color: var(--txt);
    border: 0;
}
.absolute-header .sr-header-style-two .sr-top-header-style-one  a,
.home.absolute-header .sr-header-style-two .sr-top-header-style-one  a {
    color: var(--txt);
}
.absolute-header .sr-header-style-two .sr-top-header-style-one  a:hover,
.home.absolute-header .sr-header-style-two .sr-top-header-style-one  a:hover {
    color: var(--primary);
}
.absolute-header .sr-header-style-two .sr-top-header-style-one a svg,
.sr-header-style-two .sr-top-header-style-one a svg,
.home.absolute-header .sr-header-style-two .sr-top-header-style-one a svg,
.home.sr-header-style-two .sr-top-header-style-one a svg  {
    fill: var(--primary);
}
.sr-header-style-one.sr-header-style-two .sr-header1-info-txt p {
    display: block;
    font-size: 12px;
    font-weight: 500;
}
.sr-header-style-one.sr-header-style-two .sr-header1-info-txt a {
    font-weight: 600;
}
.sr-header-style-one.sr-header-style-two .sr-header1-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    position: relative;
}
.sr-header-style-one.sr-header-style-two .sr-header1-icon svg {
    position: relative;
}
.sr-header-style-one.sr-header-style-two .sr-header1-icon:before {
    content: "";
    position: absolute;
    background: var(--primary);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 3px;
    opacity: .2;
}
.sr-header-style-one.sr-header-style-two .row {
    align-items: center;
}
.sr-header-style-one.sr-header-style-two .sr-top-header-style-one {
    padding: 15px 0 5px;
}
.sr-header-style-one.sr-header-style-two .sr-top-header-style-one .sr-language-login {
    margin-bottom: 10px;
}
/**/
.sr-header-style-one.sr-header-style-two .sr-nav-header-style-one {
    padding: 0;
    min-height: 80px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.header_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    grid-gap: 10px;
}
.sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_logo {
    position: relative;
    min-width: 300px;
}
.sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_logo .sr-logo {
    background: url(./../images/header-logo-bg.png);
    position: absolute;
    top: -15px;
    left: 0;
    z-index: 1;
    background-size: cover;
    right: 0;
    background-repeat: no-repeat;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center bottom;
    height: 100px;
}
.sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_logo .sr-logo svg,
 .sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_logo .sr-logo img {
    transform: scale(.8);
    margin: 0 0 10px;
}
.sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_navigation {
    width: calc(100% - 320px);
    background: var(--white);
    height: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-right: 10px;
    border-radius: 0px 40px 40px 0;
}
.sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_navigation:before {
    content: "";
    background: url(./../images/nav-shap.png);
    position: absolute;
    top: 0px;
    left: -100px;
    z-index: 1;
    background-repeat: no-repeat;
    height: 70px;
    width: 100px;
    background-size: cover;
}
.sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_navigation .sr-nav-style-one {
    width: 100%;
    position: relative;
    z-index: 1;
}
.sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_navigation a {
    color: var(--title-color);
}
.sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_navigation .sr-nav-style-one .woocommerce-Price-amount.amount {
    color: var(--title-color);
}
.sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_navigation .sr-nav-style-one  .sr-btn {
    color: var(--white);
}
.sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_navigation .sr-nav-style-one .sr-search-btn .sr-search-svg {
    fill: var(--primary);
}
.absolute-header .sr-header-style-two:not(.fixed-header) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}
body.no-page-title:not(.home) .sr-header-style-one.sr-header-style-two {
    position: unset;
    background: #f1f1f1;
    padding-bottom: 20px;
}
.admin-bar.home.absolute-header .sr-header-style-two:not(.fixed-header) {
    top: 20px;
}

.swiper-container {
    overflow: hidden;
}
@media (max-width: 767.98px) {

    .sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_logo .sr-logo {
        position: unset;
        height: auto;
        background: transparent;
    }
    .sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_logo {
        min-width: inherit;
    }
    .sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_navigation {
        width: auto;
        height: auto;
        background: transparent;
        border-radius: 0;
        padding: 0;
    }
    .sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_navigation:before {
        display: none;
    }
    .sr-header-style-one.sr-header-style-two .sr-nav-header-style-one {
        min-height: auto;
        padding: 10px 0;
    }
    .sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .container-fluid {
        padding: 0 5px;
    }
    .sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_logo .sr-logo svg, .sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_logo .sr-logo img {
        margin: 0;
    }
    .sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_navigation .nav-toggle-btn {
        margin-left: 15px;
    }
    .sr-header-style-one.sr-header-style-two .sr-nav-header-style-one .header_navigation .sr-cart-btn {
        margin-left: 10px;
    }
}

/* Breadcrumb CSS Start */

.sr-breadcrumb-wrapper {
    background: var(--title-color);
    padding: 41px 0 50px;
    position: relative;
    background-size: cover !important;
    background-position: center bottom !important;
    color: var(--white);
}

.sr-breadcrumb-container h1 {
    color: var(--white);
    font-size: var(--title-font);
    font-weight: 700;
    margin-bottom: 9px;
    word-break: break-word;
}

.sr-breadcrumb-container ul {
    list-style: none;
    margin: 0;
    display: inline-block;
    padding: 13px 30px;
    position: relative;
    font-size: 18px;
    background: var(--primary);
    border-radius: 100px;
}

.sr-breadcrumb-container ul li {
    color: var(--white);
    display: inline-block;
    margin: 0;
    padding: 0;
    font-weight: 500;
    position: relative;
    word-break: break-word;
    text-transform: capitalize;
}

.sr-breadcrumb-container ul li:before {
    margin: 0 8px;
    font-weight: 600;
    display: inline-block;
    content: "";
    vertical-align: middle;
    background-image: url(./../images/arrow-right.svg);
    background-position: center;
    width: 20px;
    height: 14px;
    background-repeat: no-repeat;
}

.sr-breadcrumb-container ul li:first-child:before {
    content: unset;
}

.sr-breadcrumb-container ul li a,
.sr-breadcrumb-container ul li a:hover,
.sr-breadcrumb-container ul li a:focus {
    color: var(--white);
}


/* Default Footer CSS Start */

.sr-footer-wrapper {
    background: var(--white);
    border-top: 4px double var(--border-color);
    position: relative;
    padding: 76px 0 8px;
}

body .default-copyright-area {
    background: var(--bg);
    padding: 14px 0 14px;
    margin: 35px 0 0;
}


/* Demo Footer CSS Start */

.sr-footer-wrapper.sr-dark-footer {
    border: none;
    background-color: var(--footer-bg);
}

.sr-widgets-contact span svg {
    fill: var(--title-color);
    height: 50px;
}

.sr-footer-wrapper.sr-dark-footer {
    padding: 80px 0 11px;
    overflow: hidden;
}

.sr-widgets-contact {
    margin: 0 0 30px;
    padding: 0 15px 0;
}

.sr-footer-information .row {
    justify-content: center;
}

.sr-widgets-contact h4 {
    font-size: var(--sub-heading-font);
    font-weight: 600;
    margin: 20px 0 17px;
}

.sr-footer-info-text a {
    display: block;
    color: var(--txt);
    margin: 0 0 8px;
    word-break: break-word;
}

.sr-footer-information .container {
    position: relative;
}

.sr-footer-information .container {
    margin: 0 auto 50px;
    padding: 0 0 15px;
}

.sr-footer-information .container:before {
    content: "";
    bottom: 0;
    border-bottom: 1px solid var(--border-color);
    position: absolute;
    left: 0;
    right: 0;
    opacity: .1;
}

.sr-footer-widgets h4 {
    font-size: var(--sub-heading-font);
    font-weight: 600;
    margin: 6px 0 25px;
    position: relative;
    padding-bottom: 16px;
}

.sr-footer-widgets h4:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background: var(--primary);
    width: 80px;
}

.sr-demo-footer .sr-footer-widgets ul {
    margin: 0 0 0;
    list-style: none;
    padding: 0;
}

.sr-footer-widgets .sr-nav-menus li {
    position: relative;
    display: inline-block;
    margin: 0 0 8px;
    width: 100%;
    padding: 0 0 0 30px;
}

.sr-footer-widgets .sr-nav-menus li:before {
    content: "";
    position: absolute;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 2px;
    background: var(--txt);
    width: 10px;
}

.sr-footer-widgets .sr-nav-menus li a {
    display: inline-block;
    color: var(--txt);
}

.sr-footer-text p {
    margin: 0 0 10px;
}

.sr-footer-logo img {
    margin: 0 0 22px;
}

.sr-footer-widgets .sr-nav-menus li:hover a {
    color: var(--primary);
}

.sr-nav-menus ul {
    padding: 0;
    list-style: none;
}

.sr-footer-widgets .sr-nav-menus li.menu-item-has-children:before {
    margin: 12px 0 0;
}

.sr-footer-widgets .sr-nav-menus li:last-child {
    margin-bottom: 0;
}

.sr-copyright-wrapper p a:hover {
    color: var(--primary);
}

.sr-footer-info-text a:hover {
    color: var(--primary);
}

.sr-widgets-contact:hover span svg {
    fill: var(--primary);
}

.sr-widgets-contact:hover span svg,
.sr-widgets-contact span svg {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sr-dark-footer {
    background-color: var(--footer-bg);
    background: url(../images/footer-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    font-weight: 300;
    color: var(--white);
}

.sr-dark-footer:before {
    content: "";
    position: absolute;
    background: var(--title-color);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: .96;
}

.sr-dark-footer .sr-widgets-contact span svg {
    fill: var(--white);
}

.sr-dark-footer .sr-footer-wrapper {
    background: var(--footer-bg);
    color: var(--white);
}

.sr-dark-footer .sr-widgets-contact h4 {
    color: var(--white);
}

.sr-dark-footer .sr-footer-info-text a {
    color: var(--white);
}

.sr-dark-footer .sr-footer-information .container:before {
    border-bottom-color: var(--white);
}

.sr-dark-footer .sr-footer-widgets h4 {
    color: var(--white);
}

.sr-dark-footer .sr-footer-widgets .sr-nav-menus li:before {
    background: var(--white);
}

.sr-dark-footer .sr-footer-widgets .sr-nav-menus li a {
    color: var(--white);
}

.sr-dark-footer .sr-footer-widgets .sr-nav-menus li a:hover {
    color: var(--primary);
}


/* Newsletter CSS */

.sr-newsletter-wrap {
    display: flex;
}

.sr-newsletter-wrap input {
    background: var(--white);
    border: none;
    padding: 0 20px;
    width: calc(100% - 50px);
    border-radius: var(--less-radius-left);
}

.sr-footer-wrapper:not(.sr-dark-footer) .sr-newsletter-wrap input {
    background: var(--bg);
    color: var(--txt);
}

.sr-newsletter-wrap button {
    width: 50px;
    padding: 0;
    border: none;
    height: 50px;
    border-radius: var(--less-radius-right);
    background: var(--primary);
    cursor: pointer;
}

.sr-newsletter-wrap button svg {
    fill: var(--white);
    height: 20px;
    width: 20px;
}

.sr-footer-newsletter p {
    margin: 0 0 14px;
}

.sr-newsletter-wrap input::-webkit-input-placeholder {
    color: var(--placeholder);
}

.sr-newsletter-wrap input::-moz-placeholder {
    color: var(--placeholder);
}

.sr-newsletter-wrap input:-ms-input-placeholder {
    color: var(--placeholder);
}

.sr-newsletter-wrap input:-moz-placeholder {
    color: var(--placeholder);
}


/* Socials CSS */

.sr-footer-social {
    margin: 26px 0 30px;
}

.sr-footer-social h5 {
    font-size: var(--globle-font);
    font-weight: 600;
    margin: 0 0 11px;
}

.sr-dark-footer .sr-footer-social h5 {
    color: var(--white);
}

.sr-social-icons {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}

.sr-social-icons a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: none;
    border-radius: var(--circular-radius);
    background: rgb(255 255 255 / 0.10);
    text-align: center;
    margin: 0 10px 3px 0;
    color: var(--white);
}

.sr-footer-wrapper:not(.sr-dark-footer) .sr-social-icons a {
    background: var(--bg);
    color: var(--title-color);
}

.sr-social-icons a:hover,
.sr-footer-wrapper:not(.sr-dark-footer) .sr-social-icons a:hover {
    background: var(--primary);
    color: var(--white);
}

.sr-footer-widgets {
    margin: 0 0 30px;
}

.sr-demo-footer .sr-footer-widgets {
    margin: 0 0 33px;
}


/* Copyright CSS */

.sr-copyright-wrapper {
    padding: 14px 0 0;
    position: relative;
    margin-top: 35px;
}

.sr-footer-wrapper.sr-dark-footer .sr-copyright-wrapper {
    margin-top: 40px;
}

.sr-footer-wrapper .sr-copyright-wrapper:before {
    content: "";
    position: absolute;
    border-top: 1px solid var(--title-color);
    opacity: .1;
    top: 0;
    left: 0;
    right: 0;
}

.sr-footer-wrapper.sr-dark-footer .sr-copyright-wrapper:before {
    border-top: 1px solid var(--white);
}

.sr-copyright-wrapper p {
    margin: 0;
}

.sr-copyright-wrapper p a {
    color: var(--primary);
    font-weight: 500;
}

.default-footer.sr-dark-footer .sr-copyright-wrapper p a {
    color: var(--white);
}

.sr-copyright-wrapper p a:hover {
    color: var(--primary);
}

.search .sr-column-pagination {
    margin: 43px 0 0;
}

body.search .sr-blog-columns article {
    margin: 0 0 50px;
    background: var(--white);
    box-shadow: var(--shadow);
    border-radius: var(--radius10);
    display: flex;
    flex-wrap: wrap;
    padding: 25px 30px 23px;
}

body.search .sr-blog-columns article>* {
    width: 100%;
}

.sr-main-post-wrapper article.post.sticky ul {
    margin: 0;
}


/** Post Inner **/

.sr-main-post-wrapper {
    padding: 75px 0 30px;
}

.sticky-post {
    margin: 0 10px 0 0;
    color: var(--primary);
}

.entry-title {
    font-size: var(--sub-heading-font);
    font-weight: 600;
    color: var(--title-color);
    margin: 0 0 18px;
    word-break: break-word;
}

.entry-title a {
    color: var(--title-color);
}

.entry-title a:hover,
.entry-title:hover a {
    color: var(--primary);
}

.entry-title:hover,
.entry-title {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sr-text-icon {
    color: var(--primary);
    display: inline-block;
    margin: 0 3px 0 0;
    vertical-align: text-bottom;
}

.sr-text-icon svg {
    fill: var(--primary);
    height: 15px;
}

dl,
ol,
ul {
    margin: 0 0 0;
}

ol,
ul {
    padding: 0 0 0 30px;
}

.widget ul,
.widget ol {
    list-style: none;
    padding: 0;
}

.single .sr-blog-head {
    margin-bottom: 23px;
}

.sr-main-post-wrapper article.post {
    background: var(--white);
    box-shadow: var(--shadow);
    border-radius: var(--radius10);
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 50px;
    padding: 25px 30px 23px;
}

.sr-main-post-wrapper article.post.sticky {
    padding-top: 29px;
}

.edit-btn-read-more-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px 0 0;
}

.edit-btn-read-more-wrap>* {
    margin-right: 20px;
}

.edit-btn-read-more-wrap>* :last-of-type {
    margin-right: 0;
}

.edit-btn-read-more-wrap a {
    color: var(--primary);
}

.edit-btn-read-more-wrap .edit-link a,
.edit-link a {
    color: var(--primary);
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--global-font);
    letter-spacing: .6px;
    position: relative;
}

.edit-btn-read-more-wrap .edit-link a:after,
.edit-link a:after {
    content: "\f044";
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-weight: 900;
    line-height: 1;
    margin-left: 3px;
    font-size: 14px;
    vertical-align: baseline;
}

.wp-block-button.is-style-squared .wp-block-button__link,
.wp-block-button.is-style-squared .wp-block-button__link:before {
    border-radius: 0;
}

.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    color: var(--primary);
    border: 2px solid;
    background: transparent;
}

.wp-block-button__link.sr-btn:hover,
.wp-block-button__link.sr-btn:focus {
    transition: box-shadow 0.5s;
    -webkit-box-shadow: inset 0 0 0 5em var(--black);
    -moz-box-shadow: inset 0 0 0 5em var(--black);
    box-shadow: inset 0 0 0 5em var(--black);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus {
    box-shadow: none;
}

blockquote {
    background-color: var(--block-bg);
    -webkit-box-shadow: 0 0 40px rgb(20 30 49 / 10%);
    box-shadow: 0 0 40px rgb(20 30 49 / 10%);
    border-radius: var(--radius10);
    padding: 21px 40px 28px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    margin: 43px 0 44px;
    color: var(--white);
}

blockquote:before {
    content: "\f10d";
    font-size: 30px;
    color: var(--white);
    padding-bottom: 12px;
    display: inline-block;
    font-family: 'font awesome 5 free';
    font-weight: 900;
}

blockquote:after {
    content: "\f10d";
    font-family: 'font awesome 5 free';
    font-weight: 900;
    position: absolute;
    right: 30px;
    bottom: -40px;
    color: var(--white);
    font-size: 100px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: -1;
    opacity: .1;
}

blockquote p {
    font-size: var(--globle-font);
    font-weight: 500;
    margin-bottom: 0;
}

blockquote.wp-block-quote.has-text-align-right:after {
    right: unset;
    left: 30px;
}

blockquote strong,
blockquote a {
    color: var(--white);
}

blockquote.has-very-dark-gray-color,
blockquote.has-very-dark-gray-color p,
blockquote.has-very-dark-gray-color cite {
    color: var(--white);
}

.sr-blog-head {
    margin: 0 0 8px;
    display: inline-block;
    width: 100%;
}

.sr-blog-head .entry-title a {
    font-weight: 700;
    font-size: var(--sub-heading-font);
}

.wp-block-search .wp-block-search__input {
    border-color: var(--border-color);
}

.entry-content {
    margin: 0;
}

p {
    margin-bottom: 10px;
}

.wp-block-audio audio {
    min-width: 200px;
}

.wp-block-embed {
    word-break: break-word;
}

.wp-block-embed iframe {
    max-width: 100%;
    width: 100%;
}

.wp-block-cover-image.has-background-dim,
.wp-block-cover.has-background-dim {
    color: var(--white);
}

.wp-block-button,
.wp-block-cover,
.wp-block-cover-image {
    margin-bottom: 16px;
}

.widget ul.menu ul.sub-menu {
    margin: 12px 0 0 15px;
}

.wp-block-archives-dropdown select {
    margin: 0 0 30px;
}


/** Lists **/

ul ul {
    list-style: circle;
}

ul ul ul {
    list-style: square;
}

ol ol {
    list-style: lower-alpha;
}

ol ol ol {
    list-style: lower-roman;
}

ol li,
ul li {
    margin-bottom: 10px;
}

ol li:last-child,
ul li:last-child {
    margin-bottom: 0;
}

ol li ol,
ul li ul,
ol li ul,
ul li ol {
    margin: 10px 0 0;
}

select {
    color: var(--txt);
    border: 1px solid var(--input-border);
    width: 100%;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border-radius: var(--less-radius);
    background: var(--input-bg);
}

table {
    width: 100%;
    margin: 0 0 30px;
}

.calendar_wrap {
    margin: 30px 0 0px;
}

.wp-calendar-table {
    margin: 0;
}

.wp-calendar-table tbody td#today a {
    color: var(--white);
}

table th {
    font-weight: 700;
    color: var(--title-color);
}

table th,
table td {
    border: 1px solid var(--border-color);
    padding: 10px 10px;
    text-align: center;
}

.wp-calendar-table tbody td#today {
    background: var(--primary);
    margin: auto;
    color: var(--white);
}

form.post-password-form input[type="submit"] {
    border-radius: var(--less-radius-right);
}


/** Widget **/

.wp-block-image img {
    border-radius: var(--radius10);
}

.widget.widget_rss ul li {
    margin-bottom: 28px;
}

.widget.widget_rss ul li:last-child {
    margin-bottom: 0;
}

.widget_rss .rsswidget {
    color: var(--title-color);
}

.widget.widget_rss ul li a {
    width: 100%;
    display: inline-block;
    color: var(--title-color);
    font-weight: 500;
}

.widget.widget_rss ul li span.rss-date {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: var(--global-font);
    font-weight: 500;
    padding-left: 20px;
    color: var(--primary);
    margin: 6px 0 9px;
}

.widget.widget_rss ul li span.rss-date:before {
    content: "\f073";
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.widget.widget_rss ul li cite {
    display: inline-block;
    width: 100%;
    margin-top: 6px;
    font-weight: 500;
    color: var(--title-color);
}

.sr-single-data>p:last-child {
    margin-bottom: 0;
}

.widget .post-date {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: var(--global-font);
    font-weight: 500;
    padding-left: 20px;
    color: var(--primary);
    margin: 6px 0 9px;
}

.widget .post-date:before {
    content: "\f073";
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}


/* Recent News Custom Widget */

.sr-recent-post-widgets h2 {
    margin-bottom: 30px;
}

.sr-recent-post-widgets ul li>img {
    height: 60px;
    width: 60px;
    object-fit: cover;
    margin: 0 20px 10px 0;
    border-radius: 6px;
}

.sr-recent-post-widgets ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sr-recent-post-widgets ul li>a {
    width: calc(100% - 80px);
    margin-bottom: 10px;
}

.sr-widget-post-date {
    color: var(--primary);
}

.sr-widget-post-title {
    font-weight: 600;
    color: var(--title-color);
}

.sr-widget-post-title:hover {
    color: var(--primary);
}

.sr-widget-post-title:hover,
.sr-widget-post-title {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.widget.widget_categories ul {
    margin: 0 0 6px;
}

.sr-widget-post-date {
    color: var(--primary);
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: var(--global-font);
    font-weight: 500;
    padding-left: 20px;
    margin: 6px 0 9px;
}

.sr-widget-post-date:before {
    content: "\f073";
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}


/* Quick View Plugin */

.sr-product-info a.button.yith-wcqv-button {
    display: none !important;
}

body #yith-wcwl-popup-message {
    background: var(--primary);
    top: 20px;
    left: unset;
    right: 0;
    padding: 3px 20px;
    right: 0;
    min-width: 200px;
}

body #yith-wcwl-popup-message div#yith-wcwl-message {
    color: var(--white);
}

#yith-quick-view-modal .yith-wcqv-main div#yith-quick-view-content div.product {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 20px 10px;
}

#yith-quick-view-modal .yith-wcqv-head a#yith-quick-view-close {
    color: var(--primary);
    opacity: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.woocommerce div.product .product_title {
    font-size: var(--sub-heading-font);
    margin-bottom: 15px;
}


/** Tag **/

.widget.widget_tag_cloud .tagcloud a,
.wp-block-tag-cloud .tag-cloud-link,
.woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link {
    border-radius: var(--less-radius);
    text-transform: capitalize;
    background-color: var(--bg);
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 3px;
    padding: 7px 15px;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 26px;
    color: var(--title-color);
}

.widget.widget_tag_cloud .tagcloud a:hover,
.wp-block-tag-cloud .tag-cloud-link:hover,
.woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link :hover {
    background-color: var(--primary);
    color: var(--white);
}

.widget.widget_tag_cloud .tagcloud a,
.wp-block-tag-cloud .tag-cloud-link,
.woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link,
.widget.widget_tag_cloud .tagcloud a:hover,
.wp-block-tag-cloud .tag-cloud-link:hover,
.woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link :hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.cat-links,
.tags-links {
    width: 100%;
    display: inline-block;
    font-weight: 600;
    color: var(--title-color);
}

.cat-links a,
.tags-links a,
.cat-links a:not([href]):not([class]),
.tags-links a:not([href]):not([class]) {
    border-radius: var(--less-radius);
    text-transform: capitalize;
    background-color: var(--bg);
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 6px;
    padding: 7px 15px;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 26px;
    color: var(--title-color);
}

.tags-links a,
.tags-links a:not([href]):not([class]) {
    margin-right: 10px;
}

.cat-links a:hover,
.tags-links a:hover,
.cat-links a:not([href]):not([class]):hover,
.tags-links a:not([href]):not([class]):hover {
    background-color: var(--primary);
    color: var(--white);
}

.sr-cat-links,
.sr-tags-links {
    margin: 0 10px 0 0;
}

.widget.widget_text .textwidget strong {
    color: var(--title-color);
}

.widget .calendar_wrap table th,
.widget .calendar_wrap table td {
    padding: 10px 3px;
    font-size: 14px;
}

.widget_recent_comments li .comment-author-link {
    display: inline-block;
}

.widget a {
    text-transform: capitalize;
}

.widget_recent_comments li a {
    color: var(--title-color);
}

.widget_recent_comments li a:hover {
    color: var(--primary);
}

.widget_recent_comments li .url,
.widget_recent_comments li .comment-author-link {
    color: var(--primary);
}

.widget.widget_recent_comments ul li.recentcomments {
    margin-bottom: 20px;
    padding-left: 60px;
    position: relative;
    min-height: 40px;
}

.widget.widget_recent_comments ul li.recentcomments:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    background: var(--bg);
    border: none;
    border-radius: var(--circular-radius);
}

.widget.widget_recent_comments ul li.recentcomments:after {
    content: "";
    position: absolute;
    left: 10px;
    background-image: url(./../images/comments.svg);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    top: 10px;
}

.widget.widget_text .textwidget p img {
    margin: 7px 0;
}

.widget.widget_text p strong {
    margin: 3px 0;
    display: inline-block;
    width: 100%;
}

.widget.widget_text .textwidget strong {
    color: var(--title-color);
}

.widget_product_search {
    padding: 40px 30px 33px;
}

.comment-list {
    padding: 0;
    list-style: none;
}

.comment-author {
    width: 80px;
    height: 80px;
}

.comment-author img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: none;
    border-radius: var(--circular-radius);
}

.sr-comment-data {
    display: flex;
    flex-wrap: wrap;
    background: var(--bg);
    border-radius: var(--radius10);
    border: none;
}

.comment-info {
    width: calc(100% - 80px);
    padding: 0 0 0 20px;
}

.comment-reply-link {
    color: var(--primary);
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--global-font);
    letter-spacing: .6px;
    position: relative;
}

.comment-reply-link i {
    margin: 0 10px 0 0;
}

h3#reply-title.comment-reply-title small a {
    color: var(--primary);
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--global-font);
    letter-spacing: .6px;
    position: relative;
}

h3#reply-title.comment-reply-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.comment-respond {
    margin: 0;
    width: 100%;
}

.comment-respond .form-submit {
    margin: 0;
}

.comments-area .no-comments {
    margin: 15px 0 10px;
}

.comments-area>ol.comment-list>li {
    background: var(--bg);
    padding: 30px 30px;
    margin: 0 0 20px;
    border: var(--less-radius);
}

.comments-title {
    margin: 0 0 27px;
    font-size: var(--heading-font);
    font-weight: 700;
    color: var(--title-color);
}

.comments-area .comment-respond {
    margin: 50px 0 0;
    background: var(--white);
    box-shadow: var(--shadow);
    border-radius: var(--radius10);
    display: flex;
    flex-wrap: wrap;
    padding: 20px 30px 30px;
}

.comments-area .comment-respond>* {
    width: 100%;
}

.sr-blog-columns>.comments-area {
    margin: 36px 0 0;
}

h3#reply-title.comment-reply-title small {
    font-size: var(--globle-font);
}

.comments-area>ul,
.comments-area>ol {
    list-style: none;
}

.comments-area>ul .children,
.comments-area>ol .children {
    list-style: none;
    margin: 0;
}

.comment-head {
    margin: 0 0 15px;
}

.comment-head h3 {
    font-size: var(--widget-title);
    font-weight: 600;
    margin: 0 0 6px;
    color: var(--title-color);
}

.comment-head h3 a {
    font-weight: 600;
    color: var(--title-color);
}

.comment-date {
    margin: 0 0 0;
}

.comment-head .comment-date a {
    color: var(--primary);
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--global-font);
    letter-spacing: .6px;
    position: relative;
}

.comments-area blockquote {
    margin: 0 0 25px;
}

.comments-area dt {
    color: var(--title-color);
}

.comments-area>ul .children>li,
.comments-area>ol .children>li {
    margin-bottom: 30px;
    border-bottom: 1px solid var(--border-color);
    padding: 0 0 20px;
}

.comments-area>ul .children>li:last-child,
.comments-area>ol .children>li:last-child {
    margin-bottom: 0px;
    border-bottom: none;
    padding: 0 0 0;
}

.comments-area>ol.comment-list>li .children li:last-child,
.comments-area>ul.comment-list>li .children li:last-child {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
}

.comments-area>ol.comment-list>li .children li:first-child,
.comments-area>ul.comment-list>li .children li:first-child {
    margin-top: 30px;
    border-top: 1px solid var(--border-color);
    padding-top: 20px;
}

.comment-respond .comment-notes {
    display: none;
}

.comment-respond .comment-form-cookies-consent {
    display: none;
}


/** Page And Post  **/

p.has-text-align-center {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

.wp-block-file .wp-block-file__button {
    background: var(--title-color);
    color: var(--white);
}

.wp-block-calendar table th {
    font-weight: 600;
    background: transparent;
    padding: 4px 10px;
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    padding: 0;
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
    display: block;
    color: var(--title-color);
    font-size: var(--global-font);
}

.wp-block-latest-comments__comment-author,
.wp-block-latest-comments__comment-author:visited,
.wp-block-latest-posts.wp-block-latest-posts__list li a,
.wp-block-latest-posts.wp-block-latest-posts__list li a:visited {
    color: var(--primary);
}

.wp-block-cover-text strong {
    color: var(--white);
}

.sr-single-data>ol,
.sr-single-data>ul {
    margin-bottom: 30px;
}

.sr-post-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.sr-post-meta>* {
    margin-right: 30px;
}

.sr-post-meta>*:last-of-type {
    margin-right: 0;
}

.sr-post-meta.sr-date-with-thumb a {
    font-weight: 500;
}

.sr-blog-authore {
    text-transform: capitalize;
}

.wp-block-archives.wp-block-archives-list a {
    color: var(--title-color);
}

.wp-block-archives.wp-block-archives-dropdown {
    margin: 0 0 25px;
}

.sr-single-data .wp-block-calendar td,
.sr-single-data .wp-block-calendar th {
    padding: 15px 10px;
}

body.search .sr-blog-columns article .sr-single-imgae-wrap,
.sr-single-imgae-wrap {
    margin: -25px -30px 35px;
    border-radius: var(--radius10-top);
    overflow: hidden;
}

.sr-post-counting {
    display: inline-block;
    margin: 0 0 0 10px;
    position: relative;
    color: var(--txt);
}

.sr-post-counting:before {
    content: "(";
}

.sr-post-counting:after {
    content: ")";
}

.calendar_wrap nav.wp-calendar-nav {
    display: flex;
    justify-content: space-between;
}

.wp-block-calendar nav.wp-calendar-nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.wp-block-calendar nav.wp-calendar-nav a {
    text-decoration: none;
    color: var(--title-color);
}

.wp-block-categories.wp-block-categories-dropdown {
    margin-bottom: 25px;
}

.sr-main-page-container {
    padding: 80px 0 30px;
}

.sr-blog-columns {
    margin-bottom: 50px;
}

.sr-sidebar-wrapper {
    margin-bottom: 50px;
}

.widget_archive li,
.widget_categories li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.widget_archive li .children,
.widget_categories li .children {
    width: 100%;
}

.sr-blog-columns .sr-blog-details {
    background: var(--white);
    box-shadow: var(--shadow);
    border-radius: var(--radius10);
    display: flex;
    flex-wrap: wrap;
    padding: 25px 30px 3px;
}

.sr-blog-thumb-page-wrapper .sr-blog-thumb-section {
    margin: 0 0 50px;
}

.sr-blog-single-imgae .post-thumbnail {
    margin: -25px -30px 35px;
    border-radius: var(--radius10-top);
    overflow: hidden;
}

body .sr-single-data figure {
    margin-bottom: 15px;
    padding-top: 3px;
}

.sr-details-wrapper {
    width: 100%;
}

.sr-blog-inner>.comments-area {
    margin-top: 50px;
}

.comments-area>ol.comment-list>li #reply-title {
    font-size: var(--widget-title);
}


/* Single Post */

.sr-blog-columns .sr-blog-details {
    display: flex;
    flex-wrap: wrap;
}

.sr-single-blog {
    padding: 80px 0 30px;
}

.sr-blog-single-imgae .post-thumbnail {
    margin: 0;
}

.single .sr-blog-single-imgae .post-thumbnail {
    margin: -25px -30px 35px;
}

.single .sr-blog-single-imgae .sr-blog-date {
    top: -25px;
    right: 0;
}

.sr-blog-meta {
    margin: 33px 0 17px;
    width: 100%;
}

.sr-single-blog .entry-content>ul,
.sr-single-blog .entry-content>ol {
    margin-bottom: 20px;
}

.sr-blog-columns .comments-area>ol.comment-list {
    margin-bottom: 20px;
    width: 100%;
}

.sr-blog-columns .sr-blog-details .edit-link {
    margin: 0 0 20px;
}

.comments-area>ol.comment-list>li .comment-respond {
    margin: 33px 0 0;
}

.comment-respond .comment-form-cookies-consent+.row .input-wrap {
    margin-bottom: 23px;
}


/* Authore Info */

.sr-blog-authore-box {
    background: var(--bg);
    padding: 30px 30px 10px;
    display: flex;
    flex-wrap: wrap;
    border-left: 3px solid var(--primary);
    margin: 23px 0 50px;
    border-radius: var(--less-radius);
}

.sr-blog-authore-img {
    width: 80px;
    height: 80px;
    margin: 0 0 20px;
}

.sr-blog-authore-img img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: none;
    border-radius: 6px;
}

.sr-blog-authore-info {
    width: calc(100% - 80px);
    padding: 0 15px 0 30px;
}

.sr-blog-authore-box p {
    margin-bottom: 8px;
}

.sr-blog-authore-info h5 span {
    color: var(--primary);
    font-weight: 600;
    margin: 0 10px 0 0;
}


/* Comments */

.comment-reply-title {
    font-size: var(--heading-font);
    font-weight: 700;
    margin: 0 0 0;
    color: var(--title-color);
    line-height: 1.4;
    margin-bottom: 19px;
}

.wp-block-latest-comments {
    padding: 0;
}

.wp-block-latest-comments__comment-date {
    font-size: var(--globle-font);
    margin: 3px 0 5px;
    display: inline-block;
    width: 100%;
    color: var(--title-color);
}

.comment-list .input-wrap textarea,
.comment-list .input-wrap input {
    border: 1px solid var(--border-color);
}


/* Pagination CSS */

.pagination .nav-links,
.woocommerce .woocommerce-pagination ul.page-numbers li {
    display: flex;
    flex-wrap: wrap;
}

.pagination .nav-links>*:not(.dots) {
    height: 50px;
    width: 50px;
    background: var(--bg);
    color: var(--title-color);
    text-transform: capitalize;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    border: none;
    border-radius: var(--circular-radius);
    margin: 0 10px 0 0;
}

.pagination .nav-links .dots {
    height: 50px;
    width: 50px;
    color: var(--title-color);
    line-height: 50px;
    display: inline-block;
    text-align: center;
    border: none;
    margin: 0 10px 0 0;
}

.page-numbers>span {
    display: none;
}

.page-numbers svg {
    fill: var(--title-color);
}

.pagination .nav-links>*:hover,
.pagination .nav-links .current {
    background: var(--primary);
    color: var(--white);
}

.pagination .nav-links .dots:hover {
    background: transparent;
    color: var(--title-color);
}

.pagination .nav-links>*:hover svg,
.pagination .nav-links>*:hover svg path {
    fill: var(--white);
}

.pagination .nav-links>*,
.pagination .nav-links>*:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


/**/

.page-links .page-number span,
.page-links .page-number a {
    height: 50px;
    width: 50px;
    background: var(--bg);
    color: var(--title-color);
    text-transform: capitalize;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    border: none;
    border-radius: var(--circular-radius);
    margin: 0 0 0 10px;
}

.page-links .page-number span.current,
.page-links .page-number a:hover {
    background: var(--primary);
    color: var(--white);
}

.sr-main-page-container .sr-blog-columns .page-links {
    margin: 40px 0 0;
    display: inline-block;
    width: 100%;
}


/** Search  **/

.wp-block-search {
    margin: 0 0 30px;
}

.wp-block-search .wp-block-search__input {
    border-radius: var(--less-radius-left);
}

.wp-block-search .wp-block-search__button {
    margin: 0;
    border-radius: var(--less-radius-right);
}

.search-form {
    display: flex;
    flex-wrap: wrap;
}

.search-form label {
    width: calc(100% - 60px);
    margin: 0;
}

.search-form label input.search-field {
    border-radius: var(--less-radius-left);
}

.search-form .search-submit {
    min-width: 60px;
    width: 60px;
    border-radius: var(--less-radius-right);
}

.search-form .search-submit svg {
    fill: var(--white);
}


/* Searh Page */

.search {}


/* Side Bar CSS */

.widget {
    width: 100%;
    position: relative;
    background: var(--white);
    box-shadow: var(--shadow);
    border-radius: var(--radius10);
    display: inline-block;
    margin: 0 0 50px;
    padding: 35px 30px 33px;
}

.widget:last-of-type {
    margin-bottom: 0;
}

.sr-recent-post-widgets {
    padding-bottom: 0px;
}

.widget-title {
    font-size: var(--widget-title);
    font-weight: 600;
    color: var(--title-color);
    margin: 0px 0 25px;
    position: relative;
    padding: 0 0 12px;
}

.widget-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background: var(--primary);
    width: 80px;
}

.widget ul li,
.widget ol li {
    margin: 0 0 12px;
}

.widget ul li:last-child,
.widget ol li:last-child {
    margin: 0;
}

.widget ul.children {
    margin-top: 12px;
}

.widget ul.children,
.widget ol.children {
    margin-left: 15px;
}

caption {
    color: var(--title-color);
}


/* Custom Images Widget */

.sr-custom-img-section {
    margin: 0 0;
}

.sr-custom-img-section img {
    border-radius: var(--less-radius);
}


/* Sperate Widget Spaning */

.widget.widget_search {
    padding: 40px 30px;
}

.widget.widget_recent_comments .widget-title {
    margin-bottom: 30px;
}

.widget.widget_recent_comments {
    margin-bottom: 19px;
}

.widget.widget_archive select {
    margin: 5px 0 7px;
}

.widget.widget_calendar .widget-title {
    margin-bottom: 30px;
}

.widget.widget_calendar .calendar_wrap {
    margin: 0 0 0px;
}

.widget.widget_categories select {
    margin: 5px 0 7px;
}

.widget.widget_search .widget-title {
    margin-bottom: 30px;
    margin-top: -4px;
}

.widget.widget_text .widget-title {
    margin-bottom: 21px;
}

.widget.widget_text select {
    margin-bottom: 7px;
}

.widget.widget_tag_cloud .widget-title {
    margin-bottom: 30px;
}


/* Sidebar Only */

.sr-sidebar-wrapper .widget.widget_tag_cloud {
    margin-bottom: 50px;
    padding-bottom: 30px;
}

.sr-sidebar-wrapper .widget.widget_archive select {
    margin: 5px 0 7px;
}

.widget_calendar {
    padding: 35px 30px 33px;
}

.sr-sidebar-wrapper .widget_categories {
    padding-bottom: 30px;
}

.widget_categories {
    padding-bottom: 20px;
}

.sr-sidebar-wrapper .widget.widget_categories select {
    margin: 5px 0 10px;
}

.sr-sidebar-wrapper .widget_pages {
    padding-bottom: 33px;
}

.sr-sidebar-wrapper .widget.widget_recent_comments {
    padding-bottom: 13px;
    margin-bottom: 50px;
}


/* Footer Widgets Only */

.default-footer {
    padding: 75px 0 0;
}

.sr-footer-wrapper .widget {}

.sr-footer-wrapper .widget {
    background: transparent;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    margin: 0 0 38px;
}

.sr-footer-wrapper .widget.widget_search .widget-title {
    margin-top: 0;
}

.sr-footer-wrapper .widget_search .search-form {
    margin: 0 0 7px;
}

.sr-footer-wrapper .widget.widget_categories ul {
    margin: 0 0 0px;
}

.sr-footer-wrapper .widget_tag_cloud {
    margin-bottom: 35px;
}

.sr-footer-wrapper .widget_recent_comments {
    margin-bottom: 18px;
}

.sr-footer-wrapper .widget:last-of-type {
    margin-bottom: 8px;
}


/* White Widgets */

.sr-dark-footer .widget-title {
    color: var(--white);
}

.sr-dark-footer .widget a {
    color: var(--white);
}

.sr-dark-footer .widget a:hover {
    color: var(--primary);
}

.sr-dark-footer .widget table th,
.sr-dark-footer .widget table td {
    border-color: var(--border-dark-color);
}

.sr-dark-footer caption {
    color: var(--white);
}

.sr-dark-footer .widget.widget_recent_comments ul li.recentcomments:before {
    background: var(--title-color);
}

.sr-dark-footer .widget.widget_rss ul li a {
    color: var(--white);
}

.sr-dark-footer .widget.widget_rss ul li cite {
    color: var(--white);
}

.sr-dark-footer strong,
.sr-dark-footer .widget.widget_text .textwidget strong {
    color: var(--white);
}

.sr-dark-footer .widget.widget_tag_cloud .tagcloud a,
.sr-dark-footer .wp-block-tag-cloud .tag-cloud-link,
.sr-dark-footer .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link {
    background-color: var(--title-color);
    color: var(--white);
}

.sr-dark-footer~.default-copyright-area {
    margin-top: 0;
    background: var(--title-bg);
    color: var(--white);
}

.default-footer.sr-dark-footer {
    padding-bottom: 45px;
}


/** 404  **/

.sr-error-page-wrapper {
    padding: 80px 0 73px;
    text-align: center;
}

.sr-error-img img {
    max-height: 350px;
    margin: 0 0 21px;
}

.sr-error-info h1 {
    font-size: 28px;
    font-weight: 900;
    color: var(--primary);
    margin: 0 0 20px;
}

.sr-error-info h4 {
    margin: 0 0 10px;
    text-transform: capitalize;
    font-size: var(--sub-heading-font);
    color: var(--title-color);
    font-weight: 500;
}

.sr-error-btn {
    margin: 35px 0 0;
}

.home-style-two .sr-dark-footer:before {
    background: #000000;
}


/**********************************
 	4. Woocommerce CSS Start
 **********************************/


/* Product Thumb CSS Start */

.woocommerce .products .sr-product-hover ul {
    margin-bottom: 0;
}

.sr-product-hover ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 40px;
}

.sr-product-image img {
    width: 100%;
}

.sr-product-thumb h2 {
    margin: 0;
    color: var(--title-color);
    font-size: var(--globle-font);
    font-weight: 600;
    line-height: 1.5;
}

.sr-product-thumb h2 a,
.sr-product-thumb h2 a:hover,
.sr-product-thumb h2 a:visited {
    color: var(--title-color);
}

.sr-product-thumb h2:hover a,
.sr-product-thumb h2 a:hover {
    color: var(--primary);
}

.sr-product-title h2,
.sr-product-title:hover h2 {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sr-product-thumb .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--primary);
    font-weight: 600;
    font-size: var(--widget-title);
}

.sr-product-hover ul .sr-product-icon {
    height: 40px;
    width: 40px;
    display: inline-block;
    border: none;
    border-radius: var(--circular-radius);
    text-align: center;
    line-height: 40px;
    margin: 0;
    background: var(--title-color);
}

.sr-product-hover ul .sr-product-icon:hover {
    background: var(--primary);
}

.sr-product-hover ul .sr-product-icon svg {
    height: 16px;
    width: 16px;
    fill: var(--white);
}

.sr-product-hover {
    margin: 0;
    position: absolute;
    top: 20px;
    right: 20px;
}

.sr-product-thumb {
    margin: 0 0 45px;
    position: relative;
    overflow: hidden;
}

.sr-product-image {
    margin-bottom: 24px;
}

body.woocommerce .sr-shop-wrapper .sr-product-thumb {
    margin: 0 0 45px;
}

.sr-products-wrapper .sr-btn-wrap {
    margin: -10px 0 40px;
    justify-content: center;
}

.sr-product-hover ul li {
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px);
    margin: 0;
    margin-bottom: 10px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
}

.sr-product-thumb:hover .sr-product-hover ul li:first-child,
.sr-product-thumb:hover .sr-product-hover ul li:nth-child(2),
.sr-product-thumb:hover .sr-product-hover ul li:nth-child(3),
.sr-product-thumb:hover .sr-product-hover ul li:nth-child(4) {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    
}

.sr-product-hover ul li:first-child,
.sr-product-hover:hover ul li:first-child {
    transition-delay: .1s;
}

.sr-product-hover ul li:nth-child(2),
.sr-product-hover:hover ul li:nth-child(2) {
    transition-delay: .2s;
}

.sr-product-hover ul li:nth-child(3),
.sr-product-hover:hover ul li:nth-child(3) {
    transition-delay: .3s;
}

.sr-product-hover ul li:nth-child(4),
.sr-product-hover:hover ul li:nth-child(4) {
    transition-delay: .4s;
}

.woocommerce table.shop_table td ins {
    background: transparent;
}

.price del .woocommerce-Price-amount.amount,
del .woocommerce-Price-amount.amount {
    color: var(--txt);
    font-weight: 600;
    font-size: var(--widget-title);
}


/* Shop Product Sidebar  */

.woocommerce-product-search {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-product-search input {
    width: calc(100% - 60px);
    margin: 0;
    border-radius: var(--less-radius-left);
}

.woocommerce-product-search button {
    min-width: 60px;
    width: 60px;
    border-radius: var(--less-radius-right);
}

.woocommerce-product-search button svg {
    fill: var(--white);
}

.woocommerce .widget_rating_filter ul li a {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce .widget_rating_filter ul li .star-rating {
    width: 100%;
    max-width: 120px;
}

.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
    border-top: none;
    padding: 0;
    margin: 30px 0 20px;
}

body .star-rating span::before {
    color: var(--yellow);
}

.woocommerce.widget_price_filter form {
    display: inline-block;
    width: 100%;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: var(--txt);
}

body .widget_price_filter .ui-slider .ui-slider-range,
body .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: var(--primary) !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: var(--primary) !important;
    border: none;
    border-radius: var(--circular-radius);
}

.woocommerce .widget_price_filter .price_slider_amount {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.woocommerce.widget_price_filter form .price_label {
    display: inline-block;
    width: 100%;
    margin-bottom: 18px;
    font-weight: 500;
}

.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
    color: var(--title-color);
    margin-bottom: 10px;
    padding: 0 0 11px;
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
    display: block;
    font-weight: 700;
}

.woocommerce.widget ul.product_list_widget li .star-rating {
    width: auto;
    display: block;
    margin: 9px 0 6px !important;
}

.woocommerce .star-rating::before {
    color: var(--yellow);
}

.woocommerce-Price-amount.amount {
    color: var(--primary);
    font-weight: 600;
    font-size: var(--widget-title);
}

.woocommerce ul.product_list_widget li a img {
    margin: 0 20px 10px 0;
    height: 80px;
    width: 80px;
    object-fit: cover;
    float: left;
    border-radius: var(--radius10);
    border: 1px solid var(--border-color);
}

body .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link {
    border-radius: var(--less-radius);
    text-transform: capitalize;
    background-color: var(--bg);
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 3px;
    padding: 7px 15px;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 26px;
    color: var(--title-color);
}

body .woocommerce.widget_product_tag_cloud .tagcloud .tag-cloud-link:hover {
    background-color: var(--primary);
    color: var(--white);
}

.woocommerce.widget ul li .product-title {
    color: var(--title-color);
    font-weight: 500;
}

.widget mark,
.widget ins {
    background: transparent;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
    top: 3px;
}

body #yith-quick-view-content .onsale {
    right: auto;
    min-height: unset;
    min-width: 50px;
    margin: 0;
    background: var(--yellow);
    padding: 0;
    position: absolute;
    left: 20px;
    top: 20px;
    color: var(--white);
    width: 50px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    font-size: 12px;
    z-index: 1;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: var(--less-radius);
}

.widget_product_tag_cloud .widget-title {
    margin-bottom: 30px;
}

.widget_product_tag_cloud {
    padding-bottom: 30px;
}


/* Single Product Price CSS */

.woocommerce div.product .sr-product-summary-description .price,
.woocommerce div.product .sr-product-summary-description .price .woocommerce-Price-amount {
    font-size: var(--heading-font);
    color: var(--title-color);
    font-weight: 700;
}


/* Sperate Widget Spacing Woocomerce */

.widget.widget_price_filter {
    margin-bottom: 46px;
}

.widget.widget_price_filter .widget-title {
    margin-bottom: 30px;
}

.widget.widget_rating_filter .widget-title {
    margin-bottom: 25px;
}

.widget .widget_shopping_cart_content p.woocommerce-mini-cart__empty-message {
    margin: 0;
}

.widget.widget_product_search .woocommerce-product-search {
    margin-bottom: 7px;
}

.widget.widget_top_rated_products .widget-title {
    margin-bottom: 30px;
}

.woocommerce ul.cart_list li:last-child,
.woocommerce ul.product_list_widget li:last-child {
    margin: 0;
}

.widget.widget_products .widget-title {
    margin-bottom: 25px;
}

.widget.widget_products {
    padding-bottom: 8px;
}

.widget.widget_recent_reviews {
    margin-bottom: 28px;
}

.widget.widget_recent_reviews .widget-title {
    margin-bottom: 30px;
}

.widget.widget_top_rated_products {
    padding-bottom: 18px;
}

.widget.widget_recently_viewed_products .widget-title {
    margin-bottom: 30px;
}

.widget.widget_recently_viewed_products {
    padding-bottom: 8px;
}

.woocommerce .widget:last-of-type {
    margin-bottom: 0;
}

.sr-shop-wrapper .sr-sidebar-wrapper {
    margin-bottom: 30px;
}

.sr-shop-wrapper .sr-blog-columns {
    margin-bottom: 40px;
}


/* In CHange  Changes*/

.entry-header .entry-title {
    margin-bottom: 0;
}

.entry-header .sr-post-meta {
    margin-top: 10px;
}

.entry-header.sr-blog-head {
    margin: 0 0 20px;
}

.sticky-post {
    vertical-align: middle;
}

.single .entry-header .sr-post-meta {
    margin-top: 0px;
}

.alignright {
    clear: both;
    margin-top: 0.5em;
}


/* Thank You Page CSS */

.woocommerce-order-received .sr-main-page-container {
    padding: 75px 0 30px;
}

.woocommerce-order-received .sr-main-page-container .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title {
    font-size: var(--heading-font);
    font-weight: 700;
    margin: 10px 0 0;
    color: var(--title-color);
    line-height: 1.4;
    margin-bottom: 19px;
}

.woocommerce-order-received .sr-main-page-container .woocommerce-thankyou-order-received {
    margin: 0 0 22px;
}

.woocommerce-order-received .sr-main-page-container .order_details li strong {
    margin-top: 3px;
}

.woocommerce-order-received .sr-main-page-container .woocommerce-order-overview {
    margin-bottom: 56px;
}

.woocommerce-order-received .woocommerce-order-details {
    margin-bottom: 40px;
}


/* Thumb Ratings */

body .sr-product-thumb .star-rating {
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    width: 110px;
    font-family: star;
    display: block;
    margin: 8px 0 8px !important;
    float: none;
    font-size: var(--global-font);
}

.star-rating {
    font-size: var(--global-font);
}

.star-rating::before {
    content: "\73\73\73\73\73";
    color: var(--yellow);
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

.star-rating span::before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
    color: var(--yellow);
}


/* Shop Page */

.sr-large-product img {
    width: 100%;
}

body.woocommerce span.onsale,
span.onsale {
    min-height: unset;
    min-width: 50px;
    margin: 0;
    background: var(--yellow);
    padding: 0;
    position: absolute;
    left: 20px;
    top: 50px;
    color: var(--white);
    width: 50px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    font-size: 12px;
    z-index: 1;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: var(--less-radius);
}

.sr-new-prod-tag {
    min-height: unset;
    min-width: 50px;
    margin: 0;
    background: var(--light-red);
    padding: 0;
    position: absolute;
    left: 20px;
    top: 20px;
    color: var(--white);
    width: 50px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
    font-size: 12px;
    z-index: 1;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: var(--less-radius);
}

.sr-product-image:not(.sr-new-product) .onsale,
.sr-product-image:not(.sr-new-product) body.woocommerce span.onsale {
    top: 20px;
}

.price mark,
.price ins {
    background: transparent;
}

.price del,
del {
    opacity: .6;
    color: var(--txt);
}


/* Pagination SHop */

body.woocommerce nav.woocommerce-pagination {
    width: 100%;
}

body.woocommerce .sr-shop-wrapper nav.woocommerce-pagination {
    margin-bottom: 40px;
}

body.woocommerce nav.woocommerce-pagination ul.page-numbers {
    display: flex;
    white-space: unset;
    padding: 0;
    clear: unset;
    border: none;
    margin: 0;
    flex-wrap: wrap;
}

body.woocommerce nav.woocommerce-pagination ul.page-numbers li {
    border: none;
    margin: 0;
}

body.woocommerce nav.woocommerce-pagination ul.page-numbers li>* {
    height: 50px;
    width: 50px;
    background: var(--bg);
    color: var(--title-color);
    text-transform: capitalize;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    border: none;
    border-radius: var(--circular-radius);
    margin: 0 10px 0 0;
    padding: 0;
}

body.woocommerce nav.woocommerce-pagination ul.page-numbers li>*.current,
body.woocommerce nav.woocommerce-pagination ul.page-numbers li>*:hover {
    background: var(--primary);
    color: var(--white);
}


/* Shop Single Page */

body.woocommerce #respond input#submit.alt,
body.woocommerce a.button.alt,
body.woocommerce button.button.alt,
body.woocommerce input.button.alt {
    background-color: var(--primary);
    color: var(--white);
}

body.woocommerce #respond input#submit,
body.woocommerce a.button,
body.woocommerce button.button,
body.woocommerce input.button {
    line-height: 1.5;
    cursor: pointer;
    font-weight: 500;
    color: var(--white);
    background-color: var(--primary);
    padding: 12px 20px;
    background: var(--primary);
    color: var(--white);
    font-size: var(--globle-font);
    display: inline-block;
    min-width: 170px;
    text-align: center;
    border-radius: var(--comman-radius);
    border: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
    max-height: 50px;
    text-transform: capitalize;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0;
    margin: 0 0 24px;
    border-bottom: 1px solid var(--border-color);
    display: inline-block;
    width: 100%;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
    background-color: transparent;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: var(--primary);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: 500;
    color: var(--title-color);
    padding: 8px 15px;
    min-width: 120px;
    text-align: center;
    margin: 0;
}

.woocommerce-tabs ul.tabs li.active a {
    color: var(--primary);
    border-bottom: 1px solid var(--primary) !important;
    border-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    content: unset;
}

.woocommerce-tabs.wc-tabs-wrapper {
    width: 100%;
}

.product_meta {
    font-weight: 600;
    color: var(--title-color);
}

.posted_in>*,
.sku_wrapper>*,
.tagged_as>* {
    border-radius: var(--less-radius);
    text-transform: capitalize;
    background-color: var(--bg);
    width: auto;
    display: inline-block;
    margin: 0 0 10px 6px;
    padding: 7px 15px;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 26px;
    color: var(--title-color);
}

.product_meta .tagged_as>* {
    margin: 0 0 10px 10px;
}

.posted_in>*:hover,
.sku_wrapper>*:hover,
.tagged_as>*:hover {
    background-color: var(--primary);
    color: var(--white);
}

.product_meta>span {
    display: inline-block;
    width: 100%;
}

.posted_in>*,
.sku_wrapper>*,
.posted_in>*:hover,
.sku_wrapper>*:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sunrays-social {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 20px;
}

.sunrays-social .sunrays-link {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: none;
    border-radius: var(--circular-radius);
    background: var(--title-color);
    text-align: center;
    margin: 0 0 3px 0;
    color: var(--white);
}

.sunrays-social>.sunrays-link {
    margin-right: 10px;
}

.sunrays-social>.sunrays-link :last-of-type {
    margin-right: 0;
}

.sunrays-social .sunrays-link:hover {
    background: var(--primary);
    color: var(--white);
}

.woocommerce #respond input#submit:hover,
.woocommerce input.button:hover,
body.woocommerce #respond input#submit.alt,
body.woocommerce input.button.alt {
    background-color: var(--title-color);
    background: var(--title-color);
    color: var(--white);
}

.woocommerce div.product form.cart .button,
body.woocommerce a.button,
body.woocommerce button.button {
    background-color: var(--primary);
    color: var(--white);
}

.woocommerce div.product form.cart .button:hover,
body.woocommerce a.button:hover,
body.woocommerce button.button:hover {
    background-color: var(--primary);
    color: var(--white);
}

body.woocommerce a.button,
body.woocommerce button.button,
body .checkout-button {
    line-height: 1.5 !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    background-color: var(--primary) !important;
    padding: 12px 20px !important;
    background: var(--primary) !important;
    color: var(--white) !important;
    font-size: var(--globle-font) !important;
    display: inline-block !important;
    min-width: 170px;
    text-align: center !important;
    border-radius: var(--comman-radius) !important;
    border: none !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1;
    max-height: 50px;
    text-transform: capitalize;
}

body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body .checkout-button:hover {
    background-color: var(--primary) !important;
    color: var(--white) !important;
    -webkit-box-shadow: inset 0 0 0 2em var(--black);
    -moz-box-shadow: inset 0 0 0 2em var(--black);
    box-shadow: inset 0 0 0 2em var(--black);
}

body.woocommerce a.button:focus,
body.woocommerce button.button:focus,
body .checkout-button:focus {
    -webkit-box-shadow: inset 0 0 0 2em var(--black);
    -moz-box-shadow: inset 0 0 0 2em var(--black);
    box-shadow: inset 0 0 0 2em var(--black);
}

body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body.woocommerce a.button,
body.woocommerce button.button,
body .checkout-button,
body .checkout-button:hover,
body .checkout-button:before,
body .checkout-button:hover:before {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.woocommerce-mini-cart__buttons.buttons .button {
    min-width: 100px;
}

.woocommerce ul.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item a img {
    display: none;
}

body .sr-sidebar-wrapper .woocommerce-mini-cart.cart_list li.woocommerce-mini-cart-item>a:not(.remove) {
    padding-left: 40px;
    font-weight: 500;
    text-transform: capitalize;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    padding: 1em 2em;
    margin: 0 0 2em;
    position: relative;
    background-color: var(--bg);
    color: var(--title-color);
    border-top: none;
    list-style: none;
    border: none;
    border-left: 3px solid var(--primary);
    border-radius: var(--less-radius);
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
    content: unset;
}

.woocommerce p.stars.selected a:not(.active)::before,
.woocommerce p.stars a::before {
    color: var(--yellow);
}

.woocommerce table.shop_attributes th {
    text-align: left;
    padding: 15px 20px;
}

.woocommerce table.shop_attributes td {
    text-align: left;
}

.woocommerce table.shop_attributes td {
    font-style: normal;
    padding: 10px 10px;
}

.woocommerce #review_form #respond form>p {
    margin: 0 0 25px;
}

.woocommerce #review_form #respond p.comment-form-cookies-consent {
    margin: 28px 0 21px;
    cursor: pointer;
}

.return-to-shop {
    margin: 0;
}

.comment-form-cookies-consent input {
    display: none
}

.comment-form-cookies-consent label {
    margin: 0;
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

.comment-form-cookies-consent label:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid var(--border-color);
    border-radius: 2px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.comment-form-cookies-consent label:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 4px;
    width: 10px;
    height: 6px;
    border-left: 2px solid var(--white);
    border-bottom: 2px solid var(--white);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    opacity: 0;
}

.comment-form-cookies-consent input:checked~label:after {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.comment-form-cookies-consent input:checked~label:before {
    background-color: var(--title-color);
    border: 1px solid transparent
}

.comment-form-cookies-consent input:checked~label {
    color: var(--title-color);
}

.sr-product-tabs-wrapper {
    width: 100%;
}

.sr-large-product {
    text-align: center;
    padding: 0;
    border-radius: var(--less-radius);
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.woocommerce div.product div.images {
    width: 100%;
}

.sr-single-product-page {
    padding: 80px 0 30px;
}

.woocommerce div.product form.cart.grouped_form table td,
.woocommerce div.product form.cart.grouped_form table th {
    border: 1px solid var(--border-color);
    text-align: left;
    padding: 20px 10px;
}

.woocommerce div.product form.cart {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.sr-product-summary-description {
    margin-bottom: 60px;
}

body.single-product .product-qyt {
    display: inline-block;
    margin: 6px 20px 0px 0;
}

.woocommerce div.product form.cart {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.product-qyt .quantity {
    display: flex;
    align-items: center;
    border: 1px solid var(--border-color);
    border-radius: var(--comman-radius);
    width: 160px;
}

body button.minus,
body button.plus,
body button.minus:hover,
body button.plus:hover {
    width: 50px;
    height: 40px;
    background: transparent;
    position: relative;
    outline: none;
    transition: 0.3s;
    color: var(--primary);
    min-width: auto;
    padding: 0;
    font-size: var(--sub-heading-font);
    line-height: 0;
    border-left: 0;
    border: none;
}

.woocommerce .quantity input[type="number"].qty {
    border: none;
    border-radius: 0;
    background: transparent;
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    height: 48px;
    width: 60px;
    margin: auto 0;
    padding: 0 5px;
    text-align: center;
    line-height: 50px;
}

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

.woocommerce-Reviews .woocommerce-Reviews-title {
    font-size: var(--sub-heading-font);
    font-weight: 600;
    margin: 0 0 15px;
}

.woocommerce div.product .woocommerce-tabs .panel div#review_form .comment-reply-title {
    font-size: inherit;
    font-weight: 500;
}

.woocommerce div#review_form_wrapper #review_form #respond.comment-respond .form-submit {
    margin: 0 0 19px;
}

body.woocommerce #reviews #comments ol.commentlist {
    padding: 0;
}

.woocommerce #reviews #comments ol.commentlist li {
    background: var(--bg);
    padding: 30px 30px;
    margin: 0 0 20px;
    border: var(--less-radius);
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 100px;
    border: none;
    padding: 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    top: 30px;
    left: 30px;
    padding: 0;
    width: 80px;
    border-radius: var(--circular-radius);
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    font-size: var(--global-title);
    font-weight: 600;
    margin: 0 0 6px;
    color: var(--title-color);
    text-transform: capitalize;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__published-date {
    color: var(--primary);
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--global-font);
    letter-spacing: .6px;
    position: relative;
}

body.single .star-rating span::before,
body .star-rating::before {
    letter-spacing: 0;
}

body.woocommerce #reviews #comments ol.commentlist {
    padding: 0;
    margin: 25px 0 10px;
}

.sr-product-summary-description .yith-wcwl-add-to-wishlist {
    margin: 0 0 20px;
}

.sr-product-summary-description .yith-wcwl-wishlistexistsbrowse a {
    color: var(--primary);
    font-weight: 500;
    margin: 0 0 0 10px;
}


/* Wishlist Page Style */

.woocommerce-wishlist .sr-main-page-container {
    padding: 80px 0 40px;
}

.woocommerce table.shop_table.wishlist_view td.product-name .yith-wcqv-button {
    display: none !important;
}

table.wishlist_table {
    font-size: var(--globle-font);
}

table.shop_table.cart.wishlist_table tbody.wishlist-items-wrapper .product-add-to-cart .add_to_cart {
    margin: 0 !important;
    padding: 12px 10px !important;
}

.yith_wcwl_wishlist_footer .yith-wcwl-share .fa {
    font-family: "Font Awesome 5 Brands";
}

.yith_wcwl_wishlist_footer .yith-wcwl-share .fa-facebook:before {
    content: "\f39e";
}

.yith_wcwl_wishlist_footer .yith-wcwl-share .fa-envelope-o:before {
    content: "\f0e0";
}

.yith-wcwl-share li a {
    min-width: 30px;
    min-height: 30px;
    border-radius: var(--circular-radius);
    height: 40px;
    padding: 0;
    width: 40px;
    line-height: 40px;
}

.yith_wcwl_wishlist_footer .yith-wcwl-share .fa.fa-envelope-o {
    font: normal normal normal 14px/1 FontAwesome;
}

.yith_wcwl_wishlist_footer .yith-wcwl-share .yith-wcwl-after-share-section {
    color: var(--primary);
}

.sr-product-info .yith-wcwl-add-to-wishlist {
    display: none;
}

.wishlist-title-container {
    display: none;
}


/* Related Products */

.sr-related-product-wrapper {
    width: 100%;
    padding: 29px 0 13px;
}

.sr-related-product-wrapper h4 {
    font-weight: 700;
}


/* Cart Single Page */

.woocommerce-cart .sr-main-page-container {
    padding: 80px 0 73px;
}

.woocommerce table.shop_table {
    border: none;
    margin: 0 0 40px;
    border-radius: 0;
    border-spacing: 0 0;
    border-bottom: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
    border-bottom: 0;
    text-align: left;
    border-right: 0;
}

.woocommerce-page .cart-collaterals .cart_totals table.shop_table {
    border: 1px solid var(--border-color);
    border-top: 0;
}

.woocommerce-cart .sr-blog-columns {
    margin-bottom: 43px;
}

.wc-proceed-to-checkout .checkout-button.button.alt.wc-forward {
    margin: 0;
}

.woocommerce a.remove {
    display: block;
    font-size: var(--sub-heading-font);
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    color: var(--white) !important;
    text-decoration: none;
    font-weight: 500;
    border: 0;
    background: var(--title-color);
    padding: 1px 0;
}

.woocommerce a.remove:hover {
    background: var(--primary) !important;
}

.woocommerce-cart #add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

td.product-name a,
.woocommerce table.shop_table td a {
    font-weight: 500;
    color: var(--title-color);
}

.woocommerce table.cart td.actions .coupon {
    margin-bottom: 0;
    float: left !important;
}

.cart-collaterals .cart_totals h2 {
    font-size: var(--heading-font);
    font-weight: 600;
    margin-bottom: 0;
    text-transform: capitalize;
    border: 1px solid var(--border-color);
    padding: 20px;
}

.cart-collaterals .cart_totals table th {
    padding: 20px;
    text-transform: capitalize;
    border: 1px solid var(--border-color);
    border-top: none;
    max-width: 100%;
    color: var(--title-color);
}

.woocommerce-cart .cart-collaterals .cart_totals tr td {
    padding: 20px;
    text-transform: capitalize;
    max-width: 100%;
}

body .woocommerce .checkout-button {
    width: 100%;
}

#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
    padding: 24px 0 0;
}

.woocommerce table.cart td.actions .coupon input#coupon_code {
    background: var(--bg);
    border: none;
    width: calc(100% - 170px);
    max-width: 200px;
    padding: 0 20px;
    margin: 0;
    border-radius: var(--less-radius-left);
}

.woocommerce table.cart td.actions .coupon button.button,
.woocommerce table.cart td.actions .coupon button.button {
    max-width: 150px;
    font-size: var(--globle-font);
    font-weight: 500;
    color: var(--white);
    background: var(--primary);
    min-height: 50px;
    border: none;
    border-radius: var(--less-radius-right);
}

.woocommerce table.cart td.actions .coupon button.button:hover,
.woocommerce table.cart td.actions .coupon button.button:hover {
    color: var(--white);
    background: var(--primary);
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    min-width: 170px;
    font-size: var(--globle-font);
    font-weight: 500;
    color: var(--white);
    background: var(--primary) !important;
    min-height: 50px;
    border: none;
    border-radius: var(--comman-radius);
    line-height: 50px;
    padding: 0 20px;
    text-align: center;
    overflow: hidden;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    color: var(--white);
    background: var(--primary) !important;
    -webkit-box-shadow: inset 0 0 0 2em var(--black);
    -moz-box-shadow: inset 0 0 0 2em var(--black);
    box-shadow: inset 0 0 0 2em var(--black);
}

.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button:focus {
    transition: box-shadow 0.5s;
    -webkit-box-shadow: inset 0 0 0 2em var(--black);
    -moz-box-shadow: inset 0 0 0 2em var(--black);
    box-shadow: inset 0 0 0 2em var(--black);
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
    cursor: not-allowed;
    opacity: .5;
    padding: 0 20px;
    min-width: 170px;
    font-size: var(--globle-font);
    font-weight: 500;
    color: var(--white);
    background: var(--primary);
    min-height: 50px;
    border: none;
    border-radius: var(--comman-radius);
}

.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
    color: var(--white);
    background: var(--primary);
}


/* Checkout Single Page */

.woocommerce-checkout .woocommerce form.checkout_coupon .form-row.form-row-first {
    width: calc(100% - 170px);
    display: flex;
    flex-wrap: wrap;
}

.woocommerce form.checkout_coupon .form-row.form-row-last {
    width: 170px;
    display: inline-block;
}

.woocommerce-checkout-review-order .form-row.place-order {
    margin: 0 0 0;
}

.col-1,
.col-2,
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    float: none;
    width: 100%;
    padding: 0;
}

.woocommerce p label {
    width: 100%;
    text-transform: capitalize;
}

.woocommerce-input-wrapper {
    width: 100%;
    display: inline-block;
}

.select2-container .select2-selection--single {
    width: 100%;
    height: 50px;
    border: 1px solid var(--input-border);
    border-radius: var(--less-radius);
    outline: none;
    background: var(--input-bg);
    padding: 12px 20px 12px 10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px;
    right: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--txt);
}

body .select2-dropdown {
    background-color: var(--bg);
    border: none;
    border-radius: var(--less-radius);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--border-color);
    margin: 0 0 20px;
    padding: 0 0 0 20px;
}

body .select2-results {
    padding: 0 0 0 20px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--primary);
    color: var(--txt);
}

.select2-results__option[aria-selected],
.select2-results__option[data-selected] {
    color: var(--txt);
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
    background-color: var(--offwhite);
}

.woocommerce form .form-row label {
    font-weight: 400;
    color: var(--title-color);
    margin: 0;
}

body.woocommerce-checkout .woocommerce form>div>div p {
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
}

body.woocommerce-checkout .woocommerce form>div>div .woocommerce-privacy-policy-text .woocommerce-privacy-policy-link {
    font-weight: 500;
}

form.woocommerce-EditAccountForm fieldset legend,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
h3#order_review_heading {
    font-size: var(--sub-heading-font);
    font-weight: 600;
    text-transform: capitalize;
    margin: 0px 0 20px;
    display: inline-block;
    width: 100%;
}

.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
    border-color: var(--primary);
}

body.woocommerce-checkout .woocommerce form>div>div,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    float: none;
    width: 100%;
    padding: 0;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: transparent;
    border-radius: 0;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    padding: 0;
    border-bottom: none;
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
    padding: 0;
}

.woocommerce-privacy-policy-text {
    margin: 25px 0 34px;
}

.woocommerce table.shop_table td {
    color: var(--title-color);
    font-weight: 500;
}

.woocommerce-privacy-policy-text p {
    margin: 0;
}

.woocommerce-additional-fields {
    margin: 0 0 45px;
    display: inline-block;
    width: 100%;
}

body .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p#order_comments_field {
    margin: 0;
}

body .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p#order_comments_field textarea#order_comments {
    height: 150px;
    padding: 20px;
}

.woocommerce-additional-fields h3 {
    margin: 0 0 15px;
}

.woocommerce-billing-fields__field-wrapper {
    margin: 0 0 45px;
}

.woocommerce-billing-fields h3 {
    margin: 0 0 15px;
}

.showcoupon {
    color: var(--primary);
    font-weight: 500;
}

.woocommerce form.checkout_coupon {
    padding: 26px 30px 24px;
    margin: 0 0 45px;
    text-align: left;
    border-radius: var(--less-radius);
    background: var(--white);
    box-shadow: 0 0 40px rgb(166 64 255 / 0.08);
    border: none;
    display: flex;
    flex-wrap: wrap;
}

.woocommerce form.checkout_coupon p,
.woocommerce form.login p,
.woocommerce form.register p {
    padding: 0;
}

.woocommerce form.checkout_coupon p button.button {
    border-radius: var(--less-radius-right);
}


/* Login */

.woocommerce form.login {
    padding: 21px 30px 30px;
    margin: 0 0 45px;
    text-align: left;
    border-radius: var(--less-radius);
    background: var(--white);
    box-shadow: 0 0 40px rgb(166 64 255 / 0.08);
    border: none;
    display: flex;
    flex-wrap: wrap;
}

.woocommerce form.login>p,
.woocommerce form.register>p {
    width: 100%;
    margin: 0 0 21px;
    padding: 0;
}

.woocommerce form.login .password-input,
.woocommerce form.register .password-input {
    width: 100%;
}

.sr-login-bottom {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 7px 0 26px;
    color: var(--title-color);
}

.sr-login-bottom a {
    color: var(--title-color);
}

.sr-login-bottom a:hover {
    color: var(--primary);
}

.sr-login-bottom>span {
    margin: 0 0 10px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    margin: 0;
    cursor: pointer;
}

.sr-remember-pswrd input {
    display: none
}

.sr-remember-pswrd span {
    margin: 0;
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

.sr-remember-pswrd span:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 18px;
    height: 18px;
    border: 1px solid var(--border-color);
    border-radius: 2px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s
}

.sr-remember-pswrd span:after {
    content: "";
    position: absolute;
    top: 6px;
    left: 4px;
    width: 10px;
    height: 6px;
    border-left: 2px solid var(--white);
    border-bottom: 2px solid var(--white);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    opacity: 0;
}

.sr-remember-pswrd input:checked~span:after {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sr-remember-pswrd input:checked~span:before {
    background-color: var(--title-color);
    border: 1px solid transparent
}

.sr-remember-pswrd input:checked~span {
    color: var(--title-color);
}


/* Register Page */

.woocommerce form.register {
    padding: 26px 30px 21px;
    margin: 0 0 45px;
    text-align: left;
    border-radius: var(--less-radius);
    background: var(--white);
    box-shadow: 0 0 40px rgb(166 64 255 / 0.08);
    border: none;
    display: flex;
    flex-wrap: wrap;
}


/*Lost Password*/

.woocommerce .woocommerce-ResetPassword {
    padding: 25px 30px 30px;
    margin: 0 0 30px;
    text-align: left;
    border-radius: var(--less-radius);
    background: var(--white);
    box-shadow: 0 0 40px rgb(166 64 255 / 0.08);
    border: none;
    display: flex;
    flex-wrap: wrap;
}

.woocommerce .woocommerce-ResetPassword>p {
    width: 100%;
    margin: 0 0 4px;
    padding: 0;
}

.woocommerce .woocommerce-ResetPassword>.woocommerce-form-row.woocommerce-form-row--first {
    margin: 0 0 40px;
}


/* My Account */

body.woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation {
    padding: 0 15px;
}

body.woocommerce-account .woocommerce nav.woocommerce-MyAccount-navigation ul {
    padding: 0;
    list-style: none;
}

nav.woocommerce-MyAccount-navigation ul li a {
    margin-bottom: 20px;
    border: 1px solid var(--border-color);
    padding: 10px 20px;
    border-radius: var(--radius10);
    display: inline-block;
    width: 100%;
    color: var(--title-color);
    font-weight: 500;
}

nav.woocommerce-MyAccount-navigation ul li a:hover,
nav.woocommerce-MyAccount-navigation ul li.is-active a {
    color: var(--primary);
    border-color: var(--primary);
}

form.woocommerce-EditAccountForm fieldset legend,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
.woocommerce-account .addresses .title h3,
h3#order_review_heading {
    font-size: var(--sub-heading-font);
    font-weight: 600;
    color: var(--title-color);
    margin-bottom: 15px;
}

.woocommerce-account .woocommerce-MyAccount-content h3 {
    margin-bottom: 20px;
}

.woocommerce-account .woocommerce span.password-input {
    width: 100%;
}

.woocommerce table.my_account_orders th {
    padding: 12px 10px;
}

.woocommerce table.shop_table td a.button {
    color: var(--white);
}

.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button,
body .woocommerce-noreviews a,
body .no-comments a {
    min-width: unset !important;
    background-color: transparent !important;
    background: transparent !important;
    color: var(--primary) !important;
    text-transform: capitalize !important;
    outline: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    font-size: var(--globle-font) !important;
    border-radius: 0 !important;
    min-height: unset !important;
    line-height: 1.2;
    box-shadow: none !important;
}

.woocommerce .woocommerce-error .button:hover,
.woocommerce .woocommerce-info .button:hover,
.woocommerce .woocommerce-message .button:hover,
.woocommerce-page .woocommerce-error .button:hover,
.woocommerce-page .woocommerce-info .button:hover,
.woocommerce-page .woocommerce-message .button:hover,
body .woocommerce-noreviews a:hover,
body .no-comments a:hover {
    color: var(--title-color) !important;
    background: transparent !important;
}

.woocommerce .woocommerce-error .button:before,
.woocommerce .woocommerce-info .button:before,
.woocommerce .woocommerce-message .button:before,
.woocommerce-page .woocommerce-error .button:before,
.woocommerce-page .woocommerce-info .button:before,
.woocommerce-page .woocommerce-message .button:before,
body .woocommerce-noreviews a:before,
body .no-comments a:before {
    content: unset !important;
}

.woocommerce-account .woocommerce-MyAccount-content button.button {
    margin-top: 30px;
}


/* Search Page*/


/* Blog Thumbs Page CSS */

.sr-blog-thumb-page-wrapper {
    padding: 80px 0 23px;
}

.sr-blog-thumb-page-wrapper .sr-blog-img img {
    max-height: 400px;
    min-width: 100%;
}


/**********************************
 	5. Demo CSS Start
 **********************************/


/* Revolution Slider Style */

.sunrays-banner *,
.sunrays-banner {
    font-family: var(--global-font) !important;
}


/* Partner Slider Style */

.sr-partner-slides img {
    filter: grayscale(1);
}

.sr-partner-slides img:hover {
    filter: grayscale(0);
}

.sr-partner-slides img:hover,
.sr-partner-slides img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


/* Service CSS Start */

.sr-service-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px 30px 33px;
    background: var(--white);
    color: var(--txt);
    position: relative;
    margin-bottom: 30px;
}

.sr-service-section:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    box-shadow: var(--shadow);
    border-radius: var(--radius10);
}

.sr-service-section:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    background: var(--primary);
    opacity: 0;
    width: 0%;
    margin: auto;
}

.sr-service-section:hover:after {
    opacity: 1;
    width: 100%;
}

.sr-service-wrapper .row {
    justify-content: center;
}

.sr-service-inner {
    position: relative;
}

.sr-service-section h4 {
    font-size: var(--widget-title);
    font-weight: 700;
    color: var(--title-color);
    padding: 0 0 17px;
    margin: 0 0 15px;
    position: relative;
}

.sr-service-section h4:before {
    background: var(--primary);
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    height: 2px;
    width: 80px;
    margin: auto;
}

.sr-service-icon span {
    display: inline-block;
    position: relative;
    margin: 0 0 25px;
}

.sr-service-icon img {
    position: relative;
    max-height: 70px;
}

.sr-service-inner p {
    margin-bottom: 11px;
}

.sr-read-more-link {
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--global-font);
    letter-spacing: .6px;
}

.sr-arrow {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 5px solid var(--primary);
    border-bottom: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
}

.sr-read-more-link .sr-arrow {
    margin-left: 3px;
    margin-bottom: 2px;
}

.sr-read-more-link:hover .sr-arrow {
    transform: translateX(6px);
}

.sr-service-section:hover h4 {
    color: var(--primary);
}

.sr-service-section:hover h4,
.sr-service-section h4,
.sr-read-more-link:hover,
.sr-read-more-link,
.sr-read-more-link .sr-arrow,
.sr-read-more-link:hover .sr-arrow,
.sr-read-more-link .sr-arrow {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sr-service-section,
.sr-service-section:hover,
.sr-service-section:after,
.sr-service-section:hover:after {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sr-service-wrapper .sr-btn-wrap {
    justify-content: center;
    margin: 10px 0 30px;
}

.sr-service-section:hover {
    box-shadow: 0 0 20px rgb(0 0 0 / 0.06);
}

.sr-bordered-services .sr-service-section {
    border: 1px solid var(--border-color);
}


/* About CSS Start */

.sr-about-wrapper {
    position: relative;
}

.sr-about-img img {
    max-height: 430px;
    width: 100%;
    object-fit: cover;
}

.sr-about-info ul {
    margin: 13px -15px 0;
    padding: 0 0 1px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.sr-about-info .sr-section-title h4 {
    margin: 10px 0 14px;
}

.sr-about-info ul li {
    padding: 0 15px 0;
    position: relative;
    min-height: 20px;
    margin: 0 0 8px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.sr-about-info ul li:hover {
    color: var(--primary);
}
.sr-about-info ul li,
.sr-about-info ul li:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sr-about-list {
    position: relative;
    display: flex;
    align-items: flex-start;
}
.sr-about-list img {
    /*width: 14px;*/
    /*height: 10px;*/
    object-fit: contain;
    vertical-align: middle;
    margin: 0 6px 0 0;
}
.about-style-one .sr-about-list img {
    width: auto;
    height: auto;
    max-height: 15px;
}
.sr-about-wrapper .sr-btn {
    margin: 18px 0 0;
}

.about-style-two .sr-section-title {
    max-width: 100%;
}

.about-style-two .sr-about-info .sr-btn-wrap {
    margin-top: 24px;
}

.sr-about-counter {
    margin: 10px 0 0;
}

.sr-about-counter-column {
    margin: 10px 0 0;
    position: relative;
    text-align: center;
}

.sr-about-counter-img {
    display: inline-block;
    width: 100%;
    margin: 0 0 14px;
}

.sr-about-counter-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    opacity: .2;
}

.sr-about-counter-img img {
    height: 40px;
    object-fit: cover;
}

.sr-about-counter-column h4 {
    font-size: var(--sub-heading-font);
    font-weight: 700;
    color: var(--primary);
    margin: 0 0 8px;
}

.sr-about-counter-column p {
    margin: 0;
    font-size: var(--globle-font);
    font-weight: 600;
    color: var(--title-color);
}

.sr-about2-img {
    position: relative;
}

.sr-img-text {
    display: inline-block;
    background: var(--primary);
    position: absolute;
    bottom: 0;
    right: 0;
}

.sr-img-text {
    display: flex;
    background: var(--primary);
    position: absolute;
    bottom: 20px;
    right: 20px;
    border-radius: 50px 50px 0px 50px;
    padding: 22px 20px;
    max-width: 390px;
    width: 100%;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: var(--white);
    font-weight: 600;
    font-size: var(--widget-title);
}

.sr-about-img-icon {
    margin-right: 20px;
}

.sr-img-text a {
    color: var(--white);
}

.sr-about2-img:hover .sr-img-text {
    border-radius: 0 50px 50px 50px;
}

.sr-about2-img,
.sr-about2-img:hover,
.sr-img-text,
.sr-about2-img:hover .sr-img-text {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sr-about2-img img {
    width: 100%;
}

.about-style-two .sr-section-title span {
    display: inline-block;
}

.about-style-two .sr-about-info ul li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    font-weight: 500;
}

.about-style-two .sr-about-info ul {
    margin-top: 19px;
}

.about-style-two .sr-about-info ul li img {
    width: 30px;
    height: 16px;
    margin: 4px 6px 0;
}

.sr-about-list span {
    width: calc(100% - 50px);
    display: inline-block;
}


/* Why Us CSS Start */

.sr-why-inner {
    display: flex;
    flex-wrap: wrap;
}

.sr-why-section {
    padding: 28px 30px 13px;
}

.sr-why-section:hover {
    box-shadow: 10px 12px 38px 0px rgb(0 0 0 / 8%);
}

.sr-why-section:hover,
.sr-why-section {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sr-why-icon {
    display: inline-block;
    width: 50px;
    margin: 0 0 10px;
}

.sr-why-info {
    display: inline-block;
    width: calc(100% - 50px);
    padding: 0 0 0 30px;
}

.sr-why-icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.sr-why-info h4 {
    font-size: var(--sub-heading-font);
    font-weight: 600;
    color: var(--title-color);
    margin: 0 0 6px;
}

.sr-why-info p {
    margin: 0 0 10px;
}

.sr-why-us-wrapper .sr-section-title {
    max-width: 100%;
}

.sr-why-us-desc {
    display: block;
    margin: 4px 0 24px;
}

.sr-why-section:hover .sr-why-info h4 {
    color: var(--primary);
}

.sr-why-section .sr-why-info h4,
.sr-why-section:hover .sr-why-info h4 {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sr-why-us-slider {
    position: relative;
}

.sr-slider-single-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.sr-slider-single-nav:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--white);
    opacity: .1;
    margin: auto;
}

.sr-slider-single-nav>div>svg {
    height: 15px;
    fill: var(--white);
}

.sr-slider-single-nav>div {
    background: var(--primary);
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.sr-why-us-wrapper .sr-section-title .sr-colored-heading {
    margin-bottom: 14px;
}

.sr-why-us-slider img {
    width: 100%;
}


/* Tab */

.sr-tabs-navigation {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 0 0 15px;
    position: relative;
}

.sr-tabs-navigation li {
    margin: 0;
    text-align: center;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    justify-content: center;
}

.sr-tabs-navigation li.active a {
    color: var(--white);
    background: var(--primary);
}

.sr-tabs-navigation li a {
    font-weight: 600;
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    width: 100%;
    cursor: pointer;
    text-align: center;
    color: var(--title-color);
    padding: 13px 10px;
    margin: 0 0 10px;
    background: var(--bg);
}

.sr-tabs-navigation li,
.sr-tabs-navigation li:before,
.sr-tabs-navigation li.active:before,
.sr-tabs-navigation li:hover:before,
.sr-tabs-navigation li.active a:before,
.sr-tabs-navigation li:hover a:before,
.sr-tabs-navigation li a:before,
.sr-tabs-navigation li a:before {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sr-tab-points {
    padding: 0;
    list-style: none;
    margin: 0 0 34px;
}

.sr-tab-points li {
    font-weight: 500;
    color: var(--title-color);
}

.sr-tab-points li img {
    width: auto;
    height: 18px;
    margin: 0 10px 0 0;
}

.sr-tabs-container {
    padding: 3px 0 0;
}


/* Testimonials CSS Start */

.sr-testimonial-container {
    max-width: 770px;
    margin: auto;
}

.swiper-container.gallery-thumbs {
    max-width: 150px;
    padding: 25px 0;
    margin-bottom: 10px;
	margin:0 auto 10px;
}

body .sr-testimoniosal-thumb img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border: 0;
    border-radius: var(--circular-radius);
    cursor: pointer;
}

.swiper-slide-thumb-active .sr-testimoniosal-thumb img {
    border: 3px solid var(--white);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

.sr-testimonial-inner {
    position: relative;
    text-align: center;
    width: calc(100% - 30px);
    margin-bottom: 30px;
    box-shadow: 0 0 50px rgb(0 0 0 / 0.08);
}

.sr-testimonial-inner:before {
    content: "";
    position: absolute;
    right: -30px;
    left: 30px;
    bottom: -30px;
    top: 30px;
    background: var(--white);
    border: none;
    border-radius: var(--radius10);
    box-shadow: 0 0 50px rgb(0 0 0 / 0.08);
}

.sr-testimonial-holder {
    position: relative;
    background: var(--white);
    z-index: 4;
    box-shadow: 0 0 50px rgb(0 0 0 / 0.08);
    border: none;
    border-radius: var(--radius10);
    padding: 33px 50px 46px;
}

.sr-testimonial-holder:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(../images/quote.svg);
    background-position: center;
    background-repeat: no-repeat;
    margin: 80px 0 0;
}

.sr-testimoniosal-info h4 {
    color: var(--title-color);
    font-size: var(--globle-font);
    font-weight: 600;
    margin: 0 0 0;
}

.sr-testimoniosal-info p {
    margin: 0 0 15px;
}


/* Swiper Control CSS */

.sr-testimonials-wrapper .pagination {
    margin: 58px auto -5px;
    text-align: center;
    width: 100%;
    display: block;
}

.sr-testimonials-wrapper .pagination span {
    background: var(--bullet-color);
    margin: 0 4px;
    height: 10px;
    width: 10px;
    opacity: 1;
}

.sr-testimonials-wrapper .pagination .swiper-pagination-bullet-active {
    background: var(--primary);
}

.sr-blog-thumb-page-wrapper .pagination {
    padding-bottom: 7px;
    margin-top: 43px;
}

.sr-slider-nav>div {
    height: 60px;
    width: 60px;
    line-height: 60px;
    position: relative;
    border: none;
    border-radius: var(--circular-radius);
    cursor: pointer;
    overflow: hidden;
    text-align: center;
}

.sr-slider-nav>div:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: var(--title-color);
}

.sr-slider-nav>div:hover:before {
    background: var(--primary);
}

.sr-slider-nav>div:hover:before,
.sr-slider-nav>div:before {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sr-slider-nav>div svg {
    fill: var(--white);
    height: 18px;
    width: 25px;
    position: relative;
}

.sr-slider-nav {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    max-width: 950px;
    margin: auto;
    top: 34.5%;
}

.sr-slider-nav .next-slide {
    position: absolute;
    right: 0;
}


/* Testimonials Style Two CSS Start */

.sr-testimonial2-container {
    position: relative;
}

.sr-testimonial2-inner {
    max-width: 970px;
    margin: auto;
    width: 100%;
    padding: 40px 15px 30px;
    position: relative;
    margin-bottom: 25px;
}

.sr-testimonial2-inner:before {
    content: "";
    background: var(--white);
    position: absolute;
    bottom: -25px;
    left: 50px;
    right: 50px;
    top: 0;
    box-shadow: 0 0 30px rgb(0 0 0 / 6%);
    margin: auto;
}

.sr-testimonial2-holder:before {
    content: "";
    background: var(--white);
    position: absolute;
    bottom: -26px;
    left: -12px;
    right: -12px;
    top: -40px;
    box-shadow: var(--shadow);
    margin: auto;
}

.sr-testimonial2-holder {
    position: relative;
}

.sr-testimoniosal2-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    max-width: 770px;
    margin: auto;
}

body .sr-testimoniosal2-thumb img {
	
    height: 70px;
    width: 70px;
    border: 3px solid var(--primary);
    border-radius: var(--circular-radius);
}

.sr-testimoniosal2-thumb {
    margin-bottom: 15px;
}

.sr-testimoniosal2-info p:first-child {
    margin: 0;
}

.sr-testimoniosal2-info h4 {
    margin: 15px 0 8px;
    font-weight: 700;
    font-size: var(--globle-font);
}

.sr-testimoniosal2-info h6 {
    color: var(--primary);
    font-size: var(--global-font);
    font-weight: 400;
}

.sr-testimonial2-container .sr-slider-nav {
    right: -20px;
    left: -20px;
    max-width: unset;
    z-index: 9;
}

.quote-icon-left svg,
.quote-icon-right svg {
    height: 46px;
    fill: var(--offwhite2);
}

.quote-icon-left {
    position: absolute;
    top: 0;
    left: 25px;
}

.quote-icon-right {
    position: absolute;
    bottom: 0;
    right: 25px;
}


/* Pricing CSS Start */

.sr-plans-section {
    background: var(--white);
    border: none;
    border-radius: var(--radius10);
    padding: 46px 50px 50px;
    margin: 0 0 40px;
    position: relative;
    overflow: hidden;
}

.sr-popular-plan {
    position: absolute;
    display: inline-block;
    right: -65px;
    top: -10px;
    background: var(--title-color);
    color: var(--white);
    padding: 0 0 0;
    text-transform: uppercase;
    transform: rotate(45deg);
    height: 72px;
    width: 180px;
    text-align: center;
    line-height: 100px;
    font-weight: 500;
}

.sr-plans-holder h4 {
    font-weight: 600;
    color: var(--title-color);
    font-size: var(--sub-heading-font);
    margin: 0 0 0;
    display: block;
    width: 100%;
}

.sr-plan-price span {
    font-size: var(--heading-font);
    font-weight: 700;
    color: var(--primary);
}

.sr-plan-price a {
    color: var(--primary);
}

.sr-plan-price sub {
    font-size: var(--globle-font);
    vertical-align: super;
}

.sr-plans-holder ul {
    list-style: none;
    padding: 0;
    margin: 28px 0 17px;
    width: 100%;
}

.sr-plans-holder ul li .sr-available-list svg {
    height: 12px;
    fill: var(--cart);
}

.sr-plans-holder ul li .sr-available-list.sr-not-available svg {
    fill: var(--wishlist);
}

.sr-plans-holder ul li .sr-available-list {
    margin: 0 15px 0 0;
    display: inline-block;
}

.sr-plans-holder ul li {
    margin: 0 0 18px;
    padding-left: 30px;
    position: relative;
    min-height: 15px;
}

.sr-plans-holder ul li span.sr-available-list {
    position: absolute;
    left: 0;
}

.sr-plans-holder p {
    margin: 0;
}

.sr-plan-price {
    display: inline-block;
    margin: 5px 0 6px;
}


/* Plan Tab */

.sr-plans-holder {
    display: flex;
    flex-wrap: wrap;
}

.sr-plan-btn {
    min-width: 260px;
    min-height: 50px;
    background: var(--white);
    border-radius: var(--comman-radius);
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    cursor: pointer;
    display: inline-block;
}

.sr-plan-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0px auto 30px;
}

.sr-plan-btn-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.sr-tabs {
    padding: 6px 6px;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sr-tabs li {
    margin: 0;
    display: inline-block;
    padding: 12px 10px;
    text-align: center;
    min-width: 130px;
    background: transparent;
    border-radius: var(--comman-radius);
}

.sr-tabs li a {
    display: inline-block;
    color: var(--title-color);
    font-weight: 500;
    font-size: var(--globle-font);
}

.sr-tabs li a:hover {
    color: var(--title-color);
}

.sr-tabs li.active {
    background: var(--primary);
}

.sr-tabs li.active a,
.sr-tabs li.active a:hover {
    color: var(--white);
}

.sr-tabs li.active,
.sr-tabs li {
    transition: all .3s linear;
}


/* Blog Thumb CSS Start */

.sr-blog-wrapper {
    padding-bottom: 50px;
}

.sr-blog-wrapper .row {
    justify-content: center;
}

.blog-style-one p {
    margin-bottom: 18px;
}

.sr-blog-img {
    display: inline-block;
    width: 100%;
}

.sr-blog-img img {
    max-height: 236px;
    width: 100%;
    min-width: 236px;
    object-fit: cover;
}

.sr-blog-data ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.sr-sm-icon svg {
    fill: var(--primary);
    height: 15px;
}

.sr-blog-date .sr-sm-icon {
    vertical-align: text-bottom;
    margin: 0 3px 0 0;
}

.sr-blog-date .sr-sm-icon svg {
    fill: var(--white);
}

.sr-blog-data ul li .sr-sm-icon {
    margin: 0 3px 0 0;
    vertical-align: text-bottom;
}

.sr-blog-data ul li:first-child {
    margin: 0 20px 0px 0;
}

.sr-blog-single-imgae {
    position: relative;
}

.sr-blog-title {
    font-size: var(--globle-font);
    font-weight: 700;
    color: var(--title-color);
    margin: 0;
    line-height: 1.5;
}

.sr-blog-thumb-page-wrapper .sr-blog-details .sr-blog-title {
    font-size: var(--sub-heading-font);
    margin: 0 0 5px;
}

.sr-blog-wrapper .sr-blog-title {
    font-size: var(--widget-title);
    margin: 0px 0 7px;
}

.sr-blog-data {
    margin: 10px 0 20px;
}

.sr-blog-thumb-page-wrapper .sr-blog-details .sr-blog-data {
    margin: 10px 0 20px;
}

.sr-blog-wrapper .sr-blog-data {
    margin: 9px 0 15px;
}

.sr-blog-columns .sr-blog-thumb-section .sr-blog-details .sr-read-more-link {
    margin-top: 10px;
}

.sr-blog-data a {
    font-weight: 500;
    text-transform: capitalize;
}

.sr-read-more-link,
.sr-read-more-link:visited,
.sr-read-more-link:hover,
.sr-read-more-link:focus {
    color: var(--primary);
}

.edit-btn-read-more-wrap .sr-read-more-link .sr-arrow {
    margin-bottom: 1px;
}

.sr-blog-details .sr-read-more-link:visited {
    color: var(--primary);
}

.sr-blog-date {
    position: absolute;
    font-weight: 500;
    top: 0;
    right: 30px;
    background: var(--primary);
    color: var(--white);
    padding: 14px 10px 8px;
    display: inline-block;
    text-align: center;
    border-radius: 0 0 10px 10px;
    min-height: auto;
    min-width: 70px;
    max-width: 100px;
    text-transform: uppercase;
}

.sr-blog-date>span {
    font-size: 36px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 3px;
    display: inline-block;
    width: 100%;
    min-height: 32px;
}

.sr-blog-single-data {
    width: 100%;
}

.sr-blog-img {
    position: relative;
    display: inline-block;
    width: 100%;
}

.sr-blog-thumb-section {
    margin: 0 0 44px;
}

.sr-blog-title:hover {
    color: var(--primary);
}

.sr-blog-title:hover,
.sr-blog-title {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sr-blog-img-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.sr-blog-img-inner:before {
    content: "";
    position: absolute;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: var(--black);
    opacity: 0;
    border-radius: var(--circular-radius);
    -webkit-transform: scale(.2);
    transform: scale(.2);
    transition: all .1s ease-out;
}

.sr-blog-thumb-section:hover .sr-blog-img-inner:before {
    opacity: .3;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .3s ease-in;
}

.sr-recent-post-widgets ul li {
    margin: 0 0 10px;
}

.sr-recent-post-widgets ul li:last-child {
    margin: 0 0 30px;
}

.sr-blog-thumb-section {
    background: var(--white);
    box-shadow: var(--shadow);
    border-radius: var(--radius10);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    overflow: hidden;
}

.sr-blog-thumb-section .sr-blog-details {
    padding: 26px 30px 33px;
}

.sr-blog-columns .sr-blog-thumb-section .sr-blog-details {
    padding: 25px 30px 33px;
}

.sr-blog-thumb-page-wrapper .sr-blog-details p {
    margin-bottom: 8px;
}


/* Industry CSS Start */

.sr-industry-inner {
    display: flex;
    flex-wrap: wrap;
}

.sr-industry-section {
    margin: 0 0;
    padding: 28px 30px 13px;
}

.sr-industry-section:hover {
    box-shadow: 10px 12px 38px 0px rgb(0 0 0 / 8%);
}

.sr-industry-section:hover,
.sr-industry-section {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sr-industry-wrapper {
    padding: 77px 0 36px;
}

.sr-industry-icon {
    display: inline-block;
    width: 50px;
    margin: 0 0 10px;
}

.sr-industry-info {
    display: inline-block;
    width: calc(100% - 50px);
    padding: 0 0 0 30px;
}

.sr-industry-icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.sr-industry-info h4 {
    font-size: var(--sub-heading-font);
    font-weight: 600;
    color: var(--title-color);
    margin: 0 0 6px;
}

.sr-industry-info p {
    margin: 0 0 10px;
}

.sr-industry-wrapper .sr-section-title {
    max-width: 100%;
}

.sr-industry-desc {
    display: block;
    margin: 4px 0 24px;
}

.sr-industry-section:hover .sr-industry-info h4 {
    color: var(--primary);
}

.sr-industry-section .sr-industry-info h4,
.sr-industry-section:hover .sr-industry-info h4 {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sr-industry-img img {
    width: 100%;
    object-fit: cover;
}

.sr-industry-information .sr-colored-heading {
    margin-bottom: 14px;
}

.sr-industry-information .sr-section-title .sr-colored-heading span {
    display: inline-block;
}


/* Counter CSS Start */

.sr-counter-section {
    margin: 0 0 34px;
}

.sr-counter-info h4 {
    font-weight: 700;
    font-size: var(--heading-font);
    margin: 22px 0 0;
}

.sr-counter-info p {
    color: var(--primary);
    font-weight: 500;
    margin: 0;
}

.sr-counter-icon {
    position: relative;
    height: 100px;
    width: 100px;
    text-align: center;
    line-height: 100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.sr-counter-icon:before {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    border-radius: var(--circular-radius);
    border: 2px dashed var(--primary);
    animation: rotate-animation 10s infinite linear;
}

@keyframes rotate-animation {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.sr-counter-icon img {
    position: relative;
    height: 30px;
}

.sr-counter-icon .sr-counter-imgg {
    background: var(--primary);
    position: relative;
    height: 80px;
    display: inline-block;
    line-height: 80px;
    width: 80px;
    border-radius: var(--circular-radius);
}


/* About Modules CSS Start */

.sr-modules-wrapper {
    position: relative;
    padding-bottom: 20px;
}

.sr-modules-img img {
    max-height: 500px;
}

.sr-modules-info ul {
    margin: 13px -15px 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.sr-modules-info .sr-section-title h4 {
    margin: 10px 0 9px;
}

.sr-modules-list {
    position: relative;
}

.sr-modules-list img {
    width: 14px;
    height: 10px;
    object-fit: contain;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.sr-modules-wrapper .sr-btn {
    margin: 20px 0 0;
}

.sr-module-listing {
    margin: 34px 0 0;
}

.sr-modules-list {
    background: var(--white);
    width: 100%;
    margin: 0 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 0 20px rgb(0 0 0 / 0.04);
    min-height: 100px;
    border-left: 2px solid var(--title-color);
    font-weight: 500;
}

.sr-module-listing .row {
    margin: 0 -10px;
}

.sr-module-listing [class^="col-"] {
    padding: 0 10px;
}

.sr-modules-list h5 {
    font-size: var(--sub-heading-font);
    font-weight: 700;
    color: var(--title-color);
    margin: 0 0 3px;
}

.sr-module-listing [class^="col-"]:nth-child(1) .sr-modules-list {
    border-color: var(--list1);
}

.sr-module-listing [class^="col-"]:nth-child(1) .sr-modules-list h5 {
    color: var(--list1);
}

.sr-module-listing [class^="col-"]:nth-child(2) .sr-modules-list {
    border-color: var(--list2);
}

.sr-module-listing [class^="col-"]:nth-child(2) .sr-modules-list h5 {
    color: var(--list2);
}

.sr-module-listing [class^="col-"]:nth-child(3) .sr-modules-list {
    border-color: var(--list3);
}

.sr-module-listing [class^="col-"]:nth-child(3) .sr-modules-list h5 {
    color: var(--list3);
}

.sr-module-listing [class^="col-"]:nth-child(4) .sr-modules-list {
    border-color: var(--list4);
}

.sr-module-listing [class^="col-"]:nth-child(4) .sr-modules-list h5 {
    color: var(--list4);
}

.sr-module-listing [class^="col-"]:nth-child(5) .sr-modules-list {
    border-color: var(--list5);
}

.sr-module-listing [class^="col-"]:nth-child(5) .sr-modules-list h5 {
    color: var(--list5);
}

.sr-module-listing [class^="col-"]:nth-child(6) .sr-modules-list {
    border-color: var(--list6);
}

.sr-module-listing [class^="col-"]:nth-child(6) .sr-modules-list h5 {
    color: var(--list6);
}

.sr-module-listing [class^="col-"]:nth-child(7) .sr-modules-list {
    border-color: var(--list6);
}

.sr-module-listing [class^="col-"]:nth-child(7) .sr-modules-list h5 {
    color: var(--list6);
}

.sr-module-listing [class^="col-"]:nth-child(8) .sr-modules-list {
    border-color: var(--list6);
}

.sr-module-listing [class^="col-"]:nth-child(8) .sr-modules-list h5 {
    color: var(--list6);
}

.sr-module-listing [class^="col-"]:nth-child(9) .sr-modules-list {
    border-color: var(--list6);
}

.sr-module-listing [class^="col-"]:nth-child(9) .sr-modules-list h5 {
    color: var(--list6);
}

.sr-module-listing [class^="col-"]:nth-child(10) .sr-modules-list {
    border-color: var(--list6);
}

.sr-module-listing [class^="col-"]:nth-child(10) .sr-modules-list h5 {
    color: var(--list6);
}

.sr-module-listing [class^="col-"]:nth-child(11) .sr-modules-list {
    border-color: var(--list6);
}

.sr-module-listing [class^="col-"]:nth-child(11) .sr-modules-list h5 {
    color: var(--list6);
}

.sr-module-listing [class^="col-"]:nth-child(12) .sr-modules-list {
    border-color: var(--list6);
}

.sr-module-listing [class^="col-"]:nth-child(12) .sr-modules-list h5 {
    color: var(--list6);
}

.sr-modules-list {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.sr-modules-list:hover {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
}

.sr-modules-list,
.sr-modules-list:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sr-modules-info .sr-section-title .sr-colored-heading span {
    display: inline;
}


/* Team CSS Start */

.sr-team-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--white);
    position: relative;
}

.sr-team-section:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    box-shadow: 0 0 20px rgb(0 0 0 / 0.06);
    border-radius: var(--radius10);
}

.sr-team-img {
    position: relative;
    width: 100%;
}

.sr-team-img:before {
    content: "";
    position: absolute;
    background: var(--black);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: var(--radius10-top);
    opacity: 0;
    visibility: hidden;
}

.sr-team-section:hover .sr-team-img:before {
    opacity: .6;
    visibility: visible;
}

.sr-team-section .sr-team-img:before,
.sr-team-section:hover .sr-team-img:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sr-team-social {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

.sr-team-social ul {
    padding: 0;
    list-style: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.sr-team-social ul li a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: none;
    border-radius: var(--circular-radius);
    background: var(--white);
    text-align: center;
    color: var(--primary);
}

.sr-team-social ul li a:hover {
    background: var(--primary);
    color: var(--white);
}

.sr-team-social ul li .sr-facebook {
    color: var(--facebook);
}

.sr-team-social ul li .sr-facebook:hover {
    background: var(--facebook);
}

.sr-team-social ul li .sr-twitter {
    color: var(--twitter);
}

.sr-team-social ul li .sr-twitter:hover {
    background: var(--twitter);
}

.sr-team-social ul li .sr-instagram {
    color: var(--instagram);
}

.sr-team-social ul li .sr-instagram:hover {
    background: var(--instagram);
}

.sr-team-social ul li {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transition: translateY(-30px);
    opacity: 0;
    visibility: hidden;
    margin: 0 10px;
}

.sr-team-section:hover .sr-team-social ul li:first-child,
.sr-team-section:hover .sr-team-social ul li:nth-child(2),
.sr-team-section:hover .sr-team-social ul li:nth-child(3) {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transition: translateY(0);
    opacity: 1;
    visibility: visible;
}

.sr-team-social ul li:first-child {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.sr-team-social ul li:nth-child(2) {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.sr-team-social ul li:nth-child(3) {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.sr-team-img img {
    max-height: 280px;
    min-height: 280px;
    object-fit: cover;
    width: 100%;
    border-radius: var(--radius10-top);
}

.sr-team-info h4 {
    font-size: var(--sub-heading-font);
    font-weight: 600;
    color: var(--title-color);
    margin: 15px 0 4px;
    position: relative;
}

.sr-team-section:hover h4 {
    color: var(--primary);
}

.sr-team-section:hover h4,
.sr-team-section h4 {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sr-team-info {
    padding: 10px 0;
}

.sr-team-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.sr-team-info p {
    margin: 0 0 13px;
}


/* Video Module CSS */

.sr-main-video {
    position: relative;
    border: none;
    border-radius: var(--radius10);
    overflow: hidden;
}

.sr-play-btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.sr-play-btn:before {
    content: "";
    opacity: 0.1;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: var(--primary);
}

.popup-youtube {
    position: relative;
    color: var(--white);
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: transparent;
    border: 2px solid var(--white);
    border-radius: var(--circular-radius);
    font-size: 30px;
}

.popup-youtube i {
    color: var(--white);
}


/* Contact Page CSS */

.sr-contact-wrapper {
    padding: 80px 0 0;
    margin: 0 0 -315px;
    position: relative;
    z-index: 99;
}

.sr-contact-inner {
    position: relative;
    background: var(--white);
}

.sr-contact-inner:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    box-shadow: 0 0 20px rgb(0 0 0 / 0.06);
    border-radius: var(--radius10);
}

.sr-contact-img {
    border: none;
    border-radius: var(--radius10);
    overflow: hidden;
    text-align: center;
}

.sr-contact-form {
    padding: 45px 35px 50px 50px;
}

.sr-contact-form .input-wrap textarea {
    margin: 0;
    height: 155px;
}

.sr-contact-title h4 {
    font-size: var(--sub-heading-font);
    font-weight: 700;
    margin: 0px 0 4px;
}

.sr-contact-title {
    margin: 0 0 37px;
}

.bg-primary {
    background: var(--primary) !important;
}

.sr-contact-details-icon {
    width: 70px;
    text-align: center;
}

.sr-contact-details-col {
    display: flex;
    flex-wrap: wrap;
}

.sr-contact-details-icon svg {
    fill: var(--white);
    height: 50px;
}

.sr-contact-details-info {
    width: calc(100% - 70px);
    padding: 0 0 0 20px;
}

.sr-contact-details {
    color: var(--white);
}

.sr-contact-info-title h4 {
    color: var(--white);
    margin: 0 0 10px;
    font-weight: 700;
    font-size: var(--sub-heading-font);
}

.sr-contact-details-info h4 {
    color: var(--white);
    font-weight: 600;
    font-size: var(--widget-title);
    margin: 0 0 2px;
}

.sr-contact-details-col {
    margin: 0 0 50px;
    padding-bottom: 42px;
    position: relative;
}

.sr-contact-details-col:before {
    position: absolute;
    content: "";
    left: -50px;
    right: -50px;
    bottom: 0;
    background: var(--white);
    height: 1px;
    opacity: .1;
}

.sr-contact-details {
    padding: 45px 30px 0px 35px;
}

.sr-contact-info-title {
    margin: 0 0 45px;
}

.sr-contact-details-col:last-of-type {
    margin: 0;
}

.sr-contact-details-col:last-of-type:before {
    content: unset;
}

.sr-contact-details-info p {
    margin: 0 0 5px;
}


/* Service Color CSS */

.sr-services-colored-boxes {}

.sr-services-colored-boxes .colored .sr-service-icon span {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 80px;
    position: relative;
}

.sr-services-colored-boxes .colored .sr-service-icon span:before {
    background: var(--cart);
    border-radius: 50%;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    opacity: .1;
    bottom: 0;
}

.sr-services-colored-boxes .colored .sr-service-icon span img {
    height: 40px;
}

.sr-services-colored-boxes .colored .sr-service-section:after {
    background: var(--cart);
}

.sr-services-colored-boxes .colored .sr-service-section:hover h4 {
    color: var(--cart);
}

.sr-services-colored-boxes .colored .sr-service-section h4:before {
    background: var(--cart);
}

.sr-services-colored-boxes .colored .sr-service-section .sr-read-more-link {
    color: var(--cart);
}

.sr-services-colored-boxes .colored .sr-service-section .sr-read-more-link .sr-arrow {
    border-left: 5px solid var(--cart);
}

.sr-services-colored-boxes .colored:first-of-type .sr-service-section .sr-read-more-link,
.sr-services-colored-boxes .colored:nth-child(7) .sr-service-section .sr-read-more-link {
    color: #6c5aed;
}

.sr-services-colored-boxes .colored:first-of-type .sr-service-section .sr-read-more-link .sr-arrow,
.sr-services-colored-boxes .colored:nth-child(7) .sr-service-section .sr-read-more-link .sr-arrow {
    border-left: 5px solid #6c5aed;
}

.sr-services-colored-boxes .colored:first-of-type .sr-service-icon span:before,
.sr-services-colored-boxes .colored:nth-child(7) .sr-service-icon span:before {
    background: #6c5aed;
}

.sr-services-colored-boxes .colored:first-of-type .sr-service-section:after,
.sr-services-colored-boxes .colorednth:nth-child(7) .sr-service-section:after {
    background: #6c5aed;
}

.sr-services-colored-boxes .colored:first-of-type .sr-service-section:hover h4,
.sr-services-colored-boxes .colored:nth-child(7) .sr-service-section:hover h4 {
    color: #6c5aed;
}

.sr-services-colored-boxes .colored:first-of-type .sr-service-section h4:before,
.sr-services-colored-boxes .colored:nth-child(7) .sr-service-section h4:before {
    background: #6c5aed;
}

.sr-services-colored-boxes .colored:nth-child(2) .sr-service-section .sr-read-more-link,
.sr-services-colored-boxes .colored:nth-child(8) .sr-service-section .sr-read-more-link {
    color: #068efe;
}

.sr-services-colored-boxes .colored:nth-child(2) .sr-service-section .sr-read-more-link .sr-arrow,
.sr-services-colored-boxes .colored:nth-child(8) .sr-service-section .sr-read-more-link .sr-arrow {
    border-left: 5px solid #068efe;
}

.sr-services-colored-boxes .colored:nth-child(2) .sr-service-icon span:before,
.sr-services-colored-boxes .colored:nth-child(8) .sr-service-icon span:before {
    background: #068efe;
}

.sr-services-colored-boxes .colored:nth-child(2) .sr-service-section:after,
.sr-services-colored-boxes .colored:nth-child(8) .sr-service-section:after {
    background: #068efe;
}

.sr-services-colored-boxes .colored:nth-child(2) .sr-service-section:hover h4,
.sr-services-colored-boxes .colored:nth-child(8) .sr-service-section:hover h4 {
    color: #068efe;
}

.sr-services-colored-boxes .colored:nth-child(2) .sr-service-section h4:before,
.sr-services-colored-boxes .colored:nth-child(8) .sr-service-section h4:before {
    background: #068efe;
}

.sr-services-colored-boxes .colored:nth-child(3) .sr-service-section .sr-read-more-link,
.sr-services-colored-boxes .colored:nth-child(9) .sr-service-section .sr-read-more-link {
    color: #53d575;
}

.sr-services-colored-boxes .colored:nth-child(3) .sr-service-section .sr-read-more-link .sr-arrow,
.sr-services-colored-boxes .colored:nth-child(9) .sr-service-section .sr-read-more-link .sr-arrow {
    border-left: 5px solid #53d575;
}

.sr-services-colored-boxes .colored:nth-child(3) .sr-service-icon span:before,
.sr-services-colored-boxes .colored:nth-child(9) .sr-service-icon span:before {
    background: #53d575;
}

.sr-services-colored-boxes .colored:nth-child(3) .sr-service-section:after,
.sr-services-colored-boxes .colored:nth-child(9) .sr-service-section:after {
    background: #53d575;
}

.sr-services-colored-boxes .colored:nth-child(3) .sr-service-section:hover h4,
.sr-services-colored-boxes .colored:nth-child(9) .sr-service-section:hover h4 {
    color: #53d575;
}

.sr-services-colored-boxes .colored:nth-child(3) .sr-service-section h4:before,
.sr-services-colored-boxes .colored:nth-child(9) .sr-service-section h4:before {
    background: #53d575;
}

.sr-services-colored-boxes .colored:nth-child(4) .sr-service-section .sr-read-more-link {
    color: #f4ab23;
}

.sr-services-colored-boxes .colored:nth-child(4) .sr-service-section .sr-read-more-link .sr-arrow {
    border-left: 5px solid #f4ab23;
}

.sr-services-colored-boxes .colored:nth-child(4) .sr-service-icon span:before {
    background: #f4ab23;
}

.sr-services-colored-boxes .colored:nth-child(4) .sr-service-section:after {
    background: #f4ab23;
}

.sr-services-colored-boxes .colored:nth-child(4) .sr-service-section:hover h4 {
    color: #f4ab23;
}

.sr-services-colored-boxes .colored:nth-child(4) .sr-service-section h4:before {
    background: #f4ab23;
}

.sr-services-colored-boxes .colored:nth-child(5) .sr-service-section .sr-read-more-link {
    color: #54c5fe;
}

.sr-services-colored-boxes .colored:nth-child(5) .sr-service-section .sr-read-more-link .sr-arrow {
    border-left: 5px solid #54c5fe;
}

.sr-services-colored-boxes .colored:nth-child(5) .sr-service-icon span:before {
    background: #54c5fe;
}

.sr-services-colored-boxes .colored:nth-child(5) .sr-service-section:after {
    background: #54c5fe;
}

.sr-services-colored-boxes .colored:nth-child(5) .sr-service-section:hover h4 {
    color: #54c5fe;
}

.sr-services-colored-boxes .colored:nth-child(5) .sr-service-section h4:before {
    background: #54c5fe;
}

.sr-services-colored-boxes .colored:nth-child(6) .sr-service-section .sr-read-more-link {
    color: #f03882;
}

.sr-services-colored-boxes .colored:nth-child(6) .sr-service-section .sr-read-more-link .sr-arrow {
    border-left: 5px solid #f03882;
}

.sr-services-colored-boxes .colored:nth-child(6) .sr-service-icon span:before {
    background: #f03882;
}

.sr-services-colored-boxes .colored:nth-child(6) .sr-service-section:after {
    background: #f03882;
}

.sr-services-colored-boxes .colored:nth-child(6) .sr-service-section:hover h4 {
    color: #f03882;
}

.sr-services-colored-boxes .colored:nth-child(6) .sr-service-section h4:before {
    background: #f03882;
}


/* About Style */

.about-style-one .sr-about-list img {
    margin-top: 6px;
}

.about-style-one .sr-about-img img {
    max-height: initial;
}

.sr-tabs-content-wrap .sr-tab-content {
    transform: translate(0, 0) scale(.8);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.sr-tabs-content-wrap .sr-tab-content.animationn {
    transform: translate(0, 0) scale(1);
     transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}


/* Features Section  */

.sr-features-wrapper .row {
    align-items: center;
}

.sr-features-box {
    background: var(--white);
    border-radius: 20px;
    padding: 28px 30px 18px;
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
    margin: 0 0 30px;
    border: 2px solid var(--white);
}

.sr-features-img {
    text-align: center;
}

.sr-features-icon {
    width: 80px;
    height: 80px;
}

.sr-features-text {
    width: calc(100% - 80px);
    padding-left: 20px;
}

.sr-features-text h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 6px;
}

.sr-features-main-section {
    margin: 0 0 40px;
}

.sr-features-box:hover h3 {
    color: var(--primary);
}

.sr-features-box:hover h3,
.sr-features-box:hover,
.sr-features-box,
.sr-features-box h3 {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.sr-features-box:hover {
    border-color: var(--primary);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

.sr-features-text p {
    margin: 0;
}

/**/

.sr-dark-background .sr-slider-nav>div:before {
    background: var(--white);
    opacity: .1;
}

.sr-dark-background .sr-slider-nav>div:hover:before {
    opacity: 1;
}

.sr-dark-background .sr-slider-nav>div:hover svg {
    fill: var(--primary);
}

.sr-dark-background .sr-slider-nav>div:hover svg,
.sr-dark-background .sr-slider-nav>div:hover:before {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


/* Dark BG CSS ADDED */

.sr-dark-background .sr-sub-title span {
    color: var(--white);
}

.sr-dark-background .sr-sub-title span:before {
    background: var(--white);
}

.sr-dark-background .sr-section-title .sr-colored-heading,
.sr-dark-background .sr-section-title h4 {
    color: var(--white);
}


/* Why Us with less spacing */

.sr-list-less-padder .sr-why-section {
    padding: 0;
    margin: 0 0 20px;
}

.sr-list-less-padder .sr-why-section:hover {
    box-shadow: none;
}


/* Header Logo Demo Two */

.home-style-two.home.absolute-header .sr-header-style-one:not(.fixed-header) .sr-logo svg path {
    fill: var(--white)
}

.home-style-two.home.absolute-header .sr-header-style-one:not(.fixed-header) .menu li.current-menu-item>a,
.home-style-two.home.absolute-header .sr-header-style-one:not(.fixed-header) .menu li.current-menu-item>a:focus,
.home-style-two.home.absolute-header .sr-header-style-one:not(.fixed-header) .menu li.current-menu-item>a:visited {
    color: var(--white);
}

.home-style-two.home.absolute-header .sr-header-style-one:not(.fixed-header) .menu li.current-menu-item>a:before,
.home-style-two.home.absolute-header .sr-header-style-one:not(.fixed-header) .menu li.current-menu-item>a:focus:before,
.home-style-two.home.absolute-header .sr-header-style-one:not(.fixed-header) .menu li.current-menu-item>a:visited:before {
    background: var(--white);
}

.home-style-two.home.absolute-header .sr-top-header-style-one {
    border-color: rgb(255 255 255 / 24%);
}

.home-style-two.home.absolute-header .sr-header-style-one:not(.fixed-header) .sr-nav-style-one .menu>li:hover>a:before {
    background: var(--white);
}
.absolute-header .sr-header-style-two ~ div#primary main#main .sr-breadcrumb-wrapper,
.absolute-header .sr-header-style-two ~ .sr-breadcrumb-wrapper,
.absolute-header .sr-header-style-two ~ .sr-main-container .sr-breadcrumb-wrapper {
    padding-top: 200px;
}
/* Gallery Style */
.sr-gallery-thumb {
    position: relative;
    display: block;
    margin: 0 0 30px;
}
.sr-gallery-thumb-inner {
    position: relative;
    display: block;
    z-index: 1;
}
.sr-gallery-thumb-inner:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    width: 3px;
    height: 0;
    content: "";
    background-image: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
    transition: all 300ms ease;
    z-index: 2;
}
.sr-gallery-thumb-inner:after {
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 30px;
    height: 3px;
    width: 0;
    content: "";
    background-image: -moz-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.01) 99%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.01) 99%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.01) 99%, rgb(255, 255, 255) 100%);
    transition: all 500ms ease;
    z-index: 2;
}
.sr-gallery-thumb:hover .sr-gallery-thumb-inner:before {
    height: 100%;
    transition-delay: 300ms;
}
.sr-gallery-thumb:hover .sr-gallery-thumb-inner:after {
    width: 101%;
    transition-delay: 300ms;
}
.sr-gallery-img {
    position: relative;
    display: block;
    border-radius: 6px;
    overflow: hidden;
    z-index: 1;
}
.sr-gallery-img:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: var(--primary);
    border-radius: 6px;
    -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    transform: perspective(400px) rotateX(90deg) scaleY(0.5);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
    transition-property: all;
    z-index: 1;
    opacity: .9;
}
.sr-gallery-thumb:hover .sr-gallery-img:before {
    -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .5s;
    transition-property: all;
}
.sr-gallery-img img {
    width: 100%;
    border-radius: 6px;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 300ms ease;
}
.sr-gallery-content {
    position: absolute;
    left: 60px;
    bottom: 50px;
    opacity: 0;
    transform: translateY(-50px);
    transition: all 500ms ease;
    z-index: 2;
}
.sr-gallery-content h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: var(--white);
    margin: 0;
}
.sr-gallery-thumb:hover .sr-gallery-content {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 500ms;
}
.sr-gallery-img-view {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
    background-color: var(--title-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(0);
    transition: all 500ms ease;
    z-index: 2;
}
.sr-gallery-thumb:hover .sr-gallery-img-view {
    transform: scale(1);
    opacity: 1;
    transition-delay: 300ms;
}
.sr-gallery-img-view .gallery-img {
    color: var(--white);
}

/* Title Styles CSS */
.sr-titles {
    position: relative;
    width: 100%;
}
/* style 1*/
.title-style-one {
    text-align: center;
}
.title-style-one:before {
    content: "";
    position: absolute;
    background: var(--border-color);
    height: 1px;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}
.title-style-one h4 {
    display: inline-block;
    margin: 0;
    position: relative;
    z-index: 1;
    background: var(--white);
    padding: 0 20px;
    font-size: 26px;
    font-weight: 700;
}
/* Style 2*/
.title-style-two {
    padding-left: 30px;
}
.title-style-two h4 {
    font-size: 32px;
    font-weight: 600;
    margin: 0;
}
.title-style-two:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: var(--primary);
    left: 0;
    border-radius: 50%;
    top: 0;
    bottom: 1px;
    margin: auto;
}
/* Style 3*/
.title-style-three {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px;
    justify-content: space-between;
    align-items: center;
}
.title-style-three h4 {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    position: relative;
    padding-left: 20px;
}
.title-style-three h4:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--primary);
    height: 70%;
    margin: auto;
    border-radius: 30px ;
}
.sr-link {
    display: inline-flex;
    font-size: 14px;
    color: var(--title-color);
    font-weight: 600;
    position: relative;
}
.sr-link span {
    margin-left: 6px;
    width: 12px;
}
.sr-link:before {
    content: "";
    position: absolute;
    height: 1px;
    background: var(--title-color);
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
}
.sr-link:before,
.sr-link:hover:before,
.sr-link {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sr-link:hover:before {
    width: 50%;
    background: var(--primary);
}
/* Style 4*/
.title-style-four {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 20px;
}
.title-style-four h4 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}
.title-style-four .sr-btn {
    padding: 8px 15px;
    font-size: 12px;
    font-weight: 500;
    min-width: 100px;
}

/* Header 3 Style */
.sr-header-style-three {

}
.sr-top-navigation ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
    grid-gap: 10px;
}
.sr-top-navigation ul li {
    margin: 0;
}
.sr-top-navigation ul li a {
    display: inline-block;
    color: var(--white);
    padding: 0 3px;
}
.sr-top-navigation ul li a:hover {
    color: var(--primary);
}
.sr-header-style-three .sr-top-header-style-one {
    background: #000000;
    border: 0;
    padding: 12px 0px 12px;
}
.sr-header-style-three .header_row {
    align-items: center;
}
.sr-store-header-title {
    text-align: center;
    color: var(--white);
}
.sr-store-header-title strong {
    color: #ffc800;
}
.sr-store-header-title i {
    margin-right: 6px;
    vertical-align: middle;
}
.sr-store-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    grid-gap: 10px;
    align-items: center;
}
.sr-store-actions > * {
    padding: 0 5px;
}
.sr-store-actions .sr-login-wrap span {
    margin-right: 0;
}
.sr-store-actions .sr-login-wrap span svg {
    height: 20px;
    color: aliceblue;
    fill: var(--white);
}
.sr-store-actions .sr-language-switch {
    margin: 0;
    position: relative;
}
.sr-store-actions .sr-language-switch .sr-language-switch-btn {
    color: var(--white);
}
.sr-store-actions .sr-language-switch .sr-language-switch-btn span svg {
    fill: var(--white);
    height: 6px;
}
.sr-store-actions .sr-search-btn {
    margin: 0;
    width: auto;
    line-height: 1;
    height: auto;
}
.sr-store-actions .sr-search-btn .sr-search-svg {
    height: 18px;
    fill: var(--white);
}
.sr-store-actions .sr-cart-btn {
    margin: 0;
    min-width: auto;
}
.sr-store-actions .sr-cart-btn .sr-cart-quntity {
    height: initial;
    width: 35px;
    line-height: initial;
}
.sr-store-actions .sr-cart-btn .sr-cart-quntity:before {
    background: transparent;
    border-radius: initial;
}
.sr-store-actions .sr-cart-btn .sr-cart-quntity .sr-cart-icon svg {
    height: 20px;
    color: var(--white);
}
.sr-header-style-three .sr-top-header-style-one .row {
    align-items: center;
}
.header3-btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
/* Banner Grid  Style */
.sr-banner-grid-box {
    position: relative;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}
.sr-banner-grid-image img {
    width: 100%;
}
.sr-banner-grid-content {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
}
.sr-banner-thumb-grid {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 30px;
}
.sr-banner-grid-content h4 {
    color: var(--white);
}
.sr-banner-grid-content .sr-link {
    color: var(--white);
}
.sr-banner-grid-content .sr-link:before {
    background: var(--white);
}
.sr-banner-grid-content h6 {
    color: var(--primary);
    text-transform: capitalize;
}
.sr-banner-large-grid .sr-banner-grid-content {
    margin: auto;
    bottom: 20px;
    height: fit-content;
    left: 50px;
}
.sr-banner-large-grid .sr-banner-grid-content h4 {
    font-size: 38px;
    max-width: 510px;
}
.sr-banner-thumb-grid .sr-banner-grid-content h4 {
    font-size: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
}
.sr-banner-grid-image img {
    min-height: 250px;
    object-fit: cover;
    object-position: left;
}
.sr-banner-thumb-grid .sr-banner-grid-image img {
    object-position: top center;
}
.sr-banner-grid .container-fluid {
    max-width: 1920px;
}
/* Collection Section CSS */
.sr-collection-box {
    position: relative;
    background: #f5f5f5;
    margin: 0 0 30px;
    border-radius: 6px;
    overflow: hidden;
}
.sr-collection-image img {
    min-height: 150px;
    width: 100%;
}
.sr-collection-image {
    position: relative;
    overflow: hidden;
    display: block;
}
.sr-collection-content {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 10px;
}
.sr-collection-content h4 {
    margin: 0 0 10px;
    color: var(--white);
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
}
.sr-collection-style1 .row {
    justify-content: center;
}
.sr-collection-content .sr-link {
    color: var(--white);
}
.sr-collection-content .sr-link:before {
    background: var(--white);
}
.sr-collection-box:hover .sr-collection-image {
    transform: scale(1.2);
}
.sr-collection-box,.sr-collection-box:hover.sr-collection-box:hover .sr-collection-image,
.sr-collection-box .sr-collection-image {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
/*hover*/
.sr-banner-grid-image {
    position: relative;
}
.sr-banner-grid-image:before {
    background: rgba(255,255,255,.3);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    visibility: visible;
}
.sr-banner-grid-image:after {
    background: rgba(255,255,255,.6);
    bottom: 50%;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    visibility: visible;
}
.sr-banner-grid-box:hover .sr-banner-grid-image:before {
    left: 0;
    right: 0;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    visibility: hidden;
    transition: all .9s linear;
    -webkit-transition: all .9s linear;
    -moz-transition: all .9s linear;
    -o-transition: all .9s linear;
    -ms-transition: all .9s linear;
}
.sr-banner-grid-box:hover .sr-banner-grid-image:after {
    top: 0;
    bottom: 0;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    visibility: hidden;
    transition: all .9s linear;
    -webkit-transition: all .9s linear;
    -moz-transition: all .9s linear;
    -o-transition: all .9s linear;
    -ms-transition: all .9s linear;
}
/*collection Style 2*/
.sr-collection-box.sr-collection-box-style2 .sr-collection-image img {
    max-height: 460px;
}
.sr-collection-box.sr-collection-box-style2 .sr-collection-content {
    bottom: 0;
    animation: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 65%);
    left: 0;
    right: 0;
    top: 0;
    padding: 40px;
    text-align: center;
}
.sr-collection-box.sr-collection-box-style2 .sr-collection-content h4 {
    font-size: 42px;
    margin: 0 0 10px;
}
/* Icon With Text */
.sr-icon-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 30px;
    background: #f4f6fa;
    padding: 15px 15px;
    border-radius: 6px;
}
.sr-icon-box-img {
    width: 50px;
}
.sr-icon-box-img img {
    width: 40px;
}
.sr-icon-box-text {
    width: calc(100% - 50px);
    padding-left: 15px;
}
.sr-icon-box-text h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}
.sr-icon-box-text p {
    font-size: 14px;
    margin: 5px 0 0;
}
.sr-icon-box:hover {
    transform: translateY(-5px);
    background: var(--primary);
}
.sr-icon-box:hover .sr-icon-box-img img {
    filter: invert(1);
}
.sr-icon-box:hover .sr-icon-box-text h3,
.sr-icon-box:hover .sr-icon-box-text p{
    color: var(--white);
}
.sr-icon-box:hover, .sr-icon-box, 
.sr-icon-box .sr-icon-box-text h3, 
.sr-icon-box:hover .sr-icon-box-text h3, 
.sr-icon-box .sr-icon-box-text p,
.sr-icon-box:hover .sr-icon-box-text p,
.sr-icon-box .sr-icon-box-img img,
.sr-icon-box:hover .sr-icon-box-img img  {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
/* Product Cat */
.sr-product-cat-box {
    position: relative;
    margin: 0 0 60px;
}
.sr-cat-img {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}
.sr-cat-img img {
    border-radius: 6px;
    width: 100%;
}
.sr-cat-img:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: rgb(0 0 0 / 60%);
    opacity: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2);
    -ms-transform: perspective(400px) rotateX(-90deg) scale(0.2);
    transform: perspective(400px) rotateX(-90deg) scale(0.2);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    border-radius: 6px;
    z-index: 1;
}
.sr-product-cat-box:hover .sr-cat-img:before {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
    transform: perspective(400px) rotateX(0deg) scale(1.0);
}
.sr-product-cat-box:hover .sr-product-cat-content {
    bottom: 10px;
}
.sr-product-cat-content {
    width: 90%;
    margin: auto;
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    background: var(--white);
    text-align: center;
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 7%);
    z-index: 2;
    border-radius: 6px;
}
.sr-product-cat-content a {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    padding: 15px 20px;
    text-transform: capitalize;
}
.sr-product-cat-content a:hover, .sr-product-cat-box:hover .sr-product-cat-content a {
    color: var(--white);
}
.sr-product-cat-box:hover .sr-product-cat-content {
    background: var(--primary);
}
.sr-product-cat-box,.sr-product-cat-box:hover .sr-product-cat-content, .sr-product-cat-box .sr-product-cat-content {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
/* Product Stles */
/*1*/
.product-style-one {
    
}
.product-style-one .sr-product-thumb {
    border: 1px solid #f4f6fa;
    border-radius: 10px;
    overflow: hidden;
}
.product-style-one .sr-product-thumb:hover {
    border-color: #e5e7eb;
}
.product-style-one .sr-product-thumb  .sr-product-info {
    padding: 0 30px 30px;
}
.product-style-one .sr-product-thumb .onsale {
    top: 0;
    left: 0;
    border-radius: 0px 0px 10px 0px;
    width: 68px;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 1px;
    font-size: 12px;
}
.product-style-one .sr-product-thumb .sr-new-prod-tag {
    right: 0;
    left: auto;
    top: 0;
    border-radius: 0 0 0 10px;
    width: 68px;
    height: 25px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 0 1px;
    font-size: 12px;
}
.product-style-one .sr-product-thumb .sr-product-hover {
    bottom: -9%;
    top: auto;
    left: 0;
    right: 0;
    margin: auto;
}
.product-style-one .sr-product-thumb .sr-product-hover ul {
    width: 100%;
    justify-content: center;
    grid-gap: 10px;
}
.product-style-one .sr-product-thumb .sr-product-image {
    position: relative;
    margin-bottom: 30px;
}
.product-style-one .sr-product-thumb .sr-product-image a {
    display: block;
    overflow: hidden;
    position: relative;
}
.product-style-one .sr-product-thumb .sr-product-hover ul li {
    margin: 0;
}
.product-style-one .sr-product-thumb:hover,
.product-style-one .sr-product-thumb,
.product-style-one .sr-product-thumb:hover .sr-product-image img,
.product-style-one .sr-product-thumb .sr-product-image img,
.product-style-one .sr-product-thumb .sr-product-image a,.product-style-one .sr-product-thumb:hover .sr-product-image a {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.product-style-one .sr-product-thumb .sr-product-hover li:first-of-type a {
    background: #18eb9c;
    border: 2px solid #1fffab;
    line-height: 46px;
    height: 50px;
    width: 50px;
}
.product-style-one .sr-product-thumb .sr-product-hover li:nth-child(2) a {
    background: #ff3659;
    border: 2px solid #ff5f7b;
    line-height: 46px;
    height: 50px;
    width: 50px;
}
.product-style-one .sr-product-thumb .sr-product-hover li:nth-child(3) a {
    background: #4988fb;
    border: 2px solid #84afff;
    line-height: 46px;
    height: 50px;
    width: 50px;
}
.product-style-one .sr-product-thumb:hover .sr-product-image img {
    transform: scale(1.2);
}
/*2*/
.product-style-two .sr-product-thumb {
    background: #f1f1f1;
    padding: 10px;
}
.product-style-two .sr-product-thumb .sr-product-info {
    padding: 0 20px 10px;
}
.product-style-two .sr-product-thumb .sr-product-hover {
    bottom: 20px;
    top: auto;
    left: 0;
    right: 0;
    margin: auto;
}
.product-style-two .sr-product-thumb .sr-product-hover ul {
    width: 100%;
    justify-content: center;
    grid-gap: 10px;
}
.product-style-two .sr-product-thumb .sr-product-image {
    position: relative;
}
.product-style-two .sr-product-thumb .sr-product-hover ul li {
    margin: 0;
}
/*3*/
.product-style-one.product-style-three .sr-product-thumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.product-style-one.product-style-three .sr-product-thumb .sr-product-image {
    width: 220px;
    margin: 0;
}
.product-style-one.product-style-three .sr-product-thumb .sr-product-image .sr-product-hover {
    bottom: 20px;
}
.product-style-three .sr-product-thumb .sr-product-hover li:first-of-type a, .product-style-three .sr-product-thumb .sr-product-hover li:nth-child(2) a,
.product-style-three .sr-product-thumb .sr-product-hover li:nth-child(3) a {
    line-height: 36px;
    height: 40px;
    width: 40px;
}
.product-style-one.product-style-three .sr-product-thumb .sr-product-info {
    width: calc(100% - 220px);
    padding: 20px;
}
/* News */
.sr-news-section {
    display: flex;
    grid-gap: 20px;
    margin: 0 0 30px;
    background: var(--white);
    padding: 0;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
    border-radius: 10px;
    overflow: hidden;
    flex-wrap: wrap;
}
.sr-news-img {
    width: 150px;
    display: flex;
    overflow: hidden;
    position: relative;
}
.sr-news-img:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: rgb(0 0 0 / 60%);
    opacity: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2);
    -ms-transform: perspective(400px) rotateX(-90deg) scale(0.2);
    transform: perspective(400px) rotateX(-90deg) scale(0.2);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    border-radius: 6px 0 0 6px;
    z-index: 1;
}
.sr-news-section:hover .sr-news-img:before{
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg) scale(1.0);
    -ms-transform: perspective(400px) rotateX(0deg) scale(1.0);
    transform: perspective(400px) rotateX(0deg) scale(1.0);
}
.sr-news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sr-news-details {
    width: calc(100% - 170px);
    padding: 20px 20px 20px 0px;
}
.sr-news-section .sr-blog-news {
    color: var(--white);
    font-weight: 600;
    font-size: 12px;
    background: var(--primary);
    padding: 3px 15px;
    display: inline-block;
    border-radius: 3px;
}
.sr-news-section  .sr-news-title {
    font-weight: 700;
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: var(--title-color);
    margin: 5px 0 6px;
}
.sr-news-section  .sr-news-title:hover {
    color: var(--primary);
}
.product-style-one .col-xl-4 .sr-product-thumb .sr-product-hover, .product-style-one .col-xl-6 .sr-product-thumb .sr-product-hover,.product-style-one .col-xl-12 .sr-product-thumb .sr-product-hover {
    bottom: -20px;
}
/**/
.sr-main-video  img.video-img {
    max-height: 540px;
    width: 100%;
    object-fit: cover;
}
.popup-youtube {
    background: var(--white);
    border: 2px solid var(--white);
}
.popup-youtube i {
    color: var(--primary);
    position: relative;
}
.popup-youtube:before {
    content: "";
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: -10px;
    top: -10px;
    z-index: 0;
    -webkit-animation: sonarWave 1.5s linear infinite;
    animation: sonarWave 1.5s linear infinite;
    background: #f7faff;
    border-radius: 50%;
}

@-webkit-keyframes sonarWave {
    from {
      opacity: 0.4;
    }
    to {
      -webkit-transform: scale(2);
              transform: scale(2);
      opacity: 0;
    }
  }
  @keyframes sonarWave {
    from {
      opacity: 0.4;
      @include transform(scale(1));
    }
    to {
      -webkit-transform: scale(2);
              transform: scale(2);
      opacity: 0;
      @include transform(scale(.9));
    }
  }
/* Call To Action */
.sr-call-to-action-wrapper {
    padding: 100px 0;
    text-align: center;
}
.sr-call-to-action-row {
    max-width: 800px;
    margin: auto;
}
.sr-call-to-action-wrapper h4 {
    font-size: 38px;
    font-weight: 800;
}
.sr-call-to-action-wrapper p {
    font-size: 20px;
    padding: 0px 0 20px;
}
/**********************************
 	6 Responsive CSS Start
 **********************************/

@media screen and (min-width: 992px) {
    .sr-sidebar-wrapper {
        padding-left: 20px;
    }
    .sr-about2-img {
        padding-right: 20px;
    }
    .sr-why-us-slider {
        padding: 0 0 0 20px;
    }
    .sr-industry-img {
        padding: 0 0 0 20px;
    }
}

@media screen and (min-width: 1200px) {
    .sr-header-style-three .sr-nav-style-one .menu >li:before {
        content: "";
        background: var(--primary);
        width: 6px;
        height: 6px;
        position: absolute;
        right: -4px;
        border-radius: 50%;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .sr-header-style-three .sr-nav-style-one .menu >li:last-child:before {
        content: unset;
    }
    .close-search {
        display: none;
    }
    .container {
        max-width: 1170px;
    }
    .sr-section-title {
        max-width: 465px;
        margin-left: auto;
        margin-right: auto;
    }
    .sr-header-container .sr-menus ul.menu>li:before {
        background: var(--white);
        content: "";
        position: absolute;
        height: 1px;
        left: 15px;
        right: 15px;
        bottom: 10px;
        border: none;
        border-radius: var(--comman-radius);
        width: 0;
    }
    .sr-header-container .sr-menus ul.menu>li:hover:before,
    .sr-header-container .sr-menus ul.menu>li.current-menu-item:before {
        width: calc(100% - 30px);
    }
    .sr-header-container .sr-menus ul.menu>li:before,
    .sr-header-container .sr-menus ul.menu>li:hover:before {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sr-header-container .sr-menus ul.sub-menu li:before {
        content: unset;
    }
    .sr-header-container .sr-menus ul.menu>li ul.sub-menu li {
        display: block;
        text-align: left;
        color: var(--primary);
        padding: 0px;
    }
    body .sr-nav-style-one .menu>li>a:hover {
        color: var(--primary);
    }
    /* Menu Subchild */
    .sr-header-container .menu-item-has-children .sub-menu,
    .sr-header-container .sr-menus ul.sub-menu {
        position: absolute;
        top: 50px;
        left: 0;
        background: var(--white);
        width: max-content;
        min-width: 200px;
        max-width: 200px;
        margin: 0;
        word-break: break-word;
        padding: 10px 0;
        z-index: 10;
        transition: all 0.3s ease-in-out;
        opacity: 0;
        visibility: hidden;
        box-shadow: 0px 6px 20px 0 rgb(0 0 0 / 6%);
        border-radius: var(--less-radius);
    }
    .sr-header-container .sr-menus .menu-item-has-children>a {
        position: relative;
    }
    .menu-item-has-children .sub-menu>.menu-item-has-childre .sub-menu {
        position: absolute;
        top: 0;
    }
    .sr-header-container ul.menu>.menu-item-has-children:hover>.sub-menu,
    .sr-header-container ul.menu>li>.menu-item-has-children:hover>ul>.sub-menu>li>ul>.sub-menu>.menu-item-has-children:hover {
        opacity: 1;
        visibility: visible;
    }
    .sr-header-container .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
        top: 10px;
        background: var(--white);
        visibility: hidden;
        opacity: 0;
        left: -210px;
    }
    .sr-header-container .menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu {
        visibility: visible;
        opacity: 1;
    }
    .sr-menus li .sub-menu li a {
        color: var(--title-color);
        text-align: left;
        padding: 10px 15px;
        display: inline-block;
        width: 100%;
    }
    .sr-header-container .sr-menus li a:hover {
        color: var(--primary);
    }
    .sr-header-container .menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .sr-header-container .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu:before {
        content: "";
        position: absolute;
        border-bottom: 10px solid transparent;
        border-top: 0px solid transparent;
        border-left: 10px solid var(--white);
        top: 6px;
        right: -10px;
    }
    .sr-menus li .sub-menu li a {
        padding: 5px 15px;
    }
    .sr-menus li .sub-menu li:hover>a {
        transform: translateX(10px);
    }
    .sr-menus li .sub-menu li,
    .sr-menus li .sub-menu li:hover,
    .sr-menus li .sub-menu li a,
    .sr-menus li .sub-menu li:hover a {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    /* Subchild  End */
    .sr-header-cart-box {
        max-width: 380px;
        right: -400px;
    }
    /* Header Style One Nav */
    .sr-nav-style-one .menu .sub-menu {
        position: absolute;
        background: var(--white);
        min-width: 200px;
        left: 0;
        top: 30px;
        padding: 10px 0;
        border: none;
        border-radius: var(--less-radius);
        box-shadow: 0px 6px 20px 0 rgb(0 0 0 / 18%);
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        visibility: hidden;
        opacity: 0;
        text-align: left;
        width: auto;
        z-index: 99;
    }
    .sr-nav-style-one .menu>li:hover>.sub-menu,
    .sr-nav-style-one .menu>li>.sub-menu li:hover>.sub-menu,
    .sr-nav-style-one .menu>li>.sub-menu li:hover>.sub-menu li:hover>.sub-menu {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
        opacity: 1;
    }
    .sr-nav-style-one .menu>li .sub-menu,
    .sr-nav-style-one .menu>li:hover .sub-menu {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .sr-nav-style-one .menu .sub-menu .sub-menu {
        left: -220px;
        top: 0;
    }
    .sr-nav-style-one .menu .sub-menu li {
        padding: 6px 20px;
    }
    .sr-nav-style-one .menu .sub-menu li:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        background: var(--primary);
        width: 3px;
        opacity: 0;
        visibility: hidden;
        margin: auto;
        height: 0%;
    }
    .sr-nav-style-one .menu .sub-menu li:hover:after {
        height: 85%;
        visibility: visible;
        opacity: 1;
    }
    .sr-nav-style-one .menu .sub-menu li:hover:after,
    .sr-nav-style-one .menu .sub-menu li:hover,
    .sr-nav-style-one .menu .sub-menu li:after {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .sr-nav-style-one .menu .sub-menu .sub-menu:before {
        content: "";
        position: absolute;
        right: -20px;
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-left: 20px solid var(--white);
        border-bottom: 12px solid transparent;
        top: 6px;
    }
    .sr-nav-style-one .menu .sub-menu li,
    .sr-nav-style-one .menu .sub-menu li:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .sr-nav-style-one .menu .sub-menu li:hover>a {
        color: var(--primary);
    }
    body .sr-nav-style-one .menu>li>a {
        padding: 15px 0px;
    }
    .home.absolute-header .sr-header-style-one .sr-nav-style-one:not(.fixed-header) .menu .sub-menu li>a {
        color: var(--title-color);
    }
    .home.absolute-header .sr-header-style-one .sr-nav-style-one:not(.fixed-header) .menu .sub-menu li:hover>a {
        color: var(--primary);
    }
    .sr-about-info p {
        word-break: break-word;
    }
    body .sr-nav-style-one .menu>li>a:before {
        content: "";
        position: absolute;
        height: 2px;
        width: 0%;
        left: 0;
        right: 0;
        bottom: 10px;
        background: var(--primary);
        border-radius: var(--radius10);
        opacity: 0;
        visibility: hidden;
        margin: auto;
    }
    body .sr-nav-style-one .menu>li:hover>a:before,
    body .sr-nav-style-one .menu>li.current-menu-item>a:before {
        visibility: visible;
        opacity: 1;
        width: 100%;
    }
    body .sr-nav-style-one .menu li:hover a:before,
    body .sr-nav-style-one .menu li.current-menu-item a:before,
    body .sr-nav-style-one .menu li:hover a:before {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    .sr-nav-style-one .menu li:hover>a {
        color: var(--primary);
    }
    .comments-area .comment-respond {
        padding: 40px 50px 50px;
    }
    .sr-news-img {
        width: 220px;
    }
    .sr-news-details {
        width: calc(100% - 240px);
    }
}

@media screen and (min-width: 1400px) {
    .sr-header-style-three .sr-nav-header-style-one .header_logo {
        min-width: 15%;
    }
    .sr-header-container .sr-menus ul.menu>li:before {
        left: 20px;
        right: 20px;
    }
    .sr-header-container .sr-menus ul.menu>li:hover:before,
    .sr-header-container .sr-menus ul.menu>li.current-menu-item:before {
        width: calc(100% - 40px);
    }
    .about-style-two .sr-about-info {
        margin-bottom: 41px;
    }
    .sr-industry-information {
        margin-top: 14px;
    }
    .sr-industry-wrapper .row {
        align-items: center;
    }
}

@media screen and (min-width: 1580px) {
    .sr-nav-style-one .menu>li {
        padding: 0 20px;
    }
}

@media screen and (min-width: 1650px) {
    .sr-main-header .container-fluid {
        max-width: 1650px;
    }
    .sr-testimonials-wrapper.sr-has-background {
        padding-bottom: 78px;
    }
}

@media screen and (min-width: 1680px) {
    .sr-header-style-one .container-fluid {
        max-width: 1660px;
    }
}

@media screen and (max-width: 1900px) {
    .sr-right-lg-arrow {
        display: none;
    }
}

@media screen and (max-width: 1650px) {
    .sr-right-sm-arrow {
        display: none;
    }
}

@media screen and (max-width: 1399.98px) {
    .sr-header-container .sr-menus li {
        padding: 15px 10px;
    }
    .sr-cart-total {
        display: none;
    }
    .sr-cart-btn {
        min-width: 50px;
    }
    .sr-cart-btn,
    .sr-search-btn,
    .header-btn {
        margin-left: 20px;
    }
    .sr-top-header1-info ul li {
        margin-right: 30px;
    }
    .sr-banner-large-grid .sr-banner-grid-content h4 {
        font-size: 28px;
        max-width: 400px;
    }
    .sr-call-to-action-wrapper h4 {
        font-size: 32px;
    }
    .sr-call-to-action-wrapper p {
        font-size: 15px;
    }
}

@media screen and (max-width: 1199.98px) {
    .sr-responsove-hidden {
        display: none;
    }
    .has_sub_menu ul {
        display: none;
    }
    .sr-header-container .sr-menus li a,
    .sr-menus.open-menu .sr-menu-toggle:after {
        color: var(--txt);
    }
    .sr-header-container .sr-menus li>ul.sub-menu>li:before,
    .sr-header-container .sr-menus ul.menu>li:last-child:after {
        display: none;
    }
    .sr-header-container .sr-menus li {
        padding: 0px 10px;
    }
    .sr-header-container .sr-menus li a {
        display: inline-block;
    }
    .sr-menu-toggle {
        display: inline-block;
        vertical-align: middle;
        height: 40px;
        width: 40px;
        padding: 11px 0;
        position: relative;
        margin-left: 20px;
    }
    .sr-menu-toggle:before {
        position: absolute;
        content: "";
        background: var(--white);
        opacity: .1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: none;
        border-radius: var(--circular-radius);
        width: auto;
    }
    .sr-menu-toggle span {
        width: 18px;
        height: 2px;
        background: var(--primary);
        display: block;
        margin: auto;
        margin-top: 3px;
        border-radius: var(--less-border-radius);
    }
    .sr-menu-toggle span,
    .sr-menus.open-menu .sr-menu-toggle span {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .sr-menus.open-menu .sr-menu-toggle span {
        background: var(--white);
    }
    .sr-header-container .sr-menus.open-menu .sr-menu-toggle span {
        background: var(--primary);
    }
    .sr-menu-toggle span:hover {
        cursor: pointer;
    }
    .sr-menus.open-menu .sr-menu-toggle span:nth-child(2) {
        display: none;
    }
    .sr-menus.open-menu .sr-menu-toggle span:nth-child(1) {
        transform: rotate(45deg) translate(4px, 3px);
    }
    .sr-menus.open-menu .sr-menu-toggle span:nth-child(3) {
        transform: rotate(135deg) translate(-6px, -10px);
        margin: 0;
    }
    .sr-header-container .sr-menus li {
        display: block;
        padding: 15px 20px;
        position: relative;
    }
    .sr-header-container .sr-menus ul.menu>li:after {
        position: absolute;
        content: '';
        width: 100%;
        left: 0;
        bottom: 0;
        height: 1px;
        background: var(--border-color);
    }
    .sr-menus ul.menu {
        background: var(--white);
        position: fixed;
        left: -340px;
        top: 0;
        bottom: 0;
        width: 320px;
        height: 100%;
        text-align: left;
        z-index: 98;
        background-attachment: fixed;
        transition: 0.3s;
        overflow-y: auto;
        overflow-x: hidden;
        border-right: 1px solid var(--border-color);
    }
    .sr-menus.open-menu ul {
        left: 0;
    }
    .admin-bar .sr-menus.open-menu ul {
        top: 30px;
    }
    .sr-nav-style-one .menu li.open:before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .sr-nav-style-one .menu li.open:before,
    .sr-nav-style-one .menu li:before {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .sr-menus.open-menu ul,
    .sr-menus ul {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .sub-menu li:after {
        position: absolute;
        content: '';
        width: 18px;
        height: 1px;
        background: var(--txt);
        left: 0px;
        top: 12px;
        bottom: 0;
    }
    .sr-header-container .sr-menus li .sub-menu li {
        padding: 0px 10px 8px 30px;
        margin: 0;
        display: inline-block;
        width: 100%;
    }
    .sr-header-container .sr-menus li .sub-menu li:last-child {
        padding-bottom: 0;
    }
    .sr-menus ul.sub-menu {
        display: none;
        margin-top: 10px;
    }
    .sr-menus ul.sub-menu.show-submenu {
        display: block;
    }
    .dropdown-expander {
        position: absolute;
        right: 30px;
        top: 0;
        text-align: center;
        display: block;
        transition: all 0.3s;
        bottom: 0;
        margin: auto;
        line-height: 55px;
    }
    .sr-header-container .sr-menus li .sub-menu li .dropdown-expander {
        right: 10px;
        line-height: 30px;
    }
    .dropdown-expander i {
        color: var(--txt);
        font-size: var(--globle-font);
    }
    .sr-user-btn {
        min-width: auto;
        width: 40px;
        padding: 0;
        height: 40px;
        line-height: 40px;
        background: transparent;
        border: none;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-size: var(--globle-font);
        color: var(--white);
    }
    .sr-user-btn span {
        display: none;
    }
    .sr-user-btn:before {
        position: absolute;
        content: "";
        background: var(--white);
        opacity: .1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: none;
        border-radius: var(--circular-radius);
        width: auto;
    }
    .sr-user-btn:hover,
    .sr-user-btn:focus,
    .sr-user-btn:visited,
    .sr-user-btn:active {
        background: transparent;
        color: var(--white);
        border: none;
    }
    .sr-user-btn:focus:before,
    .sr-user-btn:visited:before,
    .sr-user-btn:hover:before {
        background: var(--white);
        opacity: .1;
        border: none;
    }
    .sr-user-btn:after {
        content: "";
        color: var(--primary);
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }
    .sr-user-logedin:after {
        content: "\f011";
    }
    .sr-user-logout:after {
        content: "\f007";
    }
    .sr-cart-btn {
        min-width: 40px;
        margin: 0 0 0 20px;
    }
    .sr-search-btn {
        width: 40px;
        height: 40px;
        line-height: 40px;
        position: relative;
        text-align: center;
    }
    .sr-search-btn:before {
        position: absolute;
        content: "";
        background: var(--white);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: none;
        border-radius: var(--circular-radius);
        width: auto;
        background: var(--cart-bg);
    }
    .sr-search-btn svg {
        position: relative;
    }
    .home.absolute-header .sr-header-style-one:not(.fixed-header) .sr-search-btn svg,
    .sr-nav-header-style-one .sr-search-btn svg {
        fill: var(--primary);
    }
    .row.align-content-center {
        align-items: center;
    }
    .sr-why-us-wrapper {
        padding-bottom: 25px;
    }
    .sr-plans-section {
        padding: 46px 30px 50px;
    }
    .sr-menu .menu>ul::-webkit-scrollbar {
        width: 3px;
    }
    .sr-menu .menu>ul::-webkit-scrollbar-track {
        background-color: var(--primary);
    }
    .sr-menu .menu>ul::-webkit-scrollbar-thumb {
        background-color: var(--bg);
    }
    /* Header Style One */
    .sr-nav-style-one .sub-menu li:after {
        content: unset;
    }
    .sr-nav-style-one .menu {
        background: var(--white);
        position: fixed;
        left: -340px;
        top: 0;
        bottom: 0;
        width: 320px;
        height: 100%;
        text-align: left;
        z-index: 98;
        background-attachment: fixed;
        transition: 0.3s;
        overflow-y: auto;
        overflow-x: hidden;
        border-right: 1px solid var(--border-color);
        padding: 20px 0 50px;
        display: inline-block;
    }
    .sr-nav-style-one.open-nav ul {
        left: 0;
    }
    .admin-bar .sr-nav-style-one.open-nav>div>ul {
        top: 30px;
    }
    .nav-toggle-btn {
        display: inline-block;
        height: 40px;
        width: 40px;
        margin-left: 20px;
        background: var(--primary);
        border-radius: var(--circular-radius);
        padding: 9px 0;
    }
    .nav-toggle-btn span {
        background: var(--white);
        height: 2px;
        width: 18px;
        margin: 4px auto;
        display: flex;
    }
    .sr-nav-style-one.open-nav ul li {
        width: 100%;
    }
    .sr-nav-style-one .menu>li {
        border-bottom: 1px solid var(--border-color);
    }
    .sr-nav-style-one .menu li {
        padding: 15px 20px;
    }
    .sr-nav-style-one .menu li:last-child {
        border-bottom: none;
    }
    .sr-nav-style-one .menu li .sub-menu li {
        padding: 10px 20px;
    }
    .sr-nav-style-one .menu li.current-menu-item>a {
        color: var(--primary);
    }
    .sr-nav-style-one .sub-menu {
        display: none;
    }
    .sr-nav-style-one.open-nav ul li.menu-item-has-children:before {
        content: "\f107";
        position: absolute;
        top: 18px;
        right: 25px;
        font-family: "Font Awesome 5 Free";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-weight: 900;
        color: var(--primary);
    }
    .sr-nav-style-one .menu li a {
        width: 100%;
        display: inline-block;
    }
    .sr-nav-style-one .menu li .sub-menu li:before {
        top: 14px;
    }
    .sr-top-header-style-one p {
        font-size: 0;
    }
    .sr-top-header-style-one p a {
        font-size: var(--global-font);
    }
    .sr-nav-style-one.open-nav .nav-toggle-btn span {
        position: relative;
    }
    .sr-nav-style-one.open-nav .nav-toggle-btn span:nth-child(2) {
        opacity: 0;
    }
    .sr-nav-style-one.open-nav .nav-toggle-btn span:nth-child(1) {
        transform: rotate(45deg);
        top: 6px;
    }
    .sr-nav-style-one.open-nav .nav-toggle-btn span:nth-child(3) {
        transform: rotate(-45deg);
        top: -6px;
    }
    .sr-nav-style-one.open-nav .nav-toggle-btn span:nth-child(3),
    .sr-nav-style-one.open-nav .nav-toggle-btn span:nth-child(1),
    .sr-nav-style-one .nav-toggle-btn span:nth-child(3),
    .sr-nav-style-one .nav-toggle-btn span:nth-child(1) {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .home.absolute-header .sr-header-style-one:not(.fixed-header) .menu a,
    .home.absolute-header .sr-header-style-one:not(.fixed-header) .menu li {
        color: var(--title-color);
    }
    /* Header Style One End */
    .sr-contact-details {
        padding: 45px 10px 0px 15px;
    }
    .sr-contact-details-col {
        margin: 0 0 40px;
        padding-bottom: 32px;
    }
    .about-style-two {
        padding-bottom: 34px;
    }
    .sr-section-title .sr-colored-heading span {
        display: inline;
    }
    .sr-nav-style-one .sub-menu {
        background: #f8f7fb;
        position: relative;
    }
    .sr-nav-style-one .sub-menu {
        background: #f8f7fb;
    }
    .sr-nav-style-one .sub-menu .sub-menu {
        background: #efedf3;
    }
    .sr-nav-style-one.open-nav ul.sub-menu {
        margin-top: 10px;
    }
    .sr-nav-style-one .menu>li>.sub-menu li a {
        padding-left: 15px;
    }
    .sr-nav-style-one .menu>li>.sub-menu li a:before {
        content: "";
        position: absolute;
        height: 6px;
        width: 6px;
        background: var(--primary);
        top: 10px;
        margin: auto;
        left: 0px;
        border-radius: var(--circular-radius);
    }
    .sr-nav-style-one .menu>li>.sub-menu {
        margin-left: -20px;
        margin-right: -20px;
        padding: 0 10px;
    }
    .sr-nav-style-one .sub-menu .sub-menu {
        margin-left: -30px;
        margin-right: -30px;
        padding: 0 25px;
    }
    .sr-store-actions .sr-search-btn:before {
        display: none;
    }

    .sr-banner-thumb-grid .sr-banner-grid-box {
        width: calc(50% - 15px);
        margin-top: 30px;
    }
}

@media screen and (min-width: 991.98px) and (max-width: 1199.98px) {}

@media screen and (max-width: 991.98px) {
    .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button.sr-btn {
        min-width: 100px;
    }
    .sr-slider-nav {
        display: none;
    }
    .sr-pricing-wrapper .row {
        justify-content: center;
    }
    .sr-why-us-wrapper {
        padding-bottom: 40px;
    }
    .sr-single-data p {
        word-break: break-word;
    }
    /* Fix Responsive Spacing */
    .sr-main-post-wrapper {
        padding: 55px 0 30px;
    }
    .sr-top-header1-info ul li {
        margin-right: 20px;
    }
    .sr-login-register {
        font-size: 0;
        display: inline-block;
    }
    .sr-login-wrap span {
        margin-right: 0;
    }
    .sr-contact-inner .bg-primary {
        background: transparent !important;
    }
    .sr-contact-inner .bg-primary>div {
        background: var(--primary) !important;
    }
    .sr-top-navigation ul li a {
        font-size: 12px;
        padding: 0;
    }
    .sr-store-header-title {
        font-size: 12px;
    }
    .sr-header-style-three .sr-nav-header-style-one {
        padding: 10px 0;
    }
    .sr-header-style-three .sr-nav-header-style-one .header-btn {
        margin-left: 10px;
        padding: 10px 10px;
        min-width: 140px;
        font-size: 12px;
    }
}

@media screen and (min-width: 767.98px) and (max-width: 991px) {
    .sr-login-register svg {
        margin: 0 0 6px;
    }
}

@media screen and (max-width: 768px) {
    .woocommerce table.shop_table {
        border-top: 1px solid var(--border-color);
    }
    .woocommerce-cart .woocommerce a.remove {
        margin: 10px 0;
    }
    .woocommerce table.cart td.actions .coupon input#coupon_code {
        max-width: 100%;
        margin: 0 0 20px;
        border-radius: var(--less-radius);
        border: 1px solid var(--border-color);
    }
    .woocommerce table.cart td.actions .coupon button.button,
    .woocommerce table.cart td.actions .coupon button.button {
        max-width: 100%;
        border-radius: var(--comman-radius);
        width: 100%;
        margin: 0 0 30px;
    }
    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before {
        font-weight: 500;
        color: var(--title-color);
    }
    .woocommerce table.shop_table td.product-quantity {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .woocommerce form.checkout_coupon .form-row.form-row-first,
    .woocommerce form.checkout_coupon .form-row.form-row-last {
        width: 100%;
    }
    .sr-call-to-action-wrapper h4 {
        font-size: 28px;
    }
}

@media screen and (max-width: 767.98px) {
    .sr-single-data .wp-block-calendar td,
    .sr-single-data .wp-block-calendar th {
        padding: .25em;
    }
    .sr-contact-wrapper {
        overflow: hidden;
    }
    .sr-header-container {
        padding: 20px 0px 20px;
    }
    .sr-single-data>table td {
        padding: 4px;
        font-size: var(--global-font);
        word-break: normal;
    }
    .pagination .nav-links>*:not(.dots) {
        height: 30px;
        width: 30px;
        line-height: 30px;
        margin: 0 8px 0 0;
    }
    .sr-breadcrumb-container h1 {
        font-size: var(--heading-font);
    }
    .page-links .page-number span,
    .page-links .page-number a {
        height: 30px;
        width: 30px;
        line-height: 30px;
        margin: 0 8px 0 0;
    }
    form#yith-wcwl-form a.button.yith-wcqv-button {
        display: none !important;
    }
    form#yith-wcwl-form .product-name h3 {
        font-size: var(--widget-title);
        font-weight: 600;
    }
    .wishlist_table.mobile {
        padding: 0;
    }
    .wishlist_table.mobile a.button.add_to_cart_button {
        padding: 0 !important;
        line-height: 50px !important;
    }
    .wishlist_table.mobile .additional-info-wrapper .additional-info td {
        font-size: var(--globle-font);
        padding: 10px 0 10px;
    }
    .wishlist_table.mobile .additional-info-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    .wishlist_table.mobile li {
        margin: 0 0 30px;
        border-bottom: 1px solid var(--border-color);
        padding-bottom: 30px;
        position: relative;
    }
    .wishlist_table.mobile li .item-details table.item-details-table td {
        font-size: var(--globle-font);
    }
    body .wishlist_table.mobile .additional-info-wrapper .product-add-to-cart {
        margin: 0;
    }
    body .wishlist_table.mobile .additional-info-wrapper .product-add-to-cart .add_to_cart {
        margin: 0 !important;
    }
    .wishlist_table.mobile li .additional-info-wrapper .product-remove {
        position: absolute;
        top: 0;
        right: 0;
    }
    .woocommerce #reviews #comments ol.commentlist li .star-rating {
        width: 100%;
        margin: 00 0 10px;
    }
    .sr-nav-style-one .menu {
        width: 280px;
    }
    .sr-top-header1-info li .sr-header1-icon {
        display: none;
    }
    .sr-top-header-style-one {
        padding: 10px 0 0px;
    }
    .sr-login-wrap {
        display: flex;
    }
    .sr-nav-style-one .header-btn {
        min-width: 140px;
        padding: 13px 10px;
    }
    .woocommerce-checkout .woocommerce form.checkout_coupon .form-row.form-row-first {
        width: 100%;
    }
    .woocommerce table.cart td.actions .coupon {
        width: 100%;
    }
    .woocommerce table.cart td.actions .coupon input#coupon_code {
        width: 100%;
    }
    .sr-top-header1-info ul li {
        margin-right: 12px;
    }
    .sr-top-navigation ul {
        grid-gap: 5px;
    }
    .sr-store-actions {
        grid-gap: 3px;
    }
    .sr-banner-large-grid .sr-banner-grid-content h4 {
        font-size: 22px;
        max-width: 280px;
    }
    .sr-banner-large-grid .sr-banner-grid-content {
        left: 20px;
    }
    .sr-banner-thumb-grid .sr-banner-grid-content h4 {
        font-size: 20px;
    }
    .sr-banner-thumb-grid .sr-banner-grid-box {
        margin: 30px 0 0;
        width: 100%;
    }
    .sr-banner-thumb-grid {
        grid-gap: 0;
    }
    .sr-news-img {
        width: 100px;
    }
    .sr-news-details {
        width: calc(100% - 120px);
        padding: 10px 10px 10px 0px;
    }
    .sr-news-section  .sr-news-title {
        font-size: 15px;
    }
    .sr-news-details .sr-read-more-link {
        font-size: 12px;
    }
    .product-style-one.product-style-three .sr-product-thumb .sr-product-image {
        width: 150px;
    }
    .product-style-one.product-style-three .sr-product-thumb .sr-product-info {
        width: calc(100% - 150px);
        padding: 5px 5px 5px 20px;
    }
}

@media (max-width: 575.98px) {
    .sr-why-info {
        width: 100%;
        padding: 10px 0 0;
    }
    .sr-search-btn {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .sr-header-container .sr-head-icon svg {
        width: 12px;
    }
    .sr-cart-quntity {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }
    .sr-cart-count {
        height: 18px;
        min-width: 18px;
        line-height: 18px;
        font-size: 10px;
        right: -12px;
    }
    .sr-user-btn {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    .sr-menu-toggle {
        height: 30px;
        width: 30px;
        margin-left: 15px;
        padding: 9px 0;
    }
    .sr-menus ul.menu {
        left: -300px;
        width: 250px;
    }
    .sr-menus.open-menu ul {
        left: 0;
    }
    .sr-menu-toggle span {
        width: 12px;
        height: 1px;
        margin-top: 2px;
    }
    .sr-cart-btn {
        min-width: 30px;
    }
    .sr-menus.open-menu .sr-menu-toggle span:nth-child(1) {
        transform: rotate(45deg) translate(2px, 2px);
    }
    .sr-menus.open-menu .sr-menu-toggle span:nth-child(3) {
        transform: rotate(135deg) translate(-5px, -8px);
    }
    .sr-testimonial-holder {
        padding: 33px 20px 46px;
    }
    .sr-about-info ul li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sr-contact-form {
        padding: 30px 15px;
    }
    .sr-about-img-icon {
        margin-right: 0;
        margin-bottom: 10px;
    }
    /* Header Style One */
    .sr-top-header1-info ul li {
        margin-right: 10px;
    }
    .sr-top-header1-info li {
        margin: 0 0 3px;
    }
    .sr-language-login,
    .sr-top-header1-info {
        margin: 0 0 10px;
    }
    .sr-language-options {
        width: 120px;
        margin: auto;
        left: unset;
        top: 35px;
        right: 20px;
    }
    .sr-top-header1-info li .sr-header1-icon {
        display: inline-block;
    }
    .header-btn {
        display: none;
    }
    .sr-nav-header-style-one {
        padding: 10px 0;
    }
    .sr-search-btn {
        margin: 0;
    }
    .sr-nav-style-one .sr-head-icon .sr-cart-quntity svg {
        vertical-align: bottom;
    }
    .home.absolute-header .sr-header-style-one:not(.fixed-header) .sr-cart-icon {
        background: transparent;
    }
    .nav-toggle-btn {
        margin-left: 30px;
        padding: 6px 0;
        height: 30px;
        width: 30px;
    }
    .nav-toggle-btn span {
        width: 16px;
        margin: 3px auto;
    }
    .sr-nav-style-one.open-nav .nav-toggle-btn span:nth-child(3) {
        transform: rotate(-45deg);
        top: -4px;
    }
    .quote-icon-right {
        display: none;
    }
    .sr-header-container .sr-user-btn {
        margin-left: 20px;
    }
    .sr-nav-style-one .sr-cart-icon {
        width: 30px;
        height: 30px;
        line-height: 20px;
    }
    .sr-img-text {
        border-radius: 10px 10px 0px 10px;
        padding: 12px 20px;
        max-width: 240px;
        font-size: 12px;
    }
    .sr-horizontal-blog-info {
        width: 100%;
        padding: 20px 0 0 0;
    }
    .sr-horizontal-blog-img {
        width: 100%;
        height: auto;
    }
    .sr-horizontal-blog-img img {
        max-height: 100%;
        height: 240px;
        width: 100%;
    }
    .sr-post-meta .sr-blog-authore {
        width: 100%;
        display: inline-block;
    }
    .sr-post-meta>* {
        margin-right: 0;
        width: 100%;
    }
    .sr-contact-inner {
        padding: 0 30px 30px;
    }
    .sr-contact-details-info {
        width: 100%;
        padding: 20px 0 0;
    }
    .sr-industry-info {
        width: 100%;
        padding: 0px 0 0px;
    }
    .sr-header1-info-txt {
        display: none;
    }
    .sr-top-navigation ul {
        justify-content: center;
        grid-gap: 10px;
    }
    .sr-store-actions {
        justify-content: center;
        margin-top: 10px;
    }

}
.sr-gall-slider .fw-container {
    width: 1600px;
}
.sr-blog-columns .sr-blog-details {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}