/*
  Theme Name: BodyGraph Chart
  Author: WOOBRO LTD
  Author URI: https://www.woobro.com
    Description: Bodygraph Chart WordPress Theme created for Human Design Business.
  Version: 1.0
*/
:root {
  --main-color: #565969; /* Replace with your default color */
  --secondary-color: #fceee4;
  --primary-color: #00ff00;
  --primarybackgroun-color: #f2e0d3;
  --bodybg-color: #fcf7f0;
  --lightbg-color: #f5eee2;
   --main-link-color: #353C64;
  --gradient-color: linear-gradient(225deg, #b69e8c, #D6A988, #b69e8c);
  --gradient2-color: radial-gradient(circle, #F2E0D3, #FCEEE4);
}

element {
  color: var(--main-color);
}
/* .theme_color {
  color: var(--main-color);
}
.primary_color {
  color: var(--primary-color);
}
.secondary_color {
  color: var(--secondary-color);
}

.primarybackgroun_color {
  color: var(--primarybackgroun-color);
}
.background_color {
  color: var(--bg-color);
} */

.tk-ivypresto-display {
  font-family: var(--header-font);
}


[class^=wb-],
[class*=" wb-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "human-design" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.wb-left:before {
  content: "\e90d";
}

.wb-right:before {
  content: "\e90e";
}

.wb-Earth:before {
  content: "\e900";
}

.wb-Jupiter:before {
  content: "\e901";
}

.wb-Mars:before {
  content: "\e902";
}

.wb-Mercury:before {
  content: "\e903";
}

.wb-Moon:before {
  content: "\e904";
}

.wb-Neptune:before {
  content: "\e905";
}

.wb-North-Node:before {
  content: "\e906";
}

.wb-Pluto:before {
  content: "\e907";
}

.wb-Saturn:before {
  content: "\e908";
}

.wb-South-Node:before {
  content: "\e909";
}

.wb-Sun:before {
  content: "\e90a";
}

.wb-Uranus:before {
  content: "\e90b";
}

.wb-Venus:before {
  content: "\e90c";
}

.m-t-0 {
  margin-top: 0px !important;
}

.p-t-0 {
  padding-top: 0px !important;
}

.m-b-0 {
  margin-bottom: 0px !important;
}

.p-b-0 {
  padding-bottom: 0px !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.p-l-0 {
  padding-left: 0px !important;
}

.m-r-0 {
  margin-right: 0px !important;
}

.p-r-0 {
  padding-right: 0px !important;
}

.m-0 {
  margin: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.m-t-2 {
  margin-top: 2px !important;
}

.p-t-2 {
  padding-top: 2px !important;
}

.m-b-2 {
  margin-bottom: 2px !important;
}

.p-b-2 {
  padding-bottom: 2px !important;
}

.m-l-2 {
  margin-left: 2px !important;
}

.p-l-2 {
  padding-left: 2px !important;
}

.m-r-2 {
  margin-right: 2px !important;
}

.p-r-2 {
  padding-right: 2px !important;
}

.m-2 {
  margin: 2px !important;
}

.p-2 {
  padding: 2px !important;
}

.m-t-4 {
  margin-top: 4px !important;
}

.p-t-4 {
  padding-top: 4px !important;
}

.m-b-4 {
  margin-bottom: 4px !important;
}

.p-b-4 {
  padding-bottom: 4px !important;
}

.m-l-4 {
  margin-left: 4px !important;
}

.p-l-4 {
  padding-left: 4px !important;
}

.m-r-4 {
  margin-right: 4px !important;
}

.p-r-4 {
  padding-right: 4px !important;
}

.m-4 {
  margin: 4px !important;
}

.p-4 {
  padding: 4px !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.p-t-5 {
  padding-top: 5px !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

.p-b-5 {
  padding-bottom: 5px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.m-5 {
  margin: 5px !important;
}

.p-5 {
  padding: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.p-l-10 {
  padding-left: 10px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.m-10 {
  margin: 10px !important;
}

.p-10 {
  padding: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.p-l-15 {
  padding-left: 15px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.p-r-15 {
  padding-right: 15px !important;
}

.m-15 {
  margin: 15px !important;
}

.p-15 {
  padding: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.p-r-20 {
  padding-right: 20px !important;
}

.m-20 {
  margin: 20px !important;
}

.p-20 {
  padding: 20px !important;
}

.m-t-25 {
  margin-top: 25px !important;
}

.p-t-25 {
  padding-top: 25px !important;
}

.m-b-25 {
  margin-bottom: 25px !important;
}

.p-b-25 {
  padding-bottom: 25px !important;
}

.m-l-25 {
  margin-left: 25px !important;
}

.p-l-25 {
  padding-left: 25px !important;
}

.m-r-25 {
  margin-right: 25px !important;
}

.p-r-25 {
  padding-right: 25px !important;
}

.m-25 {
  margin: 25px !important;
}

.p-25 {
  padding: 25px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.p-l-30 {
  padding-left: 30px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.m-30 {
  margin: 30px !important;
}

.p-30 {
  padding: 30px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.p-t-40 {
  padding-top: 40px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.p-l-40 {
  padding-left: 40px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.m-40 {
  margin: 40px !important;
}

.p-40 {
  padding: 40px !important;
}

.m-t-45 {
  margin-top: 45px !important;
}

.p-t-45 {
  padding-top: 45px !important;
}

.m-b-45 {
  margin-bottom: 45px !important;
}

.p-b-45 {
  padding-bottom: 45px !important;
}

.m-l-45 {
  margin-left: 45px !important;
}

.p-l-45 {
  padding-left: 45px !important;
}

.m-r-45 {
  margin-right: 45px !important;
}

.p-r-45 {
  padding-right: 45px !important;
}

.m-45 {
  margin: 45px !important;
}

.p-45 {
  padding: 45px !important;
}

.m-t-50 {
  margin-top: 50px !important;
}

.p-t-50 {
  padding-top: 50px !important;
}

.m-b-50 {
  margin-bottom: 50px !important;
}

.p-b-50 {
  padding-bottom: 50px !important;
}

.m-l-50 {
  margin-left: 50px !important;
}

.p-l-50 {
  padding-left: 50px !important;
}

.m-r-50 {
  margin-right: 50px !important;
}

.p-r-50 {
  padding-right: 50px !important;
}

.m-50 {
  margin: 50px !important;
}

.p-50 {
  padding: 50px !important;
}

.m-t-60 {
  margin-top: 60px !important;
}

.p-t-60 {
  padding-top: 60px !important;
}

.m-b-60 {
  margin-bottom: 60px !important;
}

.p-b-60 {
  padding-bottom: 60px !important;
}

.m-l-60 {
  margin-left: 60px !important;
}

.p-l-60 {
  padding-left: 60px !important;
}

.m-r-60 {
  margin-right: 60px !important;
}

.p-r-60 {
  padding-right: 60px !important;
}

.m-60 {
  margin: 60px !important;
}

.p-60 {
  padding: 60px !important;
}

.m-t-70 {
  margin-top: 70px !important;
}

.p-t-70 {
  padding-top: 70px !important;
}

.m-b-70 {
  margin-bottom: 70px !important;
}

.p-b-70 {
  padding-bottom: 70px !important;
}

.m-l-70 {
  margin-left: 70px !important;
}

.p-l-70 {
  padding-left: 70px !important;
}

.m-r-70 {
  margin-right: 70px !important;
}

.p-r-70 {
  padding-right: 70px !important;
}

.m-70 {
  margin: 70px !important;
}

.p-70 {
  padding: 70px !important;
}

.m-t-80 {
  margin-top: 80px !important;
}

.p-t-80 {
  padding-top: 80px !important;
}

.m-b-80 {
  margin-bottom: 80px !important;
}

.p-b-80 {
  padding-bottom: 80px !important;
}

.m-l-80 {
  margin-left: 80px !important;
}

.p-l-80 {
  padding-left: 80px !important;
}

.m-r-80 {
  margin-right: 80px !important;
}

.p-r-80 {
  padding-right: 80px !important;
}

.m-80 {
  margin: 80px !important;
}

.p-80 {
  padding: 80px !important;
}

.m-t-100 {
  margin-top: 100px !important;
}

.p-t-100 {
  padding-top: 100px !important;
}

.m-b-100 {
  margin-bottom: 100px !important;
}

.p-b-100 {
  padding-bottom: 100px !important;
}

.m-l-100 {
  margin-left: 100px !important;
}

.p-l-100 {
  padding-left: 100px !important;
}

.m-r-100 {
  margin-right: 100px !important;
}

.p-r-100 {
  padding-right: 100px !important;
}

.m-100 {
  margin: 100px !important;
}

.p-100 {
  padding: 100px !important;
}

.sectionspace-80 {
  padding: 80px 0;
}

.top-btn {
float: left;
right: 10px;
position: relative
}

.woocommerce-product-gallery__image {
display: inline;
margin: 5px;
}

ul.payment_methods .woocommerce-checkout #payment div.form-row {
    padding: 0px!important;
}


ul.payment_methods .form-row {
    display:block!important;
    width: 100%!important;
     margin: 0px!important;
     padding:0px!important;
}

ul.payment_methods .woocommerce-checkout #payment div.payment_box .form-row {
    margin: 0px!important;
}

#wc-stripe-new-payment-method {
    display: inline;
    margin: 0px 5px 0 0;
    height: auto!important;
}

.shop-detail-inner .shop-details .shop-left-image {
  position: relative;
}

@media (max-width: 992px) {
  .sectionspace-80 {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .sectionspace-80 {
    padding: 40px 0;
  }
}

.sectionspace-120 {
  padding: 120px 0;
}

.sectionspace-100 {
  padding: 100px 0;
}

.sectionspace-70 {
  padding: 70px 0;
}

.sectionspace-60 {
  padding: 60px 0;
}
@media (max-width: 992px) {
  .sectionspace-60 {
    padding: 40px 0 !important;
  }
}
@media (max-width: 767px) {
  .sectionspace-60 {
    padding: 30px 0 !important;
  }
}

.sectionspace-50 {
  padding: 50px 0;
}

.sectionspace-40 {
  padding: 40px 0;
}

.sectionspace-30 {
  padding: 30px 0;
}

.grid-1 {
  max-width: 8.3333333333%;
  -webkit-box-flex: 8.3333333333%;
      -ms-flex: 8.3333333333%;
          flex: 8.3333333333%;
}

.grid-2 {
  max-width: 16.6666666667%;
  -webkit-box-flex: 16.6666666667%;
      -ms-flex: 16.6666666667%;
          flex: 16.6666666667%;
}

.grid-3 {
  max-width: 25%;
  -webkit-box-flex: 25%;
      -ms-flex: 25%;
          flex: 25%;
}

.grid-4 {
  max-width: 33.3333333333%;
  -webkit-box-flex: 33.3333333333%;
      -ms-flex: 33.3333333333%;
          flex: 33.3333333333%;
}

.grid-5 {
  max-width: 41.6666666667%;
  -webkit-box-flex: 41.6666666667%;
      -ms-flex: 41.6666666667%;
          flex: 41.6666666667%;
}

.grid-6 {
  max-width: 50%;
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
}

.grid-7 {
  max-width: 58.3333333333%;
  -webkit-box-flex: 58.3333333333%;
      -ms-flex: 58.3333333333%;
          flex: 58.3333333333%;
}

.grid-8 {
  max-width: 66.6666666667%;
  -webkit-box-flex: 66.6666666667%;
      -ms-flex: 66.6666666667%;
          flex: 66.6666666667%;
}

.grid-9 {
  max-width: 75%;
  -webkit-box-flex: 75%;
      -ms-flex: 75%;
          flex: 75%;
}

.grid-10 {
  max-width: 83.3333333333%;
  -webkit-box-flex: 83.3333333333%;
      -ms-flex: 83.3333333333%;
          flex: 83.3333333333%;
}

.grid-11 {
  max-width: 91.6666666667%;
  -webkit-box-flex: 91.6666666667%;
      -ms-flex: 91.6666666667%;
          flex: 91.6666666667%;
}

.grid-12 {
  max-width: 100%;
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

.offset-12 {
  margin-left: 100%;
}

[class^=grid-] {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.grid-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  padding-left: 0;
  padding-right: 0;
}

.container {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 992px) {
  .container {
   
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1180px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  [class^=grid-] {
    margin: 0 !important;
  }
}
@media (max-width: 767px) {
  .grid-row {
    display: block;
  }
  [class^=grid-] {
    max-width: 100%;
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    width: 100%;
  }
  .grid-row > div {
    padding-left: 0;
    padding-right: 0;
  }
}
.header {
  position: static;
  left: 0;
  right: 0;
  top: 0;
  z-index: 11;
  padding: 17px 15px;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  background: #ffffff;
  min-height: 60px;
  /* Icon 4 */
}
@media (max-width: 768px) {
  .header {
    padding: 8px 0;
    min-height: 50px;
    z-index: 1001;
  }
}
.header .header-inner .nav {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header .header-inner .nav .cart-icon-header {
  position: absolute;
  right: 0;
  top: 0;
}
.header .header-inner .nav .cart-icon-header a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  font-weight: 300;
  line-height: 31px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--main-color);
  gap: 10px;
}
@media (max-width: 768px) {
  .header .header-inner .nav .cart-icon-header {
    display: none;
  }
}
.header .header-inner .nav > .nav-header img.logo {
  max-height: 70px;
}

@media (max-width: 1100px) {
  .header .header-inner .nav > .nav-header img {
    max-height:60px;
  }
}
@media (max-width: 768px) {
  .header .header-inner .nav > .nav-header img {
    height: 50px;
  }
}
.header .header-inner .nav > .nav-header > .nav-title {
  display: inline-block;
  font-size: 22px;
  color: #fff;
  padding: 10px 10px 10px 10px;
}
.header .header-inner .nav > .nav-btn {
  display: none;
  overflow: hidden;
}
.header .header-inner .nav > .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  position: relative;
  top: 25px;
  height: 60px;
}
.header .header-inner .nav > .nav-links ul li {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .header .header-inner .nav > .nav-links ul li {
    margin: 0 8px;
  }
}
@media (min-width: 768px) and (max-width: 850px) {
  .header .header-inner .nav > .nav-links ul li {
    margin: 0 4px;
  }
}
.header .header-inner .nav > .nav-links ul li.iconnav-item {
  margin: 0 11px;
}
.header .header-inner .nav > .nav-links ul li.iconnav-item:hover a:after {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .header .header-inner .nav > .nav-links ul li.iconnav-item {
    margin: 0 8px;
  }
}
@media (max-width: 768px) {
  .header .header-inner .nav > .nav-links ul li.iconnav-item {
    display: none;
  }
}
.header .header-inner .nav > .nav-links ul li > ul.sub-menu {
  background: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  width: 175px;
  display: none;
  padding: 10px 13px 10px;
  z-index: 9;
  top: 31px;
}
@media (max-width: 768px) {
  .header .header-inner .nav > .nav-links ul li > ul.sub-menu {
    position: static;
    display: block;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
    width: 100%;
  }
}
.header .header-inner .nav > .nav-links ul li > ul.sub-menu li {
  margin: 0;
  display: block;
}
.header .header-inner .nav > .nav-links ul li > ul.sub-menu li a {
  font-family: var(--body-font);
  font-size: 15px;
  font-weight: 300 !important;
  line-height: 28px;
  color: var(--main-color);
  text-transform: inherit;
}
.header .header-inner .nav > .nav-links ul li > ul.sub-menu li a:after {
  display: none !important;
}
@media (max-width: 768px) {
  .header .header-inner .nav > .nav-links ul li > ul.sub-menu li a {
    display: block;
    width: 100%;
    border: 0;
    font-size: 16px;
    line-height: 40px;
    color: var(--main-color);
    text-transform: uppercase;
  }
}
.header .header-inner .nav > .nav-links ul li > ul.sub-menu li:hover a {
  text-decoration: underline !important;
}
.header .header-inner .nav > .nav-links ul li:last-child {
  margin-right: 0;
}
.header .header-inner .nav > .nav-links ul li:hover ul.sub-menu {
  display: block;
}
.header .header-inner .nav > .nav-links ul li:hover ul.sub-menu li a {
  pointer-events: inherit;
  font-weight: 400;
}
.header .header-inner .nav > .nav-links ul li:hover a {
  text-decoration: underline !important;
}
.header .header-inner .nav > .nav-links ul li.current_page_item a,
.header .header-inner .nav > .nav-links ul li.active a {
  font-weight: 700;
}
.header .header-inner .nav > .nav-links ul li > a {
  display: inline-block;
  text-decoration: none;
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 15px;
  font-weight: 300;
  line-height: 31px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .header .header-inner .nav > .nav-links ul li > a {
    font-size: 13px;
  }
}
@media (min-width: 768px) and (max-width: 850px) {
  .header .header-inner .nav > .nav-links ul li > a {
    letter-spacing: inherit;
  }
}
.header .header-inner .nav > #nav-check {
  display: none;
}
@media (max-width: 768px) {
  .header .header-inner .nav {
    padding: 0 10px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .header .header-inner .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 17px;
    overflow: visible;
  }
  .header .header-inner .nav > .nav-btn .mob-cart {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    position: relative;
    top: -7px;
  }
  .header .header-inner .nav > .nav-btn > label {
    display: inline-block;
    vertical-align: middle;
  }
  .header .header-inner .nav > .nav-btn > label > span {
    display: block;
    width: 29px;
    height: 12px;
    border-top: 2px solid var(--main-color);
  }
  .header .header-inner .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #ffffff;
    height: calc(100vh - 40px);
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    overflow-y: hidden;
    top: 55px;
    left: -100vw;
    z-index: 1001;
    right: 0;
    padding: 40px 25px;
  }
  .header .header-inner .nav > .nav-links ul li {
    margin: 0;
    margin-bottom: 0;
    display: block;
  }
  .header .header-inner .nav > .nav-links ul li > a {
    display: block;
    width: 100%;
    border: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 40px;
     color: var(--main-color);
  }
  .header .header-inner .nav > #nav-check:checked ~ .nav-links {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    left: 0;
  }
}
.header .mobile-menu {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  cursor: pointer;
  background: transparent;
}
.header .mobile-menu:focus {
  background: transparent;
}
.header .mobile-menu span {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.header .mobile-menu span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.header .mobile-menu span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.header .mobile-menu.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  left: 0;
  position: relative;
}
.header .mobile-menu.open span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: -2px;
  left: 3px;
  position: relative;
}

body.menu-open .header {
  background: #ffffff;
}
body.menu-open .header .header-inner .nav > .nav-btn .mob-cart {
  display: none;
}
body.menu-open .header .header-inner .nav > .nav-btn > label > span {
  border-color: var(--main-color);
}
body.menu-open .header-inner {
  background: #ffffff;
}
@media (max-width: 768px) {
  body.menu-open .header-inner {
    height: 100vh;
  }
}
@media (max-width: 768px) {
  body.menu-open .header-inner .menu-btns {
    display: block;
    transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
  }
}

.shopping-cart-panel {
  max-width: 700px;
  background: #fff;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  right: -1000px;
  padding: 20px 0;
  top: 0;
  z-index: 101;
  max-height: 100vh;
  height: 100vh;
}
.shopping-cart-panel .panel-cart-inner .panel-cart-header {
  padding: 0 20px;
  position: relative;
}
.shopping-cart-panel .panel-cart-inner .panel-cart-header h2 {
   color: var(--main-color);
  font-family: var(--body-font);
  font-size: 35px;
  font-weight: 400;
  line-height: 55px;
}
.shopping-cart-panel .panel-cart-inner .panel-cart-header h2 span {
    color: var(--main-color);
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}
.shopping-cart-panel .panel-cart-inner .panel-cart-header a.close-cart-panel {
  position: absolute;
  right: 15px;
  top: 10px;
}
.shopping-cart-panel .panel-cart-inner .panel-cart-body {
  padding: 0px 20px 20px;
  height: calc(100vh - 230px);
  overflow-y: auto;
  margin-right: 25px;
  padding-right: 40px;
  margin-top: 20px;
}
.shopping-cart-panel .panel-cart-inner .panel-cart-body::-webkit-scrollbar {
  width: 3px;
  border-radius: 10px;
}
.shopping-cart-panel .panel-cart-inner .panel-cart-body::-webkit-scrollbar-thumb {
  border-radius: 1.5px;
  background-color: #d8d8d8;
}
.shopping-cart-panel .panel-cart-inner .panel-cart-body::-webkit-scrollbar-track {
  border-radius: 1.5px;
}
.shopping-cart-panel .panel-cart-inner .panel-cart-body .product-item .prod-details h3 {
  padding-right: 40px;
  font-size: 20px;
}
.shopping-cart-panel .panel-cart-inner .panel-cart-body .product-item .prod-details .price {
  font-size: 14px;
  line-height: 17px;
  float: right;
  position: relative;
  top: -15px;
}
.shopping-cart-panel .panel-cart-inner .panel-cart-body .product-item .prod-details a {
  margin-top: 20px;
  display: inline-block;
}
.shopping-cart-panel .panel-cart-inner .panel-cart-footer {
  padding: 5px 20px 20px;
  border-top: solid 1px #d8d8d8;
}

.icon-menu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.icon-menu .count-cart {
  position: absolute;
  top: 0;
  font-size: 9px;
  font-family: "roboto-light";
  text-align: center;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 7px;
   color: var(--main-color);
}

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

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.input-field {
  margin-bottom: 15px;
}
.input-field label {
  font-family: var(--body-font);
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  display: inline-block;
  margin-bottom: 3px;
}
.input-field select,
.input-field input {
  display: block;
  height: 40px;
  border-radius: 20px;
  background: #fff6ef;
  width: 100%;
  padding: 8px 15px;
    color: var(--main-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 300;
  line-height: 27px;
  font-family: var(--body-font);
  border: 0;
}
.input-field select:focus,
.input-field input:focus {
  outline: none;
  background: #ffffff;
}
.input-field textarea {
  display: block;
  height: 150px;
  border-radius: 20px;
  background: #d0d7eb;
  width: 100%;
  padding: 8px 15px;
    color: var(--main-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 300;
  line-height: 31px;
  font-family: var(--body-font);
}
.input-field textarea:focus {
  outline: none;
  border-color:   var(--main-color);
}

.select-wrapper {
  position: relative;
}
.select-wrapper:before {
  content: "";
  background: url(images/arrow.svg) no-repeat center center/contain;
  width: 10px;
  height: 6px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 18px;
}
.select-wrapper select {
  -webkit-appearance: none;
}

.select-withsub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px var(--main-color);
}
.select-withsub .select-wrapper select {
  border: 0;
  height: 38px;
}
.select-withsub .select-wrapper.mainselect {
  max-width: calc(100% - 70px);
  -webkit-box-flex: calc(100% - 70px);
      -ms-flex: calc(100% - 70px);
          flex: calc(100% - 70px);
}
.select-withsub .select-wrapper.subselect {
  max-width: 70px;
  -webkit-box-flex: 70px;
      -ms-flex: 70px;
          flex: 70px;
}

.validation-message-error {
  color: #e92e06;
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 31px;
}

.validation-message-success {
  color: #3d8f0d;
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 31px;
}

.form-wrapper .form-inner {
  margin-bottom: 10px;
}
.form-wrapper .form-inner .grid-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin: 0;
}
.form-wrapper .form-inner .grid-row .grid-6 {
  max-width: calc(50% - 5px);
  -webkit-box-flex: calc(50% - 5px);
      -ms-flex: calc(50% - 5px);
          flex: calc(50% - 5px);
  padding: 0 !important;
}
.form-wrapper .form-inner .grid-row .grid-4 {
  max-width: calc(33.33% - 7px);
  -webkit-box-flex: calc(33.33% - 7px);
      -ms-flex: calc(33.33% - 7px);
          flex: calc(33.33% - 7px);
  padding: 0 !important;
}
.form-wrapper .form-inner .grid-row [class^=grid-] {
  padding: 0 !important;
}
.form-wrapper .submit-form input {
  width: 100%;
  margin: auto;
  min-width: auto;
  display: block;
}

.checkbox-item {
  display: block;
  margin-bottom: 10px;
}
.checkbox-item input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none!important;
  cursor: pointer;
}
.checkbox-item label {
  position: relative;
  cursor: pointer;
  color: #343736;
  font-family: var(--body-font);
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  display: block;
  padding-top: 0px;
  padding-left: 35px;
}
.checkbox-item label strong {
  font-weight: 700;
}
.checkbox-item label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 14px;
  width: 20px;
  height: 20px;
  border-radius: 0;
  border: solid 1px #343736;
  top: -1px;
  position: absolute;
  left: 0;
  background: #ffffff;
}

.checkbox-item input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 4px;
  width: 14px;
  height: 14px;
  background: #343736;
}

.text-transform-upper {
  text-transform: uppercase !important;
}

.checkbox-list .checkbox-item {
  background-color: #ffffff;
  padding: 11px 10px 10px;
  border: solid 1px transparent;
}
.checkbox-list .checkbox-item.checked-item {
  background: var(--primarybackgroun-color);
}

.fs-14 {
  font-size: 14px !important;
}

@media (max-width: 767px) {
  input {
    font-size: 16px !important;
  }
}

.two-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff6ef;
  border-radius: 20px;
}
.two-select .format {
  max-width: 70px;
  -webkit-box-flex: 70px;
      -ms-flex: 70px;
          flex: 70px;
}
.two-select .hour {
  max-width: calc(100% - 70px);
  -webkit-box-flex: calc(100% - 70px);
      -ms-flex: calc(100% - 70px);
          flex: calc(100% - 70px);
}

.input-label {
  margin-bottom: 15px;
}
.input-label label {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  display: inline-block;
  margin-bottom: 3px;
}
.input-label select,
.input-label input {
  display: block;
  width: 100%;
  height: 40px;
  padding: 8px 15px;
  background: #fff;
  color: var(--main-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  border: solid 1px var(--main-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  font-family: var(--body-font);
}
.input-label select:focus,
.input-label input:focus {
  outline: none;
  border-color: var(--main-color);
}
.input-label textarea {
  display: block;
  width: 100%;
  height: 148px;
  padding: 8px 15px;
  background: #fff;
  color: var(--main-color);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  border: solid 1px var(--main-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.input-label textarea:focus {
  outline: none;
  border-color:   var(--main-color);
}

.select-wrapper {
  position: relative;
}
.select-wrapper:before {
  content: "";
  background: url(images/arrow-select.svg) no-repeat center center/contain;
  width: 10px;
  height: 6px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 18px;
}
.select-wrapper select {
  -webkit-appearance: none;
}

.color-black {
  color: var(--main-color);
}

p {
  font-family: var(--body-font);
  color: var(--main-color);
  font-size: 18px;
  font-weight: 300;
  line-height: 31px;
}
@media (max-width: 767px) {
  p {
    font-size: 17px;
    line-height: 25px;
  }
}
@media (max-width: 480px) {
  p {
    font-size: 15px;
    line-height: 24px;
  }
}

h1 {
  color: var(--main-color);
  font-family: var(--header-font);
  font-family: var(--header-font);
  font-size: 56px;
  font-weight: 400;
  line-height: 62px;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  h1 {
    font-size: 48px;
    line-height: 56px;
  }
}
@media (max-width: 992px) {
  h1 {
    font-size: 42px;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 36px;
    line-height: 42px;
  }
}
@media (max-width: 600px) {
  h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 480px) {
  h1 {
    font-size: 24px;
    line-height: 30px;
  }
}

h2 {
  color: var(--main-color);
  font-family: var(--header-font);
  font-size: 56px;
  font-weight: 400;
  line-height: 62px;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  h2 {
    font-size: 48px;
    line-height: 56px;
  }
}
@media (max-width: 992px) {
  h2 {
    font-size: 42px;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 36px;
    line-height: 42px;
  }
}
@media (max-width: 600px) {
  h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 480px) {
  h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

h3 {
  color: var(--main-color);
  font-family: var(--header-font);
  font-size: 44px;
  font-weight: 400;
  line-height: 52px;
}
@media (max-width: 1024px) {
  h3 {
    font-size: 40px;
    line-height: 46px;
  }
}
@media (max-width: 992px) {
  h3 {
    font-size: 35px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  h3 {
    font-size: 30px;
    line-height: 35px;
  }
}
@media (max-width: 600px) {
  h3 {
    font-size: 25px;
    line-height: 30px;
  }
}
@media (max-width: 480px) {
  h3 {
    font-size: 20px;
    line-height: 25px;
  }
}

h4 {
  color: var(--main-color);
  font-family: var(--header-font);
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}
@media (max-width: 1024px) {
  h4 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 992px) {
  h4 {
    font-size: 26px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  h4 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media (max-width: 600px) {
  h4 {
    font-size: 18px;
    line-height: 24px;
  }
}

h5 {
  color: var(--main-color);
  font-family: var(--header-font);
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}
@media (max-width: 767px) {
  h5 {
    font-size: 18px;
    line-height: 24px;
  }
}

h6 {
  color: var(--main-color);
  font-family: var(--header-font);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 767px) {
  h6 {
    font-size: 16px;
    line-height: 22px;
  }
}

.heading-title {
  position: relative;
  margin-bottom: 40px;
  text-align: center;
}
.heading-title.text-left {
  text-align: left;
}
@media (max-width: 1024px) {
  .heading-title {
    margin-bottom: 25px;
  }
}
.heading-title h2 {
  margin: 0 0 8px;
  color: var(--main-color);
  font-family: var(--header-font);
  font-size: 56px;
  font-weight: 400;
  line-height: 62px;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .heading-title h2 {
    font-size: 48px;
    line-height: 56px;
  }
}
@media (max-width: 992px) {
  .heading-title h2 {
    font-size: 42px;
    line-height: 48px;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .heading-title h2 {
    font-size: 36px;
    line-height: 42px;
  }
}
@media (max-width: 600px) {
  .heading-title h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 480px) {
  .heading-title h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .heading-title h2 br {
    display: none;
  }
}
.heading-title p {
  color: var(--main-color);
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  font-family: var(--body-font);
}
.content-section h2 {
  color: var(--main-color);
  font-family: var(--header-font);
  font-size: 56px;
  font-weight: 400;
  line-height: 62px;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .content-section h2 {
    font-size: 48px;
    line-height: 56px;
  }
}
@media (max-width: 992px) {
  .content-section h2 {
    font-size: 42px;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  .content-section h2 {
    font-size: 36px;
    line-height: 42px;
  }
}
@media (max-width: 600px) {
  .content-section h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 480px) {
  .content-section h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
.content-section p {
  margin-bottom: 10px;
}
.content-section ul {
  list-style: disc;
  padding-left: 50px;
  margin-bottom: 25px;
}
.content-section ul li {
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 31px;
  margin: 0 0 5px;
  list-style: disc;
  list-style-position: outside;
}
.content-section .signature {
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 18px;
  font-weight: 500;
  line-height: 31px;
  display: inline-block;
  position: relative;
}
.content-section .signature:before {
  content: "";
  background: #9d9d9d;
  width: 80px;
  height: 1px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-right: 15px;
}

.cms-content {
  padding: 0 0 40px;
}
.cms-content h2 {
  font-size: 44px;
  line-height: 35px;
}
@media (max-width: 992px) {
  .cms-content h2 {
    font-size: 42px;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  .cms-content h2 {
    font-size: 36px;
    line-height: 42px;
  }
}
@media (max-width: 600px) {
  .cms-content h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 480px) {
  .cms-content h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
.cms-content h1, .cms-content h2, .cms-content h3, .cms-content h4, .cms-content h5, .cms-content h6 {
  margin-bottom: 15px;
  color: var(--main-color);
}
.cms-content p {
  font-size: 16px;
  line-height: 31px;
  margin-bottom: 25px;
}
.cms-content p b {
  font-weight: 500;
}
.cms-content p a {
  color: #0B11DA;
  text-decoration: underline !important;
}
.cms-content p a:hover {
  text-decoration: none !important;
}
.cms-content figure, .cms-content img {
  margin-bottom: 15px;
}
.cms-content ol {
  list-style: decimal;
  padding-left: 20px;
}
.cms-content ol li {
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 31px;
  margin: 0 0 5px;
  list-style: decimal;
  list-style-position: inside;
}
.cms-content ul {
  list-style: disc;
  padding-left: 20px;
}
.cms-content ul li {
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 31px;
  margin: 0 0 5px;
  list-style: disc;
  list-style-position: inside;
}

.common-bullets ul {
  list-style: disc;
  padding-left: 50px;
}
.common-bullets ul li {
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 31px;
  margin: 0 0 5px;
  list-style: disc;
  list-style-position: outside;
}

.seperator-chart {
  width: 270px;
  height: 1px;
  background: #e8e8e8;
  display: block;
  margin: 30px auto;
}

body.sidebar-open:before {
  content: "";
  background: var(--main-color);
  opacity: 0.56;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 104;
}

.dot {
  width: 9px;
  height: 9px;
  background: #535353;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.footer-disclaimer {
  padding: 40px 0 25px;
  text-align: center;
  background: #ffffff;
  -webkit-box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.27);
          box-shadow: 0px -4px 11px rgba(0, 0, 0, 0.27);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 103;
}
@media (max-width: 767px) {
  .footer-disclaimer {
    padding: 15px;
  }
}
.footer-disclaimer .disclaimer-inner h2 {
  color: var(--main-color);
  font-size: 24px;
  font-weight: 500;
  line-height: 29px;
  margin: 0 0 38px;
}
.footer-disclaimer .disclaimer-inner a {
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  min-width: 196px;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .footer-disclaimer .disclaimer-inner a {
    line-height: 35px;
  }
}
.footer-disclaimer .disclaimer-inner p {
  color: var(--main-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
  max-width: 541px;
  margin: 0 auto 15px;
}

.sidebar-wrapper {
  width: 380px;
  background: #ffffff;
  position: fixed;
  height: 100vh;
  right: -100vw;
  top: 0;
  z-index: 105;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
  .sidebar-wrapper {
    width: 100%;
  }
}
.sidebar-wrapper .sidebar-inner .sidebar-header {
  padding: 9px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .sidebar-wrapper .sidebar-inner .sidebar-header {
    padding: 15px;
  }
}
.sidebar-wrapper .sidebar-inner .sidebar-header .backicon img {
  height: 24px;
}
.sidebar-wrapper .sidebar-inner .sidebar-header h2 {
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 23px;
  font-weight: 400;
  line-height: 52px;
}
@media (max-width: 767px) {
  .sidebar-wrapper .sidebar-inner .sidebar-header h2 {
    font-size: 28px;
  }
}
.sidebar-wrapper .sidebar-inner .sidebar-header .iconcross {
  color: var(--main-color);
  font-size: 21px;
  font-weight: 700;
  line-height: 22px;
  margin-left: auto;
}
.sidebar-wrapper .sidebar-inner .sidebar-information-box {
  color: var(--main-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  background: #eaeaea;
  padding: 20px 30px;
}
.sidebar-wrapper .sidebar-inner .sidebar-information-box span {
  font-weight: 500;
}
.sidebar-wrapper .sidebar-inner .sidebar-body {
  padding: 0 15px;
}
@media (max-width: 767px) {
  .sidebar-wrapper .sidebar-inner .sidebar-body {
    padding: 15px;
  }
}
.sidebar-wrapper .sidebar-inner .sidebar-body h3 {
  color: var(--main-color);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}
.sidebar-wrapper .sidebar-inner .sidebar-body h5 {
  color: var(--main-color);
  font-size: 22px;
  margin-bottom: 15px;
}
.sidebar-wrapper .sidebar-inner .sidebar-body p {
  color: var(--main-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
}
.sidebar-wrapper .sidebar-inner .sidebar-body .cart-list {
  height: calc(100vh - 240px);
  overflow-y: auto;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .sidebar-wrapper .sidebar-inner .sidebar-body .cart-list {
    height: calc(100vh - 260px);
  }
}
.sidebar-wrapper .sidebar-inner .sidebar-body .cart-list::-webkit-scrollbar {
  width: 4px;
  border-radius: 6.5px;
}
.sidebar-wrapper .sidebar-inner .sidebar-body .cart-list::-webkit-scrollbar-thumb {
  border-radius: 6.5px;
  background-color: #AEAEAE;
}
.sidebar-wrapper .sidebar-inner .sidebar-body .cart-list::-webkit-scrollbar-track {
  border-radius: 6.5px;
}
.sidebar-wrapper .sidebar-inner .sidebar-body .cart-list ul li {
  margin-bottom: 20px;
  border-bottom: solid 1px #CCCCCC;
  padding-bottom: 7px;
}
.sidebar-wrapper .sidebar-inner .sidebar-body .form-wrapper form {
  margin-bottom: 54px;
}
.sidebar-wrapper .sidebar-inner .sidebar-body .form-wrapper form .forgotlink {
  color: var(--main-color);
  margin-bottom: 22px;
  font-size: 14px;
  display: block;
  font-weight: 400;
  line-height: 17px;
  text-decoration: underline !important;
}
.sidebar-wrapper .sidebar-inner .sidebar-body .form-wrapper form .forgotlink:hover {
  text-decoration: none !important;
}
.sidebar-wrapper .sidebar-inner .sidebar-footer {
  padding: 3px 15px 15px 25px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  border-top: solid 1px #343736;
}
@media (max-width: 767px) {
  .sidebar-wrapper .sidebar-inner .sidebar-footer {
    padding: 15px;
  }
}
.sidebar-wrapper .sidebar-inner .sidebar-footer .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
          gap: 5px;
}
.sidebar-wrapper .sidebar-inner .sidebar-footer a {
  margin-top: 4px;
  padding: 4px 14px;
  font-size: 14px;
  line-height: 30px;
  width: 100%;
  display: block;
  white-space: nowrap;
}

.sidebar-wrapper .sidebar-inner .sidebar-footer .left{}
.sidebar-wrapper .sidebar-inner .sidebar-footer .right{}
@media (max-width: 767px) {
  .sidebar-wrapper .sidebar-inner .sidebar-footer a {
    max-width: calc(50% - 7px);
    -webkit-box-flex: calc(50% - 7px);
        -ms-flex: calc(50% - 7px);
            flex: calc(50% - 7px);
    padding: 0 10px;
    margin: 0 7px;
    text-transform: uppercase;
    min-width: auto !important;
  }
}
@media (max-width: 767px) {
  .sidebar-wrapper .sidebar-inner .sidebar-footer a:first-child {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .sidebar-wrapper .sidebar-inner .sidebar-footer a:last-child {
    margin-right: 0;
  }
}
.sidebar-wrapper .sidebar-inner .sidebar-footer .total-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar-wrapper .sidebar-inner .sidebar-footer .total-cart label {
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 52px;
}
.sidebar-wrapper .sidebar-inner .sidebar-footer .total-cart h4 {
  color: var(--main-color);
  font-family: var(--body-font);

  font-size: 14px;
  line-height: 24px;
  padding-right: 15px;
}

.otheroption .haveaccount {
  color: var(--main-color);
  margin-bottom: 22px;
  font-size: 14px;
  display: block;
  text-align: center;
  font-weight: 400;
  line-height: 17px;
}
.otheroption .black-transparent-btn {
  width: calc(100% - 44px);
  min-width: calc(100% - 44px);
  margin: auto;
  display: block;
}

.cart-list .cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cart-list .cart-item .cart-image {
  -webkit-box-flex: 75px;
      -ms-flex: 75px;
          flex: 75px;
  max-width: 75px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .cart-list .cart-item .cart-image {
    -webkit-box-flex: 75px;
        -ms-flex: 75px;
            flex: 75px;
    max-width: 75px;
  }
}
.cart-list .cart-item .cart-image figure img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 104px;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
}
.cart-list .cart-item .cart-content {
  -webkit-box-flex: calc(100% - 75px);
      -ms-flex: calc(100% - 75px);
          flex: calc(100% - 75px);
  max-width: calc(100% - 75px);
  padding-left: 20px;
}
@media (max-width: 767px) {
  .cart-list .cart-item .cart-content {
    -webkit-box-flex: calc(100% - 75px);
        -ms-flex: calc(100% - 75px);
            flex: calc(100% - 75px);
    max-width: calc(100% - 75px);
    padding-left: 15px;
  }
}
.cart-list .cart-item .cart-content .price-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cart-list .cart-item .cart-content .price-tag h3 {
  color: var(--main-color);
  font-family: var(--header-font);
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
  text-align: left;
  padding-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cart-list .cart-item .cart-content .price-tag>span {
  font-family: var(--body-font);

  font-size: 13px;
  line-height: 19px;
  position: relative;
  top: 8px;
  margin-left: auto;
}
.cart-list .cart-item .cart-content p {
  font-family: var(--body-font);
  color: var(--main-color);
  font-size: 13px;
  font-weight: 300;
  text-align: left;
  line-height: 17px;
}

.cart-action {
   width: 100%;
}

.cart-list .cart-item .cart-content .cart-action {
  text-align: right;
   margin-top: 27px;
}

.cart-list .cart-item .cart-content .cart-action a {
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  text-align: right;
  text-decoration: underline !important;
}
.cart-list .cart-item .cart-content .cart-action a:hover {
  text-decoration: none !important;
}

.summary-list .title {
  color: var(--main-color);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 43px;
}
.summary-list .list-items ul li {
  margin-bottom: 23px;
}

.single-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.single-item .left-content {
  max-width: calc(100% - 125px);
  -webkit-box-flex: calc(100% - 125px);
      -ms-flex: calc(100% - 125px);
          flex: calc(100% - 125px);
}
@media (max-width: 767px) {
  .single-item .left-content {
    max-width: calc(100% - 75px);
    -webkit-box-flex: calc(100% - 75px);
        -ms-flex: calc(100% - 75px);
            flex: calc(100% - 75px);
  }
}
.single-item .left-content h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  color: var(--main-color);
}
@media (max-width: 767px) {
  .single-item .left-content h3 {
    font-size: 16px;
  }
}
.single-item .left-content p {
  font-size: 18px;
  color: var(--main-color);
  font-weight: 400;
  line-height: 22px;
}
@media (max-width: 767px) {
  .single-item .left-content p {
    font-size: 15px;
  }
}
.single-item .right-content {
  max-width: 125px;
  -webkit-box-flex: 125px;
      -ms-flex: 125px;
          flex: 125px;
  text-align: right;
}
@media (max-width: 767px) {
  .single-item .right-content {
    max-width: 75px;
    -webkit-box-flex: 75px;
        -ms-flex: 75px;
            flex: 75px;
  }
}
.single-item .right-content h4 {
  font-size: 18px;
  font-weight: 400;
  color: var(--main-color);
  line-height: 22px;
  padding-right: 17px;
  text-transform: uppercase;
}

.total-result {
  border-radius: 5px;
  background: #eaeaea;
  padding: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.total-result .left-result-content label {
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-transform: uppercase;
  color: var(--main-color);
}
.total-result .right-result-content span {
  color: var(--main-color);
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
}

.image-frame-center img {
  margin-left: auto;
  margin-right: auto;
}

.tooltip-wrapper:hover .tooltipdata {
  opacity: 1;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.tooltip-wrapper .tooltipdata {
  position: absolute;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  left: 35px;
  top: -20px;
  opacity: 0;
  width: 0;
}
.tooltip-wrapper .tooltipdata .arrow {
  width: 13px;
  height: 13px;
  display: inline-block;
  background: black;
  position: absolute;
  left: -6px;
  top: 25px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: -1;
}
.tooltip-wrapper .tooltipdata .content {
  background: #000;
  border-radius: 8px;
  padding: 5px;
  color: #fff;
  font-size: 13px;
  line-height: 17px;
  width: 160px;
}

/* Reset -------------------------------------------------- */
html {
  margin: 0;
  padding: 0;
  border: 0;
}

a,
abbr,
acronym,
address,
article,
aside,
blockquote,
body,
caption,
code,
dd,
del,
dfn,
dialog,
div,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
iframe,
img,
input,
label,
legend,
li,
nav,
object,
ol,
p,
pre,
q,
section,
span,
ul {
  margin: 0;
  padding: 0;
  border: 0;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

a img {
  border: none;
}

:focus {
  outline: 0;
}

a:focus {
  outline: none;
}

/* Global -------------------------------------------------- */
body {
  color: var(--main-color);
  font-family: var(--body-font);
  background: var(--bodybg-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

/* Global Css for headings, p and achors */
section {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}

.w-100 {
  width: 100%;
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

a {
  text-decoration: none !important;
}
a:hover, a:focus {
  transition: all ease 0.6s;
  -webkit-transition: all ease 0.6s;
  -moz-transition: all ease 0.6s;
  -ms-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

ul,
ul li,
ul li ul,
ul li ul li,
ul ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bg-light-theme {
  background: #fffbf9;
}

.bg-dark-theme {
  background: #F5E2D7;
}

body.menu-open {
  overflow: hidden;
}

.img-fluid {
  display: block;
  max-width: 100%;
  height: auto;
}

.theme-btn,
.wpcf7-form input[type="submit"]{
  color: #ffffff;
  border: solid 1px var(--button-color);
  background: var(--button-color);
  padding: 6px 40px;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  font-family: var(--body-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 31px;
  text-transform: uppercase;
  letter-spacing: 1.6px;
}
@media (max-width: 992px) {
  .theme-btn {
    padding: 6px 16px;
    font-size: 14px;
    line-height: 28px;
  }
}
@media (max-width: 480px) {
  .theme-btn {
    padding: 6px 20px;
    font-size: 14px;
    line-height: 26px;
  }
}
.theme-btn:hover, .theme-btn:focus {
  opacity: 0.8;
}

.transparen-black-btn {
  color: #252925;
  border: solid 1px #252925;
  background: transparent;
  padding: 4px 40px;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  font-family: var(--body-font);
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  text-transform: uppercase;
  letter-spacing: 1.6px;
}
@media (max-width: 992px) {
  .transparen-black-btn {
    padding: 6px 30px;
    font-size: 16px;
    line-height: 28px;
  }
}
@media (max-width: 480px) {
  .transparen-black-btn {
    padding: 6px 20px;
    font-size: 14px;
    line-height: 26px;
  }
}

.link-btn {
  color: var(--main-color);
  padding: 4px 15px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 31px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.3176471px;
}
.link-btn:hover, .link-btn:focus {
  text-decoration: underline !important;
}

.secondary-btn {
  color: #ffffff;
  border: solid 1px #a59080;
  background: #a59080;
  padding: 13px 15px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  font-weight: 300;
  font-family: var(--body-font);
  -webkit-transform: all ease 0.5s;
          transform: all ease 0.5s;
}
.secondary-btn:hover, .secondary-btn:focus {
  -webkit-transform: all ease 0.5s;
          transform: all ease 0.5s;
  background: #897769;
}

.chat-item {
  margin-bottom: 50px;
}

.maxwidth-100 {
  max-width: 100% !important;
}

.maxwidth-760 {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .maxwidth-760 {
    max-width: 100%;
  }
}

.maxwidth-610 {
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .maxwidth-610 {
    max-width: 100%;
  }
}

.maxwidth-500 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .maxwidth-500 {
    max-width: 100%;
  }
}

.maxwidth-455 {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .maxwidth-455 {
    max-width: 100%;
  }
}

.maxwidth-420 {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .maxwidth-420 {
    max-width: 100%;
  }
}

.maxwidth-820 {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .maxwidth-820 {
    max-width: 100%;
  }
}

.maxwidth-730 {
  max-width: 730px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .maxwidth-730 {
    max-width: 100%;
  }
}

.maxwidth-770 {
  max-width: 770px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .maxwidth-770 {
    max-width: 100%;
  }
}

.maxwidth-970 {
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .maxwidth-970 {
    max-width: 100%;
  }
}

.maxwidth-1000 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .maxwidth-1000 {
    max-width: 100%;
  }
}

.main-heading {
  font-size: 53px;
  font-family: "Playfair-Display";
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  line-height: 1;
  margin-bottom: 20px;
  text-align: center;
}
.main-heading.fs-41 {
  font-size: 41px;
}
@media (max-width: 600px) {
  .main-heading {
    font-size: 42px;
  }
}
@media (max-width: 480px) {
  .main-heading {
    font-size: 32px;
  }
}
@media (max-width: 375px) {
  .main-heading {
    font-size: 27px;
  }
}
.main-heading span {
  color: #a59080;
}
.main-heading i {
  color: #a59080;
  font-style: italic;
  text-transform: lowercase;
}

.tabs-wrapper {
  max-width: 1000px;
  margin: auto;
}
@media (max-width: 992px) {
  .tabs-wrapper {
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .tabs-wrapper {
    padding: 0 0;
  }
}
.tabs-wrapper .top-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.tabs-wrapper .top-header .heading-title {
  margin: 0;
}
@media (max-width: 767px) {
  .tabs-wrapper .top-header .heading-title {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .tabs-wrapper .top-header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 10px;
    border-bottom: solid 1px #cccccc;
  }
}
.tabs-wrapper .tabs-item {
  margin-bottom: 0;
}
.tabs-wrapper .tabs-item li {
  display: inline-block;
  margin: 0 25px;
}
@media (max-width: 767px) {
  .tabs-wrapper .tabs-item li {
    margin: 0 10px;
  }
}
@media (max-width: 400px) {
  .tabs-wrapper .tabs-item li {
    margin: 0 5px;
  }
}
.tabs-wrapper .tabs-item li:last-child {
  margin-right: 0;
}
.tabs-wrapper .tabs-item li a {
  font-family: "Calibri-bold";
  color: var(--main-color);
  opacity: 0.55;
  font-size: 15px;
  line-height: 31px;
  text-transform: uppercase;
  border-bottom: solid 2px transparent;
}
@media (max-width: 767px) {
  .tabs-wrapper .tabs-item li a {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .tabs-wrapper .tabs-item li a {
    text-transform: inherit;
  }
}
.tabs-wrapper .tabs-item li a.active {
  font-family: "Calibri-bold";
  opacity: 1;
  border-color: #343736;
}
.tabs-wrapper .active {
  display: block;
}
.tabs-wrapper .hide {
  display: none;
}
.tabs-wrapper .tab-item .submit-button {
  padding-top: 10px;
}
.tabs-wrapper .tab-item .submit-button input {
  width: 100%;
  margin: auto;
  min-width: auto;
  display: block;
}

.subheading {
  font-size: 18px;
  line-height: 31px;
  text-transform: uppercase;
  font-family: "Calibri-bold";
  color: var(--main-color);
  margin-bottom: 0;
}

.charts-items ul li {
  padding: 16px 0 8px;
  border-bottom: solid 1px #cccccc;
}
@media (max-width: 767px) {
  .charts-items ul li {
    padding: 0 0 30px;
    margin-top: 25px;
  }
}

.chart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media (max-width: 767px) {
  .chart-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.chart-item .chart-title {
  max-width: calc(100% - 370px);
  -webkit-box-flex: calc(100% - 370px);
      -ms-flex: calc(100% - 370px);
          flex: calc(100% - 370px);
}
@media (max-width: 767px) {
  .chart-item .chart-title {
    max-width: calc(100% - 50px);
    -webkit-box-flex: calc(100% - 50px);
        -ms-flex: calc(100% - 50px);
            flex: calc(100% - 50px);
  }
}
.chart-item .chart-title h2 {
  font-family: var(--header-font);
  font-size: 23px;
  font-weight: 400;
  line-height: 28px;
  color: var(--main-color);
  margin-bottom: 4px;
}
.chart-item .chart-title h2 a {
  color: var(--main-color);
}
.chart-item .chart-title h2 a:hover {
  text-decoration: underline !important;
}
.chart-item .chart-title p {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 300;
  color: var(--main-color);
  line-height: 20px;
}
.chart-item .chart-actions {
  max-width: 120px;
  -webkit-box-flex: 120px;
      -ms-flex: 120px;
          flex: 120px;
  text-align: right;
}
.chart-item .chart-actions a {
  display: inline-block;
  margin-left: 12px;
}
.chart-item .chart-button {
  max-width: 250px;
  -webkit-box-flex: 250px;
      -ms-flex: 250px;
          flex: 250px;
  text-align: right;
}
@media (max-width: 767px) {
  .chart-item .chart-button {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    text-align: center;
    margin-top: 15px;
  }
}
.chart-item .chart-button a {
  min-width: 220px;
  padding: 5px 25px;
}
@media (max-width: 480px) {
  .chart-item .chart-button a {
    width: 100%;
  }
}

.anchorunderline {
  color: var(--main-color);
  text-decoration: underline !important;
  font-family: var(--body-font);
  font-size: 18px;
  font-weight: 300;
  line-height: 31px;
  display: inline-block;
}
.anchorunderline:hover {
  text-decoration: none !important;
}

.other-links {
  margin-top: 12px;
}
.other-links .anchorunderline {
  margin-bottom: 30px;
}
.other-links p {
  font-family: "Calibri-bold";
  color: var(--main-color);
  font-size: 18px;
  line-height: 31px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.other-links .createaccount {
  width: 100%;
  line-height: 29px;
  padding: 7px 40px;
}

.cart-list.summary-list ul li {
  margin-bottom: 20px;
  border-bottom: solid 1px #CCCCCC;
  padding-bottom: 30px;
}

.total-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: solid 1px #CCCCCC;
  margin-top: 15px;
}
.total-amount label {
  color: var(--main-color);
  font-family: var(--header-font);
  font-size: 25px;
  font-weight: 400;
  line-height: 52px;
}
.total-amount h4 {
  color: var(--main-color);
  font-family: var(--body-font);
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  padding-right: 0;
}

.total-amount-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
.total-amount-date p {
  font-family: "Calibri-bold";
  color: var(--main-color);
  font-size: 18px;
  line-height: 31px;
}
@media (max-width: 480px) {
  .total-amount-date p {
    font-size: 16px;
  }
}
.total-amount-date h5 {
  font-family: "Calibri-bold";
  color: var(--main-color);
  font-size: 18px;
  line-height: 31px;
}
@media (max-width: 480px) {
  .total-amount-date h5 {
    font-size: 16px;
  }
}

.input-withbutton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.input-withbutton .input-btn {
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  background: #2e352e;
  border: solid 1px #2e352e;
  color: #fff;
  line-height: 38px; 
  text-transform: uppercase;
  display: inline-block;
  min-width: 140px;
  margin-left: 6px;
  border-radius: 20px;
      color: #252925!important;
    border: solid 1px #252925;
    background: transparent!important;
}
.input-withbutton input {
  border-radius: 20px;
}

.dropshadow {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  opacity: 0.9;
  background: #fff;
  z-index: 1000;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-animation-name: fadeIn_Container;
  animation-name: fadeIn_Container;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
}
.modal .aligncenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
@media (max-width: 767px) {
  .modal .aligncenter {
    height: auto;
  }
}

.modal .modal-dialog {
  max-width: 1000px;
  margin: 0 auto;
  -webkit-animation-name: fadeIn_Modal;
  animation-name: fadeIn_Modal;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: relative;
  z-index: 11;
  width: 100%;
  height: 100vh;
    
  background: var(--bodybg-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
.modal .modal-dialog .input-field select, .modal .modal-dialog .input-field input,
.modal .modal-dialog .input-field input:focus,
.modal .modal-dialog .two-select{

  background: #ffffff!important;
}
@media (max-width: 767px) {
  .modal .modal-dialog {
    padding: 0 15px;
    overflow-y: auto;
  }
}


.modal .modal-video-dailog {
  max-width: 1000px;
  margin: 0 auto;
  -webkit-animation-name: fadeIn_Modal;
  animation-name: fadeIn_Modal;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: relative;
  z-index: 11;
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
  .modal .modal-video-dailog {
    padding: 0 15px;
  }
}
.modal .close-modal {
  color: #ffffff;
  font-family: "Calibri-bold";
  font-size: 16px;
  line-height: 19px;
  position: absolute;
  right: 15px;
  top: 15px;
}
.modal .close-modal.close-video-modal {
  z-index: 101;
  background: #fff;
  border-radius: 50%;
  display: flex;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.modal .modal-content .modal-details {
  max-width: 535px;
  margin: 0 auto;
  padding: 30px 0;
}
@media (max-width: 767px) {
  .modal .modal-content .modal-details {
    padding: 50px 0;
  }
}
.modal .modal-content .modal-details .heading-title {
  margin-bottom: 35px;
}
.modal .modal-content .modal-details .heading-title h2 {
  color: var(--main-color);
  margin-bottom: 20px;
  font-size: 39px;
  line-height: 48px;
  max-width: 450px;
  margin: 0 auto 20px;
}
@media (max-width: 1024px) {
  .modal .modal-content .modal-details .heading-title h2 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 992px) {
  .modal .modal-content .modal-details .heading-title h2 {
    font-size: 26px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .modal .modal-content .modal-details .heading-title h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
.modal .modal-content .modal-details .heading-title p {
  color: #343736;
  font-size: 18px;
  font-weight: 300;
  line-height: 31px;
  text-align: justify;
}
.modal .modal-content .modal-details .button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 18px;
}

.drop-down .selected {
  display: none;
}
.drop-down .options ul li {
  display: inline-block;
  border: 0;
}
.drop-down .options ul li span {
  font-size: 0;
}

@media (max-width: 767px) {
  .drop-down {
    position: absolute;
    right: 0;
    top: 8px;
  }
  .drop-down .selected {
    display: block;
  }
  .drop-down .option {
    position: relative;
  }
  .drop-down .options ul {
    width: 140px;
    padding: 10px 20px 15px;
    z-index: 9;
    background: #efefef;
    -webkit-box-shadow: 2px 2px rgba(0, 0, 0, 0.36);
            box-shadow: 2px 2px rgba(0, 0, 0, 0.36);
    display: none;
    list-style: none;
    position: absolute;
    right: 0;
    top: 30px;
  }
  .drop-down .options ul.open-menu {
    display: block;
  }
  .drop-down .options ul:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #efefef;
    right: 0;
    top: -8px;
    z-index: 4;
  }
  .drop-down .options ul:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #a3a3a3;
    right: 0;
    top: -8px;
    z-index: 3;
  }
  .drop-down .options ul li {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0;
  }
  .drop-down .options ul li a {
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    color: var(--main-color);
    text-transform: inherit;
    margin: 0;
  }
  .drop-down .options ul li a:hover {
    text-decoration: underline !important;
    font-weight: 500 !important;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  .drop-down .options ul li a img {
    display: none;
  }
  .drop-down .options ul li a span {
    font-size: 16px;
  }
  .drop-down .options span.value {
    display: none;
  }
}
.account-wrapper .account-wrapper-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 800px) {
  .account-wrapper .account-wrapper-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.account-wrapper .account-wrapper-inner .account-sidebar {
  max-width: 250px;
  -webkit-box-flex: 250px;
      -ms-flex: 250px;
          flex: 250px;
  padding-left: 40px;
}
@media (max-width: 800px) {
  .account-wrapper .account-wrapper-inner .account-sidebar {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    padding-left: 0;
    width: 380px;
    background: #ffffff;
    position: fixed;
    height: 100vh;
    left: -100vw;
    top: 0;
    z-index: 105;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    padding: 55px 15px 15px;
  }
}
.account-wrapper .account-wrapper-inner .account-sidebar .close-accountsidebar {
  display: none;
}
@media (max-width: 800px) {
  .account-wrapper .account-wrapper-inner .account-sidebar .close-accountsidebar {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
  }
}
.account-wrapper .account-wrapper-inner .account-sidebar ul li a {
  font-family: var(--header-font);
  font-size: 20px;
  font-weight: 400;
  line-height: 48px;
  color: var(--main-color);
}

.account-wrapper .account-wrapper-inner .account-sidebar ul li a.active, .account-wrapper .account-wrapper-inner .account-sidebar ul li a:hover {
  text-decoration: underline !important;
  font-weight: 600;
}
.account-wrapper .account-wrapper-inner .account-sidebar ul li a.theme-btn {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.3176471px;
  margin-top: 10px;
  padding: 6px 15px;
  color:#fff;
}
.account-wrapper .account-wrapper-inner .account-sidebar ul li a.theme-btn:hover {
  text-decoration: none !important;
}
.account-wrapper .account-wrapper-inner .account-content {
  max-width: calc(100% - 250px);
  -webkit-box-flex: calc(100% - 250px);
      -ms-flex: calc(100% - 250px);
          flex: calc(100% - 250px);
  padding-left: 60px;
}
@media (max-width: 992px) {
  .account-wrapper .account-wrapper-inner .account-content {
    padding-left: 20px;
  }
}
.account-wrapper .account-wrapper-inner .account-content .mobilesidebar-icon {
  display: none;
}
.account-wrapper .account-wrapper-inner .account-content .mobilesidebar-icon a {
  font-family: var(--main-color);
  font-size: 24px;
  font-weight: 400;
  line-height: 48px;
  color: var(--main-color);
}
.account-wrapper .account-wrapper-inner .account-content .mobilesidebar-icon a svg {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 800px) {
  .account-wrapper .account-wrapper-inner .account-content .mobilesidebar-icon {
    display: block;
  }
}
@media (max-width: 800px) {
  .account-wrapper .account-wrapper-inner .account-content {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    padding-left: 0;
  }
}

.avatar-details {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.avatar-details span {
  font-family: var(--header-font);
  font-size: 22px;
  font-weight: 400;
  line-height: 53px;
  text-align: center;
 color: var(--main-color);
  display: inline-block;
  margin-right: 10px;
  width: 53px;
  max-width: 53px;
  -webkit-box-flex: 53px;
      -ms-flex: 53px;
          flex: 53px;
  height: 53px;
 background: var(--bodybg-color);
  border-radius: 50%;
}
.avatar-details .avatar-data {
  max-width: calc(100% - 53px);
  -webkit-box-flex: calc(100% - 53px);
      -ms-flex: calc(100% - 53px);
          flex: calc(100% - 53px);
}
.avatar-details .avatar-data h5 {
  font-family: var(--header-font);
  color: var(--main-color);
  font-size: 22px;
  font-weight: 400;
  line-height: 20px;
}
.avatar-details .avatar-data p {
  font-family: var(--body-font);
  color: var(--main-color);
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.energy-listing {
  padding-bottom: 25px;
}
.energy-listing ul li {
  margin-bottom: 25px;
}

.energy-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.energy-item .energy-content {
  padding-left: 20px;
}
.energy-item .energy-content label {
  font-family: var(--body-font);
  color: var(--main-color);
  font-size: 14px;
  font-weight: 300;
  line-height: 31px;
  text-transform: uppercase;
  letter-spacing: 0.93333334px;
}
.energy-item .energy-content h3 {
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 5px;
}
.energy-item .energy-content .button-energy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}

.chart-listing {
  padding-bottom: 20px;
  max-width: 650px;
}
.chart-listing ul li {
  margin-bottom: 12px;
}

.order-item {
  border-radius: 15px;
background: var(--primarybackgroun-color);
  
  padding: 25px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
@media (max-width: 768px) {
  .order-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 45px;
  }
}
.order-item .chart-left .avatar-details {
  max-width: 350px;
  margin-bottom: 0;
}
.order-item .chart-left .avatar-details span {
  width: 74px;
  height: 74px;
  max-width: 74px;
  -webkit-box-flex: 74px;
      -ms-flex: 74px;
          flex: 74px;
  line-height: 74px;
  font-size: 27px;
}
.order-item .chart-left .avatar-details .avatar-data {
  max-width: calc(100% - 74px);
  -webkit-box-flex: calc(100% - 74px);
      -ms-flex: calc(100% - 74px);
          flex: calc(100% - 74px);
}
.order-item .chart-left .avatar-details .avatar-data h5 {
  font-size: 33px;
  line-height: 42px;
}
.order-item .chart-left .avatar-details .avatar-data p {
  font-size: 12px;
  line-height: 18px;
}
.order-item .chart-right {
  text-align: right;
}
.order-item .chart-right select{
  padding: 10px;
  min-width: 200px;
  border-radius: 4px;
  font-family: var(--body-font);
  font-size: 14px;
      text-transform: uppercase;
    letter-spacing: 1.6px;

  
}
.order-item .chart-right .edit-actions {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 20px;
}
@media (max-width: 768px) {
  .order-item .chart-right .edit-actions {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}
@media (max-width: 768px) {
  .order-item .chart-right .main-actions {
    margin-top: 25px;
  }
}

.woocommerce a.remove {
    font-size: 12px!important;
    height: auto!important;
    width: auto!important;
    border-radius: 0px!important;
    color: #ce6161!important;
    text-decoration: none;
    font-weight: 500!important;
    border: 0;
    padding: 6px!important;
    float: right!important;
}
.woocommerce a.remove:hover {
text-decoration: underline!important;
background: none!important;
color: #ce6161!important;
}
.woocommerce img, .woocommerce-page img {
    border-radius: 0px!important;
}


.main-actions {
padding-top: 10px;
}


.order-item .chart-right .main-actions a {
  font-size: 14px;
  font-weight: 400;
  line-height: 31px;
  padding: 2px 30px;
}

.shop-wrapper {
  padding: 30px 0;
}
.shop-wrapper .shop-listing > ul > li {
  margin-bottom: 50px;
}

.shop-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 600px) {
  
  
  .order-item .chart-right select{
  padding: 10px;
    width: 100%;
    
    
  
}
  .order-item .chart-right {
      width: 100%;padding: 10px 0;
  } 
  
  .shop-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.shop-item .shop-image {
  max-width: 330px;
  -webkit-box-flex: 330px;
      -ms-flex: 330px;
          flex: 330px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 992px) {
  .shop-item .shop-image {
    max-width: 260px;
    -webkit-box-flex: 260px;
        -ms-flex: 260px;
            flex: 260px;
  }
}
@media (max-width: 600px) {
  .shop-item .shop-image {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
.shop-item .shop-image .ispopuplar {
  background: #f3eee9;
  width: 260px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  font-size: 22px;
  font-family: "ivypresto-display";
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 60px;
  position: absolute;
  left: -50px;
}
@media (max-width: 600px) {
  .shop-item .shop-image .ispopuplar {
    width: 220px;
    height: 33px;
    font-size: 20px;
    top: 45px;
  }
}
.shop-item .shop-content {
  max-width: calc(100% - 330px);
  -webkit-box-flex: calc(100% - 330px);
      -ms-flex: calc(100% - 330px);
          flex: calc(100% - 330px);
  padding-left: 30px;
}
@media (max-width: 992px) {
  .shop-item .shop-content {
    max-width: calc(100% - 260px);
    -webkit-box-flex: calc(100% - 260px);
        -ms-flex: calc(100% - 260px);
            flex: calc(100% - 260px);
  }
}
@media (max-width: 600px) {
  .shop-item .shop-content {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
}
.shop-item .shop-content .shop-content-inner h2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 46px;
  font-family: var(--header-font);
  color: var(--main-color);
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  .shop-item .shop-content .shop-content-inner h2 {
    font-size: 48px;
    line-height: 52px;
  }
}
@media (max-width: 992px) {
  .shop-item .shop-content .shop-content-inner h2 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media (max-width: 767px) {
  .shop-item .shop-content .shop-content-inner h2 {
    font-size: 36px;
    line-height: 38px;
  }
}
@media (max-width: 600px) {
  .shop-item .shop-content .shop-content-inner h2 {
    font-size: 30px;
    line-height: 34px;
  }
}
@media (max-width: 480px) {
  .shop-item .shop-content .shop-content-inner h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
.shop-item .shop-content .shop-content-inner h2 a {
  color: var(--main-color);
}
.shop-item .shop-content .shop-content-inner h2 a:hover {
  text-decoration: underline !important;
}
.shop-item .shop-content .shop-content-inner p {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  color: var(--main-color);
  margin-bottom: 15px;
  letter-spacing: 0.6857143px;
}
.shop-item .shop-content .shop-content-inner ul {
  margin-bottom: 20px;
}
.shop-item .shop-content .shop-content-inner ul li {
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}
.shop-item .shop-content .shop-content-inner .price-type {
  margin-bottom: 18px;
}
.shop-item .shop-content .shop-content-inner .price-type p {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  font-family: var(--body-font);
  color: var(--main-color);
  margin: 0;
  letter-spacing: 0.85714287px;
}
.shop-item .shop-content .shop-content-inner .read-more a {
  min-width: 210px;
  font-size: 14px;
}

.custom-tooltip-text {
  position: relative;
  cursor: pointer;
}
.custom-tooltip-text:hover .toolltip-inner {
  display: block;
}
.custom-tooltip-text .toolltip-inner {
  display: none;
  text-align: center;
  padding: 9px 10px;
  height: auto;
  width: auto;
  position: absolute;
  left: -45px;
  right: 0;
  min-width: 100px;
  top: -45px;
  background: var(--main-color);
}
.custom-tooltip-text .toolltip-inner:before {
  content: "";
  width: 15px;
  height: 15px;
  background: var(--main-color);
  border-radius: 0;
  display: inline-block;
  position: absolute;
  bottom: -5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.custom-tooltip-text .toolltip-inner h3 {
  color: #ffffff;
  font-family: var(--body-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.shop-detail-inner .shop-header-details {
  margin-bottom: 30px;
}
.shop-detail-inner .shop-header-details h3 {
  font-family: "ivypresto-display";
  font-size: 56px;
  font-weight: 400;
  line-height: 53px;
}
@media (max-width: 1200px) {
  .shop-detail-inner .shop-header-details h3 {
    font-size: 48px;
    line-height: 52px;
  }
}
@media (max-width: 992px) {
  .shop-detail-inner .shop-header-details h3 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media (max-width: 767px) {
  .shop-detail-inner .shop-header-details h3 {
    font-size: 36px;
    line-height: 38px;
  }
}
@media (max-width: 600px) {
  .shop-detail-inner .shop-header-details h3 {
    font-size: 30px;
    line-height: 34px;
  }
}
@media (max-width: 480px) {
  .shop-detail-inner .shop-header-details h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
.shop-detail-inner .shop-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 1px #cccccc;
}
@media (max-width: 800px) {
  .shop-detail-inner .shop-details {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.shop-detail-inner .shop-details .shop-left-image {
  max-width: 410px;
  -webkit-box-flex: 410px;
      -ms-flex: 410px;
          flex: 410px;
}
@media (max-width: 992px) {
  .shop-detail-inner .shop-details .shop-left-image {
    max-width: 320px;
    -webkit-box-flex: 320px;
        -ms-flex: 320px;
            flex: 320px;
  }
}
@media (max-width: 800px) {
  .shop-detail-inner .shop-details .shop-left-image {
    max-width: 260px;
    -webkit-box-flex: 260px;
        -ms-flex: 260px;
            flex: 260px;
  }
}
@media (max-width: 800px) {
  .shop-detail-inner .shop-details .shop-left-image {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    padding-left: 0;
    margin-bottom: 20px;
  }
}
.shop-detail-inner .shop-details .shop-right-content {
  max-width: calc(100% - 410px);
  -webkit-box-flex: calc(100% - 410px);
      -ms-flex: calc(100% - 410px);
          flex: calc(100% - 410px);
  padding-left: 50px;
}
@media (max-width: 992px) {
  .shop-detail-inner .shop-details .shop-right-content {
    max-width: calc(100% - 320px);
    -webkit-box-flex: calc(100% - 320px);
        -ms-flex: calc(100% - 320px);
            flex: calc(100% - 320px);
    padding-left: 30px;
  }
}
@media (max-width: 800px) {
  .shop-detail-inner .shop-details .shop-right-content {
    max-width: calc(100% - 260px);
    -webkit-box-flex: calc(100% - 260px);
        -ms-flex: calc(100% - 260px);
            flex: calc(100% - 260px);
    padding-left: 20px;
  }
}
@media (max-width: 800px) {
  .shop-detail-inner .shop-details .shop-right-content {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    padding-left: 0;
  }
}
.shop-detail-inner .shop-details .shop-right-content .shop-content-single {
  max-width: 460px;
}
.shop-detail-inner .shop-details .shop-right-content .shop-content-single h3 {
  font-family: var(--body-font);
  font-size: 29px;
  font-weight: 300;
  line-height: 35px;
  margin-bottom: 15px;
}
.shop-detail-inner .shop-details .shop-right-content .shop-content-single p {
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  color: var(--main-color);
}
.shop-detail-inner .shop-details .shop-right-content .shop-content-single .price {
  font-family: var(--body-font);
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  display: block;
}
.shop-detail-inner .shop-details .shop-right-content .shop-content-single ul {
  list-style-position: outside;
  padding-left: 50px;
  list-style-type: disc;
  margin-bottom: 25px;
}
.shop-detail-inner .shop-details .shop-right-content .shop-content-single ul li {
  list-style-type: disc;
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  color: var(--main-color);
}
.shop-detail-inner .shop-details .shop-right-content .shop-content-single .get-quote a {
  text-transform: uppercase;
}

.back-btn a {
  font-family: var(--body-font);
  font-size: 14px;
  line-height: 31px;
  text-align: center;
  color: var(--main-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.back-btn a:hover {
  text-decoration: underline !important;
}
.back-btn a img {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}

.shop-detail-wrapper {
  padding: 50px 0;
}
.shop-detail-wrapper .shop-detail-inner {
  max-width: 980px;
  margin: auto;
  position: relative;
}
.shop-detail-wrapper .shop-detail-inner .back-btn {
  position: absolute;
  left: -90px;
  top: 10px;
}
@media (max-width: 1024px) {
  .shop-detail-wrapper .shop-detail-inner .back-btn {
    position: static;
  }
}

body.dropshadow-black:before {
  content: "";
  background: #000;
  opacity: 0.5;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 104;
}

.doublesidebar-wrapper {
  width: 830px;
  position: fixed;
  height: 100vh;
  right: -100vw;
  top: 0;
  z-index: 105;
}
@media (max-width: 767px) {
  .doublesidebar-wrapper {
    width: 100%;
  }
}
.doublesidebar-wrapper .sidebar-split {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.doublesidebar-wrapper .sidebar-split .left-split {
  max-width: 50%;
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  height: 100vh;
  position: relative;
  background: #ffffff;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media (max-width: 600px) {
  .doublesidebar-wrapper .sidebar-split .left-split {
    display: none !important;
  }
}
.doublesidebar-wrapper .sidebar-split .left-split.show-split-section {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.doublesidebar-wrapper .sidebar-split .right-split {
  max-width: 50%;
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  height: 100vh;
  position: relative;
  background: #ffffff;
}
@media (max-width: 600px) {
  .doublesidebar-wrapper .sidebar-split .right-split {
    max-width: 80%;
    -webkit-box-flex: 80%;
        -ms-flex: 80%;
            flex: 80%;
  }
}
.doublesidebar-wrapper .sidebar-inner .sidebar-header {
  padding: 9px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .doublesidebar-wrapper .sidebar-inner .sidebar-header {
    padding: 15px;
  }
}
.doublesidebar-wrapper .sidebar-inner .sidebar-header .backicon img {
  height: 24px;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-header h2 {
  color: var(--main-color);
  font-family: "ivypresto-display";
  font-size: 23px;
  line-height: 52px;
}
@media (max-width: 767px) {
  .doublesidebar-wrapper .sidebar-inner .sidebar-header h2 {
    font-size: 28px;
  }
}
.doublesidebar-wrapper .sidebar-inner .sidebar-header .iconcross {
  color: var(--main-color);
  font-size: 21px;
  font-weight: 700;
  line-height: 22px;
  margin-left: auto;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-information-box {
  color: var(--main-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  background: #eaeaea;
  padding: 20px 30px;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-information-box span {
  font-weight: 500;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-body {
  padding: 0 15px;
}
@media (max-width: 767px) {
  .doublesidebar-wrapper .sidebar-inner .sidebar-body {
    padding: 15px;
  }
}
.doublesidebar-wrapper .sidebar-inner .sidebar-body h3 {
  color: var(--main-color);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-body p {
  color: var(--main-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-body .sidebar-heading-inner {
  color: var(--main-color);
  font-size: 27px;
  font-weight: 400;
  line-height: 22px;
  font-family: "ivypresto-display";
  text-align: left;
  margin-bottom: 20px;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-body .cart-list {
  height: calc(100vh - 200px);
  overflow-y: auto;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .doublesidebar-wrapper .sidebar-inner .sidebar-body .cart-list {
    height: calc(100vh - 260px);
  }
}
.doublesidebar-wrapper .sidebar-inner .sidebar-body .cart-list::-webkit-scrollbar {
  width: 4px;
  border-radius: 6.5px;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-body .cart-list::-webkit-scrollbar-thumb {
  border-radius: 6.5px;
  background-color: #AEAEAE;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-body .cart-list::-webkit-scrollbar-track {
  border-radius: 6.5px;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-body .cart-list ul li {
  margin-bottom: 20px;
  border-bottom: solid 1px #CCCCCC;
  padding-bottom: 7px;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-body .form-wrapper form {
  margin-bottom: 54px;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-body .form-wrapper form .forgotlink {
  color: var(--main-color);
  margin-bottom: 22px;
  font-size: 14px;
  display: block;
  font-weight: 400;
  line-height: 17px;
  text-decoration: underline !important;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-body .form-wrapper form .forgotlink:hover {
  text-decoration: none !important;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-footer {
  padding: 3px 15px 15px 25px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
}
@media (max-width: 767px) {
  .doublesidebar-wrapper .sidebar-inner .sidebar-footer {
    padding: 15px;
  }
}
.doublesidebar-wrapper .sidebar-inner .sidebar-footer .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-footer .left {
  min-width: 176px;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-footer .right {
  min-width: 145px;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-footer a {
  margin-top: 4px;
}
@media (max-width: 767px) {
  .doublesidebar-wrapper .sidebar-inner .sidebar-footer a {
    max-width: calc(50% - 7px);
    -webkit-box-flex: calc(50% - 7px);
        -ms-flex: calc(50% - 7px);
            flex: calc(50% - 7px);
    padding: 13px 5px;
    margin: 0 7px;
    min-width: auto !important;
  }
}
@media (max-width: 767px) {
  .doublesidebar-wrapper .sidebar-inner .sidebar-footer a:first-child {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .doublesidebar-wrapper .sidebar-inner .sidebar-footer a:last-child {
    margin-right: 0;
  }
}
.doublesidebar-wrapper .sidebar-inner .sidebar-footer .total-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-footer .total-cart label {
  color: var(--main-color);
  font-family: var(--header-font);
  font-size: 25px;
  font-weight: 400;
  line-height: 52px;
}
.doublesidebar-wrapper .sidebar-inner .sidebar-footer .total-cart h4 {
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 20px;
  line-height: 24px;
  padding-right: 15px;
}

.position-static {
  position: static !important;
}

.mw-560 {
  max-width: 560px;
}

.info-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.info-bar span {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  min-width: 25px;
}
.info-bar span img {
  margin: auto;
}
.info-bar p {
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 300;
  color: var(--main-color);
  line-height: 31px;
  max-width: calc(100% - 25px);
}

.bought-inner .bought-heading {
  margin-bottom: 30px;
}
.bought-inner .bought-heading h3 {
  font-family: var(--body-font);
  font-size: 21px;
  font-weight: 500;
  line-height: 25px;
}
.bought-inner .items-stack {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 600px) {
  .bought-inner .items-stack {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.bought-inner .items-stack .items-added-row {
  max-width: 560px;
  -webkit-box-flex: 560px;
      -ms-flex: 560px;
          flex: 560px;
}
@media (max-width: 600px) {
  .bought-inner .items-stack .items-added-row {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
.bought-inner .items-stack .items-added-row .items-added-list ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 50px auto 50px auto;
  grid-template-columns: auto auto auto;
  -webkit-column-gap: 50px;
     -moz-column-gap: 50px;
          column-gap: 50px;
  margin-bottom: 30px;
}
@media (max-width: 600px) {
  .bought-inner .items-stack .items-added-row .items-added-list ul {
    margin-bottom: 0;
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
  }
}
.bought-inner .items-stack .items-added-row .items-added-list ul li {
  position: relative;
}
.bought-inner .items-stack .items-added-row .items-added-list ul li:after {
  content: "+";
  font-family: var(--body-font);
  font-size: 21px;
  font-weight: 400;
  line-height: 25px;
  position: absolute;
  right: -30px;
  top: 50%;
  margin-top: -12px;
}
@media (max-width: 600px) {
  .bought-inner .items-stack .items-added-row .items-added-list ul li:after {
    right: -18px;
  }
}
.bought-inner .items-stack .items-added-row .items-added-list ul li:last-child:after {
  display: none;
}
.bought-inner .items-stack .items-added-price {
  max-width: 240px;
  -webkit-box-flex: 240px;
      -ms-flex: 240px;
          flex: 240px;
  padding-left: 30px;
  padding-top: 30px;
}
@media (max-width: 600px) {
  .bought-inner .items-stack .items-added-price {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    padding-left: 0;
    margin-bottom: 20px;
  }
}
.bought-inner .items-stack .items-added-price h2 {
  font-family: var(--body-font);
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: var(--main-color);
  margin-bottom: 10px;
}
.bought-inner .items-stack .items-added-price h2 span {
  font-family: var(--body-font);
}
.bought-inner .items-stack .items-added-price a {
  width: 100%;
}

.content-wizard .step-content {
  display: none;
}

.steps-wrapper {
  margin-bottom: 20px;
}
.steps-wrapper ul {
  position: relative;
  display: inline-block;
}
.steps-wrapper ul li {
  display: inline-block;
  padding: 0 12px;
  position: relative;
}
.steps-wrapper ul li:before {
  content: "";
  width: 4px;
  height: 4px;
  display: inline-block;
  border-radius: 50%;
  background: var(--main-color);
  position: absolute;
  right: -5px;
  top: 12px;
}
.steps-wrapper ul li:first-child {
  padding-left: 0;
}
.steps-wrapper ul li:last-child {
  padding-right: 0;
}
.steps-wrapper ul li:last-child:before {
  display: none;
}
@media (max-width: 767px) {
  .steps-wrapper ul li {
    padding: 0 6px;
  }
}
.steps-wrapper ul li.activated a, .steps-wrapper ul li.active a {
  font-family: var(--body-font);
}
.steps-wrapper ul li.activated a label, .steps-wrapper ul li.active a label {
  font-family: var(--body-font);
}
.steps-wrapper ul li a {
  color: #393e51;
  font-family: var(--body-font);
}
.steps-wrapper ul li a label {
  color: var(--main-color);
  text-align: center;
  display: block;
  font-family: var(--body-font);
  font-size: 12px;
  font-weight: 400;
  line-height: 31px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.checkout-wrapper .checkout-wrapper-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 600px) {
  .checkout-wrapper .checkout-wrapper-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.checkout-wrapper .checkout-wrapper-inner .checkout-left {
  max-width: 50%;
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  padding: 30px;
  background: #ffffff;
}
@media (max-width: 800px) {
  .checkout-wrapper .checkout-wrapper-inner .checkout-left {
    max-width: 40%;
    -webkit-box-flex: 40%;
        -ms-flex: 40%;
            flex: 40%;
  }
}
@media (max-width: 600px) {
  .checkout-wrapper .checkout-wrapper-inner .checkout-left {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
.checkout-wrapper .checkout-wrapper-inner .checkout-left .checkoutleft-content {
  max-width: 420px;
  margin: auto;
}
.checkout-wrapper .checkout-wrapper-inner .checkout-left .checkoutleft-content .logo-brand {
  margin-bottom: 15px;
}
.checkout-wrapper .checkout-wrapper-inner .checkout-left .checkoutleft-content .logo-brand img {
  height: 50px;
  width: auto;
  webkit-filter: none!important;
    filter: none!important;
}
.checkout-wrapper .checkout-wrapper-inner .checkout-right {
  max-width: 50%;
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
}
@media (max-width: 800px) {
  .checkout-wrapper .checkout-wrapper-inner .checkout-right {
    max-width: 60%;
    -webkit-box-flex: 60%;
        -ms-flex: 60%;
            flex: 60%;
  }
}
@media (max-width: 600px) {
  .checkout-wrapper .checkout-wrapper-inner .checkout-right {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
.checkout-wrapper .checkout-wrapper-inner .checkoutdetails-body {
  padding: 20px 30px 0;
}
.checkout-wrapper .checkout-wrapper-inner .checkoutdetails-footer {
  padding: 25px;
  background: var(--gradient2-color);
}
.checkout-wrapper .checkout-wrapper-inner .checkoutdetails-footer .checkout-footer-inner {
  max-width: 500px;
}

@media (max-width: 800px) {
  .wizard-wrapper .form-wrapper {
    padding: 0;
  }
}
.wizard-wrapper .wizard-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wizard-wrapper .wizard-btn .theme-btn {
  min-width: 200px;
  padding: 3px 40px;}
@media (max-width: 800px) {
  .wizard-wrapper .wizard-btn .theme-btn {
    min-width: 150px;
  }
}
.wizard-wrapper .wizard-heading {
  font-family: var(--body-font);
  font-size: 18px;
  font-weight: 500;
  line-height: 31px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.checkbox-item label a {
  text-decoration: underline !important;
  font-weight: 400;
  color: var(--main-color);
}

.checkoutdetails-widget {
  max-width: 500px;
}
.checkoutdetails-widget .total-amount {
  margin-bottom: 3px;
}
.checkoutdetails-widget .total-amount label {
  font-size: 25px;
}
.checkoutdetails-widget .total-amount h3 {
  font-size: 20px;
}
.checkoutdetails-widget .cart-list .single-user {
  border-bottom: solid 1px #CCCCCC;
  margin-bottom: 15px;
}
.checkoutdetails-widget .cart-list.summary-list {
  height: calc(100vh - 304px);
  overflow-y: auto;
  padding-right: 20px;
}
@media (max-width: 600px) {
  .checkoutdetails-widget .cart-list.summary-list {
    height: auto;
    overflow-y: auto;
  }
}
.checkoutdetails-widget .cart-list.summary-list::-webkit-scrollbar {
  width: 4px;
  border-radius: 6.5px;
}
.checkoutdetails-widget .cart-list.summary-list::-webkit-scrollbar-thumb {
  border-radius: 6.5px;
  background-color: #AEAEAE;
}
.checkoutdetails-widget .cart-list.summary-list::-webkit-scrollbar-track {
  border-radius: 6.5px;
}
.checkoutdetails-widget .cart-list.summary-list ul li {
  border: 0;
  padding-bottom: 0;
}
.checkoutdetails-widget .cart-list .cart-item .cart-content .price-tag .custom-tooltip-text .toolltip-inner h3 {
  color: #ffffff !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 14px !important;
  display: block !important;
  text-align: center;
  padding: 0;
  margin: 0;
}
.checkoutdetails-widget .cart-list .cart-item .cart-content .price-tag h3 {
  font-size: 22px;
}
.checkoutdetails-widget .cart-list .cart-item .cart-content .price-tag .custom-tooltip-text {
  margin-left: auto;
  margin-right: 10px;
}
.checkoutdetails-widget .cart-list .cart-item .cart-content .price-tag span {
  margin-left: 0;
}

.avatar-initals {
  margin-bottom: 20px;
}
.avatar-initals span {
  font-family: var(--header-font);
  font-size: 22px;
  font-weight: 400;
  line-height: 53px;
  text-align: center;
  color: var(--main-color);
  display: inline-block;
  margin-right: 10px;
  width: 53px;
  height: 53px;
  background: #ffffff;
  border-radius: 50%;
}
.avatar-initals label {
  font-family: var(--header-font);
  color: var(--main-color);
  font-size: 27px;
  font-weight: 400;
  line-height: 26px;
}

.shipping-message .shippingmessage-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border-bottom: solid 1px #ccc;
  margin-top: 15px;
  margin-bottom: 10px;
}
.shipping-message .shippingmessage-inner label {
  font-family: var(--header-font);
  color: var(--main-color);
  font-size: 21px;
  font-weight: 400;
  line-height: 52px;
}
.shipping-message .shippingmessage-inner .price {
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  font-family: var(--body-font);
  color: var(--main-color);
  margin-left: auto;
}

.dashboard-wrapper {
  padding: 40px 0;
  position: relative;
}
@media (max-width: 768px) {
  .dashboard-wrapper {
    padding: 20px 0 40px;
    background-position: left center;
  }
}
@media (max-width: 1200px) {
  .dashboard-wrapper .container {
    max-width: 1100px;
  }
}
@media (max-width: 1200px) {
  .dashboard-wrapper .maxwidth-1000 {
    max-width: 1100px;
  }
}
@media (max-width: 992px) {
  .dashboard-wrapper .maxwidth-1000 {
    max-width: 560px;
  }
}

.dashboard-desc-text h3 {
  max-width: 170px;
  -webkit-box-flex: 170px;
      -ms-flex: 170px;
          flex: 170px;
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.dashboard-wrapper .dashboard-inner .right-content ul li h2 span.name {
  
  padding-left: 15px;
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 14px;
  line-height: 17px;
  text-align: left;
  flex: 40%;
  font-weight: 500;
}
.dashboard-wrapper .dashboard-inner .right-content ul li h2 span.value {
  
  padding-left: 15px;
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  flex: 60%;
}


.dashboard-wrapper .dashboard-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 15px;
}
.dashboard-wrapper .dashboard-inner .right-content ul li h2 {
  font-size:14px;
  line-height: 15px;
  position: relative;
  padding-right: 34px;
  display: flex;

    
}
.wpcf7 {
    background: var(--primarybackgroun-color);
  padding: 30px;
  border-radius: 30px;
}
.wpcf7-form {
  width: 320px;
  margin: auto;

}
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
  display: block;
    height: 40px;
    border-radius: 20px;
    background: #fff6ef;
    width: 300px;
    padding: 8px 15px;
    color: var(--main-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 300;
    line-height: 27px;
    font-family: var(--body-font);
    border: 0;
}
.wpcf7-form textarea {
  height: 150px;
      font-family: var(--body-font);
}

@media (max-width: 992px) {
  .dashboard-wrapper .dashboard-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 60px;
  }
}
@media (max-width: 600px) {
  .dashboard-wrapper .dashboard-inner {
    margin-top: 30px;
  }
  
  .wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select, .theme-btn, .wpcf7-form input[type="submit"], .wpcf7-form {
    width: 100%;
  }
  .wpcf7 {
    padding:20px 10px 0px 20px;
  }
}
.dashboard-wrapper .dashboard-inner .left-content {
  max-width: calc(100% - 450px);
  -webkit-box-flex: calc(100% - 450px);
      -ms-flex: calc(100% - 450px);
          flex: calc(100% - 450px);
}
@media (max-width: 992px) {
  .dashboard-wrapper .dashboard-inner .left-content {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
  }
}
.dashboard-wrapper .dashboard-inner .left-content .left-area-inner {
  position: relative;
}
.dashboard-wrapper .dashboard-inner .left-content .left-area-inner .top-header-left {
  background: #fffbf9;
  padding: 12px 10px;
  overflow: hidden;
}
.dashboard-wrapper .dashboard-inner .left-content .left-area-inner .top-header-left .pull-rigfht a {
  margin-left: 10px;
}
.dashboard-wrapper .dashboard-inner .left-content .left-area-inner .top-header-left a {
  color: #393e51;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  text-align: center;
}
.dashboard-wrapper .dashboard-inner .left-content .left-area-inner .top-header-left a:hover {
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
}
.dashboard-wrapper .dashboard-inner .left-content .left-area-inner .top-header-left a:hover figure {
  border-radius: 5px;
  background: #e5e0dd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.dashboard-wrapper .dashboard-inner .left-content .left-area-inner .top-header-left a figure {
  padding: 6px;
  display: inline-block;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
}
.dashboard-wrapper .dashboard-inner .left-content .left-area-inner .top-header-left a figure img {
  display: block;
  height: 24px;
  margin: 0 auto 0;
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left {
  padding: 0 8px 15px;
}
@media (max-width: 992px) {
  .dashboard-wrapper .dashboard-inner .left-content .inner-body-left {
    padding: 0 0 15px;
  }
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left::-webkit-scrollbar {
  width: 4px;
  border-radius: 10px;
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--main-color);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left::-webkit-scrollbar-track {
  border-radius: 10px;
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .footer-bottom {
  color: #20263e;
  text-align: center;
  font-size: 11px;
  font-weight: 300;
  line-height: 15px;
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .footer-bottom a {
  color: #20263e;
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .footer-bottom a:hover {
  text-decoration: underline !important;
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .stats-boxes {
  max-width: 340px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
@media (max-width: 600px) {
  .dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .stats-boxes {
    max-width: 180px;
  }
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .stats-boxes .common-boxes div span {
  font-family: var(--body-font);
  font-size: 21px;
  font-weight: 300;
  line-height: 26px;
  display: inline-block;
  position: relative;
  top: 5px;
  color: #000;
}
@media (max-width: 600px) {
  .dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .stats-boxes .common-boxes div span {
    font-size: 14px;
  }
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .stats-boxes .common-boxes div span sub {
  font-family: var(--body-font);
  font-size: 18px;
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  font-weight: 300;
  color: #000;
  line-height: 22px;
}
@media (max-width: 600px) {
  .dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .stats-boxes .common-boxes div span sub {
    font-size: 10px;
  }
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .stats-boxes .common-boxes div svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  margin-left: 15px;

  margin-top: 12px;
}
@media (max-width: 600px) {
  .dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .stats-boxes .common-boxes div svg {
    margin-right: 10px;
    margin-left: 10px;
  }
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .stats-boxes .common-boxes div svg.reverse {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .image-frame-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .image-frame-wrapper figure {
  position: relative;
  z-index: 2;
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .image-frame-wrapper figure svg,
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .image-frame-wrapper figure img {
  display: block;
  margin: auto;
  height: 565px;
}
@media (max-width: 600px) {
  .dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .image-frame-wrapper figure svg,
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .chart-container .image-frame-wrapper figure img {
    height: 280px;
  margin-top: 40px;
  }
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .grades-list .list-items-grades {
  position: relative;
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .grades-list .list-items-grades ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .grades-list .list-items-grades ul li {
  max-width: 15%;
  -webkit-box-flex: 15%;
      -ms-flex: 15%;
          flex: 15%;
  padding: 0;
}
@media (max-width: 600px) {
  .dashboard-wrapper .dashboard-inner .left-content .inner-body-left .grades-list .list-items-grades ul li {
    max-width: 20%;
    -webkit-box-flex: 20%;
        -ms-flex: 20%;
            flex: 20%;
  }
}
.dashboard-wrapper .dashboard-inner .left-content .inner-body-left .grades-list .list-items-grades ul li:nth-child(2) {
  max-width: 70%;
  -webkit-box-flex: 70%;
      -ms-flex: 70%;
          flex: 70%;
}
@media (max-width: 600px) {
  .dashboard-wrapper .dashboard-inner .left-content .inner-body-left .grades-list .list-items-grades ul li:nth-child(2) {
    max-width: 60%;
    -webkit-box-flex: 60%;
        -ms-flex: 60%;
            flex: 60%;
  }
}
.dashboard-wrapper .dashboard-inner .right-content {
  padding-left: 60px;
  max-width: 450px;
  -webkit-box-flex: 450px;
      -ms-flex: 450px;
          flex: 450px;
}
@media (max-width: 992px) {
  .dashboard-wrapper .dashboard-inner .right-content {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    padding-left: 0;
    margin-bottom: 20px;
  }
}

.boxes-list.rightlist .box-item {
  padding-left: 11px;
  position: relative;
}
.boxes-list.rightlist .box-item i {
  position: absolute;
  left: 0.5px;
  margin: 0;
  top: 4px;
}
.boxes-list h3 {
  color: var(--main-color);
  font-size: 11px;
  font-weight: 300;
  line-height: 13px;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: var(--body-font);
  text-align: center;
}
@media (max-width: 600px) {
  .boxes-list h3 {
    font-size: 10px;
  }
}
.boxes-list .box-item {
  height: 35px;
  padding: 4px;
  margin-bottom: 1px;
  overflow: hidden;

  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border-radius: 3px;
}
.boxes-list.design  .box-item .hdapi-fixing-state {
    width: 11px;
    text-align: center;
    position: absolute;
    right: 2px;
    height: 30px;
    top: 1px;
}
.boxes-list.personality  .box-item .hdapi-fixing-state {
   width: 11px;
    text-align: center;
    position: absolute;
    left: 2px;
    height: 30px;
    top: 1px;
  
}
.boxes-list.personality .box-item {
  text-align: right!important;
  display: block;
  text-align: right;
}
.boxes-list.personality .box-item label {
  padding-left: 0px;
  padding-right: 10px!important;
}
.boxes-list .box-item .hdapi-fixing-state svg {
height: 7px;
  width: 7px;
}
@media (max-width: 600px) {
  .boxes-list .box-item {
    height: 19px;
  }
  .boxes-list .box-item .hdapi-fixing-state svg {
    height: 4px;
    width: 4px;
  }
  .boxes-list.personality .box-item label {
    padding-right: 0px!important;
  }
}
.boxes-list .box-item svg {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
}
@media (max-width: 600px) {
  .boxes-list .box-item svg {
    width: 10px;
    height: 10px;
  }
}
.text-left.common-bullets p {
  padding-bottom: 10px;
}
.boxes-list .box-item span svg {
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 600px) {
  .boxes-list .box-item span svg {
    height: 10px;
  }
}
.boxes-list .box-item label {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  position: relative;
  top: 0;
  font-family: var(--body-font);
  font-size: 15px;
  font-weight: 300;
  line-height: 29px;
}
@media (max-width: 600px) {
  .boxes-list .box-item label {
    font-size: 10px;
    line-height: 13px;
    padding-left: 3px;
  }
}
.boxes-list .box-item i {
  position: relative;
  top: 2px;
  margin-left: 2px;
}

.dashboard-left {
  max-width: 380px;
}

.dashboard-desc-text .item-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 1px;
  border-radius:3px;
  background: #fffbf5;
  padding: 10px 15px;

}


.charts-listing {
  padding-bottom: 60px;
}
.charts-listing .chartslisting-inner .charts-carousel {
  padding: 0 20px;
}
.charts-listing .chartslisting-inner .owl-nav {
  position: absolute;
  top: 35%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 0;
}
.charts-listing .chartslisting-inner .owl-prev span, .charts-listing .chartslisting-inner .owl-next span {
  font-size: 45px;
}

.chart-single-item .chart-single-inner .chart-bottom-content {
  min-height: 61px;
}
.chart-single-item .chart-single-inner figure img {
  margin: 0 0 10px;
  height: auto;
  border-radius: 10px;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
}
.shop-item .shop-image img {
  border-radius: 10px;
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
  
}
.shop-listing h1 {
  margin-bottom: 25px;
}
.chart-single-item .chart-single-inner h5 {
 color: var(--main-color);
    font-family: var(--header-font);
  font-size: 25px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 15px;
}
.chart-single-item .chart-single-inner span {
  font-family: var(--main-color);
  color: var(--main-color);
  font-size: 16px;

  line-height: 17px;
  margin-bottom: 8px;
  display: inline-block;
}

.page-seperator {
  height: 11px;
    background: var(--gradient-color);
  width: 100%;
}
.shop-image-single img {
  width: 100%;
  border-radius: 20px;
  height: auto;
}
.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.text-left {
  text-align: left !important;
}

.image-frame .image-frame-inner {
  position: relative;
  text-align: right;
}
@media (max-width: 768px) {
  .image-frame .image-frame-inner {
    text-align: center;
  }
}
.image-frame .image-frame-inner figure {
  display: inline-block;
  position: relative;
}
.image-frame .image-frame-inner figure:before {
  content: "";
  border: solid 1px #E3E3E3;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  right: 20px;
  top: -20px;
  z-index: -1;
  border-radius: 20px;
}

.about-wrapper .content-section {
  max-width: 485px;
}
@media (max-width: 768px) {
  .about-wrapper .content-section {
    max-width: 100%;
    margin-top: 35px;
  }
}
.about-wrapper .image-frame img {
  margin-left: auto;
 border-radius:20px;
}

.testimonial-wrapper {
  background: var(--primarybackgroun-color);
}
.testimonial-wrapper .testimonial-inner {
  max-width: 830px;
  margin: auto;
  text-align: center;
  position: relative;
}
.testimonial-wrapper .testimonial-inner h2 {
  margin-bottom: 15px;
}
.testimonial-wrapper .testimonial-inner .testimonial-item {
  position: relative;
}
.testimonial-wrapper .testimonial-inner:before {
  content: "";
  background: url(images/quotes.svg) no-repeat center center/contain;
  display: inline-block;
  width: 57px;
  height: 51px;
  position: absolute;
  top: 10px;
  left: -90px;
}
.testimonial-wrapper .testimonial-inner .testimonial-item blockquote {
  position: relative;
  color: var(--main-color);
  font-family: var(--header-font);
  font-size: 21px;
  font-style: italic;
  font-weight: 300;
  line-height: 32px;
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
@media (max-width: 992px) {
  .testimonial-wrapper .testimonial-inner .testimonial-item blockquote {
    font-size: 21px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .testimonial-wrapper .testimonial-inner .testimonial-item blockquote {
    font-size: 19px;
    line-height: 28px;
  }
}
@media (max-width: 600px) {
  .testimonial-wrapper .testimonial-inner .testimonial-item blockquote {
    font-size: 18px;
    line-height: 24px;
  }
}
.testimonial-wrapper .testimonial-inner .testimonial-item figcaption {
  position: relative;
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 18px;
  font-weight: 400;
  line-height: 31px;
}
.testimonial-wrapper .testimonial-inner .testimonial-item figcaption:before {
  content: "";
  width: 90px;
  background: #6E7795;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;opacity: 0.5;
}
.testimonial-wrapper .testimonial-inner .testimonial-item figcaption:after {
  content: "";
  width: 90px;
  background: var(--main-color);
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
  opacity: 0.5;
}

.main-banner {
  background: var(--gradient-color);
}
.main-banner .banner-inner .banner-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 768px) {
  .main-banner .banner-inner .banner-grid {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.main-banner .banner-inner .banner-grid .banner-left {
  max-width: calc(100% - 420px);
  -webkit-box-flex: calc(100% - 420px);
      -ms-flex: calc(100% - 420px);
          flex: calc(100% - 420px);
  padding-right: 30px;
}
@media (max-width: 768px) {
  .main-banner .banner-inner .banner-grid .banner-left {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    padding-right: 0;
  }
}
.main-banner .banner-inner .banner-grid .banner-left .banner-content {
  max-width: 600px;
}
@media (max-width: 768px) {
  .main-banner .banner-inner .banner-grid .banner-left .banner-content {
    margin: auto;
  }
}
.main-banner .banner-inner .banner-grid .banner-left p {
  color: var(--main-color);
  font-family: var(--header-font);
  font-size: 26px;
  font-style: italic;
  font-weight: 300;
  line-height: 34px;
  text-align: center;
}
@media (max-width: 992px) {
  .main-banner .banner-inner .banner-grid .banner-left p {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .main-banner .banner-inner .banner-grid .banner-left p {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (max-width: 600px) {
  .main-banner .banner-inner .banner-grid .banner-left p {
    font-size: 18px;
    line-height: 24px;
  }
}
.main-banner .banner-inner .banner-grid .banner-right {
  max-width: 420px;
  -webkit-box-flex: 420px;
      -ms-flex: 420px;
          flex: 420px;
}
@media (max-width: 768px) {
  .main-banner .banner-inner .banner-grid .banner-right {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    text-align: center;
    margin-top: 40px;
  }
}
.main-banner .banner-inner .banner-grid .banner-right .form-wrapper h2 {
  color: var(--main-color);
  font-size: 49px;
  line-height: 48px;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .main-banner .banner-inner .banner-grid .banner-right .form-wrapper h2 {
    font-size: 40px;
    line-height: 46px;
  }
}
@media (max-width: 992px) {
  .main-banner .banner-inner .banner-grid .banner-right .form-wrapper h2 {
    font-size: 35px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .main-banner .banner-inner .banner-grid .banner-right .form-wrapper h2 {
    font-size: 30px;
    line-height: 35px;
  }
}
@media (max-width: 600px) {
  .main-banner .banner-inner .banner-grid .banner-right .form-wrapper h2 {
    font-size: 25px;
    line-height: 30px;
  }
}
@media (max-width: 480px) {
  .main-banner .banner-inner .banner-grid .banner-right .form-wrapper h2 {
    font-size: 24px;
    line-height: 25px;
  }
}
.nlr-auto {
  margin-left: auto;
  margin-right: auto;
}

.video-frame {
  position: relative;
  margin-bottom: 20px;
  max-width: 600px;
}
.video-frame .play-icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 101;
}
.video-frame figure img {
  border-radius: 20px;
  height: 365px;
  object-fit: cover;
  width: 100%;
      -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
}
.woocommerce img, .woocommerce-page img {
      -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161))!important;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161))!important;  
    border-radius: 10px;
}
.inner-banner {
  background: var(--gradient-color);
}
.inner-banner .innerbanner-inner .innerbanner-content {
  max-width: 600px;
  margin: auto;
}
.inner-banner .innerbanner-inner h1 {
  color: var(--main-color);
  font-family: var(--header-font);
  font-size: 56px;
  font-weight: 400;
  line-height: 62px;
  text-align: center;
  margin-bottom: 15px;
  padding-top: 10px;
}
@media (max-width: 1024px) {
  .inner-banner .innerbanner-inner h1 {
    font-size: 48px;
    line-height: 56px;
  }
}
@media (max-width: 992px) {
  .inner-banner .innerbanner-inner h1 {
    font-size: 42px;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  .inner-banner .innerbanner-inner h1 {
    font-size: 36px;
    line-height: 42px;
  }
}
@media (max-width: 600px) {
  .inner-banner .innerbanner-inner h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
@media (max-width: 480px) {
  .inner-banner .innerbanner-inner h1 {
    font-size: 24px;
    line-height: 30px;
  }
}
.inner-banner .innerbanner-inner p {
  color: var(--main-color);
  font-family: var(--header-font);
  font-size: 26px;
  font-weight: 300;
  line-height: 34px;

}
@media (max-width: 767px) {
  .inner-banner .innerbanner-inner p {
    font-size: 17px;
    line-height: 25px;
  }
}
@media (max-width: 480px) {
  .inner-banner .innerbanner-inner p {
    font-size: 15px;
    line-height: 24px;
  }
}
.inner-banner .innerbanner-inner p.robotheme {
  font-family: var(--body-font);
  font-size: 18px;
  font-weight: 300;
  line-height: 31px;
  font-style: normal;
}
@media (max-width: 767px) {
  .inner-banner .innerbanner-inner p.robotheme {
    font-size: 17px;
    line-height: 25px;
  }
}
@media (max-width: 480px) {
  .inner-banner .innerbanner-inner p.robotheme {
    font-size: 15px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .inner-banner .innerbanner-inner .video-frame {
    margin-top: 20px;
  }
}
.inner-banner .innerbanner-inner ul {
  margin-bottom: 35px;
  margin-top: 15px;
}
.inner-banner .innerbanner-inner ul li {
  color: #ffffff;
}

.coaching-wrapper {
  background: var(--gradient2-color);
  position: relative;
}
.coaching-wrapper .section-bordder {
  width: 1px;
  height: 120px;
  background: #ffffff;
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 768px) {
  .coaching-wrapper .section-bordder {
    display: none;
  }
}
.coaching-wrapper .coaching-inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 768px) {
  .coaching-wrapper .coaching-inner ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.coaching-wrapper .coaching-inner ul li {
  max-width: 25%;
  -webkit-box-flex: 25%;
      -ms-flex: 25%;
          flex: 25%;
  padding: 0 20px;
}
@media (max-width: 768px) {
  .coaching-wrapper .coaching-inner ul li {
    max-width: 50%;
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
    padding: 0 6px;
    margin-bottom: 25px;
  }
}

.coach-item .coach-image {
  margin-bottom: 15px;
}
@media (max-width: 550px) {
  .coach-item .coach-image {
    text-align: center;
  }
}
.coach-item .coach-image figure {
  background: #ffffff;
  border-radius: 10px;
  padding: 10px;
}
@media (max-width: 550px) {
  .coach-item .coach-image figure {
    display: inline-block;
  }
}
.coach-item .coach-image figure img {
  margin: auto;
}
.coach-item .coach-content {
  text-align: center;

}
.coach-item .coach-content p{
  font-size: 14px;
    line-height: 19px;
    margin-bottom: 20px;
}
.coach-item .coach-content h2 {
  color:  var(--main-color);
  font-family: var(--header-font);
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  margin-bottom: 10px;
  min-height: 80px;
}
@media (max-width: 550px) {
  .coach-item .coach-content h2 {
    min-height: inherit;
    margin-bottom: 15px;
  }
}
.coach-item .coach-content h2 a {
   color:  var(--main-color);
  font-family: var(--header-font);
}

.sciences-inner .coach-item .coach-content h2 a {
   color:  var(--main-color);
}
.coach-item .coach-content h2 a:hover {
  text-decoration: underline !important;
}
.coach-item .coach-content .theme-btn {
  font-size: 13px;
  line-height: 23px;
}
.insight-wrapper .insight-innerwrapper {
  max-width: 720px;
  margin: auto;
}

.tags {
  margin-top: 20px;
}
.tags ul li {
  display: inline-block;
  margin-right: 10px;
}
@media (max-width: 768px) {
  .tags ul li {
    margin-right: 4px;
  }
}
.tags ul li a {
  font-family: var(--body-font);
  color: var(--main-color);
  font-size: 14px;
  font-weight: 300;
  line-height: 29px;
  text-transform: uppercase;
  letter-spacing: 0.93333334px;
  border-radius: 19px;
  border: solid 1px var(--main-color);
  display: inline-block;
  padding: 2px 18px;
}
@media (max-width: 768px) {
  .tags ul li a {
    font-size: 12px;
    text-transform: capitalize;
    margin-bottom: 10px;
  }
}
.tags ul li a.active {
  background: #344ea4;
  border-color: #344ea4;
  color: #ffffff;
}

.insights-listing ul li {
  padding: 35px 0;
  border-bottom: solid 1px #ececec;
}
.insights-listing ul li:last-child {
  border: 0;
}

.insight-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 600px) {
  .insight-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.insight-item .insight-image {
  max-width: 330px;
  -webkit-box-flex: 330px;
      -ms-flex: 330px;
          flex: 330px;
}
@media (max-width: 600px) {
  .insight-item .insight-image {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    margin-bottom: 15px;
  }
}
.insight-item .insight-image figure img {
  border-radius: 12px;
}
.insight-item .insight-content {
  max-width: calc(100% - 330px);
  -webkit-box-flex: calc(100% - 330px);
      -ms-flex: calc(100% - 330px);
          flex: calc(100% - 330px);
  padding-left: 30px;
}
@media (max-width: 768px) {
  .insight-item .insight-content {
    padding-left: 20px;
  }
}
@media (max-width: 600px) {
  .insight-item .insight-content {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    padding-left: 0;
  }
}
.insight-item .insight-content .insight-content-inner span {
  font-family: var(--body-font);
  color: var(--main-color);
  font-size: 15px;
  font-weight: 300;
  line-height: 31px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.insight-item .insight-content .insight-content-inner span a {
  color: var(--main-color);
}
.insight-item .insight-content .insight-content-inner span a:hover {
  text-decoration: underline !important;
}
.insight-item .insight-content .insight-content-inner h2 {
  font-family: var(--header-font);
  font-size: 30px;
  color: var(--main-color);
  font-weight: 400;
  line-height: 35px;
}
@media (max-width: 992px) {
  .insight-item .insight-content .insight-content-inner h2 {
    font-size: 26px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .insight-item .insight-content .insight-content-inner h2 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media (max-width: 600px) {
  .insight-item .insight-content .insight-content-inner h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
.insight-item .insight-content .insight-content-inner h2 a {
  color: var(--main-color);
}
.insight-item .insight-content .insight-content-inner h2 a:hover {
  text-decoration: underline !important;
}

.pagination .pagination-inner  {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
.pagination .pagination-inner.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;          
}
.pagination .pagination-inner .page-numbers {
  font-family: var(--body-font);
  color: var(--main-color);
  font-size: 15px;
  font-weight: 400;
  line-height: 31px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  min-width: 32px;
  height: 32px;
  border-radius: 4px;
  border: solid 1px var(--main-color);
  background: #ffffff;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  text-align: center;
  padding: 0 10px;
}
.pagination .pagination-inner  a:hover, .pagination .pagination-inner .current {
  color: #ffffff;
  background: #1c1c1c;
}

.related-products {
  border-top: solid 1px #ECECEC;
  padding-top: 25px;
}
.related-products h3 {
  margin-bottom: 25px;
}
.related-products ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 25px;
}
@media (max-width: 768px) {
  .related-products ul {
    gap: 15px;
  }
}
@media (max-width: 600px) {
  .related-products ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0;
  }
}
.related-products ul li {
  max-width: 33.33%;
  -webkit-box-flex: 33.33%;
      -ms-flex: 33.33%;
          flex: 33.33%;
}
@media (max-width: 600px) {
  .related-products ul li {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    margin-bottom: 20px;
  }
}
.related-products ul li .related-item a img {
  border-radius: 12px;
  margin-bottom: 20px;
}
.related-products ul li h5 a {
  color: var(--main-color);
}
.related-products ul li h5 a:hover {
  text-decoration: underline !important;
}

.breadcrumbs-wrapper {
  background: var(--lightbg-color);
  padding: 4px 0;
}
.breadcrumbs-wrapper .breadcrumbs-inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
}
.breadcrumbs-wrapper .breadcrumbs-inner ul li {
  font-weight: 500;
  color: var(--main-color);
  font-family: var(--body-font);
  font-size: 13px;
  line-height: 31px;
  text-transform: uppercase;
  letter-spacing: 0.8666667px;
  display: inline-block;
}
.breadcrumbs-wrapper .breadcrumbs-inner ul li img {
  -webkit-transform: rotate(45deg);
  transform: rotate(270deg);
  height: 5px;
  display: inline-block;
  vertical-align: middle;
}
.breadcrumbs-wrapper .breadcrumbs-inner ul li a {
  color: var(--main-color);
  font-family: var(--body-font);
  font-weight: 300;
}
.breadcrumbs-wrapper .breadcrumbs-inner ul li a:hover {
  font-weight: 500;
}

.features-wrapper {
  background: var(--lightbg-color);
  padding: 20px 0;
}
.features-wrapper .features-listing > ul > li {
  padding: 30px 0;
  border-bottom: solid 1px #7e7e7e;
}
.features-wrapper .features-listing > ul > li:last-child {
  border: 0;
}

.feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.feature-item .feature-title {
  max-width: 50%;
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
}
.feature-item .feature-detail {
  max-width: 50%;
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
}

.noblesci-wrapper {
  background: var(--gradient-color);
  position: relative;
}
.noblesci-wrapper .top-title {
  margin-bottom: 30px;
}
.noblesci-wrapper .top-title * {
     color:  var(--main-color);
}
.noblesci-wrapper .top-title h2 {
  margin-bottom: 15px;
}
.noblesci-wrapper .top-title p {
  max-width: 630px;
  margin: auto;
}
.noblesci-wrapper .section-bordder {
  width: 1px;
  height: 50px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 768px) {
  .noblesci-wrapper .section-bordder {
    display: none;
  }
}
.noblesci-wrapper .sciences-inner {
  max-width: 850px;
  margin: auto;
}
.noblesci-wrapper .sciences-inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 550px) {
  .noblesci-wrapper .sciences-inner ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.noblesci-wrapper .sciences-inner ul li {
  max-width: 33.33%;
  -webkit-box-flex: 33.33%;
      -ms-flex: 33.33%;
          flex: 33.33%;
  padding: 0 20px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .noblesci-wrapper .sciences-inner ul li {
    padding: 0 10px;
  }
}
@media (max-width: 550px) {
  .noblesci-wrapper .sciences-inner ul li {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    padding: 0;
    margin-bottom: 15px;
  }
}

.noble-story {
      background: var(--gradient2-color);
  position: relative;
}

@media (max-width: 768px) {
  .noble-story:before {
    width: 130px;
  }
}
@media (max-width: 450px) {
  .noble-story:before {
    display: none;
  }
}

@media (max-width: 768px) {
  .noble-story:after {
    width: 130px;
  }
}
@media (max-width: 450px) {
  .noble-story:after {
    display: none;
  }
}
.noble-story .story-inner {
  text-align: center;
}
.noble-story .story-inner .story-content {
  padding: 70px 0;
}
.noble-story .story-inner .seperator {
  width: 214px;
  height: 1px;
  background: #8490b3;
  display: block;
  margin: auto;
  opacity: 0.5;
}
.noble-story .story-inner h4 {
  font-size: 34px;
  line-height: 41px;
  margin-bottom: 30px;
  margin-top: 10px;
}
.noble-story .story-inner p {
  text-align: center;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}

.chart-form-wrapper {
  background: var(--gradient-color);
  height: 90vh;
}
.chart-form-wrapper .chart-form-inner {
  max-width: 600px;
  margin: auto;
}
.chart-form-wrapper .chart-form-inner h2 {
  max-width: 550px;
  margin: 0 auto 10px;
}
.chart-form-wrapper .chart-form-inner h2,
.chart-form-wrapper .chart-form-inner p {
  color: #ffffff;
  text-align: center;
  margin-bottom: 10px;
}
.chart-form-wrapper .chart-form-inner .form-inner {
  max-width: 420px;
  margin: auto;
}

.ready-deeper-wrapper {
  background: linear-gradient(137deg, #3955AC, #5472D2);
}
.ready-deeper-wrapper .sectiontitle {
  margin-bottom: 50px;
}
.ready-deeper-wrapper .sectiontitle h2 {
  color: #ffffff;
}
.ready-deeper-wrapper .deeper-image img {
  margin: auto;
}
.ready-deeper-wrapper .content-deeper {
  padding-left: 40px;
}
.ready-deeper-wrapper .content-deeper h3 {
  color: #ffffff;
  font-family: var(--header-font);
  font-size: 45px;
  font-weight: 400;
  line-height: 46px;
  margin-bottom: 15px;
}
.ready-deeper-wrapper .content-deeper .price-type p {
  color: #ffffff;
  font-family: var(--body-font);
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}
.ready-deeper-wrapper .content-deeper p {
  color: #ffffff;
  font-family: var(--body-font);
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 15px;
}
.ready-deeper-wrapper .content-deeper ul {
  margin-bottom: 20px;
}
.ready-deeper-wrapper .content-deeper ul li {
  color: #ffffff;
}

footer.footer-absolute-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 101;
}
footer.footer-absolute-bottom .disclaimer-content {
  background: transparent;
  border: 0;
  color: #fff;
}
footer.footer-absolute-bottom .disclaimer-content p {
  color: #ffffff;
}
footer.footer-absolute-bottom .disclaimer-content p a {
  color: #ffffff;
}
footer .footer-inner {
  background: var(--lightbg-color);
  padding: 15px 0 45px;
}
footer .footer-inner .footer-logo {
  margin-bottom: 35px;
  text-align: center;
}
footer .footer-inner .footer-logo a {
  display: inline-block;
}
footer .footer-inner .footer-logo img {
  margin: auto;
}
footer .footer-inner .footer-links .links-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 992px) {
  footer .footer-inner .footer-links .links-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
footer .footer-inner .footer-links .links-items .link-item {
  max-width: 25%;
  -webkit-box-flex: 25%;
      -ms-flex: 25%;
          flex: 25%;
}
@media (max-width: 992px) {
  footer .footer-inner .footer-links .links-items .link-item {
    max-width: 50%;
    -webkit-box-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
    margin-bottom: 20px;
  }
}
@media (max-width: 480px) {
  footer .footer-inner .footer-links .links-items .link-item {
    max-width: 100%;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    margin-bottom: 20px;
  }
}
footer .footer-inner .footer-links .links-items .link-item h2,
footer .footer-inner .footer-links .links-items .link-item h3 {
  font-family: var(--body-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 31px;
}
footer .footer-inner .footer-links .links-items .link-item ul li a {
  font-family: var(--body-font);
  color: var(--main-link-color);
  font-size: 14px;
  font-weight: 300;
  line-height: 31px;
  display: inline-block;
}
footer .footer-inner .footer-links .links-items .link-item ul li a:hover {
  text-decoration: underline !important;
  color: var(--main-color);
}
footer .disclaimer-content {
  background: var(--bodybg-color);
  padding: 20px 0;
}footer .disclaimer-content,
footer .disclaimer-content p {
  font-family: var(--body-font);
  color: var(--main-color);
  font-size: 13px;
  font-weight: 300;
  line-height: 18px;
  text-align: center;
  margin-bottom: 5px;
}
footer .disclaimer-content p a {
  color: var(--main-color);
  text-decoration: underline !important;
}
footer .disclaimer-content p a:hover {
  text-decoration: none !important;
}
footer .disclaimer-content p.rights {
  font-weight: 400;
}

.tablet-hide {
  display: block;
}

.tablet-show {
  display: none !important;
}

.largemob-show {
  display: none !important;
}

@media (max-width: 992px) {
  .tablet-hide {
    display: none !important;
  }
  .tablet-show {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .mobile-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mobile-order .order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .mobile-order .order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .submit-button {
    text-align: center;
  }
  .form-inner .p-l-10, .form-inner .p-l-5 {
    padding-left: 0 !important;
  }
  .form-inner .p-r-10, .form-inner .p-r-5 {
    padding-right: 0 !important;
  }
  .largemob-show {
    display: block !important;
  }
}
.maxwidth-1150 {
  max-width: 1150px;
  margin: auto;
}

.dashboard-wrapper.result-wrapper {
  padding-bottom: 30px;
}

.mobile-show {
  display: block;
}
@media (min-width: 767px) {
  .mobile-show {
    display: none;
  }
}

.desktop-show {
  display: block;
}
@media (max-width: 767px) {
  .desktop-show {
    display: none;
  }
}

.header .nav > .nav-links ul li > ul > li a {
  display: block;
  color: #535353;
  font-size: 13px;
  font-weight: 400;
  line-height: 23px;
  text-transform: uppercase;
  pointer-events: none;
}

.header .nav > .nav-links ul li > ul > li {
  display: block;
  margin: 0;
}

.header .nav > .nav-links ul li {
  position: relative;
}

.header .nav > .nav-links ul li > ul.sub-menu {
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  width: 150px;
  display: none;
  padding-top: 15px;
}

.header .nav > .nav-links ul li:hover ul.sub-menu {
  display: block;
}

.header .nav > .nav-links ul li:hover ul.sub-menu li a {
  pointer-events: inherit;
}

.overflow-hiddn {
  overflow: hidden;
}


.about-wrapper >.grid-row:nth-child(even) {
  flex-direction: row-reverse;
  padding-top: 50px;
}


.video-inner-frame video,
.video-inner-frame iframe {
  width: 100%;
  min-height: 500px;
  display: block;
}

.custom-cosmetic-class h3 {}

.custom-cosmetic-class .select2-container--default .select2-selection--single {
    border: solid 1px var(--main-color);
    border-radius: 20px;
    padding: 5px 0;
    height: 40px;
}

.select2-container .select2-selection--single {
    margin: 0 !important;
}

.custom-cosmetic-class .select2-container--default span.select2-selection__arrow {
    top: 7px;
}

button.button.wp-element-button {
    color: var(--main-color);
    border: solid 1px #FBCA00;
    background: #FBCA00;
    padding: 6px 40px;
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-family: var(--body-font);
    font-size: 17px;
    font-weight: 400;
    line-height: 31px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
}

#chart-properties ul li i:before, #chart-properties ul li i:after, #chart-properties p {
  transition: all 0.25s ease-in-out;
}
#chart-properties p {
  font-size:13px;
  line-height: 21px;
  padding:0px  15px;
}
#chart-properties ul li {
  animation: flipdown 0.5s ease both;
}

ul#chart-properties {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}

ul#chart-properties li:not(.has-description) i,
ul#chart-properties li:not(.has-description) input {
  display: none;
  pointer-events: none;
}

ul#chart-properties li {
  position: relative;
  padding: 10px 0px;
  margin: 0;
  border-radius: 10px;
  margin-bottom: 1px;
      background: var(--primarybackgroun-color);
}
ul#chart-properties li:nth-of-type(1) {
  animation-delay: 0.5s;
}
ul#chart-properties li:nth-of-type(2) {
  animation-delay: 0.75s;
}
ul#chart-properties li:nth-of-type(3) {
  animation-delay: 1s;
}
ul3chart-properties li:last-of-type {
  padding-bottom: 0;
}
ul#chart-properties li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 6px;
  right:16px;
}
ul#chart-properties li i:before, ul li i:after {
  content: "";
  position: absolute;
  background-color: var(--main-color);
  width: 3px;
  height: 9px;
}

ul#chart-properties li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
ul#chart-properties li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}

ul#chart-properties li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}

ul#chart-properties li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}

ul#chart-properties li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}

ul#chart-properties li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}


.woocommerce-billing-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.woocommerce form .form-row {
  display: inline-block;
  width: 50%;
}
.woocommerce form .form-row input.input-text {
  max-width: 100%;
}
#billing_first_name_field {
  order: 1;
}
#billing_last_name_field {
 order: 2;
}
#billing_company_field {
  order: 3;
}
#billing_country_field {
  order: 4;
}
#billing_address_1_field {
  order: 5;
}
#billing_address_2_field {
  order: 6;
  width: 100%;
}
#billing_city_field {
  order: 7;
}
#billing_postcode_field {
  order: 8;
}
#billing_state_field {
  order: 9;
  width:100%;
}
#billing_phone_field {
  order: 10;
}
#billing_email_field {
  order: 11;
}

/*Woocommerce*/
.woocommerce table.shop_table {
    border: 0px;
}

.woocommerce .woocommerce-customer-details :last-child, .woocommerce .woocommerce-order-details :last-child, .woocommerce .woocommerce-order-downloads :last-child {
    font-size: 12px!important;
}
.woocommerce form .form-row input.input-text,
.woocommerce-EditAccountForm input{
    max-width: 100%;
    border-radius: 100px!important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
        color: #ffffff;
    border: solid 1px var(--button-color);
    background: var(--button-color);
    padding: 6px 40px;
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-family: var(--body-font);
    font-size: 17px;
    font-weight: 400;
    line-height: 31px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
  margin-bottom: 0px!important;
  
}
ul.woocommerce-error , ul.woocommerce-info, ul.woocommerce-message {
      padding-left: 51px!important;
  
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button {
      color: #ffffff;
    border: solid 1px var(--button-color);
    background: var(--button-color);
    padding: 6px 40px;
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-family: var(--body-font);
    font-size: 17px;
    font-weight: 400;
    line-height: 31px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
}
.woocommerce-EditAccountForm h4,
.account-wrapper h3 {
  margin-bottom: 20px;
  font-size:28px; 
}
.woocommerce td.product-name .wc-item-meta dd p, .woocommerce td.product-name dl.variation dd p {
  
      line-height: inherit;
    font-size: inherit;
}
.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
  width: 80px;
}

.woocommerce table.shop_table th {
  background: var(--gradient2-color);
}
.woocommerce table.shop_table th.product-quantity,
.woocommerce table.shop_table td.product-quantity,
tr.cart-subtotal{
  display: none;
}
.cart_totals  h2 {
      font-size: 30px;
}
td.download-file a.button {
  padding: 0px 20px!important;
}
.product-name a {
  color: var(--main-color);
  font-family: var(--header-font);
  font-size: 20px;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table th{
  font-weight: normal;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    
    width: auto;
    height: 40px;
    padding: 8px 15px;
  border-radius: 100px;
    background: #fff;
    color: var(--main-color);
}

#payment input[type="radio"]{
    display: inline!important;
    width: auto!important;
    height: auto!important;
        
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled] {
  padding: 6px 40px;
}
.account-wrapper .account-wrapper-inner .account-content .mobilesidebar-icon a svg {
  display: none!important;
}
.account-wrapper .account-wrapper-inner .account-content .mobilesidebar-icon a {
  font-size:22px;
  margin-bottom: 20px;
}
.coupon button.button,
.account-sidebar a.theme-btn,
.account-wrapper .account-wrapper-inner .account-content .mobilesidebar-icon a {
      color: #252925!important;
    border: solid 1px #252925;
    background: transparent!important;
    padding: 4px 13px;
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 1px;
  
}
.woocommerce-billing-fields label {
  font-size:14px;
  font-weight: 400;
}
.woocommerce-billing-fields input {
  border:1px solid  var(--main-color);
  padding: 10px 10px;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background: none;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box p{
  font-size:14px;
  line-height: 17px;
}



.woocommerce-table--order-downloads th:nth-child(2),
.woocommerce-table--order-downloads th:nth-child(3),
.woocommerce-table--order-downloads td:nth-child(2),
.woocommerce-table--order-downloads td:nth-child(3) {
  display: none;
}