/*=====  Common Style =====*/
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&display=swap");
body {
         font-family: "Rubik", Verdana, Geneva, Tahoma, sans-serif;
         font-weight: normal;
         font-style: normal;
         color: rgba(0, 0, 0, 0.64);
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
       
  }
    * {
         margin: 0;
         padding: 0;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
       
  }
    img {
         max-width: 100%;
       
  }
    a:focus,  button:focus,  input:focus,  textarea:focus {
         text-decoration: none;
         outline: none;
       
  }
    a:focus,  a:hover {
         text-decoration: none;
       
  }
    a,  i,  span {
         display: inline-block;
         text-decoration: none;
       
  }
    audio,  canvas,  iframe,  img,  svg,  video {
         vertical-align: middle;
       
  }
    h1,  h2,  h3,  h4,  h5,  h6 {
         font-family: \"Rubik\", sans-serif;
         color: #000;
         margin: 0;
       
  }
    h1 {
         font-size: 48px;
       
  }
    h2 {
         font-size: 36px;
       
  }
    h3 {
         font-size: 28px;
       
  }
    h4 {
         font-size: 22px;
       
  }
    h5 {
         font-size: 18px;
       
  }
    h6 {
         font-size: 16px;
       
  }
    ol,  ul {
         margin: 0;
         padding: 0;
         list-style-type: none;
       
  }
    p {
         font-size: 16px;
         line-height: 22px;
         font-weight: 400;
         color: rgba(0, 0, 0, 0.64);
         margin: 0;
       
  }
    .bg_cover {
         background-position: center center;
         background-size: cover;
         background-repeat: no-repeat;
         width: 100%;
         height: 100%;
       
  }
    .sticky {
         position: fixed;
         top: 0;
         left: 0;
         z-index: 9999;
         background: #fff;
         width: 100%;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    /*===== All Preloader Style =====*/ .preloader {
         /* Body Overlay */   position: fixed;
         top: 0;
         left: 0;
         display: table;
         height: 100%;
         width: 100%;
         /* Change Background Color */   background: #fff;
         z-index: 99999;
       
  }
    .preloader .loader {
         display: table-cell;
         vertical-align: middle;
         text-align: center;
       
  }
    .preloader .loader .ytp-spinner {
         position: absolute;
         left: 50%;
         top: 50%;
         width: 64px;
         margin-left: -32px;
         z-index: 18;
         pointer-events: none;
       
  }
    .preloader .loader .ytp-spinner .ytp-spinner-container {
         pointer-events: none;
         position: absolute;
         width: 100%;
         padding-bottom: 100%;
         top: 50%;
         left: 50%;
         margin-top: -50%;
         margin-left: -50%;
         -webkit-animation: ytp-spinner-linspin 1568.2353ms linear infinite;
         animation: ytp-spinner-linspin 1568.2353ms linear infinite;
       
  }
    .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator {
         position: absolute;
         width: 100%;
         height: 100%;
         -webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
         animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
       
  }
    .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-left {
         position: absolute;
         top: 0;
         left: 0;
         bottom: 0;
         overflow: hidden;
         right: 50%;
       
  }
    .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-right {
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         overflow: hidden;
         left: 50%;
       
  }
    .preloader .loader .ytp-spinner-circle {
         -webkit-box-sizing: border-box;
                 box-sizing: border-box;
         position: absolute;
         width: 200%;
         height: 100%;
         border-style: solid;
         /* Spinner Color */   border-color: #542DED #542DED #D1D1D1;
         border-radius: 50%;
         border-width: 6px;
       
  }
    .preloader .loader .ytp-spinner-left .ytp-spinner-circle {
         left: 0;
         right: -100%;
         border-right-color: #D1D1D1;
         -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
         animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
       
  }
    .preloader .loader .ytp-spinner-right .ytp-spinner-circle {
         left: -100%;
         right: 0;
         border-left-color: #D1D1D1;
         -webkit-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
         animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
       
  }
    /* Preloader Animations */ @-webkit-keyframes ytp-spinner-linspin {
         to {
               -webkit-transform: rotate(360deg);
               transform: rotate(360deg);
           
      }
       
  }
    @keyframes ytp-spinner-linspin {
         to {
               -webkit-transform: rotate(360deg);
               transform: rotate(360deg);
           
      }
       
  }
    @-webkit-keyframes ytp-spinner-easespin {
         12.5% {
               -webkit-transform: rotate(135deg);
               transform: rotate(135deg);
           
      }
         25% {
               -webkit-transform: rotate(270deg);
               transform: rotate(270deg);
           
      }
         37.5% {
               -webkit-transform: rotate(405deg);
               transform: rotate(405deg);
           
      }
         50% {
               -webkit-transform: rotate(540deg);
               transform: rotate(540deg);
           
      }
         62.5% {
               -webkit-transform: rotate(675deg);
               transform: rotate(675deg);
           
      }
         75% {
               -webkit-transform: rotate(810deg);
               transform: rotate(810deg);
           
      }
         87.5% {
               -webkit-transform: rotate(945deg);
               transform: rotate(945deg);
           
      }
         to {
               -webkit-transform: rotate(1080deg);
               transform: rotate(1080deg);
           
      }
       
  }
    @keyframes ytp-spinner-easespin {
         12.5% {
               -webkit-transform: rotate(135deg);
               transform: rotate(135deg);
           
      }
         25% {
               -webkit-transform: rotate(270deg);
               transform: rotate(270deg);
           
      }
         37.5% {
               -webkit-transform: rotate(405deg);
               transform: rotate(405deg);
           
      }
         50% {
               -webkit-transform: rotate(540deg);
               transform: rotate(540deg);
           
      }
         62.5% {
               -webkit-transform: rotate(675deg);
               transform: rotate(675deg);
           
      }
         75% {
               -webkit-transform: rotate(810deg);
               transform: rotate(810deg);
           
      }
         87.5% {
               -webkit-transform: rotate(945deg);
               transform: rotate(945deg);
           
      }
         to {
               -webkit-transform: rotate(1080deg);
               transform: rotate(1080deg);
           
      }
       
  }
    @-webkit-keyframes ytp-spinner-left-spin {
         0% {
               -webkit-transform: rotate(130deg);
               transform: rotate(130deg);
           
      }
         50% {
               -webkit-transform: rotate(-5deg);
               transform: rotate(-5deg);
           
      }
         to {
               -webkit-transform: rotate(130deg);
               transform: rotate(130deg);
           
      }
       
  }
    @keyframes ytp-spinner-left-spin {
         0% {
               -webkit-transform: rotate(130deg);
               transform: rotate(130deg);
           
      }
         50% {
               -webkit-transform: rotate(-5deg);
               transform: rotate(-5deg);
           
      }
         to {
               -webkit-transform: rotate(130deg);
               transform: rotate(130deg);
           
      }
       
  }
    @-webkit-keyframes ytp-right-spin {
         0% {
               -webkit-transform: rotate(-130deg);
               transform: rotate(-130deg);
           
      }
         50% {
               -webkit-transform: rotate(5deg);
               transform: rotate(5deg);
           
      }
         to {
               -webkit-transform: rotate(-130deg);
               transform: rotate(-130deg);
           
      }
       
  }
    @keyframes ytp-right-spin {
         0% {
               -webkit-transform: rotate(-130deg);
               transform: rotate(-130deg);
           
      }
         50% {
               -webkit-transform: rotate(5deg);
               transform: rotate(5deg);
           
      }
         to {
               -webkit-transform: rotate(-130deg);
               transform: rotate(-130deg);
           
      }
       
  }
    /*==================================================================                           02.Page Banner css ==================================================================*/ /*=====  Page Banner Style =====*/  /*==================================================================                           03.Colors css ==================================================================*/ /*========== White Color =========*/  /*========== Dark Color =========*/  /*========== Gray Color =========*/  .gray-3 {
         color: #D1D1D1;
       
  }
    /*========== Primary Shades Color =========*/  .bg-primary-4 {
         background-color: #754FF1;
       
  }
    /*========== Primary Color =========*/  /*========== Secondary 1 Color =========*/  /*========== Secondary 2 Color =========*/  /*========== Secondary 3 Color =========*/  /*========== Success Color =========*/  /*========== Info Color =========*/  /*========== Caution Color =========*/  /*========== Error Color =========*/  /*========== Primary Gradients Color =========*/  /*========== Secondary Gradients Color =========*/  /*========== Accent Gradients Color =========*/  /*========== Success Gradients Color =========*/  /*========== Info Gradients Color =========*/  /*========== Caution Gradients Color =========*/  /*========== Error Gradients Color =========*/  /*==================================================================                            04.Typography css ==================================================================*/ /*========== Heading =========*/ .heading-1 {
         font-size: 44px;
         line-height: 55px;
       
  }
    .heading-5 {
         font-size: 20px;
         line-height: 28px;
       
  }
    .heading-6 {
         font-size: 14px;
         line-height: 18px;
       
  }
    /*========== paragraph =========*/  /*========== Font Weight =========*/  /*========== Font Weight =========*/  .font-weight-400 {
         font-weight: 400;
       
  }
    .font-weight-500 {
         font-weight: 500;
       
  }
    .font-weight-700 {
         font-weight: 700;
       
  }
    /*==================================================================                            05. Buttons css ==================================================================*/ /*===== All Button Common Style =====*/ .main-btn {
         display: inline-block;
         text-align: center;
         white-space: nowrap;
         vertical-align: middle;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         border: 0;
         padding: 0 16px;
         font-size: 16px;
         font-weight: 500;
         height: 40px;
         line-height: 40px;
         cursor: pointer;
         z-index: 5;
         -webkit-transition: all 0.4s linear;
         transition: all 0.4s linear;
         text-transform: uppercase;
         letter-spacing: 1px;
         border-radius: 5px;
         overflow: hidden;
         position: relative;
         background-color: transparent;
       
  }
    @media (max-width: 767px) {
         .main-btn {
               padding: 0 14px;
               font-size: 14px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .main-btn {
               padding: 0 16px;
               font-size: 16px;
           
      }
       
  }
    .main-btn i {
         margin: 0 3px;
         font-size: 22px;
         line-height: 1;
         position: relative;
         top: 2px;
       
  }
    .main-btn img {
         margin: 0 5px 0 2px;
         width: 22px;
       
  }
    .main-btn::before {
         position: absolute;
         content: '';
         top: 50%;
         left: 50%;
         width: 0;
         height: 0;
         padding: 50%;
         border-radius: 50%;
         background-color: rgba(0, 0, 0, 0.15);
         z-index: -1;
         color: #fff;
         -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
         transform: translate3d(-50%, -50%, 0) scale(0);
         -webkit-transition: all 0.4s linear;
         transition: all 0.4s linear;
       
  }
    .icon-btn {
         width: 40px;
         height: 40px;
         line-height: 40px;
         text-align: center;
         border-radius: 50%;
         font-size: 24px;
         white-space: nowrap;
         vertical-align: middle;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         border: 0;
         cursor: pointer;
         z-index: 5;
         -webkit-transition: all 0.4s linear;
         transition: all 0.4s linear;
         position: relative;
         overflow: hidden;
       
  }
    .icon-btn img {
         width: 22px;
       
  }
    .icon-btn::before {
         position: absolute;
         content: '';
         top: 50%;
         left: 50%;
         width: 0;
         height: 0;
         padding: 50%;
         border-radius: 50%;
         background-color: rgba(0, 0, 0, 0.15);
         z-index: -1;
         color: #fff;
         -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
         transform: translate3d(-50%, -50%, 0) scale(0);
         -webkit-transition: all 0.4s linear;
         transition: all 0.4s linear;
       
  }
    /*===== Button Shadow Style =====*/  /*===== Primary Button Style =====*/  .primary-btn {
         background-color: #542DED;
         color: #fff;
       
  }
     .primary-btn:hover {
         color: #fff;
       
  }
     .primary-btn:hover::before {
         -webkit-transform: translate3d(-50%, -50%, 0) scale(1.5);
         transform: translate3d(-50%, -50%, 0) scale(1.5);
       
  }
     .primary-btn-border {
         border: 1px solid #542DED;
         color: #542DED;
         line-height: 38px;
       
  }
     .primary-btn-border:hover {
         -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         color: #542DED;
       
  }
    .primary-icon-text {
         color: #542DED;
       
  }
    .primary-icon-text:hover {
         color: #542DED;
       
  }
    /*===== Secondary 1 Button Style =====*/  .secondary-1-btn {
         background-color: #E14C7B;
         color: #fff;
       
  }
     .secondary-1-btn:hover {
         color: #fff;
       
  }
     .secondary-1-btn:hover::before {
         -webkit-transform: translate3d(-50%, -50%, 0) scale(1.5);
         transform: translate3d(-50%, -50%, 0) scale(1.5);
       
  }
    /*===== Secondary 2 Button Style =====*/  /*===== Secondary 3 Button Style =====*/  /*===== Success Button Style =====*/  /*===== Info Button Style =====*/  /*===== Caution Button Style =====*/  /*===== Error Button Style =====*/  /*===== Gray Button Style =====*/  /*===== White Button Style =====*/  /*=====  Icon Text Style =====*/  .icon-text {
         height: 20px;
         line-height: 20px;
         padding: 0 8px;
         border-radius: 18px;
         font-weight: 500;
         font-size: 12px;
       
  }
    .icon-text.text-style-1 {
         background-color: #E14C7B;
         color: #fff;
       
  }
    /*=====  Icon Text Button Style =====*/ .icon-text-btn {
         position: relative;
         overflow: visible;
       
  }
    .icon-text-btn .main-btn {
         text-transform: capitalize;
       
  }
    .icon-text-btn .icon-text {
         position: absolute;
         top: -7px;
         right: -8px;
         z-index: 5;
       
  }
    /*=====  Product Quantity Style =====*/ .product-quantity {
         overflow: hidden;
         border-radius: 4px;
       
  }
    .product-quantity button {
         width: 40px;
         height: 40px;
         padding: 0;
         font-size: 24px;
         border: 0;
         background-color: transparent;
         -webkit-transition: all 0.4s linear;
         transition: all 0.4s linear;
       
  }
    .product-quantity input {
         width: 55px;
         height: 40px;
         border: 0;
         padding: 0 10px;
         text-align: center;
         font-weight: 700;
         background-color: transparent;
       
  }
    /*==================================================================                            06.Dropdown css ==================================================================*/ /*=====  All Dropdown  Style =====*/ .dropdown .main-btn {
         text-transform: capitalize;
         text-align: left;
       
  }
    .dropdown .main-btn::before {
         display: none;
       
  }
    .dropdown .main-btn i {
         float: right;
         line-height: 35px;
         font-size: 24px;
         margin: 0;
       
  }
    .dropdown .main-btn.toggle {
         width: 40px;
         padding: 0;
       
  }
    .dropdown .main-btn.toggle i {
         float: none;
         left: 7px;
       
  }
    .dropdown .dropdown-menu {
         min-width: inherit;
         width: 256px;
         -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         border: 0;
         border-radius: 4px;
         padding: 0;
         margin-top: 0;
       
  }
    .dropdown .dropdown-menu li {
         position: relative;
       
  }
    .dropdown .dropdown-menu li a {
         font-weight: 500;
         font-size: 16px;
         padding: 10px 16px;
         display: block;
         -webkit-transition: all 0.4s linear;
         transition: all 0.4s linear;
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .dropdown .dropdown-menu li a {
               font-size: 14px;
           
      }
       
  }
    @media (max-width: 767px) {
         .dropdown .dropdown-menu li a {
               font-size: 14px;
           
      }
       
  }
    .dropdown .dropdown-menu li a i {
         float: right;
         font-size: 24px;
         line-height: 1;
         -webkit-transition: all 0.4s linear;
         transition: all 0.4s linear;
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .dropdown .dropdown-menu li a i {
               display: none;
           
      }
       
  }
    @media (max-width: 767px) {
         .dropdown .dropdown-menu li a i {
               display: none;
           
      }
       
  }
    .dropdown .dropdown-menu li:first-child a {
         border-top-left-radius: 4px;
         border-top-right-radius: 4px;
       
  }
    .dropdown .dropdown-menu li:last-child a {
         border-bottom-left-radius: 4px;
         border-bottom-right-radius: 4px;
       
  }
    .dropdown .dropdown-menu li .sub-menu {
         position: absolute;
         top: 0;
         left: 100%;
         width: 256px;
         -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         border: 0;
         border-radius: 4px;
         opacity: 0;
         visibility: hidden;
         -webkit-transition: all 0.4s linear;
         transition: all 0.4s linear;
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .dropdown .dropdown-menu li .sub-menu {
               position: relative;
               width: 100%;
               top: 0;
               left: 0;
               display: none;
               opacity: 1;
               visibility: visible;
               -webkit-box-shadow: none;
               box-shadow: none;
               -webkit-transition: all 0s linear;
               transition: all 0s linear;
               padding-left: 15px;
           
      }
       
  }
    @media (max-width: 767px) {
         .dropdown .dropdown-menu li .sub-menu {
               position: relative;
               width: 100%;
               top: 0;
               left: 0;
               display: none;
               opacity: 1;
               visibility: visible;
               -webkit-box-shadow: none;
               box-shadow: none;
               -webkit-transition: all 0s linear;
               transition: all 0s linear;
               padding-left: 15px;
           
      }
       
  }
    .dropdown .dropdown-menu li:hover > .sub-menu {
         opacity: 1;
         visibility: visible;
       
  }
    /*==================================================================                          07.Alert & Message css ==================================================================*/ /*===== All Alert Style =====*/ .alert {
         padding: 14px 16px;
         padding-right: 40px;
         margin-bottom: 0;
         font-size: 16px;
       
  }
    @media (max-width: 767px) {
         .alert {
               font-size: 14px;
               padding: 10px 12px;
               padding-right: 40px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .alert {
               font-size: 16px;
               padding: 14px 16px;
               padding-right: 40px;
           
      }
       
  }
    .alert.alert-dismissible .close {
         padding: 9px 14px;
         font-size: 24px;
       
  }
    @media (max-width: 767px) {
         .alert.alert-dismissible .close {
               font-size: 20px;
               padding: 6px 12px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .alert.alert-dismissible .close {
               font-size: 24px;
               padding: 9px 14px;
           
      }
       
  }
    .alert figure {
         margin-bottom: 0;
       
  }
    .alert figure i {
         font-size: 24px;
         line-height: 24px;
       
  }
    @media (max-width: 767px) {
         .alert figure i {
               font-size: 20px;
               line-height: 20px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .alert figure i {
               font-size: 24px;
               line-height: 24px;
           
      }
       
  }
    .alert figure figcaption {
         padding-left: 10px;
       
  }
    .alert figure figcaption p {
         margin-top: 8px;
       
  }
    @media (max-width: 767px) {
         .alert figure figcaption p {
               font-size: 14px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .alert figure figcaption p {
               font-size: 16px;
           
      }
       
  }
    /*=====  Alert Primary Style =====*/  /*=====  Alert Secondary 1 Style =====*/  /*=====  Alert Success Style =====*/  /*=====  Alert Info Style =====*/  /*=====  Alert Caution Style =====*/  /*=====  Alert Error Style =====*/   /*==================================================================                    19. Product css ==================================================================*/ /*===== All Product Style 1 =====*/ .product-style-1 .product-image {
         position: relative;
       
  }
    .product-style-1 .product-image .product-active .product-item img {
         width: 100%;
       
  }
    .product-style-1 .product-image .product-active .slick-arrow {
         position: absolute;
         top: 50%;
         -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
         bottom: auto;
         left: 4px;
         width: 32px;
         height: 32px;
         line-height: 32px;
         text-align: center;
         color: rgba(0, 0, 0, 0.38);
         font-size: 32px;
         z-index: 5;
         cursor: pointer;
       
  }
    .product-style-1 .product-image .product-active .slick-arrow:hover {
         color: #000;
       
  }
    .product-style-1 .product-image .product-active .slick-arrow.next {
         right: 4px;
         left: auto;
       
  }
    .product-style-1 .product-image .add-wishlist {
         width: 40px;
         height: 40px;
         line-height: 40px;
         text-align: center;
         font-size: 24px;
         color: black;
         position: absolute;
         top: 5px;
         right: 5px;
         z-index: 9;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    .product-style-1 .product-image .add-wishlist:hover {
         color: #542DED;
       
  }
    .product-style-1 .product-content {
         background-color: rgba(0, 0, 0, 0.64);
         margin: -50px 42px 0;
         position: relative;
         z-index: 5;
         padding: 30px 20px 35px;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-style-1 .product-content {
               margin: -50px 32px 0;
               padding: 20px 15px 25px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .product-style-1 .product-content {
               margin: -50px 32px 0;
               padding: 20px 15px 25px;
           
      }
       
  }
    @media (max-width: 767px) {
         .product-style-1 .product-content {
               margin: -50px 22px 0;
               padding: 20px 10px 25px;
           
      }
       
  }
    .product-style-1 .product-content .title a {
         font-weight: 500;
         font-size: 24px;
         line-height: 30px;
         color: #fff;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-style-1 .product-content .title a {
               font-size: 20px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .product-style-1 .product-content .title a {
               font-size: 20px;
           
      }
       
  }
    @media (max-width: 767px) {
         .product-style-1 .product-content .title a {
               font-size: 18px;
           
      }
       
  }
    .product-style-1 .product-content .title a:hover {
         color: #E14C7B;
       
  }
    .product-style-1 .product-content p {
         color: rgba(255, 255, 255, 0.74);
         font-size: 16px;
         line-height: 22px;
         font-weight: 400;
         margin-top: 8px;
       
  }
    .product-style-1 .product-content .main-btn {
         margin-top: 16px;
         font-weight: 700;
         letter-spacing: 0;
         text-transform: capitalize;
       
  }
    /*===== All Product Style 7 =====*/ .product-style-7 {
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
         background-color: #FAFAFA;
       
  }
    @media (max-width: 767px) {
         .product-style-7 {
               display: block;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .product-style-7 {
               display: -moz-flex;
               display: -ms-flex;
               display: -o-flex;
               display: -webkit-box;
               display: -ms-flexbox;
               display: flex;
           
      }
       
  }
    .product-style-7 .product-image {
         position: relative;
         max-width: 240px;
         width: 100%;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-style-7 .product-image {
               max-width: 200px;
           
      }
       
  }
    @media (max-width: 767px) {
         .product-style-7 .product-image {
               max-width: 100%;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .product-style-7 .product-image {
               max-width: 240px;
           
      }
       
  }
    .product-style-7 .product-image .product-active .product-item img {
         width: 100%;
       
  }
    .product-style-7 .product-image .product-active .slick-arrow {
         position: absolute;
         top: 50%;
         -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
         bottom: auto;
         left: 4px;
         width: 32px;
         height: 32px;
         line-height: 32px;
         text-align: center;
         color: rgba(0, 0, 0, 0.38);
         font-size: 32px;
         z-index: 5;
         cursor: pointer;
       
  }
    .product-style-7 .product-image .product-active .slick-arrow:hover {
         color: #000;
       
  }
    .product-style-7 .product-image .product-active .slick-arrow.next {
         right: 4px;
         left: auto;
       
  }
    .product-style-7 .product-content {
         position: relative;
         z-index: 5;
         padding: 20px 20px 25px;
         -moz-flex: 1;
         -ms-flex: 1;
         -webkit-box-flex: 1;
                 flex: 1;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-style-7 .product-content {
               padding: 20px 15px 25px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .product-style-7 .product-content {
               padding: 20px 15px 25px;
           
      }
       
  }
    @media (max-width: 767px) {
         .product-style-7 .product-content {
               padding: 20px 10px 25px;
           
      }
       
  }
    .product-style-7 .product-content .product-meta li {
         display: inline-block;
       
  }
    .product-style-7 .product-content .product-meta li + li {
         margin-left: 16px;
       
  }
    .product-style-7 .product-content .product-meta li a {
         color: #4C4C4C;
         font-weight: 500;
         font-size: 16px;
         line-height: 22px;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-style-7 .product-content .product-meta li a {
               font-size: 14px;
               line-height: 20px;
           
      }
       
  }
    .product-style-7 .product-content .product-meta li a:hover {
         color: #542DED;
       
  }
    .product-style-7 .product-content .product-meta li span {
         font-weight: 500;
         font-size: 16px;
         line-height: 22px;
         color: #4C4C4C;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-style-7 .product-content .product-meta li span {
               font-size: 14px;
               line-height: 20px;
           
      }
       
  }
    .product-style-7 .product-content .product-meta li span i {
         color: #FFBE27;
         font-size: 24px;
       
  }
    .product-style-7 .product-content .title a {
         font-weight: 500;
         font-size: 24px;
         line-height: 30px;
         color: #000;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
         margin-top: 8px;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-style-7 .product-content .title a {
               font-size: 20px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .product-style-7 .product-content .title a {
               font-size: 20px;
           
      }
       
  }
    @media (max-width: 767px) {
         .product-style-7 .product-content .title a {
               font-size: 18px;
           
      }
       
  }
    .product-style-7 .product-content .title a:hover {
         color: #542DED;
       
  }
    .product-style-7 .product-content p {
         color: rgba(0, 0, 0, 0.74);
         font-size: 16px;
         line-height: 22px;
         font-weight: 400;
         margin-top: 8px;
       
  }
    .product-style-7 .product-content .price {
         font-weight: 500;
         font-size: 24px;
         color: #E14C7B;
         line-height: 30px;
         margin-top: 8px;
         display: block;
       
  }
    .product-style-7 .product-content .main-btn {
         margin-top: 16px;
         font-weight: 700;
         letter-spacing: 0;
         text-transform: capitalize;
       
  }
    /*===== All Product Style 25 =====*/ .product-style-25 {
         background-color: #FAFAFA;
         position: relative;
       
  }
    @media (max-width: 767px) {
         .product-style-25 {
               display: block;
           
      }
       
  }
    .product-style-25 .product-image {
         position: relative;
       
  }
    .product-style-25 .product-image img {
         width: 100%;
       
  }
    .product-style-25 .product-content {
         position: absolute;
         width: 50%;
         bottom: 0;
         left: 0;
         z-index: 5;
         padding: 20px 20px 25px;
         background-color: rgba(255, 255, 255, 0.74);
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-style-25 .product-content {
               padding: 15px 15px 20px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .product-style-25 .product-content {
               padding: 15px 15px 20px;
               width: 70%;
           
      }
       
  }
    @media (max-width: 767px) {
         .product-style-25 .product-content {
               padding: 15px 10px 20px;
               width: 70%;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .product-style-25 .product-content {
               width: 50%;
               padding: 15px 20px 20px;
           
      }
       
  }
    .product-style-25 .product-content .title a {
         font-weight: 500;
         font-size: 24px;
         line-height: 30px;
         color: #000;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-style-25 .product-content .title a {
               line-height: 22px;
           
      }
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-style-25 .product-content .title a {
               font-size: 20px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .product-style-25 .product-content .title a {
               font-size: 20px;
           
      }
       
  }
    @media (max-width: 767px) {
         .product-style-25 .product-content .title a {
               font-size: 18px;
           
      }
       
  }
    .product-style-25 .product-content .title a:hover {
         color: #542DED;
       
  }
    .product-style-25 .product-content p {
         color: rgba(0, 0, 0, 0.74);
         font-size: 14px;
         line-height: 22px;
         font-weight: 400;
       
  }
    .product-style-25 .product-content .main-btn {
         margin-top: 16px;
         font-weight: 700;
         letter-spacing: 0;
         text-transform: capitalize;
       
  }
     /*==================================================================                          08. Form Elements css ==================================================================*/ /*===== All checkbox Style =====*/ .single-checkbox {
         margin-top: 16px;
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
       
  }
    .single-checkbox input[type=\"checkbox\"] {
         display: none;
       
  }
    .single-checkbox input[type=\"checkbox\"] + label span {
         width: 20px;
         height: 20px;
         border: 2px solid;
         border-radius: 4px;
         cursor: pointer;
         position: relative;
         display: inline-block;
         margin: 0 5px -3px 0;
       
  }
    .single-checkbox input[type=\"checkbox\"] + label span::before {
         position: absolute;
         content: '';
         font: normal normal normal 24px "Material Design Icons";
         font-size: inherit;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         -webkit-transition: all 0.4s linear;
         transition: all 0.4s linear;
         -webkit-transform: scale(0);
         transform: scale(0);
         font-size: 14px;
         line-height: 1.2;
       
  }
    .single-checkbox input[type=\"checkbox\"]:checked + label span::before {
         -webkit-transform: scale(1);
         transform: scale(1);
       
  }
    .single-checkbox label {
         font-size: 16px;
         margin-bottom: 0;
       
  }
    .single-checkbox p {
         display: inline-block;
         color: #000;
         padding-left: 5px;
       
  }
    /*===== checkbox Style 1 =====*/  /*===== checkbox Style 2 =====*/  /*===== checkbox Style 3 =====*/ .checkbox-style-3 input[type=\"checkbox\"] + label span {
         border-color: #542DED;
       
  }
    .checkbox-style-3 input[type=\"checkbox\"] + label span::before {
         content: \"\\F012C\";
         background-color: #542DED;
       
  }
    .checkbox-style-3 input[type=\"checkbox\"]:checked + label span::before {
         -webkit-transform: scale(1);
         transform: scale(1);
         color: #fff;
       
  }
    /*===== checkbox Style 4 =====*/  /*===== checkbox Style 5 =====*/  /*===== checkbox Style 6 =====*/  /*===== Switch Style 1 =====*/  /*===== All Radio Style =====*/  /*===== Radio Style 1 =====*/  /*===== Radio Style 2 =====*/  /*===== Radio Style 3 =====*/  /*===== Radio Style 4 =====*/  /*===== Select Style 1 =====*/  /*===== Select Style 2 =====*/ .select-style-2 {
         margin-top: 16px;
         position: relative;
       
  }
    .select-style-2 label {
         margin-bottom: 10px;
         font-size: 13px;
         margin-left: 18px;
         font-weight: 300;
         text-align: left !important;
       
  }
    .select-style-2 .select-items {
         position: relative;
       
  }
    .select-style-2 .select-items .nice-select {
         width: 100%;
         border: 1px solid transparent;
         height: 40px;
         line-height: 40px;
         background-color: #EFEFEF;
         padding-left: 40px;
         float: none;
       
  }
    .select-style-2 .select-items .nice-select:focus {
         border-color: #542DED;
       
  }
    .select-style-2 .select-items .nice-select::after {
         width: 8px;
         height: 8px;
         right: 20px;
         border-color: #000;
       
  }
    .select-style-2 .select-items .nice-select .current {
         font-size: 16px;
         color: #000;
         line-height: 38px;
       
  }
    .select-style-2 .select-items .nice-select .list {
         width: 100%;
       
  }
    .select-style-2 .select-items i {
         position: absolute;
         top: 1px;
         left: 10px;
         font-size: 24px;
         color: #000;
       
  }
    .select-style-2 .select-items.select .nice-select {
         padding: 0 15px;
       
  }
    /*===== Select Style 3 =====*/  /*===== Select Style 4 =====*/  /*===== form Style =====*/ .single-form {
         margin-top: 16px;
         position: relative;
       
  }
    .single-form label {
         margin-bottom: 10px;
         font-size: 13px;
         margin-left: 18px;
         font-weight: 300;
         text-align: left !important;
       
  }
    .single-form .form-input {
         position: relative;
       
  }
    @media (max-width: 767px) {
         .single-form .form-input + .form-input {
               margin-top: 16px;
           
      }
       
  }
    .single-form .form-input textarea,  .single-form .form-input input {
         width: 100%;
         height: 40px;
         padding: 0 15px;
         padding-left: 40px;
         border-radius: 4px;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
         border: 1px solid transparent;
       
  }
    .single-form .form-input textarea {
         padding-top: 7px;
         resize: none;
         height: 120px;
       
  }
    .single-form .form-input i {
         position: absolute;
         top: 1px;
         left: 10px;
         font-size: 24px;
       
  }
    .single-form .form-input img {
         position: absolute;
         top: 50%;
         right: 10px;
         -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
       
  }
    .single-form .form-input .form-error {
         font-size: 13px;
         margin-top: 5px;
       
  }
    .single-form .form-input.form textarea,  .single-form .form-input.form input {
         padding: 0 15px;
       
  }
    /*===== Form Default Style =====*/  .form-default label {
         color: #4C4C4C;
       
  }
    .form-default .form-input textarea,  .form-default .form-input input {
         color: #4C4C4C;
         background-color: #EFEFEF;
       
  }
    .form-default .form-input textarea:focus,  .form-default .form-input input:focus {
         border-color: #542DED;
       
  }
    .form-default .form-input i {
         color: #7D7D7D;
       
  }
    .form-default .form-input .form-error {
         color: #7D7D7D;
       
  }
    /*===== Form White Style =====*/  /*===== Form Primary Style =====*/  /*===== Form Secondary Style =====*/  /*===== Form Success Style =====*/  /*===== Form Info Style =====*/  /*===== Form Caution Style =====*/  /*===== Form Error Style =====*/  .form-error label {
         color: #FF4B22;
       
  }
    .form-error .form-input textarea,  .form-error .form-input input {
         color: #FF4B22;
         background-color: #FBE8E7;
       
  }
    .form-error .form-input textarea:focus,  .form-error .form-input input:focus {
         border-color: #FF4B22;
       
  }
    .form-error .form-input i {
         color: #FF4B22;
       
  }
    .form-error .form-input .form-error {
         color: #FF4B22;
       
  }
    /*==================================================================                            09. Search css ==================================================================*/ /*=====  Search Style 05 =====*/ .search-style-5 {
         position: relative;
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
       
  }
    .search-style-5 .search-select .nice-select {
         float: none;
         border: 1px solid #D1D1D1;
         background-color: #fff;
         height: 40px;
         line-height: 40px;
         border-right: 0;
         border-radius: 0;
         border-top-left-radius: 4px;
         border-bottom-left-radius: 4px;
         padding: 0 10px;
         padding-right: 28px;
       
  }
    .search-style-5 .search-select .nice-select:focus {
         border-color: #542DED;
       
  }
    .search-style-5 .search-select .nice-select::after {
         width: 8px;
         height: 8px;
         border-color: #542DED;
       
  }
    .search-style-5 .search-select .nice-select .current {
         line-height: 40px;
         font-weight: 500;
         color: #4C4C4C;
       
  }
    .search-style-5 .search-select .nice-select .list {
         -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.25);
         box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.25);
       
  }
    .search-style-5 .search-input {
         width: 100%;
       
  }
    .search-style-5 .search-input input {
         width: 100%;
         height: 40px;
         border: 1px solid #D1D1D1;
         background-color: #fff;
         color: #000;
         border-radius: 0;
         padding: 0 15px;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    .search-style-5 .search-input input:focus {
         border-color: #542DED;
       
  }
    .search-style-5 .search-btn button {
         background-color: #542DED;
         color: #fff;
         width: 40px;
         height: 40px;
         padding: 0;
         font-size: 20px;
         border: 0;
         border-radius: 4px;
         margin-left: -2px;
       
  }
    /*================================================================== /*==================================================================                            10. Breadcrumbs css ==================================================================*/ /*=====  Breadcrumbs Style =====*/ .breadcrumbs-style {
         border-radius: 8px;
         padding: 1px 32px 16px;
         /*=====  Breadcrumbs Style 01 =====*/   /*=====  Breadcrumbs Style 02 =====*/ 
  }
    @media (max-width: 767px) {
         .breadcrumbs-style {
               padding: 1px 16px 16px;
           
      }
       
  }
    .breadcrumbs-style .breadcrumb-left {
         padding-top: 15px;
       
  }
    .breadcrumbs-style .breadcrumb-left .breadcrumb {
         margin-bottom: 0;
         padding: 0;
         border-radius: 0;
         background-color: transparent;
       
  }
    @media (max-width: 767px) {
         .breadcrumbs-style .breadcrumb-left .breadcrumb {
               -ms-flex-pack: center;
               -webkit-box-pack: center;
               justify-content: center;
           
      }
       
  }
    .breadcrumbs-style .breadcrumb-left .breadcrumb .breadcrumb-item {
         position: relative;
         line-height: 40px;
         font-weight: 500;
         font-size: 16px;
       
  }
    @media (max-width: 767px) {
         .breadcrumbs-style .breadcrumb-left .breadcrumb .breadcrumb-item {
               font-size: 14px;
           
      }
       
  }
    .breadcrumbs-style .breadcrumb-left .breadcrumb .breadcrumb-item + .breadcrumb-item {
         padding-left: 60px;
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .breadcrumbs-style .breadcrumb-left .breadcrumb .breadcrumb-item + .breadcrumb-item {
               padding-left: 30px;
           
      }
       
  }
    @media (max-width: 767px) {
         .breadcrumbs-style .breadcrumb-left .breadcrumb .breadcrumb-item + .breadcrumb-item {
               padding-left: 16px;
           
      }
       
  }
    .breadcrumbs-style .breadcrumb-left .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
      content: ">";
 
  font-size: 14px; /* Adjust the size as needed */
  position: absolute;
  line-height: 40px;
  left: 20px;
  padding-right: 8px; /* Adjust the padding as needed to separate the icon from the text */
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .breadcrumbs-style .breadcrumb-left .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
               left: 2px;
           
      }
       
  }
    @media (max-width: 767px) {
         .breadcrumbs-style .breadcrumb-left .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
               left: -1px;
               font-size: 18px;
           
      }
       
  }
    .breadcrumbs-style .breadcrumb-left .breadcrumb .breadcrumb-item a {
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    .breadcrumbs-style .breadcrumb-right {
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         padding-top: 15px;
       
  }
    @media (max-width: 767px) {
         .breadcrumbs-style .breadcrumb-right {
               -ms-flex-pack: center;
               -webkit-box-pack: center;
               justify-content: center;
           
      }
       
  }
    .breadcrumbs-style .breadcrumb-right .nice-select {
         float: none;
         border: 0;
         background-color: transparent;
         height: 40px;
         line-height: 40px;
         border-radius: 0;
         border-top-left-radius: 4px;
         border-bottom-left-radius: 4px;
       
  }
    .breadcrumbs-style .breadcrumb-right .nice-select::after {
         width: 8px;
         height: 8px;
       
  }
    .breadcrumbs-style .breadcrumb-right .nice-select .current {
         line-height: 40px;
         font-weight: 500;
       
  }
    .breadcrumbs-style .breadcrumb-right .nice-select .list {
         -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.25);
         box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.25);
       
  }
    .breadcrumbs-style .breadcrumb-right .breadcrumb-list-grid {
         padding-left: 10px;
       
  }
    @media (max-width: 767px) {
         .breadcrumbs-style .breadcrumb-right .breadcrumb-list-grid {
               padding-left: 0;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .breadcrumbs-style .breadcrumb-right .breadcrumb-list-grid {
               padding-left: 0;
           
      }
       
  }
    .breadcrumbs-style .breadcrumb-right .breadcrumb-list-grid li {
         display: inline-block;
         margin-left: 15px;
       
  }
    @media (max-width: 767px) {
         .breadcrumbs-style .breadcrumb-right .breadcrumb-list-grid li {
               margin-left: 10px;
           
      }
       
  }
    .breadcrumbs-style .breadcrumb-right .breadcrumb-list-grid li a {
         font-size: 24px;
       
  }
    .breadcrumbs-style.breadcrumbs-style-1 {
         background-color: #FAFAFA;
       
  }
    .breadcrumbs-style.breadcrumbs-style-1 .breadcrumb-left .breadcrumb .breadcrumb-item {
         color: #542DED;
       
  }
    .breadcrumbs-style.breadcrumbs-style-1 .breadcrumb-left .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
         color: #542DED;
       
  }
    .breadcrumbs-style.breadcrumbs-style-1 .breadcrumb-left .breadcrumb .breadcrumb-item a {
         color: #7D7D7D;
       
  }
    .breadcrumbs-style.breadcrumbs-style-1 .breadcrumb-left .breadcrumb .breadcrumb-item a:hover {
         color: #542DED;
       
  }
    .breadcrumbs-style.breadcrumbs-style-1 .breadcrumb-right .nice-select::after {
         border-color: #542DED;
       
  }
    .breadcrumbs-style.breadcrumbs-style-1 .breadcrumb-right .nice-select .current {
         color: #4C4C4C;
       
  }
    .breadcrumbs-style.breadcrumbs-style-1 .breadcrumb-right .breadcrumb-list-grid li a {
         color: #7D7D7D;
       
  }
    .breadcrumbs-style.breadcrumbs-style-1 .breadcrumb-right .breadcrumb-list-grid li a.active {
         color: #542DED;
       
  }
    /*==================================================================                            12. Navbar css ==================================================================*/ /*=====  Navbar Style 7 =====*/ .navbar-style-7 {
         -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.08);
         box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.08);
         background-color: #fff;
       
  }
    .navbar-style-7 .navbar-mobile {
         padding: 15px 0;
       
  }
   .mobile-logo {
         display: none;
       
  }
    .navbar-style-7 .desktop-logo {
         margin-right: 10px;
         
  }
   .desktop-logo img {
            height: 3rem;
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container {
               position: fixed;
               top: 0;
               left: -290px;
               width: 280px;
               height: 100%;
               background-color: #fff;
               padding: 50px 0px 15px;
               z-index: 999;
               overflow-y: auto;
               -webkit-transition: all 0.3s linear;
               transition: all 0.3s linear;
               -webkit-transition-delay: 0s;
               transition-delay: 0s;
           
      }
          
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container {
               position: fixed;
               top: 0;
               left: -290px;
               width: 280px;
               height: 100%;
               background-color: #fff;
               padding: 50px 0px 15px;
               z-index: 999;
               overflow-y: auto;
               -webkit-transition: all 0.3s linear;
               transition: all 0.3s linear;
               -webkit-transition-delay: 0s;
               transition-delay: 0s;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container.open {
               left: 0;
               -webkit-transition-delay: 0.3s;
               transition-delay: 0.3s;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container.open {
               left: 0;
               -webkit-transition-delay: 0.3s;
               transition-delay: 0.3s;
           
      }
       
  }
    .navbar-style-7 .navbar-container .navbar-close {
         position: absolute;
         top: 5px;
         right: 15px;
       
  }
    .navbar-style-7 .navbar-container .navbar-close a {
         font-size: 24px;
         color: #000;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    .navbar-style-7 .navbar-container .navbar-close a:hover {
         color: #542DED;
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu {
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu {
               display: block;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu {
               display: block;
           
      }
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li {
         padding: 17px 0;
         position: relative;
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li {
               padding: 0;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li {
               padding: 0;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li.position-static {
               position: relative !important;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li.position-static {
               position: relative !important;
           
      }
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li a {
         padding: 0 16px;
         line-height: 36px;
         color: #4C4C4C;
         font-size: 16px;
         text-transform: uppercase;
         font-weight: 500;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
         border-radius: 4px;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li a {
               padding: 0 12px;
               font-size: 14px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li a {
               display: block;
               padding: 0;
               border-bottom: 1px solid #D1D1D1;
               line-height: 36px;
               text-transform: capitalize;
               font-size: 16px;
               font-weight: 400;
               border-radius: 0;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li a {
               display: block;
               padding: 0;
               border-bottom: 1px solid #D1D1D1;
               line-height: 36px;
               text-transform: capitalize;
               font-size: 16px;
               font-weight: 400;
               border-radius: 0;
           
      }
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .menu-expand {
         position: absolute;
         width: 21px;
         height: 21px;
         top: 8px;
         right: 0;
         cursor: pointer;
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .menu-expand::before {
         position: absolute;
         content: '';
         top: 50%;
         -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
         left: 0;
         width: 100%;
         height: 2px;
         background-color: #000;
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .menu-expand::after {
         position: absolute;
         content: '';
         top: 0;
         left: 50%;
         -webkit-transform: translateX(-50%);
         transform: translateX(-50%);
         width: 2px;
         height: 100%;
         background-color: #000;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li.active > .menu-expand::after {
         height: 0;
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li:hover > a {
         background-color: #542DED;
         color: #fff;
         -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li:hover > a {
               background-color: #fff;
               color: #4C4C4C;
               -webkit-box-shadow: none;
               box-shadow: none;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li:hover > a {
               background-color: #fff;
               color: #4C4C4C;
               -webkit-box-shadow: none;
               box-shadow: none;
           
      }
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu {
         position: absolute;
         top: 125%;
         left: 0;
         z-index: 99;
         min-width: inherit;
         width: 256px;
         -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         border: 0;
         border-radius: 4px;
         padding: 0;
         margin-top: 0;
         background-color: #fff;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
         opacity: 0;
         visibility: hidden;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu {
               width: 226px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu {
               position: relative;
               top: 0;
               width: 100%;
               opacity: 1;
               visibility: visible;
               -webkit-box-shadow: none;
               box-shadow: none;
               padding: 0;
               padding-left: 15px;
               -webkit-transition: all 0s linear;
               transition: all 0s linear;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu {
               position: relative;
               top: 0;
               width: 100%;
               opacity: 1;
               visibility: visible;
               -webkit-box-shadow: none;
               box-shadow: none;
               padding: 0;
               padding-left: 15px;
               -webkit-transition: all 0s linear;
               transition: all 0s linear;
           
      }
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu li {
         position: relative;
         padding: 0;
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu li > a {
         padding: 0 16px;
         line-height: 46px;
         font-weight: 500;
         font-size: 16px;
         border-radius: 0;
         display: block;
         -webkit-transition: all 0.4s linear;
         transition: all 0.4s linear;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu li > a {
               font-size: 14px;
               line-height: 40px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu li > a {
               display: block;
               font-size: 14px;
               padding: 0;
               border-radius: 0;
               font-weight: 400;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu li > a {
               display: block;
               font-size: 14px;
               padding: 0;
               border-radius: 0;
               font-weight: 400;
           
      }
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu li > a i {
         float: right;
         font-size: 24px;
         line-height: 42px;
         -webkit-transition: all 0.4s linear;
         transition: all 0.4s linear;
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu li > a i {
               display: none;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu li > a i {
               display: none;
           
      }
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu li:first-child > a {
         border-top-left-radius: 4px;
         border-top-right-radius: 4px;
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu li:last-child > a {
         border-bottom-left-radius: 4px;
         border-bottom-right-radius: 4px;
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu li .sub-menu {
         position: absolute;
         top: 25%;
         left: 100%;
         width: 256px;
         -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         border: 0;
         border-radius: 4px;
         opacity: 0;
         visibility: hidden;
         -webkit-transition: all 0.4s linear;
         transition: all 0.4s linear;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu li .sub-menu {
               width: 226px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu li .sub-menu {
               position: relative;
               width: 100%;
               top: 0;
               left: 0;
               opacity: 1;
               visibility: visible;
               -webkit-box-shadow: none;
               box-shadow: none;
               -webkit-transition: all 0s linear;
               transition: all 0s linear;
               padding-left: 15px;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu li .sub-menu {
               position: relative;
               width: 100%;
               top: 0;
               left: 0;
               opacity: 1;
               visibility: visible;
               -webkit-box-shadow: none;
               box-shadow: none;
               -webkit-transition: all 0s linear;
               transition: all 0s linear;
               padding-left: 15px;
           
      }
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-menu li:hover > .sub-menu {
         top: 0;
         opacity: 1;
         visibility: visible;
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li:last-child .sub-menu li .sub-menu li .sub-menu {
         left: auto;
         right: 100%;
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li:last-child .sub-menu li .sub-menu li .sub-menu {
               left: 0;
               right: auto;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li:last-child .sub-menu li .sub-menu li .sub-menu {
               left: 0;
               right: auto;
           
      }
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li:hover .sub-menu {
         opacity: 1;
         visibility: visible;
         top: 100%;
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li:hover .sub-menu {
               top: 0;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li:hover .sub-menu {
               top: 0;
           
      }
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown {
         position: absolute;
         top: 125%;
         left: 0;
         z-index: 999;
         min-width: inherit;
         width: 100%;
         -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         border: 0;
         border-radius: 4px;
         padding: 0;
         margin-top: 0;
         background-color: #fff;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
         padding: 40px 0 40px;
         opacity: 0;
         visibility: hidden;
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown {
               position: relative;
               top: 0;
               width: 100%;
               opacity: 1;
               visibility: visible;
               -webkit-box-shadow: none;
               box-shadow: none;
               padding: 0;
               padding-left: 15px;
               -webkit-transition: all 0s linear;
               transition: all 0s linear;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown {
               position: relative;
               top: 0;
               width: 100%;
               opacity: 1;
               visibility: visible;
               -webkit-box-shadow: none;
               box-shadow: none;
               padding: 0;
               padding-left: 15px;
               -webkit-transition: all 0s linear;
               transition: all 0s linear;
           
      }
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown {
         padding: 0 !important;
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list {
         width: 25%;
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list {
               width: 100%;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list {
               width: 100%;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list .mega-title {
               line-height: 36px;
               border-bottom: 1px solid #D1D1D1;
               cursor: pointer;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list .mega-title {
               line-height: 36px;
               border-bottom: 1px solid #D1D1D1;
               cursor: pointer;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list ul {
               padding-left: 15px;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list ul {
               padding-left: 15px;
           
      }
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list ul li {
         padding: 0;
         margin-top: 16px;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list ul li {
               margin-top: 8px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list ul li {
               margin-top: 0;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list ul li {
               margin-top: 0;
           
      }
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list ul li a {
         font-size: 16px;
         line-height: 22px;
         padding: 0;
         text-transform: capitalize;
         font-weight: 400;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list ul li a {
               font-size: 14px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list ul li a {
               padding: 0;
               line-height: 36px;
               font-size: 14px;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list ul li a {
               padding: 0;
               line-height: 36px;
               font-size: 14px;
           
      }
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li .sub-mega-dropdown .mega-dropdown .mega-dropdown-list ul li:hover > a {
         background-color: transparent;
         color: #542DED;
         -webkit-box-shadow: none;
         box-shadow: none;
         padding-left: 5px;
       
  }
    .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li:hover .sub-mega-dropdown {
         top: 100%;
         opacity: 1;
         visibility: visible;
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li:hover .sub-mega-dropdown {
               top: 0;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-container .main-navbar .navbar-menu .main-menu li:hover .sub-mega-dropdown {
               top: 0;
           
      }
       
  }
    .navbar-style-7 .navbar-cart {
         padding-left: 15px;
         position: relative;
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .navbar-style-7 .navbar-cart {
               float: right;
               display: block;
           
      }
       
  }
    @media (max-width: 767px) {
         .navbar-style-7 .navbar-cart {
               float: right;
               display: block;
           
      }
       
  }
    .navbar-style-7 .navbar-cart .icon-btn {
         border-radius: 4px;
       
  }
    .navbar-style-7 .navbar-cart .icon-btn::before {
         display: none;
       
  }
    .navbar-style-7 .navbar-toggle {
         padding-left: 0;
       
  }
    .navbar-style-7 .navbar-toggle .icon-btn {
         border-radius: 4px;
       
  }
    .navbar-style-7 .navbar-toggle .icon-btn::before {
         display: none;
       
  }
    .overlay-7 {
         position: fixed;
         top: 0;
         left: 0;
         width: 0;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.7);
         z-index: 99;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
         -webkit-transition-delay: 0.3s;
         transition-delay: 0.3s;
       
  }
    .overlay-7.open {
         width: 100%;
         -webkit-transition-delay: 0s;
         transition-delay: 0s;
       
  }
    /*=====  Navbar Dark 1 =====*/  .overlay-dark-7 {
         position: fixed;
         top: 0;
         left: 0;
         width: 0;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.7);
         z-index: 99;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
         -webkit-transition-delay: 0.3s;
         transition-delay: 0.3s;
       
  }
    .overlay-dark-7.open {
         width: 100%;
         -webkit-transition-delay: 0s;
         transition-delay: 0s;
       
  }
       /*==================================================================                 20. Product Details css ==================================================================*/ /*===== Product Details Style 1 =====*/ .product-details-wrapper {
         background-color: #FAFAFA;
       
  }
    .product-details-style-1 .product-details-content .sub-title {
         font-size: 24px;
         line-height: 30px;
         color: rgba(0, 0, 0, 0.64);
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-details-style-1 .product-details-content .sub-title {
               font-size: 20px;
           
      }
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-content .sub-title {
               font-size: 18px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .product-details-style-1 .product-details-content .sub-title {
               font-size: 20px;
           
      }
       
  }
    .product-details-style-1 .product-details-content .title {
         font-weight: 500;
         font-size: 52px;
         line-height: 65px;
         color: #000;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-details-style-1 .product-details-content .title {
               font-size: 38px;
               line-height: 36px;
           
      }
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-content .title {
               font-size: 32px;
               line-height: 36px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .product-details-style-1 .product-details-content .title {
               font-size: 38px;
               line-height: 45px;
           
      }
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper {
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         margin-left: -10px;
         margin-right: -10px;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-title {
         font-size: 16px;
         line-height: 22px;
         font-weight: 400;
         color: #000;
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-content .product-select-wrapper .select-title {
               font-size: 14px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .product-details-style-1 .product-details-content .product-select-wrapper .select-title {
               font-size: 16px;
           
      }
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-title span {
         font-weight: 500;
         margin-left: 5px;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item {
         padding-top: 20px;
         padding-left: 10px;
         padding-right: 10x;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .color-select {
         padding-top: 8px;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .color-select li {
         display: inline-block;
         width: 40px;
         height: 40px;
         border-radius: 50%;
         border: 1px solid #fff;
         cursor: pointer;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .color-select li + li {
         margin-left: 8px;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-details-style-1 .product-details-content .product-select-wrapper .select-item .color-select li {
               width: 30px;
               height: 30px;
           
      }
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-content .product-select-wrapper .select-item .color-select li {
               width: 25px;
               height: 25px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .product-details-style-1 .product-details-content .product-select-wrapper .select-item .color-select li {
               width: 30px;
               height: 30px;
           
      }
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .color-select li.active {
         border-color: #542DED;
         -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .size-select {
         margin-top: 8px;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .size-select .nice-select {
         border: 1px solid #EFEFEF;
         background-color: transparent;
         width: 160px;
         float: none;
         height: 40px;
         line-height: 38px;
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-content .product-select-wrapper .select-item .size-select .nice-select {
               width: 120px;
               height: 30px;
               line-height: 28px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .product-details-style-1 .product-details-content .product-select-wrapper .select-item .size-select .nice-select {
               width: 120px;
               height: 35px;
               line-height: 33px;
           
      }
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .size-select .nice-select:focus {
         border-color: #542DED;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .size-select .nice-select::after {
         border-color: #542DED;
         width: 8px;
         height: 8px;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .size-select .nice-select .current {
         color: #000;
         font-weight: 500;
         font-size: 16px;
         line-height: 22px;
         line-height: 38px;
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-content .product-select-wrapper .select-item .size-select .nice-select .current {
               font-size: 14px;
               line-height: 28px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .product-details-style-1 .product-details-content .product-select-wrapper .select-item .size-select .nice-select .current {
               font-size: 16px;
               line-height: 33px;
           
      }
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .size-select .nice-select .list {
         width: 100%;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .size-select .nice-select .list .option {
         background-color: #FAFAFA;
         color: #000;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .size-select .nice-select .list .option.selected {
         background-color: #EFEFEF;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .size-select .nice-select .list .option:hover {
         background-color: #EFEFEF !important;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .size-select .nice-select .list:hover .option:not(:hover) {
         background-color: #FAFAFA !important;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .country-select {
         margin-top: 8px;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .country-select .nice-select {
         border: 1px solid #EFEFEF;
         background-color: transparent;
         width: 350px;
         float: none;
         height: 40px;
         line-height: 38px;
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-content .product-select-wrapper .select-item .country-select .nice-select {
               width: 280px;
               height: 30px;
               line-height: 28px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .product-details-style-1 .product-details-content .product-select-wrapper .select-item .country-select .nice-select {
               width: 280px;
               height: 35px;
               line-height: 33px;
           
      }
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .country-select .nice-select:focus {
         border-color: #542DED;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .country-select .nice-select::after {
         border-color: #542DED;
         width: 8px;
         height: 8px;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .country-select .nice-select .current {
         color: #000;
         font-weight: 500;
         font-size: 16px;
         line-height: 38px;
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-content .product-select-wrapper .select-item .country-select .nice-select .current {
               line-height: 28px;
               font-size: 14px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .product-details-style-1 .product-details-content .product-select-wrapper .select-item .country-select .nice-select .current {
               line-height: 33px;
               font-size: 16px;
           
      }
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .country-select .nice-select .list {
         width: 100%;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .country-select .nice-select .list .option {
         background-color: #FAFAFA;
         color: #000;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .country-select .nice-select .list .option.selected {
         background-color: #EFEFEF;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .country-select .nice-select .list .option:hover {
         background-color: #EFEFEF !important;
       
  }
    .product-details-style-1 .product-details-content .product-select-wrapper .select-item .country-select .nice-select .list:hover .option:not(:hover) {
         background-color: #FAFAFA !important;
       
  }
    .product-details-style-1 .product-details-content .product-price {
         padding-top: 24px;
       
  }
    .product-details-style-1 .product-details-content .product-price .price-title {
         font-size: 16px;
         line-height: 22px;
         color: #000;
         font-weight: 400;
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-content .product-price .price-title {
               font-size: 14px;
           
      }
       
  }
    .product-details-style-1 .product-details-content .product-price .sale-price {
         font-weight: 700;
         font-size: 36px;
         line-height: 45px;
         color: #000;
         margin-top: 8px;
         display: inline-block;
         margin-right: 16px;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-details-style-1 .product-details-content .product-price .sale-price {
               font-size: 30px;
               line-height: 40px;
           
      }
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-content .product-price .sale-price {
               font-size: 28px;
               line-height: 38px;
           
      }
       
  }
    .product-details-style-1 .product-details-content .product-price .regular-price {
         font-weight: 700;
         font-size: 28px;
         line-height: 38px;
         color: #7D7D7D;
         margin-top: 8px;
         text-decoration: line-through;
         text-decoration-thickness: 3px;
         display: inline-block;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-details-style-1 .product-details-content .product-price .regular-price {
               font-size: 24px;
               line-height: 30px;
           
      }
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-content .product-price .regular-price {
               font-size: 20px;
               line-height: 34px;
           
      }
       
  }
    .product-details-style-1 .product-details-content .product-btn {
         padding-top: 24px;
       
  }
    .product-details-style-1 .product-details-content .product-btn .main-btn {
         margin-top: 8px;
         margin-right: 6px;
       
  }
    .product-details-style-1 .product-details-image {
         position: relative;
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
       
  }
    .product-details-style-1 .product-details-image .product-image {
         width: 85%;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-details-style-1 .product-details-image .product-image {
               width: 83%;
           
      }
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-image .product-image {
               width: 83%;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .product-details-style-1 .product-details-image .product-image {
               width: 85%;
           
      }
       
  }
    .product-details-style-1 .product-details-image .product-image .single-image img {
         width: 100%;
       
  }
    .product-details-style-1 .product-details-image .product-thumb-image {
         width: 15%;
         text-align: center;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .product-details-style-1 .product-details-image .product-thumb-image {
               width: 17%;
           
      }
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-image .product-thumb-image {
               width: 17%;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .product-details-style-1 .product-details-image .product-thumb-image {
               width: 15%;
           
      }
       
  }
    .product-details-style-1 .product-details-image .product-thumb-image .single-thumb {
         cursor: pointer;
         border-radius: 4px;
         margin: 5px 10px;
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-image .product-thumb-image .single-thumb {
               margin: 3px;
           
      }
       
  }
    .product-details-style-1 .product-details-image .product-thumb-image .single-thumb img {
         width: 60px;
         border-radius: 4px;
         opacity: 0.74;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-image .product-thumb-image .single-thumb img {
               width: 40px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .product-details-style-1 .product-details-image .product-thumb-image .single-thumb img {
               width: 60px;
           
      }
       
  }
    .product-details-style-1 .product-details-image .product-thumb-image .single-thumb.slick-current img {
         -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
         opacity: 1;
       
  }
    .product-details-style-1 .product-details-image .product-thumb-image .slick-arrow {
         font-size: 32px;
         color: #7D7D7D;
         cursor: pointer;
       
  }
    @media (max-width: 767px) {
         .product-details-style-1 .product-details-image .product-thumb-image .slick-arrow {
               font-size: 24px;
               line-height: 20px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .product-details-style-1 .product-details-image .product-thumb-image .slick-arrow {
               font-size: 32px;
           
      }
       
  }
    /*==================================================================                 22. Content Card css ==================================================================*/ /*===== All Content Card Style 1 =====*/ .content-card-style-1 {
         padding-top: 200px;
         padding-bottom: 200px;
         background-color: #eee;
         position: relative;
       
  }
    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
         .content-card-style-1 {
               padding-top: 150px;
               padding-bottom: 150px;
           
      }
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .content-card-style-1 {
               padding-top: 130px;
               padding-bottom: 130px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .content-card-style-1 {
               padding-top: 100px;
               padding-bottom: 100px;
           
      }
       
  }
    @media (max-width: 767px) {
         .content-card-style-1 {
               padding-top: 80px;
               padding-bottom: 80px;
           
      }
       
  }
    .content-card-style-1 .content-card-image-2 {
         position: absolute;
         top: 0;
         left: 0;
         width: 50%;
         height: 100%;
         background-size: contain;
       
  }
    @media (max-width: 767px) {
         .content-card-style-1 .content-card-image-2 {
               position: relative;
               width: 100%;
               height: 400px;
           
      }
       
  }
    .content-card-style-1 .content-card-content .sub-title {
         font-weight: 700;
         font-size: 24px;
         line-height: 30px;
         color: black;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .content-card-style-1 .content-card-content .sub-title {
               font-size: 20px;
               line-height: 26px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .content-card-style-1 .content-card-content .sub-title {
               font-size: 18px;
               line-height: 24px;
           
      }
       
  }
    @media (max-width: 767px) {
         .content-card-style-1 .content-card-content .sub-title {
               font-size: 16px;
               line-height: 22px;
           
      }
       
  }
    .content-card-style-1 .content-card-content .main-title {
         font-weight: 500;
         font-size: 52px;
         line-height: 65px;
         color: #000;
         margin-top: 16px;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .content-card-style-1 .content-card-content .main-title {
               font-size: 40px;
               line-height: 55px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .content-card-style-1 .content-card-content .main-title {
               font-size: 30px;
               line-height: 40px;
           
      }
       
  }
    @media (max-width: 767px) {
         .content-card-style-1 .content-card-content .main-title {
               font-size: 28px;
               line-height: 28px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .content-card-style-1 .content-card-content .main-title {
               font-size: 36px;
               line-height: 42px;
           
      }
       
  }
    .content-card-style-1 .content-card-content p {
         font-size: 24px;
         line-height: 30px;
         color: black;
         font-weight: 400;
         margin-top: 24px;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .content-card-style-1 .content-card-content p {
               font-size: 20px;
               line-height: 26px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .content-card-style-1 .content-card-content p {
               font-size: 16px;
               line-height: 22px;
           
      }
       
  }
    @media (max-width: 767px) {
         .content-card-style-1 .content-card-content p {
               font-size: 14px;
               line-height: 20px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .content-card-style-1 .content-card-content p {
               font-size: 16px;
               line-height: 22px;
           
      }
       
  }
    /*===== All Content Card Style 4 =====*/ .content-card-style-4 {
         background-color: #FAFAFA;
       
  }
    .content-card-style-4 .single-content .content-icon i {
         font-size: 72px;
         line-height: 72px;
         color: #393D8E;
       
  }
    .content-card-style-4 .single-content .content-content .title a {
         font-weight: 500;
         font-size: 24px;
         line-height: 30px;
         color: #000;
       
  }
    @media (max-width: 767px) {
         .content-card-style-4 .single-content .content-content .title a {
               font-size: 20px;
           
      }
       
  }
    .content-card-style-4 .single-content .content-content p {
         font-weight: 300;
         font-size: 16px;
         line-height: 22px;
         color: #000;
         margin-top: 16px;
       
  }
    .content-card-style-4 .single-content .content-content .more {
         color: #542DED;
         text-transform: uppercase;
         margin-top: 32px;
         font-weight: 500;
         font-size: 16px;
         line-height: 24px;
       
  }
    /*==================================================================                 22. Header css ==================================================================*/ /*===== All Header Style 1 =====*/ .header-style-1 {
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: nowrap;
         flex-wrap: nowrap;
       
  }
    @media (max-width: 767px) {
         .header-style-1 {
               display: block;
           
      }
       
  }
    .header-style-1 .header-big {
         width: 66.67%;
       
  }
    @media (max-width: 767px) {
         .header-style-1 .header-big {
               width: 100%;
           
      }
       
  }
    .header-style-1 .header-big .single-header-item {
         position: relative;
         height: 760px;
       
  }
    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
         .header-style-1 .header-big .single-header-item {
               height: 660px;
           
      }
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .header-style-1 .header-big .single-header-item {
               height: 660px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .header-style-1 .header-big .single-header-item {
               height: 600px;
           
      }
       
  }
    @media (max-width: 767px) {
         .header-style-1 .header-big .single-header-item {
               height: 460px;
           
      }
       
  }
    .header-style-1 .header-big .single-header-item .header-item-content {
         position: absolute;
         bottom: 0;
         left: 0;
         width: 70%;
         padding: 40px;
         background-color: rgba(255, 255, 255, 0.74);
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .header-style-1 .header-big .single-header-item .header-item-content {
               padding: 25px;
           
      }
       
  }
    @media (max-width: 767px) {
         .header-style-1 .header-big .single-header-item .header-item-content {
               padding: 15px;
               width: 80%;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .header-style-1 .header-big .single-header-item .header-item-content {
               width: 70%;
           
      }
       
  }
    .header-style-1 .header-big .single-header-item .header-item-content .title {
         font-weight: 300;
         font-size: 44px;
         line-height: 55px;
         color: #000;
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .header-style-1 .header-big .single-header-item .header-item-content .title {
               font-size: 30px;
               line-height: 42px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .header-style-1 .header-big .single-header-item .header-item-content .title {
               font-size: 28px;
               line-height: 38px;
           
      }
       
  }
    @media (max-width: 767px) {
         .header-style-1 .header-big .single-header-item .header-item-content .title {
               font-size: 18px;
               line-height: 28px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .header-style-1 .header-big .single-header-item .header-item-content .title {
               font-size: 28px;
               line-height: 38px;
           
      }
       
  }
    .header-style-1 .header-big .single-header-item .header-item-content .link {
         font-weight: 700;
         font-size: 16px;
         line-height: 24px;
         color: #542DED;
         margin-top: 24px;
       
  }
    @media (max-width: 767px) {
         .header-style-1 .header-big .single-header-item .header-item-content .link {
               font-size: 14px;
           
      }
       
  }
    .header-style-1 .header-big .header-items-active .slick-dots {
         position: absolute;
         top: 50%;
         right: 30px;
         -webkit-transform: translateY(-50%);
         transform: translateY(-50%);
         z-index: 9;
       
  }
    .header-style-1 .header-big .header-items-active .slick-dots li button {
         background: rgba(0, 0, 0, 0.38);
         width: 8px;
         height: 8px;
         border-radius: 50%;
         font-size: 0;
         border: 0;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    .header-style-1 .header-big .header-items-active .slick-dots li.slick-active button {
         background-color: #542DED;
         -webkit-transform: scale(2);
         transform: scale(2);
       
  }
    .header-style-1 .header-min {
         width: 33.33%;
       
  }
    @media (max-width: 767px) {
         .header-style-1 .header-min {
               width: 100%;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .header-style-1 .header-min {
               display: -moz-flex;
               display: -ms-flex;
               display: -o-flex;
               display: -webkit-box;
               display: -ms-flexbox;
               display: flex;
               -ms-flex-wrap: wrap;
               flex-wrap: wrap;
           
      }
       
  }
    .header-style-1 .header-min .header-min-item {
         height: 380px;
       
  }
    @media only screen and (min-width: 1200px) and (max-width: 1399px) {
         .header-style-1 .header-min .header-min-item {
               height: 330px;
           
      }
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .header-style-1 .header-min .header-min-item {
               height: 330px;
           
      }
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .header-style-1 .header-min .header-min-item {
               height: 300px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .header-style-1 .header-min .header-min-item {
               width: 50%;
           
      }
       
  }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
         .header-style-1 .header-min .header-min-item .product-content {
               width: 70%;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .header-style-1 .header-min .header-min-item .product-content {
               width: 70%;
           
      }
       
  }
    /*===== All Header Style =====*/  /*==================================================================                 24. Reviews css ==================================================================*/ /*===== All Reviews Style =====*/ .reviews-style .reviews-menu .nav {
         position: relative;
         display: -moz-inline-flex;
         display: -ms-inline-flex;
         display: -o-inline-flex;
         display: -webkit-inline-box;
         display: -ms-inline-flexbox;
         display: inline-flex;
       
  }
    .reviews-style .reviews-menu .nav::before {
         position: absolute;
         content: '';
         width: 100%;
         height: 2px;
         border-radius: 50px;
         background-color: #EFEFEF;
         left: 0;
         bottom: 0;
       
  }
    .reviews-style .reviews-menu .nav li a {
         font-weight: 700;
         font-size: 16px;
         line-height: 24px;
         color: #7D7D7D;
         padding: 8px 16px;
         text-transform: uppercase;
         letter-spacing: 1px;
         position: relative;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    @media (max-width: 767px) {
         .reviews-style .reviews-menu .nav li a {
               padding: 4px 4px;
               font-size: 13px;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .reviews-style .reviews-menu .nav li a {
               font-size: 16px;
               padding: 8px 16px;
           
      }
       
  }
    .reviews-style .reviews-menu .nav li a::before {
         position: absolute;
         content: '';
         width: 100%;
         height: 4px;
         border-radius: 50px;
         background-color: #EFEFEF;
         left: 0;
         bottom: -1px;
         opacity: 0;
         visibility: hidden;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    .reviews-style .reviews-menu .nav li a.active {
         color: #542DED;
       
  }
    .reviews-style .reviews-menu .nav li a.active::before {
         opacity: 1;
         visibility: visible;
         background-color: #542DED;
       
  }
    .reviews-style .reviews-title {
         margin-top: 32px;
       
  }
    .reviews-style .reviews-title .title {
         font-size: 20px;
         line-height: 28px;
         color: #000;
         font-weight: 400;
       
  }
    @media (max-width: 767px) {
         .reviews-style .reviews-title .title {
               font-size: 16px;
           
      }
       
  }
    .reviews-style .reviews-rating-wrapper {
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         margin-top: 16px;
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-star {
         border: 2px solid #EFEFEF;
         width: 50%;
         padding: 32px;
       
  }
    @media (max-width: 767px) {
         .reviews-style .reviews-rating-wrapper .reviews-rating-star {
               width: 100%;
               padding: 24px;
           
      }
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-star .rating-review {
         font-size: 16px;
         line-height: 22px;
         font-weight: 400;
         color: rgba(0, 0, 0, 0.64);
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-star .rating-review i {
         font-size: 20px;
         color: #FFBE27;
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-star .rating-review span {
         font-weight: 500;
         color: #000;
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-star .reviews-rating-bar .single-reviews-rating-bar {
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         margin-top: 16px;
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-star .reviews-rating-bar .single-reviews-rating-bar .value {
         width: 85px;
         font-size: 14px;
         line-height: 20px;
         color: #000;
         font-weight: 400;
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-star .reviews-rating-bar .single-reviews-rating-bar .rating-bar-inner {
         width: 200px;
         height: 20px;
         background-color: #EFEFEF;
         border-radius: 50px;
         position: relative;
       
  }
    @media (max-width: 767px) {
         .reviews-style .reviews-rating-wrapper .reviews-rating-star .reviews-rating-bar .single-reviews-rating-bar .rating-bar-inner {
               width: 60%;
           
      }
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-star .reviews-rating-bar .single-reviews-rating-bar .rating-bar-inner .bar-inner {
         position: absolute;
         height: 100%;
         top: 0;
         left: 0;
         border-radius: 50px;
         background-color: #E14C7B;
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-star .reviews-rating-bar .single-reviews-rating-bar .percent {
         width: 50px;
         font-size: 14px;
         line-height: 20px;
         color: #000;
         font-weight: 400;
         margin-left: 32px;
       
  }
    @media (max-width: 767px) {
         .reviews-style .reviews-rating-wrapper .reviews-rating-star .reviews-rating-bar .single-reviews-rating-bar .percent {
               margin-left: 18px;
           
      }
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-form {
         border: 2px solid #EFEFEF;
         border-left: 0;
         width: 50%;
         padding: 32px;
       
  }
    @media (max-width: 767px) {
         .reviews-style .reviews-rating-wrapper .reviews-rating-form {
               width: 100%;
               border-left: 2px solid #EFEFEF;
               border-top: 0;
               padding: 24px;
           
      }
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-form .rating-star p {
         font-weight: 300;
         font-size: 14px;
         line-height: 20px;
         color: #4C4C4C;
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-form .rating-star .stars {
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-form .rating-star .stars li {
         font-size: 24px;
         color: #7D7D7D;
         cursor: pointer;
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-form .rating-star .stars li.hover, .reviews-style .reviews-rating-wrapper .reviews-rating-form .rating-star .stars li.selected {
         color: #FFBE27;
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-form .rating-form .single-rating-form {
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: space-between;
         -ms-flex-pack: space-between;
         justify-content: space-between;
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-form .rating-form .rating-form-file {
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-form .rating-form .rating-form-file .file {
         width: 40px;
         height: 40px;
         line-height: 40px;
         text-align: center;
         margin-top: 16px;
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-form .rating-form .rating-form-file .file input[type=\"file\"] {
         display: none;
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-form .rating-form .rating-form-file .file input[type=\"file\"] + label {
         font-size: 24px;
         color: #4C4C4C;
         cursor: pointer;
         line-height: 40px;
       
  }
    .reviews-style .reviews-rating-wrapper .reviews-rating-form .rating-form .rating-form-btn {
         margin-top: 16px;
       
  }
    .reviews-style .reviews-comment {
         padding: 8px 32px 18px;
         padding-top: 8px;
         border: 2px solid #EFEFEF;
         margin-top: -2px;
       
  }
    @media (max-width: 767px) {
         .reviews-style .reviews-comment {
               padding: 0px 24px 10px;
           
      }
       
  }
    .reviews-style .reviews-comment .comment-items > li:last-child .single-review-comment {
         border-bottom: 0;
       
  }
    .reviews-style .reviews-comment .comment-items .single-review-comment {
         margin-top: 24px;
         padding-bottom: 14px;
         border-bottom: 2px solid #EFEFEF;
       
  }
    .reviews-style .reviews-comment .comment-items .single-review-comment .comment-user-info {
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
       
  }
    .reviews-style .reviews-comment .comment-items .single-review-comment .comment-user-info .comment-author img {
         border-radius: 50%;
       
  }
    .reviews-style .reviews-comment .comment-items .single-review-comment .comment-user-info .comment-content {
         padding-left: 16px;
         -moz-flex: 1;
         -ms-flex: 1;
         -webkit-box-flex: 1;
                 flex: 1;
       
  }
    .reviews-style .reviews-comment .comment-items .single-review-comment .comment-user-info .comment-content .name {
         font-weight: 500;
         font-size: 16px;
         line-height: 22px;
         color: #000;
       
  }
    .reviews-style .reviews-comment .comment-items .single-review-comment .comment-user-info .comment-content p {
         font-size: 14px;
         line-height: 20px;
         color: #4C4C4C;
         margin-top: 4px;
       
  }
    .reviews-style .reviews-comment .comment-items .single-review-comment .comment-user-info .comment-content p i {
         font-size: 20px;
         color: #FFBE27;
       
  }
    .reviews-style .reviews-comment .comment-items .single-review-comment .comment-user-info .comment-content p .rating strong {
         font-weight: 500;
       
  }
    .reviews-style .reviews-comment .comment-items .single-review-comment .comment-user-info .comment-content p .date {
         margin-left: 16px;
       
  }
    @media (max-width: 767px) {
         .reviews-style .reviews-comment .comment-items .single-review-comment .comment-user-info .comment-content p .date {
               margin-left: 8px;
           
      }
       
  }
    .reviews-style .reviews-comment .comment-items .single-review-comment .comment-user-text {
         padding-top: 16px;
       
  }
    .reviews-style .reviews-comment .comment-items .single-review-comment .comment-user-text p {
         font-size: 16px;
         line-height: 22px;
         color: #000;
       
  }
    .reviews-style .reviews-comment .comment-items .single-review-comment .comment-user-text .comment-image {
         display: -moz-flex;
         display: -ms-flex;
         display: -o-flex;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         padding-top: 8px;
       
  }
    .reviews-style .reviews-comment .comment-items .single-review-comment .comment-user-text .comment-image .image {
         padding-top: 8px;
       
  }
    .reviews-style .reviews-comment .comment-items .single-review-comment .comment-user-text .comment-image .image + .image {
         margin-left: 8px;
       
  }
    .reviews-style .reviews-comment .comment-items .single-review-comment .comment-user-text .comment-image .image img {
         width: 72px;
         border-radius: 4px;
       
  }
    .reviews-style .reviews-comment .comment-items .comment-replay {
         padding-left: 50px;
       
  }
    @media (max-width: 767px) {
         .reviews-style .reviews-comment .comment-items .comment-replay {
               padding-left: 0;
           
      }
       
  }
    @media only screen and (min-width: 576px) and (max-width: 767px) {
         .reviews-style .reviews-comment .comment-items .comment-replay {
               padding-left: 50px;
           
      }
       
  }
    /*===== All Reviews Dark  Style =====*/  /*==================================================================                 24. Footer css ==================================================================*/ /*===== All Footer Style 3 =====*/ .footer-style-3 {
         background-color: #FAFAFA;
       
  }
    .footer-style-3 .footer-top .footer-follow {
         padding-top: 24px;
       
  }
    .footer-style-3 .footer-top .footer-follow li {
         display: inline-block;
         margin: 0 8px;
       
  }
    .footer-style-3 .footer-top .footer-follow li a {
         font-size: 20px;
         color: #542DED;
       
  }
    @media (max-width: 767px) {
         .footer-style-3 .footer-top .footer-follow li a {
               font-size: 20px;
           
      }
       
  }
    .footer-style-3 .footer-widget {
         margin-top: 32px;
       
  }
    .footer-style-3 .footer-widget .footer-title {
         text-transform: uppercase;
         font-weight: 700;
         font-size: 16px;
         line-height: 22px;
         color: #000;
       
  }
    .footer-style-3 .footer-widget .footer-link {
         padding-top: 12px;
       
  }
    .footer-style-3 .footer-widget .footer-link li {
         padding: 4px 0;
       
  }
    .footer-style-3 .footer-widget .footer-link li a {
         font-weight: 500;
         font-size: 16px;
         line-height: 22px;
         color: #000;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
         .footer-style-3 .footer-widget .footer-link li a {
               font-size: 14px;
           
      }
       
  }
    .footer-style-3 .footer-widget .footer-link li a:hover {
         color: #542DED;
       
  }
    .footer-style-3 .footer-copyright {
         padding-top: 52px;
       
  }
    .footer-style-3 .footer-copyright p {
         font-weight: normal;
         font-size: 16px;
         line-height: 22px;
         color: #000;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    .footer-style-3 .footer-copyright p a {
         color: #000;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    .footer-style-3 .footer-copyright p a:hover {
         color: #542DED;
       
  }
    /*===== All Footer Style Dark 3 =====*/  .subscribe-section .subscribe-form .single-form .main-btn {
         position: absolute;
         top: 0;
         right: 0;
         border-radius: 4px;
         width: 40px;
       
  }
    .product-image .icon-text {
         position: absolute;
         z-index: 9;
         top: 10px;
         left: 10px;
         text-transform: uppercase;
       
  }
      .clients-logo-section .client-logo-active .single-logo-wrapper {
         padding: 10px 20px;
         text-align: center;
         opacity: .5;
         -webkit-transition: all 0.3s linear;
         transition: all 0.3s linear;
       
  }
    .clients-logo-section .client-logo-active .single-logo-wrapper:hover {
         opacity: 1;
       
  }
    .clients-logo-section .client-logo-active .slick-slide:focus {
         outline: 0;
       
  }
   .product-item img {
         max-height: 300px;
         object-fit: contain;
       
  }
   /* ==================== Cart ====================== */  .product-thumb {
         max-width: 80px;
         max-height: 80px;
         object-fit: cover;
       
  }
  

/*==================================================================
                   13. Login or Registration css
==================================================================*/
/*=====  Login Registration  Style 1 =====*/
.login-registration-style-1 {
  max-width: 350px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 55px 25px 60px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
}

@media (max-width: 767px) {
  .login-registration-style-1 {
    padding: 30px 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .login-registration-style-1 {
    padding: 55px 30px 60px;
  }
}

.login-registration-style-1 ul {
  padding-top: 20px;
}

.login-registration-style-1 ul li a {
  display: block;
  height: 40px;
  width: 100%;
  border-radius: 4px;
  line-height: 40px;
  color: #fff;
  margin-top: 10px;
  padding: 0 15px;
  text-align: center;
}

.login-registration-style-1 ul li a.facebook-login-registration {
  background-color: #3C5898;
}

.login-registration-style-1 ul li a.google-login-registration {
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
}

.login-registration-style-1 ul li a img,
.login-registration-style-1 ul li a i {
  float: left;
  line-height: 40px;
}

.login-registration-style-1 ul li a img {
  position: relative;
  left: -11px;
}

.login-registration-style-1 .account {
  color: #000;
  font-weight: 300;
  padding-top: 28px;
}

.login-registration-style-1 .single-form .forget {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  font-weight: 500;
  color: #542DED;
  line-height: 16px;
  margin-top: 6px;
}

.login-registration-style-1 .single-form .form-input [type="password"] {
  padding-right: 40px;
}

.login-registration-style-1 .single-form .form-input span {
  position: absolute;
  top: 1px;
  right: 10px;
  font-size: 24px;
  color: #7D7D7D;
}

.login-registration-style-1 .single-form .form-input .main-btn {
  margin-top: 10px;
}

@media (max-width: 767px) {
  .login-registration-style-1 .single-form .form-input.form textarea,
  .login-registration-style-1 .single-form .form-input.form input {
    margin-top: 16px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .login-registration-style-1 .single-form .form-input.form textarea,
  .login-registration-style-1 .single-form .form-input.form input {
    margin-top: 0;
  }
}

.login-registration-style-1 .login {
  color: #000;
  margin-top: 30px;
  font-weight: 300;
}

@media (max-width: 767px) {
  .login-registration-style-1 .login {
    font-size: 14px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .login-registration-style-1 .login {
    font-size: 16px;
  }
}

.login-registration-style-1 .login a {
  text-transform: uppercase;
  color: #542DED;
  font-weight: 700;
  margin-left: 20px;
}

@media (max-width: 767px) {
  .login-registration-style-1 .login a {
    margin-left: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .login-registration-style-1 .login a {
    margin-left: 20px;
  }
}

.login-registration-style-1.registration {
  max-width: 100%;
}

/*=====  Login Registration Dark  Style 1 =====*/
.login-registration-dark-style-1 {
  background-color: #161359;
}

.login-registration-dark-style-1 .title {
  color: #fff;
}

.login-registration-dark-style-1 ul {
  padding-top: 20px;
}

.login-registration-dark-style-1 .account {
  color: #fff;
}

.login-registration-dark-style-1 .single-form .forget {
  color: #fff;
}

.login-registration-dark-style-1 .single-form .form-input span {
  color: #E14C7B;
}

.login-registration-dark-style-1 .single-checkbox input[type="checkbox"] + label span {
  border-color: #E14C7B;
}

.login-registration-dark-style-1 .single-checkbox input[type="checkbox"] + label span::before {
  background-color: #E14C7B;
}

.login-registration-dark-style-1 .single-checkbox p {
  color: #fff;
}

.login-registration-dark-style-1 .login {
  color: #fff;
}

.login-registration-dark-style-1 .login a {
  text-transform: uppercase;
  color: #E14C7B;
  font-weight: 700;
  margin-left: 20px;
}

/*=====  Login Registration  Style 2 =====*/
.login-registration-style-2 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 55px 30px 60px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
}

@media (max-width: 767px) {
  .login-registration-style-2 {
    padding: 30px 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .login-registration-style-2 {
    padding: 55px 30px 60px;
  }
}

.login-registration-style-2 ul {
  padding-top: 20px;
}

.login-registration-style-2 ul li {
  display: inline-block;
}

.login-registration-style-2 ul li + li {
  margin-left: 4px;
}

.login-registration-style-2 ul li a {
  display: block;
  height: 40px;
  width: 40px;
  border-radius: 4px;
  line-height: 40px;
  color: #fff;
  margin-top: 10px;
  text-align: center;
}

.login-registration-style-2 ul li a.facebook-login-registration {
  background-color: #3c5898;
}

.login-registration-style-2 ul li a.google-login-registration {
  background-color: #fff;
  color: #000;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
}

.login-registration-style-2 .account {
  color: #000;
  font-weight: 300;
  padding-right: 10px;
}

.login-registration-style-2 .single-form .form-input [type="password"] {
  padding-right: 40px;
}

.login-registration-style-2 .single-form .form-input span {
  position: absolute;
  top: 1px;
  right: 10px;
  font-size: 24px;
  color: #7D7D7D;
}

.login-registration-style-2 .single-form .form-input .main-btn {
  margin-top: 10px;
}

@media (max-width: 767px) {
  .login-registration-style-2 .single-form .form-input.form textarea,
  .login-registration-style-2 .single-form .form-input.form input {
    margin-top: 16px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .login-registration-style-2 .single-form .form-input.form textarea,
  .login-registration-style-2 .single-form .form-input.form input {
    margin-top: 0;
  }
}

.login-registration-style-2 .login-checkbox-forget .forget {
  font-size: 16px;
  font-weight: 500;
  color: #542DED;
  line-height: 16px;
  margin-top: 16px;
}

.login-registration-style-2 .login {
  color: #000;
  margin-top: 30px;
  font-weight: 300;
}

@media (max-width: 767px) {
  .login-registration-style-2 .login {
    font-size: 14px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .login-registration-style-2 .login {
    font-size: 16px;
  }
}

.login-registration-style-2 .login a {
  text-transform: uppercase;
  color: #542DED;
  font-weight: 700;
  margin-left: 20px;
}

@media (max-width: 767px) {
  .login-registration-style-2 .login a {
    margin-left: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .login-registration-style-2 .login a {
    margin-left: 20px;
  }
}

.login-registration-style-2.registration {
  max-width: 100%;
}

/*=====  Login Registration Dark  Style 2 =====*/
.login-registration-dark-style-2 {
  background-color: #161359;
}

.login-registration-dark-style-2 .title {
  color: #fff;
}

.login-registration-dark-style-2 .account {
  color: #fff;
  font-weight: 300;
  padding-right: 10px;
}

.login-registration-dark-style-2 .single-form .form-input span {
  color: #E14C7B;
}

.login-registration-dark-style-2 .single-checkbox input[type="checkbox"] + label span {
  border-color: #E14C7B;
}

.login-registration-dark-style-2 .single-checkbox input[type="checkbox"] + label span::before {
  background-color: #E14C7B;
}

.login-registration-dark-style-2 .single-checkbox p {
  color: #fff;
}

.login-registration-dark-style-2 .login-checkbox-forget .forget {
  color: #E14C7B;
}

.login-registration-dark-style-2 .login {
  color: #fff;
  margin-top: 30px;
  font-weight: 300;
}

.login-registration-dark-style-2 .login a {
  text-transform: uppercase;
  color: #E14C7B;
  font-weight: 700;
  margin-left: 20px;
}

/*==================================================================
                    Contact css
==================================================================*/
/*=====  Contact  Style 1 =====*/
.contact-style-1 {
  width: 100%;
  padding: 55px 25px 60px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
}

.contact-dark-style-1 {
  background-color: #161359;
}

.contact-dark-style-1 .title {
  color: #fff;
}

.contact-dark-style-1 p {
  color: #fff;
}

.contact-dark-style-1 .select-style-1 label {
  color: #fff;
}

.contact-dark-style-1 .select-style-1 .select-items {
  position: relative;
}

.contact-dark-style-1 .select-style-1 .select-items .nice-select {
  background-color: rgba(255, 255, 255, 0.2);
}

.contact-dark-style-1 .select-style-1 .select-items .nice-select:focus {
  border-color: #00D4E0;
}

.contact-dark-style-1 .select-style-1 .select-items .nice-select::after {
  border-color: #fff;
}

.contact-dark-style-1 .select-style-1 .select-items .nice-select .current {
  color: #fff;
}

.contact-dark-style-1 .select-style-1 .select-items i {
  color: #fff;
}

/*=====  Contact  Style 2 =====*/
.contact-style-2 {
  width: 100%;
  padding: 35px 30px 40px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.32);
}

@media (max-width: 767px) {
  .contact-style-2 {
    padding: 25px 20px 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-style-2 {
    padding: 35px 30px 40px;
  }
}

.contact-style-2 .contact-info li + li {
  padding-top: 15px;
}

.contact-style-2 .contact-info li .single-contact-info .contact-info-icon i {
  font-size: 24px;
  color: #542DED;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.contact-style-2 .contact-info li .single-contact-info .contact-info-content {
  padding-left: 10px;
}

.contact-style-2 .contact-info li .single-contact-info .contact-info-content p {
  font-size: 14px;
  color: #000;
}

.contact-style-2 .title {
  margin-top: 25px;
}

.contact-style-2 .sub-title {
  margin-top: 10px;
  color: #000;
}

.contact-style-2 .contact-social {
  padding-top: 30px;
}

.contact-style-2 .contact-social p {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.64);
  padding-right: 8px;
  line-height: 40px;
}

@media (max-width: 767px) {
  .contact-style-2 .contact-social p {
    line-height: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-style-2 .contact-social p {
    line-height: 40px;
  }
}

.contact-style-2 .contact-social .social li {
  display: inline-block;
}

.contact-style-2 .contact-social .social li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  color: #542DED;
}

@media (max-width: 767px) {
  .contact-style-2 .contact-social .social li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact-style-2 .contact-social .social li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

/*=====  Contact Dark Style 2 =====*/
.contact-dark-style-2 {
  background-color: #161359;
}

.contact-dark-style-2 .contact-info li .single-contact-info .contact-info-icon i {
  color: #00D4E0;
}

.contact-dark-style-2 .contact-info li .single-contact-info .contact-info-content p {
  color: #fff;
}

.contact-dark-style-2 .title {
  color: #fff;
}

.contact-dark-style-2 .sub-title {
  color: rgba(255, 255, 255, 0.74);
}

.contact-dark-style-2 .contact-social {
  padding-top: 30px;
}

.contact-dark-style-2 .contact-social p {
  color: rgba(255, 255, 255, 0.74);
  padding-right: 8px;
  line-height: 40px;
}

.contact-dark-style-2 .contact-social .social li a {
  color: #fff;
}


/*===== All Profile Style =====*/
.profile .profile-header .profile-cover-photo {
  width: 100%;
  height: 240px;
  border-radius: 8px;
}

.profile .profile-header .profile-author {
  padding: 32px;
  padding-top: 0;
  position: relative;
  z-index: 9;
  margin-top: -80px;
}

.profile .profile-header .profile-author .profile-name .name {
  font-weight: 500;
  font-size: 24px;
  line-height: 30px;
  color: #000;
}

.profile .profile-header .profile-author .profile-name .email {
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  margin-top: 8px;
}

.profile .profile-header .profile-author .profile-photo img {
  width: 160px;
  border-radius: 50%;
}

.profile .profile-title {
  position: relative;
  background-color: #F2F2F2;
  height: 48px;
  padding: 0 16px;
  border-radius: 8px;
}

.profile .profile-title .title {
  line-height: 48px;
  color: #000;
  font-weight: 500;
  font-size: 16px;
}

.profile .profile-title .profile-link {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #542DED;
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.profile .profile-details .single-details-item {
  padding: 8px 16px 0;
}

.profile .profile-details .single-details-item .details-title {
  width: 145px;
  margin-top: 8px;
}

@media (max-width: 767px) {
  .profile .profile-details .single-details-item .details-title {
    width: 100px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .profile .profile-details .single-details-item .details-title {
    width: 145px;
  }
}

.profile .profile-details .single-details-item .details-title .title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: #4C4C4C;
}

.profile .profile-details .single-details-item .details-content {
  margin-top: 8px;
}

.profile .profile-details .single-details-item .details-content p {
  font-size: 16px;
  line-height: 22px;
  color: #000;
  font-weight: 400;
}

.profile .single-card-info {
  padding: 16px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
  margin-top: 16px;
  border-radius: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.profile .single-card-info .card-icon img {
  border-radius: 4px;
}

.profile .single-card-info .card-info {
  padding-left: 16px;
}

.profile .single-card-info .card-info .card-name {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #000;
}

.profile .single-card-info .card-info .card-number {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #4C4C4C;
  margin-top: 5px;
}

.profile .single-card-info .card-info .card-number span {
  margin-left: 8px;
}

/*===== All Profile Dark Style =====*/
.profile-dark {
  background-color: #161359;
}

.profile-dark .profile .profile-header .profile-author .profile-name .name {
  color: #fff;
}

.profile-dark .profile .profile-header .profile-author .profile-name .email {
  color: #fff;
}

.profile-dark .profile .profile-title {
  background-color: rgba(0, 0, 0, 0.08);
}

.profile-dark .profile .profile-title .title {
  color: #fff;
}

.profile-dark .profile .profile-title .profile-link {
  color: #E14C7B;
}

.profile-dark .profile .profile-details .single-details-item .details-title .title {
  color: rgba(255, 255, 255, 0.74);
}

.profile-dark .profile .profile-details .single-details-item .details-content p {
  color: #fff;
}

.profile-dark .profile .single-card-info {
  background-color: rgba(0, 0, 0, 0.08);
}

.profile-dark .profile .single-card-info .card-info .card-name {
  color: #fff;
}

.profile-dark .profile .single-card-info .card-info .card-number {
  color: rgba(255, 255, 255, 0.74);
}