:root {
    --color-primary: #3577f0;
    --light-primary: #8c71db;
    --color-secondary: #a31518;
    --color-tertiary: #fab8c4;
    --color-white: #fff;
    --color-dark: #27272e;
    --color-black: #000;
    --color-light: #cbd3d9;
    --color-lighter: #f6f7fb;
    --color-lightest: #c4c4c4;
    --color-chart01: #896ba7;
    --color-chart02: #badeff;
    --color-chart03: #e76458;
    --color-heading: #292930;
    --color-body: #777;
    --color-border-light: #e3e6e9;
    --color-border-dark: #42424a;
    --color-gray: #999fae;
    --color-midgray: #878787;
    --color-extra01: #999fae;
    --color-success: #3eb75e;
    --color-danger: #ff0003;
    --color-warning: #ff8f3c;
    --color-info: #5fd9f2;
    --color-facebook: #3b5997;
    --color-twitter: #1ba1f2;
    --color-youtube: #db3838;
    --color-linkedin: #0077b5;
    --color-pinterest: #e60022;
    --color-instagram: #c231a1;
    --color-vimeo: #00adef;
    --color-twitch: #6441a3;
    --color-discord: #7289da;
    --radius: 6px;
    --radius-big: 16px;
    --radius-small: 6px;
    --border-width: 2px;
    --border-thin: 1px;
    --p-light: 300;
    --p-regular: 400;
    --p-medium: 500;
    --p-semi-bold: 600;
    --p-bold: 700;
    --p-extra-bold: 800;
    --p-black: 900;
    --s-light: 300;
    --s-regular: 400;
    --s-medium: 500;
    --s-bold: 700;
    --s-black: 900;
    --shadow-primary: 0 4px 10px rgba(37, 47, 63, 0.1);
    --shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
    --shadow-dark: 0 16px 32px 0 rgba(0, 0, 0, 0.04);
    --transition: 0.3s;
    --font-primary: "DM Sans", sans-serif;
    --font-secondary: "DM Sans", sans-serif;
    --font-awesome: "Font Awesome 5 Pro";
    --font-size-b1: 16px;
    --font-size-b2: 14px;
    --font-size-b3: 12px;
    --line-height-b1: 1.7;
    --line-height-b2: 1.65;
    --line-height-b3: 1.6;
    --h1: 46px;
    --h2: 36px;
    --h3: 28px;
    --h4: 24px;
    --h5: 20px;
    --h6: 18px;
}
.bg-facebook {
    background-color: var(--color-facebook);
}
.bg-instagram {
    background-color: var(--color-instagram);
}
.bg-youtube {
    background-color: var(--color-youtube);
}
.border-facebook {
    border-color: var(--color-facebook) !important;
}
.border-instagram {
    border-color: var(--color-instagram) !important;
}
.border-youtube {
    border-color: var(--color-youtube) !important;
}
.text-facebook {
    color: var(--color-facebook) !important;
}
.text-instagram {
    color: var(--color-instagram) !important;
}
.text-youtube {
    color: var(--color-youtube) !important;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
footer,
header,
nav,
section {
    display: block;
}
[hidden] {
    display: none;
}
a {
    color: var(--color-heading);
    text-decoration: none !important;
    outline: 0;
}
a:active,
a:focus,
a:hover {
    text-decoration: none !important;
    outline: 0;
    color: var(--color-primary) !important;
}
a:focus {
    outline: 0;
}
code {
    font-size: var(--font-size-b3);
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    color: var(--color-primary);
}
dl {
    margin-top: 0;
    margin-bottom: 10px;
}
menu,
ul {
    margin: 16px 0;
    padding: 0 0 0 40px;
}
nav ul {
    list-style: none;
    list-style-image: none;
}
li > ul {
    margin: 0;
}
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
button,
input,
select {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}
button,
input {
    line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    appearance: textfield;
    padding-right: 2px;
    width: 270px;
    cursor: text;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
del {
    color: #656973;
}
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}
q:after,
q:before {
    content: "";
    content: none;
}
* {
    box-sizing: border-box;
}
html {
    overflow: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    font-size: 10px;
}
body {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--font-primary);
    color: var(--color-body);
    font-weight: var(--p-regular);
    overflow: hidden;
    overflow-y: auto;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
menu,
p,
ul {
    margin: 0;
    margin-bottom: 30px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    word-break: break-word;
    font-family: var(--font-secondary);
    line-height: 1.3;
    color: var(--color-heading);
}
.h1,
h1 {
    font-size: var(--h1);
}
.h2,
h2 {
    font-size: var(--h2);
}
.h3,
h3 {
    font-size: var(--h3);
}
.h4,
h4 {
    font-size: var(--h4);
}
.h5,
h5 {
    font-size: var(--h5);
}
.h6,
h6 {
    font-size: var(--h6);
}
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #373435;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .h1,
    h1 {
        font-size: 40px;
    }
    .h2,
    h2 {
        font-size: 30px;
    }
    .h3,
    h3 {
        font-size: 26px;
    }
    .h4,
    h4 {
        font-size: 22px;
    }
}
@media only screen and (max-width: 767px) {
    .h1,
    h1 {
        font-size: 34px;
    }
    .h2,
    h2 {
        font-size: 26px;
    }
    .h3,
    h3 {
        font-size: 24px;
    }
    .h4,
    h4 {
        font-size: 20px;
    }
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
    font-weight: var(--s-bold);
}
.h4,
.h5,
h4,
h5 {
    font-weight: var(--s-bold);
}
.h6,
h6 {
    font-weight: var(--s-medium);
}
p {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: var(--p-regular);
    color: var(--color-body);
    margin: 0 0 30px;
}
p.has-background {
    padding: 20px 30px;
}
p:last-child {
    margin-bottom: 0;
}
var {
    font-family: "Courier 10 Pitch", Courier, monospace;
}
ul {
    padding-left: 18px;
}
ul {
    list-style: square;
    margin-bottom: 30px;
    padding-left: 20px;
}
ul li {
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    margin-top: 8px;
    margin-bottom: 8px;
    color: var(--color-body);
    font-family: var(--font-secondary);
}
ul li a {
    text-decoration: none;
    color: var(--color-heading);
}
ul li a:hover {
    color: var(--color-primary);
}
ul li::marker {
    color: var(--color-body);
}
ul ul {
    margin-bottom: 0;
}
.axil-product .cart-action,
.cart-dropdown .cart-item-list,
.copyright-default .quick-link,
.header-action > ul > li,
.header-top-link .quick-link,
.mainmenu,
.single-product-content .inner .product-meta {
    padding: 0;
    margin: 0;
    list-style: none;
}
.cart-dropdown .cart-header .cart-close,
.header-action .my-account .my-account-dropdown,
.header-search-modal .card-close,
input[type="submit"],
ul li a {
    transition: var(--transition);
}
.bg_image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
@keyframes signalanimation {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes customOne {
    from {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    to {
        transform: scale(1);
    }
}
@keyframes customTwo {
    0% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(100px, 0);
    }
    100% {
        transform: translate(50px, 50px);
    }
}
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 var(--color-primary);
    }
    70% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
@-webkit-keyframes headerSlideDown {
    0% {
        transform: translateY(-100px);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes headerSlideDown {
    0% {
        transform: translateY(-100px);
    }
    to {
        transform: translateY(0);
    }
}
@-webkit-keyframes slideFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes slideFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes moveVertical {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes moveVertical {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes scrollDown {
    0% {
        opacity: 0;
    }
    10% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(10px);
        opacity: 0;
    }
}
@keyframes btnIconSlide {
    0% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-5px);
        opacity: 0;
    }
    80% {
        transform: translateY(5px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes prevNavSlide {
    0% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(-5px);
        opacity: 0;
    }
    80% {
        transform: translateX(5px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes nextNavSlide {
    0% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(5px);
        opacity: 0;
    }
    80% {
        transform: translateX(-5px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
.bg-color-primary {
    background: var(--color-primary);
}
.bg-color-secondary {
    background: var(--color-secondary);
}
.bg-color-white {
    background: #fff;
}
.bg-color-dark {
    background: var(--color-dark);
}
.bg_image--1 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-1.jpg);
}
.bg_image--2 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-2.jpg);
}
.bg_image--3 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-3.jpg);
}
.bg_image--4 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-4.jpg);
}
.bg_image--5 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-5.jpg);
}
.bg_image--6 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-6.jpg);
}
.bg_image--7 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-7.jpg);
}
.bg_image--8 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-8.jpg);
}
.bg_image--9 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-9.jpg);
}
.bg_image--10 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-10.jpg);
}
.bg_image--11 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-11.jpg);
}
.bg_image--12 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-12.jpg);
}
.bg_image--13 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-13.jpg);
}
.bg_image--14 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-14.jpg);
}
.bg_image--15 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-15.jpg);
}
.bg_image--16 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-16.jpg);
}
.bg_image--17 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-17.jpg);
}
.bg_image--18 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-18.jpg);
}
.bg_image--19 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-19.jpg);
}
.bg_image--20 {
    background-image: url(http://v.dasainv.com/assets/images/bg/bg-image-20.jpg);
}
.flex-center {
    display: flex;
    align-items: center;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    padding-left: 15px;
    padding-right: 15px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.row > [class*="col"] {
    padding-left: 15px;
    padding-right: 15px;
}
.row--0 {
    margin-left: 0;
    margin-right: 0;
}
.row--0 > [class*="col"] {
    padding-left: 0;
    padding-right: 0;
}
.row--5 {
    margin-left: -5px;
    margin-right: -5px;
}
.row--5 > [class*="col"] {
    padding-left: 5px;
    padding-right: 5px;
}
.row--10 {
    margin-left: -10px;
    margin-right: -10px;
}
.row--10 > [class*="col"] {
    padding-left: 10px;
    padding-right: 10px;
}
.row--20 {
    margin-left: -20px;
    margin-right: -20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (max-width: 767px) {
    .row--20 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}
.row--20 > [class*="col-"],
.row--20 > [class*="col"] {
    padding-left: 20px;
    padding-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--20 > [class*="col-"],
    .row--20 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--20 > [class*="col-"],
    .row--20 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--20 > [class*="col-"],
    .row--20 > [class*="col"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
@media only screen and (max-width: 767px) {
    .row--20 > [class*="col-"],
    .row--20 > [class*="col"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
.row--25 {
    margin-left: -25px;
    margin-right: -25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--25 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--25 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--25 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (max-width: 767px) {
    .row--25 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}
.row--25 > [class*="col-"],
.row--25 > [class*="col"] {
    padding-left: 25px;
    padding-right: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--25 > [class*="col-"],
    .row--25 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--25 > [class*="col-"],
    .row--25 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--25 > [class*="col-"],
    .row--25 > [class*="col"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
@media only screen and (max-width: 767px) {
    .row--25 > [class*="col-"],
    .row--25 > [class*="col"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
.row--30 {
    margin-left: -30px;
    margin-right: -30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--30 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--30 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--30 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (max-width: 767px) {
    .row--30 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}
.row--30 > [class*="col-"],
.row--30 > [class*="col"] {
    padding-left: 30px;
    padding-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--30 > [class*="col-"],
    .row--30 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--30 > [class*="col-"],
    .row--30 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--30 > [class*="col-"],
    .row--30 > [class*="col"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
@media only screen and (max-width: 767px) {
    .row--30 > [class*="col-"],
    .row--30 > [class*="col"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
.row--45 {
    margin-left: -45px;
    margin-right: -45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--45 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--45 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--45 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (max-width: 767px) {
    .row--45 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}
.row--45 > [class*="col-"],
.row--45 > [class*="col"] {
    padding-left: 45px;
    padding-right: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--45 > [class*="col-"],
    .row--45 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--45 > [class*="col-"],
    .row--45 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--45 > [class*="col-"],
    .row--45 > [class*="col"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
@media only screen and (max-width: 767px) {
    .row--45 > [class*="col-"],
    .row--45 > [class*="col"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
.row--40 {
    margin-left: -40px;
    margin-right: -40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--40 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--40 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--40 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (max-width: 767px) {
    .row--40 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}
.row--40 > [class*="col-"],
.row--40 > [class*="col"] {
    padding-left: 40px;
    padding-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--40 > [class*="col-"],
    .row--40 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--40 > [class*="col-"],
    .row--40 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--40 > [class*="col-"],
    .row--40 > [class*="col"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
@media only screen and (max-width: 767px) {
    .row--40 > [class*="col-"],
    .row--40 > [class*="col"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
.row--50 {
    margin-left: -50px;
    margin-right: -50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .row--50 {
        margin-left: -30px;
        margin-right: -30px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .row--50 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--50 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--50 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (max-width: 767px) {
    .row--50 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}
.row--50 > [class*="col-"],
.row--50 > [class*="col"] {
    padding-left: 50px;
    padding-right: 50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .row--50 > [class*="col-"],
    .row--50 > [class*="col"] {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .row--50 > [class*="col-"],
    .row--50 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--50 > [class*="col-"],
    .row--50 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--50 > [class*="col-"],
    .row--50 > [class*="col"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
@media only screen and (max-width: 767px) {
    .row--50 > [class*="col-"],
    .row--50 > [class*="col"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
.row--60 {
    margin-left: -60px;
    margin-right: -60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--60 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--60 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--60 {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media only screen and (max-width: 767px) {
    .row--60 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}
.row--60 > [class*="col-"],
.row--60 > [class*="col"] {
    padding-left: 60px;
    padding-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--60 > [class*="col-"],
    .row--60 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--60 > [class*="col-"],
    .row--60 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--60 > [class*="col-"],
    .row--60 > [class*="col"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
@media only screen and (max-width: 767px) {
    .row--60 > [class*="col-"],
    .row--60 > [class*="col"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
input:-moz-placeholder {
    opacity: 1;
}
input::-webkit-input-placeholder {
    opacity: 1;
}
input::-moz-placeholder {
    opacity: 1;
}
input:-ms-input-placeholder {
    opacity: 1;
}
[data-black-overlay],
[data-overlay],
[data-white-overlay] {
    position: relative;
}
[data-black-overlay] > *,
[data-black-overlay] > div,
[data-overlay] > *,
[data-overlay] > div,
[data-white-overlay] > *,
[data-white-overlay] > div {
    position: relative;
    z-index: 2;
}
[data-black-overlay]:before,
[data-overlay]:before,
[data-white-overlay]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}
[data-overlay]:before {
    background-color: var(--color-primary);
}
[data-black-overlay]:before {
    background-color: #000;
}
[data-white-overlay]:before {
    background-color: #fff;
}
[data-black-overlay="1"]:before,
[data-overlay="1"]:before,
[data-white-overlay="1"]:before {
    opacity: 0.1;
}
[data-black-overlay="2"]:before,
[data-overlay="2"]:before,
[data-white-overlay="2"]:before {
    opacity: 0.2;
}
[data-black-overlay="3"]:before,
[data-overlay="3"]:before,
[data-white-overlay="3"]:before {
    opacity: 0.3;
}
[data-black-overlay="4"]:before,
[data-overlay="4"]:before,
[data-white-overlay="4"]:before {
    opacity: 0.4;
}
[data-black-overlay="5"]:before,
[data-overlay="5"]:before,
[data-white-overlay="5"]:before {
    opacity: 0.5;
}
[data-black-overlay="6"]:before,
[data-overlay="6"]:before,
[data-white-overlay="6"]:before {
    opacity: 0.6;
}
[data-black-overlay="7"]:before,
[data-overlay="7"]:before,
[data-white-overlay="7"]:before {
    opacity: 0.7;
}
[data-black-overlay="8"]:before,
[data-overlay="8"]:before,
[data-white-overlay="8"]:before {
    opacity: 0.8;
}
[data-black-overlay="9"]:before,
[data-overlay="9"]:before,
[data-white-overlay="9"]:before {
    opacity: 0.9;
}
[data-black-overlay="10"]:before,
[data-overlay="10"]:before,
[data-white-overlay="10"]:before {
    opacity: 1;
}
.bg-primary {
    background-color: var(--color-primary);
}
.primary-color {
    color: var(--color-primary);
}
.secondary-color {
    color: var(--color-secondary);
}
.black-color {
    color: var(--color-black);
}
.white-color {
    color: var(--color-white);
}
.heading-color {
    color: var(--color-heading);
}
.d-flex-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
button,
input,
select {
    background: var(--color-lighter);
    border: 1px solid var(--color-border);
    transition: all 0.4s ease-out 0s;
    color: var(--color-heading);
    width: 100%;
}
button:active,
button:focus,
input:active,
input:focus,
select:active,
select:focus {
    outline: 0;
    border-color: var(--color-primary);
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
input {
    height: 40px;
    padding: 0 15px;
}
.select2,
select {
    cursor: pointer;
    transition: 0.3s;
    height: 55px;
    padding: 0 30px;
    outline: 0;
    color: var(--color-body);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid var(--color-border-light);
    border-radius: 6px;
    background: url(http://v.dasainv.com/assets/images/icons/arrow-icon.png) 95%
        center no-repeat transparent;
    padding-right: 32px;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-family: var(--font-secondary);
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"] {
    font-size: var(--font-size-b2);
    font-weight: 400;
    height: auto;
    line-height: 60px;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 30px;
    outline: 0;
    border: var(--border-width) solid var(--color-border);
    border-radius: var(--radius);
}
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder,
input[type="text"]::placeholder {
    color: var(--color-body);
    opacity: 1;
}
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder {
    color: var(--color-body);
}
input[type="email"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder {
    color: var(--color-body);
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus {
    border-color: var(--color-primary);
}
input[type="checkbox"],
input[type="radio"] {
    opacity: 0;
    position: absolute;
}
input[type="checkbox"] ~ label,
input[type="radio"] ~ label {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-body);
    font-weight: 500;
    padding-left: 28px;
    cursor: pointer;
}
input[type="checkbox"] ~ label::before,
input[type="radio"] ~ label::before {
    content: " ";
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: var(--border-thin) solid var(--color-body);
    border-radius: 2px;
    transition: all 0.3s;
}
input[type="checkbox"] ~ label::after,
input[type="radio"] ~ label::after {
    content: " ";
    position: absolute;
    top: 5px;
    left: 2px;
    width: 10px;
    height: 5px;
    background-color: transparent;
    border-bottom: var(--border-thin) solid #fff;
    border-left: var(--border-thin) solid #fff;
    border-radius: 2px;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all 0.3s;
}
input[type="checkbox"]:checked ~ label::before,
input[type="radio"]:checked ~ label::before {
    background-color: var(--color-primary);
    border: var(--border-width) solid var(--color-primary);
}
input[type="checkbox"]:checked ~ label::after,
input[type="radio"]:checked ~ label::after {
    opacity: 1;
}
input[type="radio"] ~ label::before {
    border-radius: 50%;
}
input[type="radio"] ~ label::after {
    width: 8px;
    height: 8px;
    left: 4px;
    top: 6px;
    background: #fff;
    border-radius: 50%;
}
input[type="submit"] {
    width: auto;
    padding: 0 30px;
    border-radius: 6px;
    display: inline-block;
    font-weight: 500;
    transition: 0.3s;
    height: 60px;
    background: var(--color-primary);
    color: var(--color-white);
    font-weight: var(--p-medium);
    font-size: var(--font-size-b2);
    line-height: var(--line-height-b3);
    border: 2px solid var(--color-primary);
}
input[type="submit"]:hover {
    background: 0 0;
    color: var(--color-primary);
}
.back-to-top {
    position: fixed;
    bottom: -40px;
    right: 40px;
    display: block;
    width: 45px;
    height: 45px;
    line-height: 46px;
    background: var(--color-primary);
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: var(--radius);
    opacity: 0;
    transform: scale(0.3);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 9;
    transition: all 0.3s;
}
@media only screen and (max-width: 575px) {
    .back-to-top {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}
.back-to-top:focus {
    color: var(--color-white);
}
a.axil-btn,
button.axil-btn {
    border-radius: 6px;
    font-size: var(--font-size-b1);
    line-height: var(--line-height-b1);
    font-weight: 700;
    display: inline-block;
    padding: 16px 38px;
    position: relative;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}
a.axil-btn:before,
button.axil-btn:before {
    content: "";
    height: 100%;
    width: 100%;
    border-radius: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (max-width: 767px) {
    a.axil-btn,
    button.axil-btn {
        padding: 12px 25px;
        font-size: 14px;
    }
}
a.axil-btn i,
button.axil-btn i {
    font-weight: 400;
    margin-right: 10px;
    color: var(--color-heading);
    transition: 0.3s;
}
a.axil-btn:hover:before,
button.axil-btn:hover:before {
    transform: scale(1.1);
}
a.axil-btn.right-icon i,
button.axil-btn.right-icon i {
    margin-left: 5px;
    margin-right: 0;
    color: var(--color-heading);
    position: relative;
    top: 2px;
}
a.axil-btn.btn-bg-white,
button.axil-btn.btn-bg-white {
    background-color: var(--color-white);
    color: var(--color-heading);
    box-shadow: 0 16px 32px 0 rgba(103, 103, 103, 0.06);
}
a.axil-btn.btn-bg-white:before,
button.axil-btn.btn-bg-white:before {
    background-color: var(--color-white);
}
a.axil-btn.btn-bg-primary,
button.axil-btn.btn-bg-primary {
    background-color: var(--color-primary);
    color: var(--color-white);
}
a.axil-btn.btn-bg-primary:before,
button.axil-btn.btn-bg-primary:before {
    background-color: var(--color-primary);
}
a.axil-btn.btn-bg-primary i,
button.axil-btn.btn-bg-primary i {
    color: var(--color-white);
}
a.axil-btn.btn-bg-primary:hover:after,
button.axil-btn.btn-bg-primary:hover:after {
    transform: scale(1.1);
}
a.axil-btn.btn-bg-secondary,
button.axil-btn.btn-bg-secondary {
    background-color: var(--color-secondary);
    color: var(--color-white);
}
a.axil-btn.btn-bg-secondary i,
button.axil-btn.btn-bg-secondary i {
    color: var(--color-white);
}
a.axil-btn.btn-bg-secondary:before,
button.axil-btn.btn-bg-secondary:before {
    background-color: var(--color-secondary);
}
a.axil-btn.wishlist-btn,
button.axil-btn.wishlist-btn {
    border: 2px solid var(--color-light);
    padding: 15px 16px 10px;
}
@media only screen and (max-width: 767px) {
    a.axil-btn.wishlist-btn,
    button.axil-btn.wishlist-btn {
        padding: 11px 18px 9px;
    }
}
a.axil-btn.wishlist-btn i,
button.axil-btn.wishlist-btn i {
    font-size: 20px;
    color: var(--color-body);
    margin: 0;
}
@media only screen and (max-width: 767px) {
    a.axil-btn.wishlist-btn i,
    button.axil-btn.wishlist-btn i {
        font-size: 16px;
    }
}
a.axil-btn.wishlist-btn:before,
button.axil-btn.wishlist-btn:before {
    background-color: var(--color-primary);
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8);
    transition: 0.3s;
}
a.axil-btn.wishlist-btn:hover,
button.axil-btn.wishlist-btn:hover {
    border-color: var(--color-primary);
}
a.axil-btn.wishlist-btn:hover i,
button.axil-btn.wishlist-btn:hover i {
    color: var(--color-white);
}
a.axil-btn.wishlist-btn:hover:before,
button.axil-btn.wishlist-btn:hover:before {
    visibility: visible;
    opacity: 1;
    transform: scale(1.2);
}
.slick-layout-wrapper--20 .slick-list {
    margin: -20px;
}
@media only screen and (max-width: 575px) {
    .slick-layout-wrapper--20 .slick-list {
        margin: -20px -10px;
    }
}
.slick-layout-wrapper--20 .slick-single-layout {
    padding: 20px;
}
@media only screen and (max-width: 575px) {
    .slick-layout-wrapper--20 .slick-single-layout {
        padding: 20px 10px;
    }
}
.slick-layout-wrapper--15 .slick-list {
    margin: 0 -15px;
}
.slick-layout-wrapper--15 .slick-single-layout,
.slick-layout-wrapper--15 .slick-slide {
    padding: 0 15px;
}
.slick-layout-wrapper--30 .slick-list {
    margin: 0 -30px;
}
@media only screen and (max-width: 767px) {
    .slick-layout-wrapper--30 .slick-list {
        margin: 0 -15px;
    }
}
.slick-layout-wrapper--30 .slick-single-layout {
    padding: 0 30px;
}
@media only screen and (max-width: 767px) {
    .slick-layout-wrapper--30 .slick-single-layout {
        padding: 0 15px;
    }
}
.categrie-product {
    min-width: 120px;
    position: relative;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 30px;
    box-shadow: 0 15px 20px -10px rgba(0, 0, 0, 0.04);
    transition: 0.5s ease-in-out;
    z-index: 1;
    margin-top: 30px;
}
.categrie-product:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: var(--color-white);
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.categrie-product a {
    padding: 28px 12px;
    display: block;
}
.categrie-product img {
    margin: 0 auto 8px;
    min-height: 41px;
}
.categrie-product:hover {
    border-color: var(--color-white);
    box-shadow: 0 20px 20px -10px rgba(0, 0, 0, 0.1);
}
.categrie-product:hover:before {
    transform: scale(1.1);
}
.categrie-product-2 {
    border: 1px solid #f0f0f0;
    position: relative;
    text-align: center;
    border-radius: 6px;
    transition: 0.3s;
    box-shadow: var(--shadow-dark);
    margin-bottom: 30px;
}
.categrie-product-2 a {
    padding: 17px 10px;
    display: flex;
    justify-content: center;
}
.categrie-product-2 img {
    margin-right: 10px;
    max-height: 24px;
}
.categrie-product-2:hover {
    background: #fff;
    box-shadow: none;
}
.categrie-product-3 {
    border: 1px solid #f0f0f0;
}
.categrie-product-3:before {
    display: none;
}
.categrie-product-3 a {
    padding: 12px 12px;
}
.categrie-product-3 a img {
    border-radius: 4px;
    width: 100%;
}
.axil-categorie-area .section-title-wrapper {
    margin-bottom: 10px;
}
.axil-categorie-area .section-title-wrapper .title {
    margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
    .axil-categorie-area .section-title-wrapper {
        margin-bottom: 0;
    }
}
.axil-categorie-area .arrow-top-slide .slide-arrow {
    top: -60px;
}
.countdown {
    display: flex;
}
.countdown .countdown-section {
    height: 80px;
    width: 80px;
    background-color: var(--color-white);
    border-radius: 50%;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .countdown .countdown-section {
        height: 70px;
        width: 70px;
    }
}
@media only screen and (max-width: 767px) {
    .countdown .countdown-section {
        height: 60px;
        width: 60px;
        margin-right: 10px;
    }
}
@media only screen and (max-width: 479px) {
    .countdown .countdown-section {
        margin-right: 6px;
    }
}
.countdown .countdown-section:last-child {
    margin-right: 0;
}
.countdown .countdown-section:last-child:after {
    display: none;
}
.single-poster {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}
.single-poster a {
    display: block;
}
.single-poster a img {
    transition: 0.5s;
    width: 100%;
}
.single-poster .poster-content {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 2;
    padding-right: 100px;
    pointer-events: none;
}
@media only screen and (max-width: 479px) {
    .single-poster .poster-content {
        padding: 20px;
    }
}
.single-poster .poster-content.content-left {
    right: auto;
    left: 0;
    padding-right: 0;
    padding-left: 60px;
}
@media only screen and (max-width: 991px) {
    .single-poster .poster-content.content-left {
        padding-left: 30px;
    }
}
.single-poster .poster-content.content-left .title {
    margin-bottom: 0;
    margin-top: 8px;
}
.single-poster .inner .title {
    line-height: 1;
    margin-bottom: 20px;
    font-size: 40px;
    color: var(--color-white);
}
@media only screen and (max-width: 767px) {
    .single-poster .inner .title {
        font-size: 30px;
    }
}
@media only screen and (max-width: 575px) {
    .single-poster .inner .title {
        font-size: 22px;
    }
}
@media only screen and (max-width: 479px) {
    .single-poster .inner .title {
        margin-bottom: 10px;
    }
}
.single-poster:hover img {
    transform: scale(1.1);
}
@media only screen and (max-width: 575px) {
    .single-poster:hover img {
        transform: scale(1.25);
    }
}
.poster-countdown-wrap {
    padding: 65px 80px;
    border-radius: 6px;
    margin-top: 95px;
}
@media only screen and (max-width: 1199px) {
    .poster-countdown-wrap {
        margin-top: 0;
    }
}
@media only screen and (max-width: 991px) {
    .poster-countdown-wrap {
        text-align: center;
    }
    .poster-countdown-wrap .poster-countdown {
        justify-content: center;
    }
}
@media only screen and (max-width: 767px) {
    .poster-countdown-wrap {
        padding: 50px 30px;
    }
}
@media only screen and (max-width: 479px) {
    .poster-countdown-wrap {
        padding: 40px 15px;
    }
}
.poster-countdown-wrap .section-title-wrapper {
    margin-bottom: 0;
    padding-right: 0;
}
.poster-countdown-wrap .section-title-wrapper .title {
    font-size: 48px;
}
@media only screen and (max-width: 1199px) {
    .poster-countdown-wrap .section-title-wrapper .title {
        font-size: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .poster-countdown-wrap .section-title-wrapper .title {
        font-size: 28px;
    }
}
@media only screen and (max-width: 991px) {
    .poster-countdown-wrap .section-title-wrapper .title-highlighter {
        justify-content: center;
    }
}
.poster-countdown-thumbnail {
    text-align: center;
    margin-top: -160px;
    position: relative;
}
@media only screen and (max-width: 1199px) {
    .poster-countdown-thumbnail {
        margin-top: 0;
    }
}
@media only screen and (max-width: 991px) {
    .poster-countdown-thumbnail {
        margin-top: 50px;
    }
}
.ui-widget.ui-widget-content {
    background: #cbd3d9 none repeat scroll 0 0;
    border: medium none;
    height: 4px;
}
.title-highlighter {
    font-size: 14px;
    font-weight: var(--s-bold);
    line-height: 1;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.title-highlighter i {
    height: 24px;
    width: 24px;
    line-height: 24px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    margin-right: 10px;
}
.title-highlighter.highlighter-primary {
    color: var(--light-primary);
}
.title-highlighter.highlighter-primary i {
    background-color: var(--light-primary);
    color: var(--color-white);
}
.title-highlighter.highlighter-primary2 {
    color: var(--color-primary);
}
.title-highlighter.highlighter-primary2 i {
    background-color: var(--color-primary);
    color: var(--color-white);
}
.title-highlighter.highlighter-secondary {
    color: var(--color-secondary);
}
.title-highlighter.highlighter-secondary i {
    background-color: var(--color-secondary);
    color: var(--color-white);
}
.section-title-wrapper {
    margin-bottom: 40px;
    padding-right: 100px;
}
@media only screen and (max-width: 767px) {
    .section-title-wrapper {
        margin-bottom: 30px;
    }
}
.section-title-wrapper.section-title-center {
    text-align: center;
    padding-right: 0;
}
.section-title-wrapper.section-title-center .title-highlighter {
    justify-content: center;
}
.service-box {
    background-color: var(--color-white);
    border: 1px solid #f1f1f1;
    padding: 50px 30px;
    text-align: center;
    margin-bottom: 30px;
    border-radius: 6px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 1400px) {
    .service-box {
        padding: 50px 40px;
    }
}
@media only screen and (max-width: 1199px) {
    .service-box {
        padding: 40px 30px;
    }
}
@media only screen and (max-width: 767px) {
    .service-box {
        padding: 40px;
    }
}
.service-box:before {
    content: "";
    height: 100%;
    width: 90%;
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.service-box .icon {
    margin-bottom: 20px;
}
.service-box .icon img {
    max-height: 60px;
}
.service-box .title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 0;
}
.service-box:hover {
    box-shadow: var(--shadow-dark);
}
.service-box:hover:before {
    visibility: visible;
    opacity: 1;
    bottom: -12px;
}
.service-box.service-style-2 {
    display: flex;
    border: none;
    padding: 0;
    text-align: left;
    background-color: transparent;
}
.service-box.service-style-2:before {
    display: none;
}
.service-box.service-style-2 .icon {
    margin-right: 20px;
    margin-bottom: 0;
    max-width: 45px;
    margin-top: 6px;
}
.service-box.service-style-2 .content {
    flex: 1;
}
.service-box.service-style-2 .content .title {
    line-height: var(--line-height-b1);
}
.service-box.service-style-2:hover {
    box-shadow: none;
}
.how-to-sell {
    padding: 30px 20px;
}
.how-to-sell .title {
    font-size: 18px;
    margin-bottom: 10px;
}
.how-to-sell p {
    font-size: 16px;
}
.axil-slick-arrow .slide-arrow {
    outline: 0;
    width: 50px;
    height: 50px;
    background: var(--color-lighter);
    color: var(--color-body);
    border: none;
    border-radius: 6px;
    z-index: 2;
}
.axil-slick-arrow .slide-arrow:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: var(--color-lighter);
    border-radius: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.axil-slick-arrow .slide-arrow:hover:before {
    transform: scale(1.1);
}
@media only screen and (max-width: 767px) {
    .axil-slick-arrow .slide-arrow {
        width: 40px;
        height: 40px;
        font-size: var(--font-size-b2);
    }
}
.arrow-top-slide .slide-arrow {
    position: absolute;
    left: 19px;
    top: -100px;
}
@media only screen and (max-width: 767px) {
    .arrow-top-slide .slide-arrow {
        top: -77px;
    }
}
.main-slider-content .subtitle {
    font-size: 14px;
    font-weight: var(--s-bold);
    line-height: 1;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    color: var(--color-secondary);
}
.main-slider-content .subtitle i {
    height: 24px;
    width: 24px;
    line-height: 24px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
    margin-right: 10px;
    background-color: var(--color-secondary);
    color: var(--color-white);
}
.main-slider-content .title {
    letter-spacing: -0.03em;
    margin-bottom: 50px;
    font-size: 60px;
    line-height: 1.2;
}
@media only screen and (max-width: 1199px) {
    .main-slider-content .title {
        font-size: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider-content .title {
        font-size: 44px;
    }
}
@media only screen and (max-width: 767px) {
    .main-slider-content .title {
        font-size: 30px;
    }
}
.main-slider-content .slide-action {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 1199px) {
    .main-slider-content .slide-action {
        display: block;
    }
}
.main-slider-style-1 {
    background-color: #f9f3f0;
    padding: 90px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 550px;
}
@media only screen and (max-width: 1199px) {
    .main-slider-style-1 {
        min-height: 500px;
    }
}
@media only screen and (max-width: 991px) {
    .main-slider-style-1 {
        padding: 40px 0 80px;
        min-height: 450px;
    }
}
@media only screen and (max-width: 767px) {
    .main-slider-style-1 {
        padding: 30px 0 60px;
        min-height: 100%;
    }
}
.main-slider-style-1 .main-slider-content {
    margin: -30px;
}
@media only screen and (max-width: 575px) {
    .main-slider-style-1 .main-slider-content {
        text-align: center;
    }
}
@media only screen and (max-width: 575px) {
    .main-slider-style-1 .main-slider-content .subtitle {
        justify-content: center;
    }
}
@media only screen and (max-width: 1199px) {
    .main-slider-style-1 .main-slider-content .title {
        font-size: 56px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider-style-1 .main-slider-content .title {
        font-size: 44px;
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .main-slider-style-1 .main-slider-content .title {
        font-size: 34px;
        margin-bottom: 30px;
    }
}
.main-slider-style-1 .main-slider-content .single-slide {
    padding: 30px;
}
.main-slider-style-2 .slider-offset-left {
    margin-left: 290px;
    margin-top: 40px;
    margin-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
    .main-slider-style-2 .slider-offset-left {
        margin-left: 0;
    }
}
.main-slider-style-2 .slider-box-wrap {
    background-color: #f7f7f7;
    border-radius: 6px;
    padding: 48px 50px;
}
@media only screen and (max-width: 575px) {
    .main-slider-style-2 .slider-box-wrap {
        padding: 40px 30px;
    }
}
.main-slider-style-2 .slider-box-wrap .single-slide {
    display: flex;
    align-items: center;
}
.main-slider-style-2 .main-slider-content {
    flex: 1;
    z-index: 2;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .main-slider-style-2 .main-slider-content {
        flex: 2;
    }
}
.main-slider-style-2 .main-slider-content .title {
    font-size: 50px;
    margin-bottom: 45px;
}
@media only screen and (max-width: 1199px) {
    .main-slider-style-2 .main-slider-content .title {
        font-size: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .main-slider-style-2 .main-slider-content .title {
        font-size: 38px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 575px) {
    .main-slider-style-2 .main-slider-content .title {
        font-size: 24px;
        margin-bottom: 20px;
    }
}
.main-slider-style-2 .main-slider-content .axil-btn {
    padding: 0;
    position: relative;
}
.main-slider-style-2 .main-slider-content .axil-btn i {
    margin: 0 0 0 16px;
    color: var(--color-heading);
}
.main-slider-style-2 .main-slider-content .axil-btn:after {
    content: "";
    height: 1px;
    width: 100%;
    background-color: var(--color-heading);
    position: absolute;
    bottom: 0;
    left: 0;
}
.main-slider-style-2 .main-slider-content .axil-btn:hover {
    color: var(--color-primary);
}
.main-slider-style-2 .main-slider-content .axil-btn:hover i {
    color: var(--color-primary);
    margin: 0 0 0 10px;
}
.main-slider-style-2 .main-slider-content .axil-btn:hover:after {
    background-color: var(--color-primary);
}
.main-slider-style-2 .slider-product-box {
    background-color: #f7f7f7;
    border-radius: 6px;
    text-align: center;
    padding: 45px 20px;
    overflow: hidden;
}
@media only screen and (max-width: 991px) {
    .main-slider-style-2 .slider-product-box {
        margin-top: 30px;
    }
}
.main-slider-style-2 .slider-product-box .title {
    font-size: 16px;
    color: var(--color-body);
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.main-slider-style-3 {
    background-color: #f3f7f6;
    padding: 110px 0;
    background-repeat: no-repeat;
    background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider-style-3 {
        padding: 80px 0;
    }
}
@media only screen and (max-width: 767px) {
    .main-slider-style-3 {
        padding: 40px 0 70px;
    }
}
.main-slider-style-3 .main-slider-content {
    padding-right: 80px;
}
@media only screen and (max-width: 991px) {
    .main-slider-style-3 .main-slider-content {
        padding-right: 0;
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .main-slider-style-3 .main-slider-content {
        margin-bottom: 25px;
    }
}
.main-slider-style-3 .main-slider-content .title {
    margin-bottom: 40px;
    font-size: 55px;
    line-height: 1.1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .main-slider-style-3 .main-slider-content .title {
        font-size: 60px;
    }
}
@media only screen and (max-width: 1199px) {
    .main-slider-style-3 .main-slider-content .title {
        font-size: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider-style-3 .main-slider-content .title {
        font-size: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .main-slider-style-3 .main-slider-content .title {
        font-size: 34px;
    }
}
.main-slider-style-4 {
    background-color: #f3f7f6;
    padding-top: 50px;
    overflow: hidden;
}
.main-slider-style-4 .main-slider-content {
    z-index: 2;
    position: relative;
    padding: 10px 0;
}
.main-slider-style-4 .main-slider-content .subtitle {
    color: var(--color-primary);
    animation: 0.8s ease-in-out 0s normal none 1 running customOne;
}
.main-slider-style-4 .main-slider-content .title {
    line-height: 1.1;
    margin-bottom: 20px;
    animation: 0.6s ease-in-out 0s normal none 1 running customOne;
}
.main-slider-style-4 .main-slider-content p {
    font-size: 20px;
    animation: 1.2s ease-in-out 0s normal none 1 running customOne;
}
@media only screen and (max-width: 767px) {
    .main-slider-style-4 .main-slider-content p {
        font-size: 16px;
    }
}
.main-slider-style-5 .slider-box-wrap {
    background-color: #f7f7f7;
    border-radius: 6px;
    padding: 90px 100px;
    position: relative;
    z-index: 1;
}
@media only screen and (max-width: 1199px) {
    .main-slider-style-5 .slider-box-wrap {
        padding: 80px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider-style-5 .slider-box-wrap {
        padding: 60px;
    }
}
@media only screen and (max-width: 767px) {
    .main-slider-style-5 .slider-box-wrap {
        padding: 50px 50px 60px;
    }
}
@media only screen and (max-width: 479px) {
    .main-slider-style-5 .slider-box-wrap {
        padding: 40px 40px 60px;
    }
}
.main-slider-style-5 .slider-box-wrap::after {
    content: "";
    height: 260px;
    width: 260px;
    background-color: var(--color-white);
    border-radius: 50%;
    position: absolute;
    top: 80px;
    left: 215px;
    z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider-style-5 .slider-box-wrap::after {
        left: 0;
        top: 0;
        transform: scale(0.6);
    }
}
@media only screen and (max-width: 767px) {
    .main-slider-style-5 .slider-box-wrap::after {
        display: none;
    }
}
.main-slider-style-5 .slider-box-wrap .single-slide {
    display: flex;
    align-items: center;
    padding: 30px;
}
@media only screen and (max-width: 575px) {
    .main-slider-style-5 .slider-box-wrap .single-slide {
        display: block;
    }
}
.main-slider-style-5 .main-slider-content {
    flex: 1;
}
.main-slider-style-5 .main-slider-content .title {
    width: 70%;
}
@media only screen and (max-width: 1399px) {
    .main-slider-style-5 .main-slider-content .title {
        width: 90%;
    }
}
@media only screen and (max-width: 1199px) {
    .main-slider-style-5 .main-slider-content .title {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .main-slider-style-5 .main-slider-content .title {
        margin-bottom: 35px;
    }
}
.main-slider-style-6 {
    background-color: #f3f7f6;
    padding: 110px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider-style-6 {
        padding: 80px 0;
    }
}
@media only screen and (max-width: 767px) {
    .main-slider-style-6 {
        padding: 60px 0;
    }
}
.main-slider-style-6 .main-slider-content .title {
    margin-bottom: 40px;
    font-size: 70px;
    line-height: 1.1;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .main-slider-style-6 .main-slider-content .title {
        font-size: 60px;
    }
}
@media only screen and (max-width: 1199px) {
    .main-slider-style-6 .main-slider-content .title {
        font-size: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider-style-6 .main-slider-content .title {
        font-size: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .main-slider-style-6 .main-slider-content .title {
        font-size: 34px;
    }
}
.main-slider-style-7 {
    padding: 200px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 991px) {
    .main-slider-style-7 {
        padding: 80px 0;
    }
}
@media only screen and (max-width: 575px) {
    .main-slider-style-7 {
        padding: 60px 0;
    }
}
@media only screen and (max-width: 479px) {
    .main-slider-style-7 {
        background-position: right;
    }
}
.main-slider-style-7 .main-slider-content {
    z-index: 2;
    position: relative;
    padding: 10px 0;
}
.main-slider-style-7 .main-slider-content .subtitle {
    animation: 0.8s ease-in-out 0s normal none 1 running customOne;
}
.main-slider-style-7 .main-slider-content .title {
    width: 80%;
    margin-bottom: 20px;
    animation: 0.6s ease-in-out 0s normal none 1 running customOne;
}
@media only screen and (max-width: 991px) {
    .main-slider-style-7 .main-slider-content .title {
        width: 90%;
    }
}
.main-slider-style-7 .main-slider-content p {
    font-size: 20px;
    animation: 1.2s ease-in-out 0s normal none 1 running customOne;
}
@media only screen and (max-width: 767px) {
    .main-slider-style-7 .main-slider-content p {
        font-size: 16px;
    }
}
.main-slider-style-8 .slider-offset-left {
    margin-bottom: 0;
}
.main-slider-style-8 .slider-box-wrap {
    padding: 48px 70px;
}
@media only screen and (max-width: 575px) {
    .main-slider-style-8 .slider-box-wrap {
        padding: 45px 30px;
    }
}
@keyframes customOne {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes customTwo {
    from {
        opacity: 0;
        transform: translate3d(20%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
.testimonial-style-one-wrapper .slide-arrow {
    background-color: var(--color-white);
}
.testimonial-style-one .review-speech {
    background-color: var(--color-white);
    border-radius: 10px;
    padding: 40px;
    margin-bottom: 40px;
    position: relative;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.04);
}
.testimonial-style-one .review-speech:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 25px solid var(--color-white);
    border-right: 50px solid transparent;
    position: absolute;
    bottom: -25px;
    left: 100px;
}
.testimonial-style-one .review-speech p {
    font-size: 16px;
    line-height: 28px;
}
.testimonial-style-one .media {
    display: flex;
    align-items: center;
}
.testimonial-style-one .media .thumbnail {
    margin-right: 20px;
}
.testimonial-style-one .media .thumbnail img {
    border-radius: 6px;
}
.testimonial-style-one .media .media-body {
    flex: 1;
}
.testimonial-style-one .media .media-body .designation {
    font-size: 14px;
}
.testimonial-style-one .media .media-body .title {
    margin-bottom: 0;
}
.axil-header-top {
    padding: 8px 0;
}
.header-top-dropdown {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 575px) {
    .header-top-dropdown {
        justify-content: center;
    }
}
.header-top-dropdown .dropdown {
    max-width: 70px;
    margin-right: 20px;
}
@media only screen and (max-width: 575px) {
    .header-top-dropdown .dropdown {
        margin-right: 10px;
    }
}
.header-top-dropdown .dropdown:last-child {
    margin-right: 0;
}
.header-top-dropdown .dropdown .dropdown-toggle {
    font-size: 14px;
    color: var(--color-body);
    background-color: transparent;
    display: flex;
    align-items: center;
}
.header-top-dropdown .dropdown .dropdown-toggle:after {
    content: "\f107";
    font-family: var(--font-awesome);
    border: none;
    margin-left: 5px;
    margin-top: 1px;
}
.header-top-dropdown .dropdown .dropdown-menu {
    min-width: 11rem;
    border: none;
    box-shadow: var(--shadow-primary);
    display: block !important;
    top: 35px;
    visibility: hidden;
    opacity: 0;
    transition: var(--transition);
}
.header-top-dropdown .dropdown .dropdown-menu li {
    margin: 5px 10px;
}
.header-top-dropdown .dropdown .dropdown-menu .dropdown-item {
    font-size: 14px;
    border-radius: 6px;
}
.header-top-dropdown .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: var(--color-secondary);
    color: var(--color-white) !important;
}
.header-top-dropdown.dropdown-box-style .dropdown {
    max-width: 100%;
}
.header-top-dropdown.dropdown-box-style .dropdown .dropdown-toggle {
    color: var(--color-heading);
    font-weight: 700;
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    padding: 10px 20px;
    justify-content: center;
}
.header-top-dropdown.dropdown-box-style .dropdown .dropdown-toggle:after {
    font-weight: 400;
}
.header-top-dropdown.dropdown-box-style .dropdown .dropdown-toggle:hover {
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.06);
}
.header-top-link .quick-link {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px;
    justify-content: flex-end;
}
@media only screen and (max-width: 575px) {
    .header-top-link .quick-link {
        justify-content: center;
        margin: 5px 0;
    }
}
.header-top-link .quick-link li {
    margin: 0;
    padding: 0 18px;
    position: relative;
}
.header-top-link .quick-link li a {
    font-size: var(--font-size-b2);
    color: var(--color-body);
    line-height: var(--line-height-b2);
    display: inline-block;
}
.header-top-link .quick-link li a:hover {
    color: var(--color-primary);
}
.header-style-2 .axil-header-top {
    padding: 25px 0;
}
.header-style-2 .axil-header-top .axil-search {
    flex: 1;
    position: relative;
    margin-left: 70px;
    margin-right: 20px;
}
@media only screen and (max-width: 991px) {
    .header-style-2 .axil-header-top .axil-search {
        margin-left: 0;
    }
}
@media only screen and (max-width: 575px) {
    .header-style-2 .axil-header-top .axil-search {
        display: none;
    }
}
.header-style-2 .axil-header-top .axil-search .icon {
    width: auto;
    position: absolute;
    top: 10px;
    left: 15px;
    background-color: transparent;
    font-size: 14px;
    color: var(--color-heading);
    z-index: 1;
}
.header-style-2 .axil-header-top .axil-search .icon:hover {
    color: var(--color-primary);
}
.header-style-2 .axil-header-top .axil-search input {
    width: 100%;
    background-color: transparent;
    border: 1px solid #d4d4d4;
    border-radius: 6px;
    font-size: 14px;
    padding-left: 50px;
    color: var(--color-heading);
    font-weight: 500;
}
.header-style-2 .axil-header-top .axil-search input:focus {
    border-color: var(--color-primary);
}
@media only screen and (max-width: 575px) {
    .header-style-2 .header-top-dropdown {
        justify-content: flex-end;
    }
}
.header-style-4 .axil-header-top {
    border-bottom: 1px solid #f1f1f1;
    padding: 25px 0;
}
@media only screen and (max-width: 991px) {
    .header-style-4 .axil-header-top {
        padding: 15px 0;
        border-bottom: none;
    }
}
.header-style-4 .axil-header-top .header-brand {
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .header-style-4 .axil-header-top .header-brand {
        text-align: left;
    }
}
.header-style-4 .axil-header-top .header-action > ul {
    justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
    .header-style-4 .axil-header-top .header-top-dropdown {
        justify-content: center;
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}
.header-style-5 .axil-header-top {
    background-color: var(--color-heading);
    padding: 6px 0;
}
.header-style-5 .header-top-dropdown .dropdown .dropdown-toggle {
    color: #c2c2cc;
}
.header-style-5 .header-top-dropdown .dropdown .dropdown-toggle:hover {
    color: var(--color-white);
}
.header-style-5 .header-top-link .quick-link li a {
    color: #c2c2cc;
}
.header-style-5 .header-top-link .quick-link li a:hover {
    color: var(--color-primary);
}
.header-brand a {
    display: block;
}
@media only screen and (max-width: 991px) {
    .header-brand a img {
        max-height: 35px;
    }
}
@media only screen and (max-width: 320px) {
    .header-brand a img {
        max-height: 30px;
    }
}
.logo-light {
    display: none !important;
}
.axil-mainmenu .header-navbar {
    display: flex;
    align-items: center;
    width: 100%;
}
.axil-mainmenu .header-navbar .header-main-nav {
    flex: 1;
    margin: 0 50px;
}
@media only screen and (max-width: 991px) {
    .axil-mainmenu .header-navbar .header-main-nav {
        margin: 0;
    }
}
.axil-mainmenu.axil-sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    background-color: var(--color-white);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    transition: var(--transition);
}
.axil-mainmenu.axil-sticky .mainmenu > li > a {
    height: 80px;
    line-height: 80px;
}
.axil-mainmenu.axil-sticky .mainmenu > li > a:before {
    bottom: 20px;
}
.header-style-1 {
    background-color: #f9f3f0;
    padding-bottom: 30px;
}
.header-style-1 .header-navbar {
    background-color: var(--color-white);
    padding: 0 40px;
    border-radius: 10px;
}
@media only screen and (max-width: 1199px) {
    .header-style-1 .header-navbar {
        padding: 0 25px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-style-1 .header-navbar {
        padding: 15px 25px;
    }
}
@media only screen and (max-width: 767px) {
    .header-style-1 .header-navbar {
        padding: 15px 15px;
    }
}
@media only screen and (max-width: 1199px) {
    .header-style-1 .mainmenu > li {
        margin: 0 13px;
    }
}
.header-style-1 .axil-mainmenu.axil-sticky {
    background-color: transparent;
    box-shadow: none;
    padding-top: 10px;
}
.header-style-1 .axil-mainmenu.axil-sticky .header-navbar {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 575px) {
    .header-style-1 .header-brand {
        margin-right: 10px;
    }
}
.header-style-4 .mainmenu > li > a {
    line-height: 60px;
    height: 60px;
}
.header-style-4 .mainmenu > li > a:before {
    bottom: 18px;
}
@media only screen and (max-width: 991px) {
    .header-style-5 .axil-mainmenu {
        padding: 15px 0;
    }
}
@media only screen and (max-width: 1399px) {
    .header-style-5 .header-navbar .header-main-nav {
        margin: 0 20px;
    }
}
@media only screen and (max-width: 1399px) and (max-width: 991px) {
    .header-style-5 .header-navbar .header-main-nav {
        margin: 0;
    }
}
@media only screen and (max-width: 1399px) {
    .header-style-5 .mainmenu {
        margin: 0 -18px;
    }
    .header-style-5 .mainmenu > li {
        margin: 0 18px;
    }
}
.header-style-5 .header-action .axil-search input {
    border: 1px solid #f0f0f0;
    height: 40px;
}
.header-style-3 {
    background-color: #f9f3f0;
}
.header-style-3 .axil-mainmenu {
    padding: 20px 0;
    position: relative;
    z-index: 2;
}
.header-style-3 .axil-mainmenu.axil-sticky {
    position: fixed;
    background-color: transparent;
    box-shadow: none;
    z-index: 4;
}
.header-style-3 .axil-mainmenu.axil-sticky .header-navbar {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.header-style-3 .header-navbar {
    background-color: var(--color-white);
    padding: 0 20px;
    border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-style-3 .header-navbar {
        padding: 10px 20px;
    }
}
@media only screen and (max-width: 767px) {
    .header-style-3 .header-navbar {
        padding: 10px 20px;
    }
}
.header-style-3 .header-action {
    display: flex;
    align-items: center;
}
.header-style-3 .header-action .header-btn .axil-btn {
    padding: 12px 30px;
    font-size: 15px;
    font-weight: 500;
}
@media only screen and (max-width: 479px) {
    .header-style-3 .header-action .header-btn .axil-btn {
        padding: 12px 20px;
    }
}
@media only screen and (max-width: 479px) {
    .header-action {
        margin-top: 4px;
    }
}
.header-action > ul {
    display: flex;
    align-items: center;
    margin: 0 -10px;
    padding: 0;
}
@media only screen and (max-width: 479px) {
    .header-action > ul {
        margin: 0 -6px;
    }
}
.header-action > ul > li {
    margin: 0 10px;
}
@media only screen and (max-width: 479px) {
    .header-action > ul > li {
        margin: 0 5px;
    }
}
.header-action > ul > li > a {
    font-size: 24px;
    font-weight: 500;
    color: var(--color-heading);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
@media only screen and (max-width: 479px) {
    .header-action > ul > li > a {
        font-size: 22px;
    }
}
.header-action > ul > li > a > i {
    display: inline-block;
    line-height: 0;
}
.header-action > ul > li > a::after {
    content: "";
    height: 45px;
    width: 45px;
    background-color: var(--color-secondary);
    transform: scale(0);
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    transition: var(--transition);
}
@media only screen and (max-width: 575px) {
    .header-action > ul > li > a::after {
        height: 35px;
        width: 35px;
    }
}
.header-action > ul > li > a:focus {
    color: var(--color-heading);
}
.header-action > ul > li > a:hover {
    color: var(--color-white) !important;
}
.header-action > ul > li > a:hover::after {
    transform: scale(1);
}
.header-action .shopping-cart .cart-dropdown-btn .cart-count {
    text-align: center;
    background-color: var(--color-primary);
    border: 2px solid var(--color-white);
    font-size: 12px;
    font-weight: 500;
    color: var(--color-white);
    border-radius: 50%;
    height: 22px;
    width: 22px;
    line-height: 19px;
    position: absolute;
    top: -12px;
    right: -12px;
}
.header-action .my-account {
    position: relative;
}
.header-action .my-account .my-account-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    min-width: 250px;
    padding: 20px;
    border-radius: 4px;
    box-shadow: var(--shadow-primary);
    list-style: none;
    transform: translateY(30px);
    margin-top: 20px;
}
@media only screen and (max-width: 479px) {
    .header-action .my-account .my-account-dropdown {
        right: -30px;
    }
}
.header-action .my-account .my-account-dropdown ul {
    list-style: none;
    padding-left: 0;
}
.header-action .my-account .my-account-dropdown .title {
    font-size: 12px;
    font-weight: 500;
}
.header-action .my-account .my-account-dropdown li {
    margin: 0;
}
.header-action .my-account .my-account-dropdown li a {
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding: 12px 0;
    display: block;
}
.header-action .my-account .my-account-dropdown li:hover > a {
    color: var(--color-primary);
}
.header-action .my-account .my-account-dropdown .login-btn {
    text-align: center;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 25px;
}
.header-action .my-account .my-account-dropdown .axil-btn {
    padding: 10px 35px;
    width: 100%;
}
.header-action .my-account .my-account-dropdown .reg-footer {
    font-size: 12px;
}
.header-action .my-account .my-account-dropdown .reg-footer .btn-link {
    margin-left: 7px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-dark);
    position: relative;
    line-height: 1;
    border-bottom: 2px solid #999fae;
    text-decoration: none;
}
.header-action .my-account .my-account-dropdown .reg-footer .btn-link:hover {
    color: var(--color-primary);
    border-color: var(--color-primary);
}
.header-action .axil-search {
    position: relative;
}
.header-action .axil-search .icon {
    position: absolute;
    left: 15px;
    width: auto;
    padding: 0;
    top: 52%;
    transform: translateY(-50%);
    line-height: 1;
    background-color: transparent;
    font-size: 22px;
    color: var(--color-heading);
}
.header-action .axil-search .icon i {
    display: inline-block;
    line-height: 0;
}
.header-action .axil-search input {
    background: var(--color-white);
    color: var(--color-heading);
    border-radius: 6px;
    padding-left: 40px;
    padding-right: 10px;
    max-width: 250px;
    height: 50px;
    opacity: 1;
    font-size: 14px;
}
.header-search-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0.8);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
}
@media only screen and (max-width: 991px) {
    .header-search-modal {
        width: 92%;
        right: -100%;
    }
}
.header-search-modal .card-close {
    height: 40px;
    width: 40px;
    font-size: 16px;
    color: var(--color_black);
    border-radius: 50%;
    position: absolute;
    right: -60px;
    top: 0;
    z-index: 1;
}
.header-search-modal .card-close:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}
@media only screen and (max-width: 991px) {
    .header-search-modal .card-close {
        height: 35px;
        width: 35px;
        font-size: 15px;
        right: 30px;
        top: 12px;
    }
}
@media only screen and (max-width: 479px) {
    .header-search-modal .card-close {
        right: 15px;
        top: 14px;
    }
}
.header-search-modal .header-search-wrap {
    background-color: var(--color-white);
    border-radius: 10px;
    padding: 40px 30px;
    width: 800px;
    height: 575px;
    max-height: 90vh;
    overflow: auto;
}
@media only screen and (max-width: 991px) {
    .header-search-modal .header-search-wrap {
        width: 100%;
        padding: 70px 30px 30px;
    }
}
@media only screen and (max-width: 479px) {
    .header-search-modal .header-search-wrap {
        padding: 70px 15px 30px;
    }
}
.header-search-modal .card-header {
    background-color: transparent;
    padding: 0;
    border-bottom: none;
}
.header-search-modal .card-header .axil-btn {
    width: auto;
    padding: 5px 20px;
    font-size: 15px;
    background-color: transparent;
    margin: 5px;
    border-radius: 6px !important;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    pointer-events: none;
}
.header-search-modal .card-header .axil-btn:before {
    display: none;
}
.header-search-modal .card-header .axil-btn i {
    margin-right: 0;
    color: var(--color-lightest);
}
.header-search-modal .card-header .axil-btn:hover i {
    color: var(--color-heading);
}
.header-search-modal .card-body {
    padding: 0;
}
@media only screen and (max-width: 991px) {
    .header-main-nav .mainmenu-nav {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        right: -250px;
        width: 250px;
        background-color: var(--color-white);
        z-index: 100;
        transition: all 0.3s ease-in-out;
        padding: 20px 30px 10px;
        visibility: hidden;
        opacity: 0;
    }
    .header-main-nav .mainmenu-nav .mainmenu {
        display: block;
        height: 100%;
        overflow-y: auto;
        margin: 0;
    }
    .header-main-nav .mainmenu-nav .mainmenu > li {
        margin: 10px 0 !important;
        transform: translateY(20px);
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }
    .header-main-nav .mainmenu-nav .mainmenu > li > a {
        color: var(--color-body);
        line-height: var(--line-height-b2) !important;
        height: auto !important;
        padding: 5px 0;
        display: inline-block;
    }
    .header-main-nav .mainmenu-nav .mainmenu > li > a::before {
        display: none;
    }
    .header-main-nav .mainmenu-nav .mainmenu > li.menu-item-has-children a {
        margin: 0;
    }
    .header-main-nav
        .mainmenu-nav
        .mainmenu
        > li.menu-item-has-children
        a::after {
        right: -18px;
        top: 4px;
        color: var(--color-body);
    }
    .header-main-nav
        .mainmenu-nav
        .mainmenu
        > li.menu-item-has-children
        .axil-submenu {
        display: none;
        position: static;
        transform: scaleY(1);
        visibility: visible;
        opacity: 1;
        min-width: auto;
        box-shadow: none;
        padding: 0;
        transition: initial;
    }
    .header-main-nav
        .mainmenu-nav
        .mainmenu
        > li.menu-item-has-children
        .axil-submenu
        li
        a {
        padding: 5px 10px;
    }
    .header-main-nav
        .mainmenu-nav
        .mainmenu
        > li.menu-item-has-children
        .axil-submenu
        li
        a:after {
        display: none;
    }
    .header-main-nav
        .mainmenu-nav
        .mainmenu
        > li.menu-item-has-children
        .axil-submenu
        li
        a:hover {
        color: var(--color-primary);
        background-color: transparent;
    }
}
.mobile-close-btn {
    background-color: transparent;
    position: absolute;
    top: 19px;
    right: 15px;
    height: 35px;
    width: 35px;
    background-color: var(--color-lighter);
    border-radius: 40px;
    color: var(--color-dark);
    font-size: 12px;
}
@media only screen and (min-width: 992px) {
    .mobile-close-btn {
        display: none;
    }
}
.mobile-close-btn:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}
.mobile-nav-brand {
    margin-bottom: 30px;
}
.mobile-nav-brand img {
    max-height: 35px;
}
@media only screen and (min-width: 992px) {
    .mobile-nav-brand {
        display: none;
    }
}
.axil-mobile-toggle {
    margin-left: 30px;
}
@media only screen and (min-width: 992px) {
    .axil-mobile-toggle {
        display: none;
    }
}
@media only screen and (max-width: 575px) {
    .axil-mobile-toggle {
        margin-left: 18px;
    }
}
.axil-mobile-toggle .menu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: transparent;
    position: relative;
    z-index: 1;
    color: var(--color-heading);
    font-size: 23px;
}
@media only screen and (max-width: 479px) {
    .axil-mobile-toggle .menu-btn {
        font-size: 22px;
    }
}
.axil-mobile-toggle .menu-btn i {
    display: inline-block;
    line-height: 0;
}
.axil-mobile-toggle .menu-btn:after {
    content: "";
    height: 40px;
    width: 40px;
    background: var(--color-secondary);
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    transform: scale(0);
    transition: var(--transition);
}
@media only screen and (max-width: 575px) {
    .axil-mobile-toggle .menu-btn:after {
        height: 35px;
        width: 35px;
    }
}
.axil-mobile-toggle .menu-btn:hover {
    color: var(--color-white);
}
.axil-mobile-toggle .menu-btn:hover:after {
    transform: scaleX(1);
}
.header-mobile-brand img {
    width: 150px;
}
@media only screen and (max-width: 991px) {
    .mainmenu-nav {
        display: none;
    }
}
.mainmenu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -24px;
}
@media only screen and (max-width: 1199px) {
    .mainmenu {
        margin: 0 -15px;
    }
}
.mainmenu > li {
    margin: 0 24px;
}
@media only screen and (max-width: 1199px) {
    .mainmenu > li {
        margin: 0 15px;
    }
}
.mainmenu > li > a {
    color: var(--color-heading);
    font-weight: 700;
    font-size: 15px;
    font-family: var(--font-primary);
    line-height: 80px;
    height: 80px;
    display: block;
    position: relative;
    transition: var(--transition);
}
.mainmenu > li > a::before {
    content: "";
    height: 2px;
    width: 0;
    background-color: var(--color-black);
    position: absolute;
    bottom: 29px;
    left: 0;
    opacity: 0;
    transition: 0.5s;
}
.mainmenu > li > a:hover {
    color: var(--color-black);
}
.mainmenu > li > a:hover::before {
    opacity: 1;
    width: 100%;
}
.mainmenu > .menu-item-has-children {
    position: relative;
}
.mainmenu > .menu-item-has-children > a {
    position: relative;
    margin-right: 15px;
}
.mainmenu > .menu-item-has-children > a::after {
    content: "\f107";
    font-family: var(--font-awesome);
    font-weight: 400;
    color: #c6c6c6;
    font-size: 16px;
    position: absolute;
    top: 1px;
    right: -14px;
}
.mainmenu > .menu-item-has-children .axil-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    min-width: 250px;
    padding: 15px 10px;
    border-radius: 4px;
    box-shadow: var(--shadow-primary);
    transition: all 0.3s ease-in-out;
    list-style: none;
    pointer-events: none;
}
.mainmenu > .menu-item-has-children .axil-submenu li {
    margin: 0;
}
.mainmenu > .menu-item-has-children .axil-submenu li a {
    position: relative;
    font-size: 15px;
    text-transform: capitalize;
    color: var(--color-heading);
    font-weight: 500;
    padding: 5px 15px;
    border-radius: 4px;
    display: block;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    overflow: hidden;
}
.mainmenu > .menu-item-has-children .axil-submenu li a:hover {
    color: var(--color-secondary);
}
.mainmenu > .menu-item-has-children:hover .axil-submenu {
    top: 90%;
    opacity: 1;
    visibility: visible;
    z-index: 9;
    pointer-events: all;
}
.cart-dropdown {
    position: fixed;
    right: -600px;
    top: 0;
    bottom: 0;
    z-index: 101;
    transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
@media only screen and (max-width: 767px) {
    .cart-dropdown {
        width: 100%;
        right: -100%;
    }
}
.cart-dropdown .cart-content-wrap {
    background-color: var(--color-white);
    padding: 60px 50px;
    width: 600px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}
@media only screen and (max-width: 767px) {
    .cart-dropdown .cart-content-wrap {
        width: 100%;
        padding: 30px;
    }
}
@media only screen and (max-width: 479px) {
    .cart-dropdown .cart-content-wrap {
        padding: 30px 15px;
    }
}
.cart-dropdown .cart-content-wrap::-webkit-scrollbar {
    width: 8px;
    border-radius: 10px;
}
.cart-dropdown .cart-content-wrap::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
    transition: 0.5s;
}
.cart-dropdown .cart-content-wrap::-webkit-scrollbar-thumb {
    background: var(--color-lightest);
    border-radius: 10px;
    transition: 0.5s;
}
.cart-dropdown .cart-content-wrap::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary);
}
.cart-dropdown .cart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #f6f7fb;
    padding-bottom: 18px;
}
.cart-dropdown .cart-header .header-title {
    font-size: 26px;
    color: #27272e;
    margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
    .cart-dropdown .cart-header .header-title {
        font-size: 24px;
    }
}
.cart-dropdown .cart-header .cart-close {
    height: 40px;
    width: 40px;
    font-size: 16px;
    color: var(--color_black);
    border-radius: 50%;
}
.cart-dropdown .cart-header .cart-close:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}
.cart-dropdown .cart-body {
    padding: 30px 0;
    flex: auto;
}
.cart-dropdown .cart-item {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 1px solid #f6f7fb;
    padding-bottom: 30px;
}
@media only screen and (max-width: 479px) {
    .cart-dropdown .cart-item {
        align-items: flex-start;
    }
}
.cart-dropdown .cart-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.cart-dropdown .cart-item .item-img {
    margin-right: 30px;
    position: relative;
}
@media only screen and (max-width: 479px) {
    .cart-dropdown .cart-item .item-img {
        margin-right: 15px;
    }
}
.cart-dropdown .cart-item .item-img a {
    display: block;
    background-color: #f6f7fb;
    border-radius: 10px;
}
@media only screen and (max-width: 767px) {
    .cart-dropdown .cart-item .item-img a {
        width: 70px;
    }
}
.cart-dropdown .cart-item .item-img a img {
    border-radius: 10px;
    height: 100px;
    width: 100px;
    object-fit: cover;
}
.cart-dropdown .cart-item .item-img .close-btn {
    height: 31px;
    width: 31px;
    background-color: #f6f7fb;
    border: 2px solid var(--color-white);
    border-radius: 50%;
    font-size: 12px;
    color: var(--color-black);
    position: absolute;
    top: -15px;
    left: -10px;
    transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 767px) {
    .cart-dropdown .cart-item .item-img .close-btn {
        height: 25px;
        width: 25px;
        font-size: 10px;
    }
}
.cart-dropdown .cart-item .item-img .close-btn:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
}
.cart-dropdown .cart-item .item-content {
    flex: 1;
    position: relative;
    padding-right: 110px;
}
@media only screen and (max-width: 479px) {
    .cart-dropdown .cart-item .item-content {
        padding-right: 0;
    }
}
.cart-dropdown .cart-item .item-title {
    font-size: 16px;
    color: var(--color-black);
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media only screen and (max-width: 767px) {
    .cart-dropdown .cart-item .item-title {
        font-size: 16px;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 479px) {
    .cart-dropdown .cart-item .item-title {
        margin-bottom: 5px;
    }
}
.cart-dropdown .cart-footer {
    border-top: 2px solid #f6f7fb;
}
.axil-product {
    position: relative;
}
@media only screen and (max-width: 575px) {
    .axil-product {
        text-align: center;
    }
}
.axil-product > .thumbnail {
    position: relative;
    display: block;
}
.axil-product > .thumbnail > a {
    display: block;
    background-color: #f7f7f7;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}
.axil-product > .thumbnail > a img {
    border-radius: 6px;
    width: 100%;
    transition: 0.3s;
}
.axil-product > .thumbnail > a .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}
.axil-product > .thumbnail .label-block {
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 2;
}
.axil-product > .thumbnail .label-block.label-right {
    left: auto;
    right: -10px;
}
.axil-product .product-content {
    margin-top: 25px;
    position: relative;
    margin-bottom: 30px;
}
.axil-product .product-content .inner {
    transition: 0.3s;
}
.axil-product .product-content .title {
    color: var(--color-body);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    transition: var(--transition);
}
.axil-product .product-content .title a {
    transition: 0.3s;
}
.axil-product .product-hover-action {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}
.axil-product .cart-action {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -5px;
}
.axil-product .cart-action li {
    margin: 5px;
}
.axil-product .cart-action li.wishlist a {
    width: 40px;
    height: 40px;
    line-height: 42px;
    border-radius: 4px;
    background-color: var(--color-white);
    display: block;
    text-align: center;
    transition: 0.3s;
    position: relative;
    font-size: 14px;
    color: var(--color-heading);
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.06);
    position: relative;
    z-index: 1;
}
.axil-product .cart-action li.wishlist a:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: var(--color-white);
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.axil-product .cart-action li.wishlist a i {
    transition: all 0.3s ease-in-out;
}
.axil-product .cart-action li.wishlist a:hover:before {
    transform: scale(1.2);
}
.axil-product .cart-action li.wishlist a:hover i {
    animation: btnIconSlide 0.4s;
}
.axil-product .cart-action li.select-option a {
    position: relative;
    height: 40px;
    line-height: 39px;
    padding: 0 18px;
    display: block;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    color: var(--color-white);
    background-color: var(--color-secondary);
    transition: 0.3s;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.06);
    position: relative;
    z-index: 1;
}
.axil-product .cart-action li.select-option a:before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: var(--color-secondary);
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.axil-product .cart-action li.select-option a:hover {
    background-color: var(--color-secondary);
    color: var(--color-white);
}
.axil-product .cart-action li.select-option a:hover:before {
    transform: scale(1.1);
}
.axil-product:hover .thumbnail a img {
    transform: scale(1.1);
}
.axil-product:hover .thumbnail a .hover-img {
    visibility: visible;
    opacity: 1;
}
.axil-product:hover .product-hover-action {
    bottom: 30px;
    opacity: 1;
    visibility: visible;
    transition-delay: 0.2s;
}
.axil-product.product-style-six {
    border: 1px solid #f1f1f1;
    border-radius: 6px;
    margin-bottom: 30px;
    transition: 0.3s;
}
@media only screen and (max-width: 575px) {
    .axil-product.product-style-six {
        text-align: left;
    }
}
.axil-product.product-style-six .thumbnail a {
    border-radius: 6px 6px 0 0;
}
.axil-product.product-style-six .thumbnail a img {
    border-radius: 6px 6px 0 0;
    transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);
}
.axil-product.product-style-six .product-content {
    margin: 0;
    padding: 35px 30px 30px;
    z-index: 1;
}
.axil-product.product-style-six .product-content .title {
    margin-bottom: 15px;
}
.axil-product.product-style-six .product-content .product-hover-action {
    position: initial;
    opacity: 1;
    visibility: visible;
}
.axil-product.product-style-six
    .product-content
    .product-hover-action
    .cart-action {
    justify-content: flex-start;
}
.axil-product.product-style-six
    .product-content
    .product-hover-action
    .cart-action
    li.select-option
    a {
    background-color: transparent;
    border: 1px solid #efefef;
    color: var(--color-heading);
    box-shadow: none;
}
.axil-product.product-style-six
    .product-content
    .product-hover-action
    .cart-action
    li.select-option
    a:before {
    display: none;
}
.axil-product.product-style-six
    .product-content
    .product-hover-action
    .cart-action
    li.select-option
    a:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    border-color: var(--color-primary);
}
.axil-product.product-style-six:hover {
    box-shadow: var(--shadow-dark);
    border-color: var(--color-white);
}
.axil-product.product-style-six:hover .thumbnail img {
    transform: scale(1.3);
}
.axil-product-list {
    border: 1px solid #f1f1f1;
    display: flex;
    align-items: center;
    padding: 30px;
    border-radius: 6px;
    margin-bottom: 30px;
    transition: var(--transition);
}
@media only screen and (max-width: 767px) {
    .axil-product-list {
        padding: 30px;
    }
}
@media only screen and (max-width: 575px) {
    .axil-product-list {
        display: block;
        text-align: center;
    }
}
.axil-product-list .thumbnail {
    margin-right: 30px;
}
@media only screen and (max-width: 575px) {
    .axil-product-list .thumbnail {
        margin-right: 0;
        margin-bottom: 20px;
    }
}
.axil-product-list .thumbnail a {
    background-color: #f7f7f7;
    border-radius: 6px;
    display: block;
    transition: var(--transition);
    overflow: hidden;
}
.axil-product-list .thumbnail img {
    border-radius: 6px;
    transition: var(--transition);
}
.axil-product-list .product-content {
    flex: 1;
    position: relative;
    padding-right: 60px;
}
@media only screen and (max-width: 575px) {
    .axil-product-list .product-content {
        margin: 0;
        padding: 0;
    }
}
.axil-product-list .product-content .product-title {
    margin-bottom: 10px;
    font-size: 16px;
    color: var(--color-body);
}
.axil-product-list .product-content .product-title a {
    transition: var(--transition);
}
.axil-product-list .product-content .product-cart {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
@media only screen and (max-width: 575px) {
    .axil-product-list .product-content .product-cart {
        position: inherit;
        transform: translateY(0);
        margin-top: 20px;
    }
}
.axil-product-list .product-content .product-cart .cart-btn {
    text-align: center;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: 1px solid #efefef;
    border-radius: 6px;
    color: var(--color-heading);
    font-size: 14px;
    font-weight: 500;
    transition: var(--transition);
    margin-bottom: 10px;
}
@media only screen and (max-width: 575px) {
    .axil-product-list .product-content .product-cart .cart-btn {
        margin: 0 5px;
        display: inline-block;
    }
}
.axil-product-list .product-content .product-cart .cart-btn:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
}
.axil-product-list:hover {
    border-color: var(--color-white);
    box-shadow: var(--shadow-dark);
}
.axil-product-list:hover .thumbnail img {
    transform: scale(1.1);
}
.axil-product-list.product-list-style-2 {
    padding: 20px;
}
@media only screen and (max-width: 575px) {
    .axil-product-list.product-list-style-2 {
        padding: 30px;
    }
}
.axil-product-list.product-list-style-2 .thumbnail {
    margin-right: 20px;
    max-width: 120px;
    overflow: hidden;
    border-radius: 6px;
}
@media only screen and (max-width: 575px) {
    .axil-product-list.product-list-style-2 .thumbnail {
        margin: 0 auto 20px;
    }
}
.axil-product-list.product-list-style-2 .thumbnail img {
    transition: 0.5s;
}
.axil-product-list.product-list-style-2 .product-content {
    padding: 0;
}
.axil-product-list.product-list-style-2 .product-cart {
    position: initial;
    transform: translateY(0);
    margin-top: 10px;
}
.axil-product-list.product-list-style-2 .product-cart .cart-btn {
    height: auto;
    width: auto;
    line-height: 1;
    display: inline-block;
    padding: 10px 15px;
}
.axil-product-list.product-list-style-2:hover img {
    transform: scale(1.15);
}
.product_list_widget {
    list-style: none outside;
    padding: 0;
    margin: 0;
}
.product_list_widget li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #f3f3f3;
    padding-bottom: 20px;
}
.product_list_widget li:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
.product_list_widget li a {
    display: block;
}
.product_list_widget li .thumbnail {
    width: 120px;
    margin-right: 20px;
    min-width: 120px;
    overflow: hidden;
    margin-bottom: 0;
    border-radius: 6px;
}
@media only screen and (max-width: 479px) {
    .product_list_widget li .thumbnail {
        width: 90px;
        min-width: 90px;
    }
}
.product_list_widget li .thumbnail a {
    overflow: hidden;
}
.product_list_widget li .thumbnail img {
    border-radius: 6px;
    transition: 0.3s;
}
.product_list_widget li .title {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 17px;
}
@media only screen and (max-width: 479px) {
    .product_list_widget li .title {
        font-size: 15px;
    }
}
.product_list_widget li .content {
    flex: 1;
}
.product_list_widget li:hover .thumbnail img {
    transform: scale(1.1);
}
.product-filter-mobile {
    position: relative;
    width: auto;
    margin-top: 10px;
    padding: 0;
    border-radius: 6px;
    font-size: var(--font-size-b2);
    color: var(--color-dark);
    font-weight: 500;
    background-color: transparent;
}
.product-filter-mobile:after {
    content: "";
    height: 1px;
    width: 100%;
    background-color: var(--color-primary);
    position: absolute;
    bottom: 0;
    left: 0;
}
.product-filter-mobile i {
    margin-right: 6px;
}
@media only screen and (max-width: 767px) {
    .product-filter-mobile {
        margin-top: 20px;
    }
}
.product-filter-mobile:hover {
    color: var(--color-primary);
}
.product-area {
    border-bottom: 2px solid var(--color-lighter);
}
@media only screen and (max-width: 767px) {
    .product-area.pb--80 {
        padding-bottom: 60px !important;
    }
}
@media only screen and (max-width: 767px) {
    .product-area.pb--50 {
        padding-bottom: 30px !important;
    }
}
@media only screen and (max-width: 575px) {
    .product-slide-mobile .axil-product {
        text-align: left;
        display: inline-block;
        width: 270px;
    }
}
.product-isotope-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
    .product-isotope-heading {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 1199px) {
    .product-isotope-heading .section-title-wrapper {
        margin-bottom: 30px;
        padding-right: 0;
    }
}
.product-isotope-heading .section-title-wrapper .title {
    margin-bottom: 0;
}
.isotope-button {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -5px;
}
.isotope-button button {
    margin: 5px;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
    color: var(--color-heading);
    background-color: transparent;
    position: relative;
    z-index: 1;
    transition: 0.3s;
    width: auto;
}
.isotope-button button:after {
    content: "";
    transform: scale(0.7) perspective(1px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 0.3s;
    background-color: var(--color-lighter);
    border-radius: 6px;
    z-index: -1;
}
.isotope-button button:hover:after {
    transform: scale(1.035) perspective(1px);
    opacity: 1;
}
.isotope-button button.is-checked {
    color: var(--color-white);
}
.isotope-button button.is-checked:after {
    transform: scale(1.035) perspective(1px);
    opacity: 1;
    background-color: var(--color-primary);
}
.single-product-thumbnail.thumbnail-badge .thumbnail {
    padding-right: 45px;
    position: relative;
}
@media only screen and (max-width: 575px) {
    .single-product-thumbnail.thumbnail-badge .thumbnail {
        padding-right: 20px;
    }
}
.single-product-thumbnail.thumbnail-badge .thumbnail .label-block {
    position: absolute;
    top: 30px;
}
.single-product-thumbnail.thumbnail-badge .thumbnail .label-block.label-right {
    right: 0;
}
.single-product-thumbnail .thumbnail img {
    width: 100%;
    border-radius: 6px;
}
.single-product-thumbnail:hover .thumbnail a img {
    transform: scale(1);
}
.single-product-content .inner .product-title {
    margin-bottom: 18px;
    color: var(--color-dark);
}
.single-product-content .inner .product-meta {
    margin-bottom: 20px;
}
.single-product-content .inner .product-meta li {
    color: var(--color-primary);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    margin: 0;
}
.single-product-content .inner .product-meta li i {
    padding-right: 15px;
    font-size: 18px;
}
.single-product-content .inner .description {
    margin-bottom: 30px;
}
@media only screen and (max-width: 479px) {
    .product-action-wrapper {
        flex-direction: column;
    }
}
.product-action-wrapper .product-action {
    flex: 1;
}
.product-action {
    list-style: none;
    padding: 0;
}
.product-action li {
    margin: 0 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-action li .axil-btn {
        padding: 16px 20px;
    }
}
.single-product-thumbnail-wrap {
    position: relative;
}
.single-product-thumbnail-wrap .label-block {
    position: absolute;
    top: 30px;
    right: 30px;
}
.axil-single-widget:first-child,
.widget-sidebar:first-child {
    margin-top: 0 !important;
}
.sticky-top {
    z-index: 0 !important;
    top: 100px;
}
@media only screen and (max-width: 991px) {
    .axil-sidebar-area {
        margin-top: 60px;
    }
}
.axil-sidebar-area .axil-single-widget:first-child {
    margin-top: 0 !important;
}
.axil-single-widget {
    border: 1px solid #f3f3f3;
    border-radius: 6px;
    padding: 30px;
}
.axil-single-widget .widget-title {
    font-weight: 500;
    margin-bottom: 30px;
    color: var(--color-dark);
}
@media only screen and (max-width: 479px) {
    .axil-single-widget {
        padding: 20px;
    }
}
.footer-top {
    padding: 80px 0 40px;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .footer-top {
        padding: 60px 0 20px;
    }
}
.footer-top.separator-top::after {
    position: absolute;
    top: 0;
    width: 1290px;
    height: 2px;
    background-color: #f6f7fb;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 100px;
}
.axil-footer-widget {
    margin-bottom: 40px;
}
.axil-footer-widget .widget-title {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.025em;
    margin-bottom: 20px;
}
.axil-footer-widget .inner ul {
    padding-left: 0;
}
.axil-footer-widget .inner ul > li:first-child {
    margin-top: 0;
}
.axil-footer-widget .inner ul {
    list-style: none;
}
.axil-footer-widget .inner ul li {
    margin-top: 12px;
    margin-bottom: 12px;
}
.axil-footer-widget .inner ul li a {
    color: var(--color-body);
    font-weight: 500;
    font-size: 16px;
    transition: 0.3s;
    position: relative;
}
.axil-footer-widget .inner ul li a:after {
    content: "";
    height: 2px;
    width: 0;
    background-color: var(--color-black);
    position: absolute;
    bottom: -2px;
    right: 0;
    opacity: 0;
    transition: 0.5s;
}
.axil-footer-widget .inner ul li a:hover {
    color: var(--color-heading);
}
.axil-footer-widget .inner ul li a:hover:after {
    width: 100%;
    opacity: 1;
    left: 0;
}
.axil-footer-widget .logo img {
    height: 35px;
    width: auto;
}
.axil-footer-widget .support-list-item {
    margin-bottom: 0;
}
.axil-footer-widget .support-list-item li {
    padding-left: 26px;
    position: relative;
}
.axil-footer-widget .support-list-item li a {
    position: initial !important;
    font-weight: 400 !important;
}
.axil-footer-widget .support-list-item li a:after {
    display: none;
}
.axil-footer-widget .support-list-item li i {
    padding-right: 5px;
    position: absolute;
    top: 5px;
    left: 0;
}
.copyright-default {
    padding: 15px 0;
}
.copyright-default .quick-link {
    display: flex;
    margin: -15px;
}
.copyright-default .quick-link li {
    padding: 15px;
    position: relative;
    color: var(--color-body);
    font-weight: 500;
    font-size: 14px;
}
.copyright-default .quick-link li::after {
    position: absolute;
    content: "";
    background: var(--color-lightest);
    width: 5px;
    height: 5px;
    border-radius: 100%;
    right: -3px;
    top: 50%;
    transform: translateY(-50%);
}
@media only screen and (max-width: 575px) {
    .copyright-default .quick-link li::after {
        display: none;
    }
}
.copyright-default .quick-link li a {
    color: var(--color-body);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.025em;
    transition: 0.5s;
    position: relative;
}
.copyright-default .quick-link li a:after {
    content: "";
    height: 2px;
    width: 0;
    background-color: var(--color-black);
    position: absolute;
    bottom: -2px;
    right: 0;
    opacity: 0;
    transition: 0.5s;
}
.copyright-default .quick-link li a:hover {
    color: var(--color-heading);
}
.copyright-default .quick-link li a:hover:after {
    width: 100%;
    opacity: 1;
    left: 0;
}
.copyright-default.separator-top {
    position: relative;
}
.copyright-default.separator-top::after {
    position: absolute;
    content: "";
    background-color: #f6f7fb;
    border-radius: 100px;
    height: 2px;
    width: 1290px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
}
.copyright-default .copyright-right span.card-text {
    color: var(--color-body);
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin: 10px 20px;
    letter-spacing: -0.025em;
}
@media only screen and (max-width: 575px) {
    .copyright-default .copyright-right span.card-text {
        margin-left: 0;
    }
}
@media only screen and (max-width: 1199px) {
    .copyright-default .copyright-left {
        text-align: center;
    }
}
@media only screen and (max-width: 575px) {
    .copyright-default .copyright-left {
        flex-direction: column;
        align-items: center;
    }
}
.copyright-default .copyright-left ul + ul {
    margin-left: 15px;
}
@media only screen and (max-width: 575px) {
    .copyright-default .copyright-left ul + ul {
        margin-left: -15px;
    }
}
.copyright-default .copyright-left ul + ul li::after {
    display: none;
}
.footer-dark {
    background-color: #00001a;
}
.footer-dark .axil-footer-widget p {
    color: #acacac;
}
.footer-dark .axil-footer-widget .widget-title {
    color: #c8c8c8;
}
.footer-dark .axil-footer-widget .inner ul li a {
    color: #acacac;
}
.footer-dark .axil-footer-widget .inner ul li a:after {
    background-color: #acacac;
}
.footer-dark .copyright-default.separator-top:after {
    background-color: #454545;
}
.footer-dark .copyright-default .quick-link li {
    color: #acacac;
}
.footer-dark .copyright-default .quick-link li:after {
    background: #acacac;
}
.footer-dark .copyright-default .quick-link li a {
    color: #acacac;
}
.footer-dark .copyright-default .quick-link li a:after {
    background-color: #acacac;
}
.footer-dark .copyright-default .copyright-right span.card-text {
    color: #acacac;
}
.footer-style-2 .footer-top {
    padding: 50px 0 0;
}
.footer-style-2 .footer-top.separator-top:after {
    background-color: #f6f7fb;
    height: 2px;
}
.footer-style-2 .axil-footer-widget .widget-title {
    font-weight: 600;
}
.footer-style-2 .copyright-default .quick-link li:last-child:after {
    display: none;
}
.axil-section-gap {
    padding: 80px 0;
}
@media only screen and (max-width: 767px) {
    .axil-section-gap {
        padding: 60px 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb--165,
    .pb--85 {
        padding-bottom: 80px;
    }
}
@media only screen and (max-width: 767px) {
    .pb--165,
    .pb--85 {
        padding-bottom: 60px;
    }
}
.pb--0 {
    padding-bottom: 0 !important;
}
.mt--0 {
    margin-top: 0 !important;
}
.mb--0 {
    margin-bottom: 0 !important;
}
.pb--5 {
    padding-bottom: 5px;
}
.mt--5 {
    margin-top: 5px;
}
.mb--5 {
    margin-bottom: 5px;
}
.pb--10 {
    padding-bottom: 10px;
}
.mt--10 {
    margin-top: 10px;
}
.mb--10 {
    margin-bottom: 10px;
}
.pb--15 {
    padding-bottom: 15px;
}
.mt--15 {
    margin-top: 15px;
}
.mb--15 {
    margin-bottom: 15px;
}
.pb--20 {
    padding-bottom: 20px;
}
.mt--20 {
    margin-top: 20px;
}
.mb--20 {
    margin-bottom: 20px;
}
.pb--25 {
    padding-bottom: 25px;
}
.mt--25 {
    margin-top: 25px;
}
.mb--25 {
    margin-bottom: 25px;
}
.pb--30 {
    padding-bottom: 30px;
}
.mt--30 {
    margin-top: 30px;
}
.mb--30 {
    margin-bottom: 30px;
}
.pb--35 {
    padding-bottom: 35px;
}
.mt--35 {
    margin-top: 35px;
}
.mb--35 {
    margin-bottom: 35px;
}
.pb--40 {
    padding-bottom: 40px;
}
.mt--40 {
    margin-top: 40px;
}
.mb--40 {
    margin-bottom: 40px;
}
.pb--45 {
    padding-bottom: 45px;
}
.mt--45 {
    margin-top: 45px;
}
.mb--45 {
    margin-bottom: 45px;
}
.pb--50 {
    padding-bottom: 50px;
}
.mt--50 {
    margin-top: 50px;
}
.mb--50 {
    margin-bottom: 50px;
}
.pb--55 {
    padding-bottom: 55px;
}
.mt--55 {
    margin-top: 55px;
}
.mb--55 {
    margin-bottom: 55px;
}
.pb--60 {
    padding-bottom: 60px;
}
.mt--60 {
    margin-top: 60px;
}
.mb--60 {
    margin-bottom: 60px;
}
.pb--65 {
    padding-bottom: 65px;
}
.mt--65 {
    margin-top: 65px;
}
.mb--65 {
    margin-bottom: 65px;
}
.pb--70 {
    padding-bottom: 70px;
}
.mt--70 {
    margin-top: 70px;
}
.mb--70 {
    margin-bottom: 70px;
}
.pb--75 {
    padding-bottom: 75px;
}
.mt--75 {
    margin-top: 75px;
}
.mb--75 {
    margin-bottom: 75px;
}
.pb--80 {
    padding-bottom: 80px;
}
.mt--80 {
    margin-top: 80px;
}
.mb--80 {
    margin-bottom: 80px;
}
.pb--85 {
    padding-bottom: 85px;
}
.mt--85 {
    margin-top: 85px;
}
.mb--85 {
    margin-bottom: 85px;
}
.pb--90 {
    padding-bottom: 90px;
}
.mt--90 {
    margin-top: 90px;
}
.mb--90 {
    margin-bottom: 90px;
}
.pb--95 {
    padding-bottom: 95px;
}
.mt--95 {
    margin-top: 95px;
}
.mb--95 {
    margin-bottom: 95px;
}
.pb--100 {
    padding-bottom: 100px;
}
.mt--100 {
    margin-top: 100px;
}
.mb--100 {
    margin-bottom: 100px;
}
.pb--105 {
    padding-bottom: 105px;
}
.mt--105 {
    margin-top: 105px;
}
.mb--105 {
    margin-bottom: 105px;
}
.pb--110 {
    padding-bottom: 110px;
}
.mt--110 {
    margin-top: 110px;
}
.mb--110 {
    margin-bottom: 110px;
}
.pb--115 {
    padding-bottom: 115px;
}
.mt--115 {
    margin-top: 115px;
}
.mb--115 {
    margin-bottom: 115px;
}
.pb--120 {
    padding-bottom: 120px;
}
.mt--120 {
    margin-top: 120px;
}
.mb--120 {
    margin-bottom: 120px;
}
.pb--125 {
    padding-bottom: 125px;
}
.mt--125 {
    margin-top: 125px;
}
.mb--125 {
    margin-bottom: 125px;
}
.pb--130 {
    padding-bottom: 130px;
}
.mt--130 {
    margin-top: 130px;
}
.mb--130 {
    margin-bottom: 130px;
}
.pb--135 {
    padding-bottom: 135px;
}
.mt--135 {
    margin-top: 135px;
}
.mb--135 {
    margin-bottom: 135px;
}
.pb--140 {
    padding-bottom: 140px;
}
.mt--140 {
    margin-top: 140px;
}
.mb--140 {
    margin-bottom: 140px;
}
.pb--145 {
    padding-bottom: 145px;
}
.mt--145 {
    margin-top: 145px;
}
.mb--145 {
    margin-bottom: 145px;
}
.pb--150 {
    padding-bottom: 150px;
}
.mt--150 {
    margin-top: 150px;
}
.mb--150 {
    margin-bottom: 150px;
}
.pb--155 {
    padding-bottom: 155px;
}
.mt--155 {
    margin-top: 155px;
}
.mb--155 {
    margin-bottom: 155px;
}
.pb--160 {
    padding-bottom: 160px;
}
.mt--160 {
    margin-top: 160px;
}
.mb--160 {
    margin-bottom: 160px;
}
.pb--165 {
    padding-bottom: 165px;
}
.mt--165 {
    margin-top: 165px;
}
.mb--165 {
    margin-bottom: 165px;
}
.pb--170 {
    padding-bottom: 170px;
}
.mt--170 {
    margin-top: 170px;
}
.mb--170 {
    margin-bottom: 170px;
}
.pb--175 {
    padding-bottom: 175px;
}
.mt--175 {
    margin-top: 175px;
}
.mb--175 {
    margin-bottom: 175px;
}
.pb--180 {
    padding-bottom: 180px;
}
.mt--180 {
    margin-top: 180px;
}
.mb--180 {
    margin-bottom: 180px;
}
.pb--185 {
    padding-bottom: 185px;
}
.mt--185 {
    margin-top: 185px;
}
.mb--185 {
    margin-bottom: 185px;
}
.pb--190 {
    padding-bottom: 190px;
}
.mt--190 {
    margin-top: 190px;
}
.mb--190 {
    margin-bottom: 190px;
}
.pb--195 {
    padding-bottom: 195px;
}
.mt--195 {
    margin-top: 195px;
}
.mb--195 {
    margin-bottom: 195px;
}
.pb--200 {
    padding-bottom: 200px;
}
.mt--200 {
    margin-top: 200px;
}
.mb--200 {
    margin-bottom: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pb_lg--5 {
        padding-bottom: 5px;
    }
    .mt_lg--5 {
        margin-top: 5px;
    }
    .mb_lg--5 {
        margin-bottom: 5px;
    }
    .pb_lg--10 {
        padding-bottom: 10px;
    }
    .mt_lg--10 {
        margin-top: 10px;
    }
    .mb_lg--10 {
        margin-bottom: 10px;
    }
    .pb_lg--15 {
        padding-bottom: 15px;
    }
    .mt_lg--15 {
        margin-top: 15px;
    }
    .mb_lg--15 {
        margin-bottom: 15px;
    }
    .pb_lg--20 {
        padding-bottom: 20px;
    }
    .mt_lg--20 {
        margin-top: 20px;
    }
    .mb_lg--20 {
        margin-bottom: 20px;
    }
    .pb_lg--25 {
        padding-bottom: 25px;
    }
    .mt_lg--25 {
        margin-top: 25px;
    }
    .mb_lg--25 {
        margin-bottom: 25px;
    }
    .pb_lg--30 {
        padding-bottom: 30px;
    }
    .mt_lg--30 {
        margin-top: 30px;
    }
    .mb_lg--30 {
        margin-bottom: 30px;
    }
    .pb_lg--35 {
        padding-bottom: 35px;
    }
    .mt_lg--35 {
        margin-top: 35px;
    }
    .mb_lg--35 {
        margin-bottom: 35px;
    }
    .pb_lg--40 {
        padding-bottom: 40px;
    }
    .mt_lg--40 {
        margin-top: 40px;
    }
    .mb_lg--40 {
        margin-bottom: 40px;
    }
    .pb_lg--45 {
        padding-bottom: 45px;
    }
    .mt_lg--45 {
        margin-top: 45px;
    }
    .mb_lg--45 {
        margin-bottom: 45px;
    }
    .pb_lg--50 {
        padding-bottom: 50px;
    }
    .mt_lg--50 {
        margin-top: 50px;
    }
    .mb_lg--50 {
        margin-bottom: 50px;
    }
    .pb_lg--55 {
        padding-bottom: 55px;
    }
    .mt_lg--55 {
        margin-top: 55px;
    }
    .mb_lg--55 {
        margin-bottom: 55px;
    }
    .pb_lg--60 {
        padding-bottom: 60px;
    }
    .mt_lg--60 {
        margin-top: 60px;
    }
    .mb_lg--60 {
        margin-bottom: 60px;
    }
    .pb_lg--65 {
        padding-bottom: 65px;
    }
    .mt_lg--65 {
        margin-top: 65px;
    }
    .mb_lg--65 {
        margin-bottom: 65px;
    }
    .pb_lg--70 {
        padding-bottom: 70px;
    }
    .mt_lg--70 {
        margin-top: 70px;
    }
    .mb_lg--70 {
        margin-bottom: 70px;
    }
    .pb_lg--75 {
        padding-bottom: 75px;
    }
    .mt_lg--75 {
        margin-top: 75px;
    }
    .mb_lg--75 {
        margin-bottom: 75px;
    }
    .pb_lg--80 {
        padding-bottom: 80px;
    }
    .mt_lg--80 {
        margin-top: 80px;
    }
    .mb_lg--80 {
        margin-bottom: 80px;
    }
    .pb_lg--85 {
        padding-bottom: 85px;
    }
    .mt_lg--85 {
        margin-top: 85px;
    }
    .mb_lg--85 {
        margin-bottom: 85px;
    }
    .pb_lg--90 {
        padding-bottom: 90px;
    }
    .mt_lg--90 {
        margin-top: 90px;
    }
    .mb_lg--90 {
        margin-bottom: 90px;
    }
    .pb_lg--95 {
        padding-bottom: 95px;
    }
    .mt_lg--95 {
        margin-top: 95px;
    }
    .mb_lg--95 {
        margin-bottom: 95px;
    }
    .pb_lg--100 {
        padding-bottom: 100px;
    }
    .mt_lg--100 {
        margin-top: 100px;
    }
    .mb_lg--100 {
        margin-bottom: 100px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb_md--0 {
        padding-bottom: 0 !important;
    }
    .mt_md--0 {
        margin-top: 0 !important;
    }
    .mb_md--0 {
        margin-bottom: 0 !important;
    }
    .pb_md--5 {
        padding-bottom: 5px;
    }
    .mt_md--5 {
        margin-top: 5px;
    }
    .mb_md--5 {
        margin-bottom: 5px;
    }
    .pb_md--10 {
        padding-bottom: 10px;
    }
    .mt_md--10 {
        margin-top: 10px;
    }
    .mb_md--10 {
        margin-bottom: 10px;
    }
    .pb_md--15 {
        padding-bottom: 15px;
    }
    .mt_md--15 {
        margin-top: 15px;
    }
    .mb_md--15 {
        margin-bottom: 15px;
    }
    .pb_md--20 {
        padding-bottom: 20px;
    }
    .mt_md--20 {
        margin-top: 20px;
    }
    .mb_md--20 {
        margin-bottom: 20px;
    }
    .pb_md--25 {
        padding-bottom: 25px;
    }
    .mt_md--25 {
        margin-top: 25px;
    }
    .mb_md--25 {
        margin-bottom: 25px;
    }
    .pb_md--30 {
        padding-bottom: 30px;
    }
    .mt_md--30 {
        margin-top: 30px;
    }
    .mb_md--30 {
        margin-bottom: 30px;
    }
    .pb_md--35 {
        padding-bottom: 35px;
    }
    .mt_md--35 {
        margin-top: 35px;
    }
    .mb_md--35 {
        margin-bottom: 35px;
    }
    .pb_md--40 {
        padding-bottom: 40px;
    }
    .mt_md--40 {
        margin-top: 40px;
    }
    .mb_md--40 {
        margin-bottom: 40px;
    }
    .pb_md--45 {
        padding-bottom: 45px;
    }
    .mt_md--45 {
        margin-top: 45px;
    }
    .mb_md--45 {
        margin-bottom: 45px;
    }
    .pb_md--50 {
        padding-bottom: 50px;
    }
    .mt_md--50 {
        margin-top: 50px;
    }
    .mb_md--50 {
        margin-bottom: 50px;
    }
    .pb_md--55 {
        padding-bottom: 55px;
    }
    .mt_md--55 {
        margin-top: 55px;
    }
    .mb_md--55 {
        margin-bottom: 55px;
    }
    .pb_md--60 {
        padding-bottom: 60px;
    }
    .mt_md--60 {
        margin-top: 60px;
    }
    .mb_md--60 {
        margin-bottom: 60px;
    }
    .pb_md--65 {
        padding-bottom: 65px;
    }
    .mt_md--65 {
        margin-top: 65px;
    }
    .mb_md--65 {
        margin-bottom: 65px;
    }
    .pb_md--70 {
        padding-bottom: 70px;
    }
    .mt_md--70 {
        margin-top: 70px;
    }
    .mb_md--70 {
        margin-bottom: 70px;
    }
    .pb_md--75 {
        padding-bottom: 75px;
    }
    .mt_md--75 {
        margin-top: 75px;
    }
    .mb_md--75 {
        margin-bottom: 75px;
    }
    .pb_md--80 {
        padding-bottom: 80px;
    }
    .mt_md--80 {
        margin-top: 80px;
    }
    .mb_md--80 {
        margin-bottom: 80px;
    }
    .pb_md--85 {
        padding-bottom: 85px;
    }
    .mt_md--85 {
        margin-top: 85px;
    }
    .mb_md--85 {
        margin-bottom: 85px;
    }
    .pb_md--90 {
        padding-bottom: 90px;
    }
    .mt_md--90 {
        margin-top: 90px;
    }
    .mb_md--90 {
        margin-bottom: 90px;
    }
    .pb_md--95 {
        padding-bottom: 95px;
    }
    .mt_md--95 {
        margin-top: 95px;
    }
    .mb_md--95 {
        margin-bottom: 95px;
    }
    .pb_md--100 {
        padding-bottom: 100px;
    }
    .mt_md--100 {
        margin-top: 100px;
    }
    .mb_md--100 {
        margin-bottom: 100px;
    }
}
@media only screen and (max-width: 767px) {
    .pb_sm--0 {
        padding-bottom: 0 !important;
    }
    .mt_sm--0 {
        margin-top: 0 !important;
    }
    .mb_sm--0 {
        margin-bottom: 0 !important;
    }
    .pb_sm--110 {
        padding-bottom: 110px !important;
    }
    .pb_sm--5 {
        padding-bottom: 5px;
    }
    .mt_sm--5 {
        margin-top: 5px;
    }
    .mb_sm--5 {
        margin-bottom: 5px;
    }
    .pb_sm--10 {
        padding-bottom: 10px;
    }
    .mt_sm--10 {
        margin-top: 10px;
    }
    .mb_sm--10 {
        margin-bottom: 10px;
    }
    .pb_sm--15 {
        padding-bottom: 15px;
    }
    .mt_sm--15 {
        margin-top: 15px;
    }
    .mb_sm--15 {
        margin-bottom: 15px;
    }
    .pb_sm--20 {
        padding-bottom: 20px;
    }
    .mt_sm--20 {
        margin-top: 20px;
    }
    .mb_sm--20 {
        margin-bottom: 20px;
    }
    .pb_sm--25 {
        padding-bottom: 25px;
    }
    .mt_sm--25 {
        margin-top: 25px;
    }
    .mb_sm--25 {
        margin-bottom: 25px;
    }
    .pb_sm--30 {
        padding-bottom: 30px;
    }
    .mt_sm--30 {
        margin-top: 30px;
    }
    .mb_sm--30 {
        margin-bottom: 30px;
    }
    .pb_sm--35 {
        padding-bottom: 35px;
    }
    .mt_sm--35 {
        margin-top: 35px;
    }
    .mb_sm--35 {
        margin-bottom: 35px;
    }
    .pb_sm--40 {
        padding-bottom: 40px;
    }
    .mt_sm--40 {
        margin-top: 40px;
    }
    .mb_sm--40 {
        margin-bottom: 40px;
    }
    .pb_sm--45 {
        padding-bottom: 45px;
    }
    .mt_sm--45 {
        margin-top: 45px;
    }
    .mb_sm--45 {
        margin-bottom: 45px;
    }
    .pb_sm--50 {
        padding-bottom: 50px;
    }
    .mt_sm--50 {
        margin-top: 50px;
    }
    .mb_sm--50 {
        margin-bottom: 50px;
    }
    .pb_sm--55 {
        padding-bottom: 55px;
    }
    .mt_sm--55 {
        margin-top: 55px;
    }
    .mb_sm--55 {
        margin-bottom: 55px;
    }
    .pb_sm--60 {
        padding-bottom: 60px;
    }
    .mt_sm--60 {
        margin-top: 60px;
    }
    .mb_sm--60 {
        margin-bottom: 60px;
    }
    .pb_sm--65 {
        padding-bottom: 65px;
    }
    .mt_sm--65 {
        margin-top: 65px;
    }
    .mb_sm--65 {
        margin-bottom: 65px;
    }
    .pb_sm--70 {
        padding-bottom: 70px;
    }
    .mt_sm--70 {
        margin-top: 70px;
    }
    .mb_sm--70 {
        margin-bottom: 70px;
    }
    .pb_sm--75 {
        padding-bottom: 75px;
    }
    .mt_sm--75 {
        margin-top: 75px;
    }
    .mb_sm--75 {
        margin-bottom: 75px;
    }
    .pb_sm--80 {
        padding-bottom: 80px;
    }
    .mt_sm--80 {
        margin-top: 80px;
    }
    .mb_sm--80 {
        margin-bottom: 80px;
    }
    .pb_sm--85 {
        padding-bottom: 85px;
    }
    .mt_sm--85 {
        margin-top: 85px;
    }
    .mb_sm--85 {
        margin-bottom: 85px;
    }
    .pb_sm--90 {
        padding-bottom: 90px;
    }
    .mt_sm--90 {
        margin-top: 90px;
    }
    .mb_sm--90 {
        margin-bottom: 90px;
    }
    .pb_sm--95 {
        padding-bottom: 95px;
    }
    .mt_sm--95 {
        margin-top: 95px;
    }
    .mb_sm--95 {
        margin-bottom: 95px;
    }
    .pb_sm--100 {
        padding-bottom: 100px;
    }
    .mt_sm--100 {
        margin-top: 100px;
    }
    .mb_sm--100 {
        margin-bottom: 100px;
    }
    .pb_sm--0 {
        padding-bottom: 0;
    }
    .mt_sm--0 {
        margin-top: 0;
    }
    .mb_sm--0 {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 575px) {
    .pb_mobile--5 {
        padding-bottom: 5px;
    }
    .mt_mobile--5 {
        margin-top: 5px;
    }
    .mb_mobile--5 {
        margin-bottom: 5px;
    }
    .pb_mobile--10 {
        padding-bottom: 10px;
    }
    .mt_mobile--10 {
        margin-top: 10px;
    }
    .mb_mobile--10 {
        margin-bottom: 10px;
    }
    .pb_mobile--15 {
        padding-bottom: 15px;
    }
    .mt_mobile--15 {
        margin-top: 15px;
    }
    .mb_mobile--15 {
        margin-bottom: 15px;
    }
    .pb_mobile--20 {
        padding-bottom: 20px;
    }
    .mt_mobile--20 {
        margin-top: 20px;
    }
    .mb_mobile--20 {
        margin-bottom: 20px;
    }
    .pb_mobile--25 {
        padding-bottom: 25px;
    }
    .mt_mobile--25 {
        margin-top: 25px;
    }
    .mb_mobile--25 {
        margin-bottom: 25px;
    }
    .pb_mobile--30 {
        padding-bottom: 30px;
    }
    .mt_mobile--30 {
        margin-top: 30px;
    }
    .mb_mobile--30 {
        margin-bottom: 30px;
    }
    .pb_mobile--35 {
        padding-bottom: 35px;
    }
    .mt_mobile--35 {
        margin-top: 35px;
    }
    .mb_mobile--35 {
        margin-bottom: 35px;
    }
    .pb_mobile--40 {
        padding-bottom: 40px;
    }
    .mt_mobile--40 {
        margin-top: 40px;
    }
    .mb_mobile--40 {
        margin-bottom: 40px;
    }
    .pb_mobile--45 {
        padding-bottom: 45px;
    }
    .mt_mobile--45 {
        margin-top: 45px;
    }
    .mb_mobile--45 {
        margin-bottom: 45px;
    }
    .pb_mobile--50 {
        padding-bottom: 50px;
    }
    .mt_mobile--50 {
        margin-top: 50px;
    }
    .mb_mobile--50 {
        margin-bottom: 50px;
    }
    .pb_mobile--55 {
        padding-bottom: 55px;
    }
    .mt_mobile--55 {
        margin-top: 55px;
    }
    .mb_mobile--55 {
        margin-bottom: 55px;
    }
    .pb_mobile--60 {
        padding-bottom: 60px;
    }
    .mt_mobile--60 {
        margin-top: 60px;
    }
    .mb_mobile--60 {
        margin-bottom: 60px;
    }
    .pb_mobile--65 {
        padding-bottom: 65px;
    }
    .mt_mobile--65 {
        margin-top: 65px;
    }
    .mb_mobile--65 {
        margin-bottom: 65px;
    }
    .pb_mobile--70 {
        padding-bottom: 70px;
    }
    .mt_mobile--70 {
        margin-top: 70px;
    }
    .mb_mobile--70 {
        margin-bottom: 70px;
    }
    .pb_mobile--75 {
        padding-bottom: 75px;
    }
    .mt_mobile--75 {
        margin-top: 75px;
    }
    .mb_mobile--75 {
        margin-bottom: 75px;
    }
    .pb_mobile--80 {
        padding-bottom: 80px;
    }
    .mt_mobile--80 {
        margin-top: 80px;
    }
    .mb_mobile--80 {
        margin-bottom: 80px;
    }
    .pb_mobile--85 {
        padding-bottom: 85px;
    }
    .mt_mobile--85 {
        margin-top: 85px;
    }
    .mb_mobile--85 {
        margin-bottom: 85px;
    }
    .pb_mobile--90 {
        padding-bottom: 90px;
    }
    .mt_mobile--90 {
        margin-top: 90px;
    }
    .mb_mobile--90 {
        margin-bottom: 90px;
    }
    .pb_mobile--95 {
        padding-bottom: 95px;
    }
    .mt_mobile--95 {
        margin-top: 95px;
    }
    .mb_mobile--95 {
        margin-bottom: 95px;
    }
    .pb_mobile--100 {
        padding-bottom: 100px;
    }
    .mt_mobile--100 {
        margin-top: 100px;
    }
    .mb_mobile--100 {
        margin-bottom: 100px;
    }
}
.axil-product.product-style-six
    .product-content
    .product-hover-action
    .cart-action
    li.select-option
    a {
    background-color: var(--color-secondary);
    color: #fff;
}
.axil-product.product-style-six
    .product-content
    .product-hover-action
    .cart-action
    li.select-option
    a:hover {
    background-color: var(--color-secondary);
    color: #fff !important;
    border-color: var(--color-secondary);
}
.axil-product-list .product-content .product-cart .cart-btn {
    background-color: var(--color-secondary);
    color: #fff;
}
.axil-product-list .product-content .product-cart .cart-btn:hover {
    background-color: var(--color-secondary) !important;
    color: #fff !important;
    border-color: var(--color-secondary) !important;
}
.wmsg {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 1000;
}
.xoom {
    transition: 0.3s ease;
}
.xoom:hover {
    transform: scale(1.1);
}
.imgProd {
    aspect-ratio: 4/5;
}
.header-top-dropdown .dropdown .dropdown-menu.show {
    visibility: visible;
    opacity: 1;
    top: 30px;
}
.widget_rss ul li a,
.tagcloud a,
.comment-list .comment .reply-edit a.comment-reply-link,
.axil-post-meta .post-meta-content .author-title a,
.content-blog.format-quote .inner .content blockquote .title a,
.content-blog .content .title a,
.cart-dropdown .cart-header .cart-close,
.header-search-modal .card-close,
.header-action .my-account .my-account-dropdown,
.pv-single-demo .title,
.arrow-both-side-4 .slide-arrow,
.arrow-both-side-3 .slide-arrow,
.arrow-both-side-2 .slide-arrow,
.arrow-both-side .slide-arrow,
.arrow-between-side .slide-arrow,
input[type="submit"],
.form-group textarea,
.form-group input,
#scrollUp,
ul li a,
ol li a {
    transition: var(--transition);
}
.header-action .my-account .my-account-dropdown.open {
    opacity: 1;
    visibility: visible;
    z-index: 9;
    transform: translateY(0);
}
.arrow-top-slide .slide-arrow.prev-arrow {
    left: auto;
    right: 58px;
}
.arrow-top-slide .slide-arrow.next-arrow {
    left: auto;
    right: 0;
}
@media (max-width: 767px) {
    .main-slider-style-3 {
        background-image: url(http://v.dasainv.com/assets/images/bg/background-y.webp);
        aspect-ratio: 3/5;
    }
}
@media (min-width: 768px) {
    .main-slider-style-3 {
        background-image: url(http://v.dasainv.com/assets/images/bg/background-x.webp);
        aspect-ratio: 3/2;
    }
}