* {
 margin: 0 auto;
 text-decoration: none !important;
 outline: none !important;
 -webkit-font-smoothing: auto;
 -moz-osx-font-smoothing: auto;
 -webkit-font-smoothing: antialiased;
 text-rendering: optimizelegibility;
}
*,
::after,
::before {
 box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
 :root {
  scroll-behavior: smooth;
 }
}
body {
 margin: 0 !important;
}
a span {
 margin: 0;
}
p {
 margin-top: 0;
}
.row {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
 margin-bottom: 0.5rem;
 font-weight: 500;
 line-height: 1.2;
}
svg {
 overflow: hidden;
 vertical-align: middle;
}
.no-gutters {
 padding: 0;
}
.m-0 {
 margin: 0px;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
 cursor: pointer;
}
.fade {
 transition: opacity 0.15s linear;
}
body.page-template {
 overflow-x: hidden;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
 position: relative;
 width: 100%;
 padding-right: 15px;
 padding-left: 15px;
 float: left;
}
@media (min-width: 992px) {
 .col-lg-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
 }
 .col-lg-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
 }
 .col-lg-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
 }
 .col-lg-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
 }
 .col-lg-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
 }
 .col-lg-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
 }
 .col-lg-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
 }
 .col-lg-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
 }
 .col-lg-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
 }
 .col-lg-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
 }
 .col-lg-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
 }
}
@media (min-width: 768px) {
 .col-md-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
 }
 .col-md-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
 }
 .col-md-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
 }
 .col-md-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
 }
 .col-md-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
 }
 .col-md-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
 }
 .col-md-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
 }
 .col-md-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
 }
 .col-md-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
 }
 .col-md-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
 }
}
@media (min-width: 576px) {
 .col-sm-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
 }
 .col-sm-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
 }
 .col-sm-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
 }
 .col-sm-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
 }
 .col-sm-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
 }
 .col-sm-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
 }
 .col-sm-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
 }
 .col-sm-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
 }
 .col-sm-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
 }
 .col-sm-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
 }
}
@media (min-width: 1200px) {
 .col-xl-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
 }
 .col-xl-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
 }
 .col-xl-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
 }
 .col-xl-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
 }
 .col-xl-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
 }
 .col-xl-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
 }
 .col-xl-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
 }
 .col-xl-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
 }
 .col-xl-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
 }
}
/*------------------------------------------- Bootstrap Common Css End -------------------------------------------*/
/* COMMON CSS START */
body {
 margin: 0;
}
.elementor
 .elementor-element:not(.elementor-motion-effects-element-type-background) {
 transition: background-color 1s ease;
}
.styloncolor,
.styloncolor2 {
 transition: background-color 1s ease;
}
.clip-image .elementor-widget-container {
 -webkit-clip-path: inset(0 0 0 0);
 clip-path: inset(0 0 0 0);
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
.clip-image:hover .elementor-widget-container {
 -webkit-clip-path: inset(12px 12px 12px 12px);
 clip-path: inset(12px 12px 12px 12px);
}
.clip-image .elementor-widget-container {
 -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
 -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
 transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.clip-image .elementor-widget-container img {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
 -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 will-change: transform;
}
.clip-image:hover .elementor-widget-container img {
 -webkit-transform: scale(1.05);
 -ms-transform: scale(1.05);
 transform: scale(1.05);
}
@media only screen and (min-width: 1025px) {
 .column-space .elementor-column-gap-default {
  column-gap: 30px;
 }
}
.no-padding {
 padding: 0;
}
.eight-padding {
 padding: 0 8px;
}
::placeholder {
 /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: #9b8e8e;
 opacity: 1;
 /* Firefox */
}
:-ms-input-placeholder {
 /* Internet Explorer 10-11 */
 color: #9b8e8e;
}
::-ms-input-placeholder {
 /* Microsoft Edge */
 color: #9b8e8e;
}
.icon-moving-left-right img {
 transition: all 0.35s cubic-bezier(0.38, 3, 0.57, 1.6);
}
.icon-moving-left-right:hover img {
 transform: translate3d(-6px, 0px, 0);
}
.icon-moving-top-bottom img {
 transition: all 0.35s cubic-bezier(0.38, 3, 0.57, 1.6);
}
.icon-moving-top-bottom:hover img {
 transform: translate3d(0px, -6px, 0);
}
.icon-moving-top-bottom .elementor-image-box-img img {
 transition: all 0.35s cubic-bezier(0.38, 3, 0.57, 1.6);
}
.text-rotate-lr {
 writing-mode: vertical-lr;
 transform: rotate(180deg);
}
.text-rotate-rl {
 writing-mode: vertical-rl;
 transform: rotate(180deg);
}
@media (max-width: 1024px) and (min-width: 768px) {
 .footer-col-one {
  width: 50% !important;
 }
}
@media (max-width: 767px) {
 .footer-col-one {
  width: 100% !important;
 }
 .copyright-txt-one {
  margin-top: 15px;
 }
}
.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-custom img,
a.wishlist_products_counter.top_wishlist-custom img,
span.wishlist_products_counter.top_wishlist-custom img {
 vertical-align: middle;
 max-width: 20px;
 max-height: 20px;
}
/*.flip-up {
  animation: flip-up 2s infinite ease-in-out;
}
@keyframes flip-up {

  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(180deg) rotateY(0deg);
  }
}
.flip-down {
  animation: flip-down 2s infinite ease-in-out;
}
@keyframes flip-down {

  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(0deg);
  }
}*/

/*--------------------------------------------------------------
# Welcome user form popup Start
--------------------------------------------------------------*/
#welcome-user {
 padding: 0px 20px !important;
 background: rgba(146, 146, 146, 0.95);
 text-align: center;
 /*position: absolute;*/
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 padding: 0 8px;
 box-sizing: border-box;
}

#welcome-user:before {
 content: "";
 display: inline-block;
 height: 100%;
 vertical-align: middle;
}

#welcome-user .modal-header {
 position: absolute;
 border: none;
 right: -15px;
 top: -15px;
 z-index: 9;
 background: #272727;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 0px;
 padding: 0px;
}

#welcome-user .modal-header button.close {
 width: 30px;
 height: 30px;
 background: #272727;
 border: none;
 top: 0px;
 right: 0px;
 position: absolute;
 display: block;
 z-index: 200;
 text-indent: -9999px;
 border-radius: 50%;
 opacity: 1;
}

#welcome-user .modal-header button.close:before,
#welcome-user .modal-header button.close:after {
 content: "";
 width: 50%;
 height: 1px;
 background: #fff;
 position: absolute;
 top: 48%;
 left: 25%;
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out;
 -ms-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}

#welcome-user .modal-header button.close:after {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out;
 -ms-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}

#welcome-user .modal-header button.close:hover:before,
#welcome-user .modal-header button.close:hover:after {
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 transform: rotate(180deg);
}

.modal-body.welcome-box-body .footer-newletter .form-row {
 padding-right: 15px;
 height: 50px;
}

#welcome-user .modal-footer {
 display: none;
}

#welcome-user .modal-dialog {
 max-width: 780px;
 margin: 0 auto;
 display: inline-block;
 width: 100%;
 position: relative;
 vertical-align: middle;
 background: #fff;
}

#welcome-user .modal-content {
 border: none;
 border-radius: 0px;
 background-image: url(https://emart.wpthemedemos.com/fashion-hub/wp-content/uploads/sites/4/2023/03/welcome-popup.webp);
 background-repeat: no-repeat;
 background-position: left center;
 background-size: contain;
}

#welcome-user .modal-body {
 padding: 100px 30px;
 padding-left: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
}

#welcome-user .modal-body .modal-title {
 margin-bottom: 15px;
 width: 100%;
 text-align: center;
 padding-right: 15px;
}

#welcome-user .modal-content table {
 table-layout: fixed;
 width: 100%;
 margin: 0 0 28px;
 padding: 10px 8px;
}

#welcome-user .rt-size-table th {
 background-color: #272727;
 color: #fff;
 font-weight: 400;
 text-align: center;
 padding: 12px 8px;
 font-size: 15px;
 line-height: 25px;
 letter-spacing: 1.3px;
}

#welcome-user .rt-size-table td {
 text-align: center;
 padding: 10px 8px;
 font-size: 15px;
 line-height: 25px;
 letter-spacing: 1.3px;
 color: #666666;
}

#welcome-user .rt-size-table tbody tr:nth-child(even) {
 background-color: #f3f3f3;
}
.modal-open {
 overflow: hidden;
}
.modal-open .modal {
 overflow-x: hidden;
 overflow-y: auto;
}
@media (max-width: 767px) {
 .modal-backdrop {
  display: none !important;
 }
 #welcome-user .modal-dialog {
  width: 90%;
 }
 #welcome-user .modal-body {
  padding: 100px 20px;
 }
 #welcome-user .modal-content {
  background-image: none !important;
 }
}

/*--------------------------------------------------------------
# Welcome user form popup End
--------------------------------------------------------------*/
/*------------------------------------------------------------
 Error 404 page Start
-------------------------------------------------------------*/
.wraper_error_main.style-one {
 display: flex;
 align-items: center;
 text-align: center;
 background-image: linear-gradient(180deg, #f6e0d3 0%, #f6e0d300 100%);
 background-repeat: no-repeat;
 background-position: center center;
}
.wraper_error_main.style-one .container .row {
 margin-right: 0px;
 margin-left: 0px;
}

.wraper_error_main.style-one > .container {
 padding-top: 120px !important;
 padding-bottom: 120px !important;
 width: 1290px;
}

.wraper_error_main.style-one .error_main img {
 margin-top: 0;
 margin-bottom: 34px;
}

.wraper_error_main.style-one .error_main p {
 font-size: 18px;
 margin-bottom: 32px;
 margin-top: 12px;
}

.error404 a.btn {
 background: #000a12 !important;
 text-align: center;
 border: 1px solid #000a12 !important;
}
.error404 a.btn:hover {
 background: #fff !important;
 text-align: center;
 color: #000a12 !important;
 border: 1px solid #000a12 !important;
}
@media screen and (max-width: 767px) {
 .wraper_error_main.style-one > .container {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
 }
}
/*------------------------------------------------------------
 Error 404 page End
-------------------------------------------------------------*/
/****** Footer Newletter Start *******/
.footer-newsletter .form-row,
.footer-newsletter .row {
 margin-right: 0;
 margin-left: 0;
}
.footer-newsletter .form-row {
 margin-bottom: 15px;
 height: 50px;
}
.footer-newsletter .wpcf7-form-control-wrap {
 width: 100%;
 height: 50px;
}
.footer-newsletter .wpcf7-text {
 font-size: 14px;
 line-height: 24;
 outline: 0;
 padding: 10px 10px 10px 20px;
 height: 50px;
 color: #272727;
 background-color: #ffffff80;
 background-clip: padding-box;
 border: 1px solid #272727;
 border-radius: 0px;
 width: 100%;
}

.footer-newsletter .wpcf7-submit {
 margin: 0;
 height: 50px;
 border-radius: 0px;
 border: none;
 background: #000a12;
 color: #fff;
 font-weight: 400;
 font-size: 14px;
 line-height: 24px;
 width: 100%;
 cursor: pointer;
}
.footer-newsletter .ajax-loader {
 position: absolute;
 left: 15px;
 top: 13px;
}
@media (max-width: 767px) {
 .footer-newsletter .wpcf7-text {
  text-align: center;
 }
}
.footer-newsletter-arrow .form-row,
.footer-newsletter-arrow .row {
 margin-right: 0;
 margin-left: 0;
}
.footer-newsletter-arrow .wpcf7-text {
 font-size: 14px;
 line-height: 24px;
 outline: 0;
 padding: 10px 10px 10px 20px;
 height: 50px;
 color: #272727;
 background-color: #fff;
 background-clip: padding-box;
 border:1px solid #1e1c1c;
 border-radius: 0px;
 width: 100%;
}

.footer-newsletter-arrow .wpcf7-submit {
 border: 0;
 width: 74px;
 height: 50px;
 border-radius: 0;
 color: transparent;
 background-color: #000a12;
 background-image: url(../images/wht-arrow-right-thin.svg);
 background-size: 20px 20px;
 background-repeat: no-repeat;
 background-position: center center;
 transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
 cursor: pointer;
 position: absolute;
 top: 0px;
 right: 0px;
}
.Outfit-arena-form .footer-newsletter-arrow .wpcf7-submit {
 background-color: #e1d9d2 !important;
 background-image: url(../images/black-arrow-hover.svg) !important;
}
.Outfit-arena-form .footer-newsletter-arrow .wpcf7-text {
 border: 1px solid #ffffff;
}
.footer-newsletter-arrow .no-padding {
 width: 100%;
}
.footer-newsletter-arrow .wpcf7-submit:hover {
 background-position: 70% 50%;
}
.footer-newsletter-arrow .ajax-loader {
 position: absolute;
 left: 15px;
 top: 13px;
}

.skin-care-newsletter .footer-newsletter-arrow .wpcf7-text {
 background-color: #ffffff;
 border: none;
}
.skin-care-newsletter .footer-newsletter-arrow .wpcf7-submit {
 background-color: #e98d84;
}
.wpcf7 form .wpcf7-response-output {
 display: none;
}
.Women-fashion-form {
 display: flex;
 width: 100%;
}
.Women-fashion-form p {
 width: 100%;
}
.Women-fashion-form
 input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
 width: 91%;
 height: 50px;
 border: 1px solid #102027;
 padding-left: 25px;
 border-radius: 0px;
 background-color: #ffffff80;
 color: #acacac;
 /* font-weight: 500;
     font-size: 1.0625rem;
     line-height:1.65rem;
    */
}
.Women-fashion-form input.wpcf7-form-control.has-spinner.wpcf7-submit {
 width: 9%;
 height: 50px;
 border: 0;
 color: transparent;
 border-radius: 0px;
 background-color: #102027;
 background-image: url(../images/footer-contc-icon.svg);
 background-size: 20px 20px;
 background-repeat: no-repeat;
 background-position: center center;
 transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
 cursor: pointer;
 position: absolute;
}
.Women-fashion-form .wpcf7-not-valid-tip {
 position: absolute;
}
.Women-fashion-form input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
 background-position: 70% 50%;
 transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
}
@media (max-width: 767px) {
 .Women-fashion-form
  input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
  width: 85%;
 }
 .Women-fashion-form input.wpcf7-form-control.has-spinner.wpcf7-submit {
  width: 15%;
 }
}
/****** Footer Newletter End *******/
/****** Wide Column CSS Start *******/
@media (min-width: 1520px) {
 .wide-column-one.elementor-section.elementor-section-boxed
  > .elementor-container {
  max-width: 1720px;
 }
}
/****** Wide Column CSS End *******/
/*svg-icon-move*/
.icon-svg-left-right .elementor-icon svg,
.icon-svg-right-left .elementor-icon svg {
 transition: all 0.35s cubic-bezier(0.38, 3, 0.57, 1.6);
}
.icon-svg-left-right:hover .elementor-icon svg {
 transform: translate3d(-6px, 0px, 0) !important;
}
.icon-svg-right-left:hover .elementor-icon svg {
 transform: translate3d(6px, 0px, 0) !important;
}
/*svg-icon-move-end*/
/*------- Welcome Newsletter Start -----------*/
.welcome-newsletter .form-row,
.welcome-newsletter .row {
 margin-right: 0;
 margin-left: 0;
}
.welcome-newsletter .form-row {
 margin-bottom: 15px;
 height: 50px;
}
.welcome-newsletter .wpcf7-form-control-wrap {
 width: 100%;
 height: 50px;
}
.welcome-newsletter .wpcf7-text {
 font-size: 14px;
 line-height: 24;
 outline: 0;
 padding: 10px 10px 10px 20px;
 height: 50px;
 color: #272727;
 background-color: #ffffff80;
 background-clip: padding-box;
 border: 1px solid #272727;
 border-radius: 0px;
 width: 100%;
}

.welcome-newsletter .wpcf7-submit {
 margin: 0;
 height: 50px;
 border-radius: 0px;
 border: none;
 background: #000a12;
 border: 1px solid #000a12;
 color: #fff;
 font-weight: 400;
 font-size: 14px;
 line-height: 24px;
 width: 100%;
 cursor: pointer;
}
.welcome-newsletter .wpcf7-submit:hover {
 background: #fff;
 color: #000a12;
}
.welcome-newsletter .ajax-loader {
 position: absolute;
 left: 15px;
 top: 13px;
}
@media (max-width: 767px) {
 .welcome-newsletter .wpcf7-text {
  text-align: center;
 }
}
/*-------- Welcome Newsletter End ----------*/
.clients-item.swiper-slide {
 text-align: center;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
 background-image: none !important;
}
.swiper-button-next,
.swiper-button-prev {
 top: 40% !important;
 width: 50px !important;
}
.product-box.swiper-container .product-navigation-style-one {
 opacity: 0;
 visibility: hidden;
 transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s,
  transform var(--e-transform-transition-duration, 0.4s);
}
.product-box.swiper-container:hover .product-navigation-style-one {
 opacity: 1;
 visibility: visible;
 transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s,
  transform var(--e-transform-transition-duration, 0.4s);
}
a.shop-now {
 position: relative;
 display: inline-block;
 cursor: pointer;
}
a.shop-now:before {
 -webkit-transform-origin: 100% 50%;
 -ms-transform-origin: 100% 50%;
 transform-origin: 100% 50%;
 -webkit-transition-delay: 0s;
 -o-transition-delay: 0s;
 transition-delay: 0s;
}
a.shop-now:after,
a.shop-now:before {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 1px;
 background-color: currentColor;
 -webkit-transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97);
 -o-transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97);
 transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97);
}
a.shop-now:hover:before {
 -webkit-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transition-delay: 0s;
 -o-transition-delay: 0s;
 transition-delay: 0s;
}
a.shop-now:after {
 -webkit-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transform-origin: 0 50%;
 -ms-transform-origin: 0 50%;
 transform-origin: 0 50%;
 -webkit-transition-delay: 0s;
 -o-transition-delay: 0s;
 transition-delay: 0s;
}
a.shop-now:hover:after {
 -webkit-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
 -webkit-transition-delay: 0.34s;
 -o-transition-delay: 0.34s;
 transition-delay: 0.34s;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
 bottom: -8px !important;
 left: 0;
 width: 100%;
}
@media screen and (max-width: 1024px) {
 .swiper-container-horizontal > .swiper-pagination-bullets,
 .swiper-pagination-custom,
 .swiper-pagination-fraction {
  bottom: -5px !important;
 }
}
/*-------------------------------------------------------------- # Size Chart Shop Box Style Start --------------------------------------------------------------*/
.shop_single .entry-summary .rt-size-chart {
 margin-bottom: 0;
 margin-top: 20px;
}
.shop_single .rt-size-chart button {
 background: none;
 border: none;
 color: #676666;
 font-size: 14px;
 line-height: 24px;
 padding: 0;
 padding-left: 30px;
 position: relative;
}
.shop_single .rt-size-chart button:before {
 content: "";
 width: 20px;
 height: 1px;
 position: absolute;
 background: #676666;
 bottom: 11px;
 left: 0px;
}
.modal {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999;
 display: none;
 width: 100%;
 height: 100%;
 overflow: hidden;
 outline: 0;
}
#rtsizechart {
 padding: 0px !important;
 background: rgba(0, 0, 0, 0.39);
 text-align: center;
 /* position: absolute; */
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 padding: 0 8px;
 box-sizing: border-box;
}
#rtsizechart:before {
 content: "";
 display: inline-block;
 height: 100%;
 vertical-align: middle;
}
#rtsizechart.modal {
 overflow-x: hidden;
 overflow-y: auto;
}
#rtsizechart::-webkit-scrollbar {
 display: none;
}
/*#rtsizechart {
     padding: 0px !important;
     background: rgba(0,0,0,0.39);
}*/
#rtsizechart .modal-dialog {
 max-width: 750px;
 margin: 38px auto;
 display: inline-block;
 width: 100%;
 position: relative;
 vertical-align: middle;
 overflow: hidden;
}
#rtsizechart .modal-header {
 position: absolute;
 border: none;
 right: 0;
 z-index: 9;
}
#rtsizechart .modal-header .close {
 width: 30px;
 height: 30px;
 background: #272727;
 border: none;
 top: 30px;
 right: 30px;
 position: absolute;
 display: block;
 z-index: 200;
 text-indent: -9999px;
 border-radius: 50%;
 opacity: 1;
}
#rtsizechart .modal-header .close:before,
#rtsizechart .modal-header .close:after {
 content: "";
 width: 50%;
 height: 1px;
 background: #fff;
 position: absolute;
 top: 48%;
 left: 25%;
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out;
 -ms-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#rtsizechart .modal-header .close:after {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out;
 -ms-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#rtsizechart .modal-header .close:hover:before,
#rtsizechart .modal-header .close:hover:after {
 -webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 transform: rotate(180deg);
}
#rtsizechart .modal-header .close:hover {
 color: #272727;
 text-decoration: none;
}
#rtsizechart .modal-footer {
 display: none;
}
/*#rtsizechart .modal-dialog {
     max-width: 100%;
     margin: 0 auto;
}*/
#rtsizechart .modal-body {
 padding: 30px 35px 30px 35px;
 background-color: #fff;
}
#rtsizechart .modal-content table {
 table-layout: fixed;
 width: 100%;
 margin: 0 0 28px;
 padding: 10px 0px;
}
#rtsizechart .modal-content {
 border: none;
 border-radius: 0px;
}
.admin-bar #rtsizechart .modal-content {
 margin-top: 32px;
}
#rtsizechart .rt-size-table th {
 background-color: #272727;
 color: #fff;
 font-weight: 400;
 text-align: center;
 padding: 12px 8px;
 font-size: 15px;
 line-height: 25px;
 letter-spacing: 1.3px;
}
#rtsizechart .rt-size-table td {
 text-align: center;
 padding: 10px 8px;
 font-size: 15px;
 line-height: 25px;
 letter-spacing: 1.3px;
 color: #666666;
}
#rtsizechart .rt-size-table tbody tr:nth-child(even) {
 background-color: #f3f3f3;
}
@media screen and (max-width: 767px) {
 #rtsizechart:before {
  height: auto;
 }
}
/*-------------------------------------------------------------- # Size Chart Shop Box Style End --------------------------------------------------------------*/
.product-slider-arrow .product-box {
 overflow: visible;
}
.product-slider-arrow .swiper-button-next,
.product-slider-arrow .swiper-button-prev {
 background: #ffffff;
 height: 100%;
 top: 0px !important;
 display: flex;
 align-items: center;
}
.product-slider-arrow .swiper-button-next {
 right: -60px !important;
}
.product-slider-arrow .swiper-button-prev {
 left: -60px !important;
}
.product-slider-arrow .swiper-button-next svg,
.product-slider-arrow .swiper-button-prev svg {
 opacity: 0.2;
 transition: all 0.3s ease-in-out;
}
.product-slider-arrow .swiper-button-next svg:hover,
.product-slider-arrow .swiper-button-prev svg:hover {
 opacity: 1;
 transition: all 0.3s ease-in-out;
}
.product-slider-arrow
 .product-box.swiper-container
 .product-navigation-style-one {
 opacity: 1;
 visibility: visible;
 transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s,
  transform var(--e-transform-transition-duration, 0.4s);
}
@media screen and (max-width: 767px) {
 .product-slider-arrow .product-box {
  overflow: hidden;
 }
 .product-slider-arrow
  .product-box.swiper-container
  .product-navigation-style-one {
  opacity: 0;
  visibility: hidden;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s,
   transform var(--e-transform-transition-duration, 0.4s);
 }
 .product-slider-arrow
  .product-box.swiper-container:hover
  .product-navigation-style-one {
  opacity: 1;
  visibility: visible;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s,
   transform var(--e-transform-transition-duration, 0.4s);
 }
 .product-slider-arrow .swiper-button-next,
 .product-slider-arrow .swiper-button-prev {
  background: transparent;
  top: 28% !important;
  display: flex;
  align-items: center;
  height: auto;
 }
 .product-slider-arrow .swiper-button-next {
  right: 10px !important;
 }
 .product-slider-arrow .swiper-button-prev {
  left: 10px !important;
 }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
 .footer-width-50 {
  width: 50% !important;
 }
}
@media screen and (max-width: 767px) {
 .footer-width-50 {
  width: 100% !important;
 }
}
@media screen and (max-width: 1024px) {
 .footer-form-sec {
  width: 100% !important;
 }
}
.elementor-pagination-position-outside .swiper-container {
 padding-bottom: 55px !important;
}
.contact-two-form .wpcf7-form-control.wpcf7-text,
.contact-two-form .wpcf7-form-control.wpcf7-textarea {
 width: 100%;
 height: 50px;
 border: 0;
 margin-bottom: 20px;
 border-bottom: 1px solid #9f9f9f;
 font-size: 16px;
 line-height: 28px !important;
 font-family: inherit;
 padding-left: 20px;
 background-color: transparent;
}
.contact-two-form .wpcf7-form-control.wpcf7-text::placeholder, .contact-two-form .wpcf7-form-control.wpcf7-textarea::placeholder{
    color: #aba9a9 !important;
}
.contact-two-form .wpcf7-form-control.wpcf7-textarea {
 padding-top: 10px;
}
.contact-two-form .wpcf7-form-control.wpcf7-textarea {
 height: 150px;
}
.contact-two-form .wpcf7-form-control.wpcf7-text::placeholder,
.contact-two-form .wpcf7-form-control.wpcf7-textarea::placeholder {
 color: #000a12;
}
.contact-two-form .wpcf7-form-control.has-spinner.wpcf7-submit {
 width: 100%;
 padding: 11px 33px;
 margin-top:20px;
 background-color: #765B56;
 color: #fff;
 border: none;
font-size: 16px;
line-height: 30px;
font-weight: 500;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.contact-two-form .wpcf7-form-control.has-spinner.wpcf7-submit:hover {
transform: translatey(-5px);
background-color: #1e1c1c;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.blog-frm .row {
 margin-right: 0px;
 margin-left: 0px;
}
.blog-frm .wpcf7-email {
 width: 100%;
 padding: 12px 20px;
 border-radius: 0px;
 border: 1px solid #c8c8c8;
 outline: 0;
 height: 50px;
 font-size: 16px;
 line-height: 28px;
 margin-bottom: 15px;
 text-align: center;
}
.blog-frm .form-row .wpcf7-submit {
 padding: 13px 2px;
 border-radius: 0px;
 border: none;
 outline: none;
 width: 100%;
 background-color: #000a12;
 color: #fff;
 font-style: 500;
 font-size: 16px;
 line-height: 26px;
 transition: 0.3s ease-in-out;
 transform-style: preserve-3d;
}
/*------------- Quick View Start -----------*/
#yith-quick-view-modal.open .yith-wcqv-main .woocommerce-product-gallery {
 left: 0px;
}
#yith-quick-view-modal.open
 .yith-wcqv-main
 #yith-quick-view-content
 div.images {
 width: 50%;
 float: left;
 opacity: 1 !important;
 margin: 0;
}
#yith-quick-view-modal.open
 .yith-wcqv-main
 #yith-quick-view-content
 div.summary {
 margin: 0;
 padding: 15px;
 width: 60%;
 float: left;
 font-size: inherit;
 padding: 0px 20px 50px 50px;
 margin-top: 50px;
}
#yith-quick-view-modal.open
 .yith-wcqv-main
 #yith-quick-view-content
 div.summary
 .price
 del,
#yith-quick-view-modal.open
 .yith-wcqv-main
 #yith-quick-view-content
 div.summary
 .product-price
 del {
 margin: 0px;
}
#yith-quick-view-modal.open
 .yith-wcqv-main
 #yith-quick-view-content
 div.summary
 .price
 ins,
#yith-quick-view-modal.open
 .yith-wcqv-main
 #yith-quick-view-content
 div.summary
 .product-price
 ins {
 margin: 0 0 0 10px;
}
#yith-quick-view-modal.open
 .yith-wcqv-main
 #yith-quick-view-content
 div.summary
 .price
 .percent-off,
#yith-quick-view-modal.open
 .yith-wcqv-main
 #yith-quick-view-content
 div.summary
 .product-price
 .percent-off {
 margin: 0 0 0 20px;
}
#yith-quick-view-modal.open
 .yith-wcqv-main
 #yith-quick-view-content
 div.summary
 .star-rating::before {
 left: 2px;
}
#yith-quick-view-modal.open
 .yith-wcqv-main
 #yith-quick-view-content
 div.summary
 li.variable-item.color-variable-item {
 box-shadow: none !important;
 border: 1px solid transparent;
 width: 30px !important;
 height: 30px !important;
 padding: 0px !important;
 transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
#yith-quick-view-close {
 display: none;
}
/*------------- Quick View End -----------*/


/***** Home page ******/
.text-rotate-ud {
 writing-mode: vertical-rl;
 transform: rotate(360deg);
}

.round-img-hover:hover img {
 opacity: 0.3;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.round-img-hover img {
 opacity: 1;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.round-img-hover .elementor-icon-list-item,
.round-img-hover .elementor-heading-title,
.border-transition .elementor-icon {
 opacity: 0;
 transform: translatey(20px);
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}

.round-img-hover:hover .elementor-icon-list-item,
.round-img-hover:hover .elementor-heading-title,
.border-transition:hover .elementor-icon {
 opacity: 1;
 transform: translatey(0px);
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -ms-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 cursor: pointer;
}

/* Mega Menu Link Hover Image */
.gallerycontainer {
 position: relative;
 /*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.gallerycontainer {
 position: relative !important;
}
.thumbnail img {
 border: 1px solid white;
 margin: 0 5px 5px 0;
}

.thumbnail:hover {
 background-color: transparent;
}

.thumbnail span {
 /*CSS for enlarged image*/
 position: absolute;
 padding: 5px;
 /*    left: -1000px;*/
 visibility: hidden;
 color: black;
 text-decoration: none;
 /*    width: 100%;*/
}

.thumbnail span img {
 /*CSS for enlarged image*/
 border-width: 0;
 padding: 2px;
}

.thumbnail:hover span {
 /*CSS for enlarged image*/
 visibility: visible;
 top: 0;
 left: -310%; /*position where enlarged image should offset horizontally */
 z-index: 50;
}
/*demo-style-css*/

.gradient-border {
 border: 6px solid transparent;
 border-image: linear-gradient(45deg, #bf2022, #f8cd7d, #d27474, #f8cd7d);
 border-image-slice: 1;
}
.border-transition {
 border: 1px dashed rgba(214, 208, 208, 0%);
 border-radius: 0px;
 -webkit-transition: all 0.2s ease-in- out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
.border-transition:hover {
 border:1px dashed rgb(187 183 183);
 border-radius: 229px;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}
/*text-rotation-in-loop*/

.text-rotation .elementor-icon svg {
 animation: rotate 8s linear infinite;
}
@keyframes rotate {
 to {
  -ms-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}
.text-rotation .elementor-icon svg:hover {
 filter: blur(0.8px);
 cursor: pointer;
 animation: rotate 8s linear infinite paused;
}
.swiper-container {
    overflow: hidden;
}

/* Landing Page */

.icon-box .arrow-down .elementor-icon {
    box-shadow: 0px 6px 7px rgba(33, 42, 65, 0.18);
}
.icon-box:hover .arrow-down .elementor-icon {
    background-color: #DF4141 !important;
}
.icon-box .arrow-down .elementor-icon svg {
     transition: all 0.45s cubic-bezier(0.49, 0.06, 0.21, 0.64);
}
.icon-box:hover .arrow-down .elementor-icon svg {
     transform: rotate(90deg);
     transition: all 0.45s cubic-bezier(0.49, 0.06, 0.21, 0.64);
}
.icon-box:hover .arrow-down .elementor-icon svg path {
    stroke: #fff;
}
.demo-item-box {
    display: block;
    width: 300px;
    height: 550px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.demo-item-box img {
    object-fit: cover;
    object-position: top;
    height: 550px !important;
    transition: 6s all ease;
    border: 1px solid #D9D9D9 !important;
}
.demo-item-box img:hover {
    object-position: bottom;
}
/* Blog Form */
.blog-frm .row {
    margin-right: 0px;
    margin-left: 0px;
}
.blog-frm .wpcf7-email{
    width: 100%;
  padding: 12px 20px;
  border-radius: 0px;
  border: 1px solid #c8c8c8;
  outline: 0;
  height: 50px;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 15px;
  text-align: center;
  font-family: 'Inter';
}
.blog-frm .wpcf7-email::placeholder{
    font-family: 'Inter';
}
.blog-frm span.wpcf7-spinner {
    display: none;
}
.blog-frm .form-row .wpcf7-submit {
    padding: 13px 2px;
    border-radius: 0px;
    border: none;
    outline: none;
    width: 100%;
    background-color: #000a12;
    color: #fff;
    font-style: 500;
    font-size: 16px;
    line-height: 26px;
    transition: 0.3s ease-in-out;
    transform-style: preserve-3d;
    font-family: 'Inter';
}
.client-img img{
opacity:0.5;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out ;
-ms-transition: all 0.5s ease-in-out ;
-o-transition: all 0.5s ease-in-out ;
transition:all 0.5s ease-in-out;
}
.client-img img:hover{
opacity:1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out ;
-ms-transition: all 0.5s ease-in-out ;
-o-transition: all 0.5s ease-in-out ;
transition:all 0.5s ease-in-out;
}
.glass-effect-bg{
backdrop-filter: blur(5.5px);
background: hsl(0deg 0% 100% / 65%);
opacity: 1;}
@media screen and (min-width:1024px){
 .Mega-menu-scroll{
    max-height:780px;
    overflow-y: scroll;
    background-color:#fff;
    box-shadow: 0px 30px 40px rgba(13,2,58,.2);;
    }}