@charset "UTF-8";
:root
{
  --main-color-1:#03a0aa;  
  --main-color-2:#305fa9;
  --main-color-3: black;
}

body {
  background: #fff;
  color: #3E3E3E;
  font: 300 18px/24px "Poppins", sans-serif;
  letter-spacing: 0.03em;
  margin: 0;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  body .container {
    width: 1180px;
  }
}
@media only screen and (min-width: 1100px) and (max-width: 1200px) {
  body .container {
    width: 1080px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
  body .container {
    width: 1020px;
  }
}

body {
  font-family: "Poppins", sans-serif !important;
}

a {
  color: #3E3E3E;
  text-decoration: underline;
}
a:active, a:hover, a:focus {
  color: #3E3E3E;
  outline: 0;
  text-decoration: underline;
}

p {
  margin: 0;
  font: 300 18px/24px;
  font-family: "Poppins", sans-serif !important;
}
p b, p strong {
  font-weight: 500;
}

::-moz-selection {
  background-color: #3E3E3E;
  color: #fff;
}

::selection {
  background-color: #3E3E3E;
  color: #fff;
}

::-moz-selection {
  background-color: #3E3E3E;
  color: #fff;
}

html > body header.header1 {
  background: #E5E5FD;
  color: #3E3E3E;
}
html > body header.header1 #modeltheme-main-head {
  border-top: 1px solid #E5E5FD !important;
  border-bottom: 1px solid #E5E5FD !important;
}
html > body header.header1 #navbar .menu-item:last-child {
  border-right: 1px solid #E5E5FD;
  border-left: 1px solid #E5E5FD;
}
html > body header.header1 #navbar .menu-item:last-child > a {
  border-right: 1px solid #E5E5FD;
}
html > body header.header1 #navbar .menu-item > a {
  border-left: 1px solid #E5E5FD;
}
html > body header.header1 #navbar .menu-item > a:hover {
  color: #3E3E3E !important;
}
html > body header.header1 #navbar .menu-item.current_page_item a {
  color: #3E3E3E !important;
}
@media only screen and (min-width: 1100px) {
  html > body header.header1 #navbar .menu-item ul.sub-menu {
    /* display: none; */
  }
}
html > body header.header1 #navbar .menu-item ul.sub-menu li.menu-item a {
  color: #3E3E3E !important;
}
html > body header.header1 #navbar .navbar-default .navbar-nav > li > a:focus, html > body header.header1 #navbar .navbar-default .navbar-nav > li > a:hover {
  color: #3E3E3E !important;
}
html > body header.header1 #navbar .header-nav-actions .mt-search-icon {
  color: #3E3E3E !important;
}
html > body header.header1 #navbar .header-nav-actions .mt-search-icon a {
  border-left: 1px solid #E5E5FD;
}
html > body header.header1 #navbar .cf-mega-menu.sub-menu {
  width: 100%;
  padding: 0 !important;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
html > body header.header1 .header-info-group h3,
html > body header.header1 .header-info-group h4,
html > body header.header1 .header-info-group h5 {
  color: #3E3E3E !important;
}
html > body header.header1 .header-info-group i {
  color: #3E3E3E !important;
}
html > body header.header1 .header-info-group a {
  color: #3E3E3E !important;
}
html > body header.header1 .button-winona.btn.btn-medium {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--main-color-2)), color-stop(51%, var(--main-color-1)), to(var(--main-color-2))) !important;
  background-image: linear-gradient(to right, var(--main-color-2) 0%, var(--main-color-1) 51%, var(--main-color-2) 100%) !important;
  margin: 10px;
  padding: 15px 45px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-size: 200% auto;
  color: white !important;
  -webkit-box-shadow: 0 0 20px #eee;
          box-shadow: 0 0 20px #eee;
  border-radius: 10px;
  display: block;
}
html > body header.header1 .button-winona.btn.btn-medium:hover {
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}
html > body header .fs-mega-menu-wrap {
  position: relative;
  background: #E5E5FD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 20vh !important;
}
html > body header .fs-mega-menu-wrap > .vc_column_container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20vh;
  width: 25%;
  background: linear-gradient(158deg, #3e3e3e 14%, rgba(62, 62, 62, 0.7) 95%);
  -webkit-transition: 0.5 ease-in-out;
  transition: 0.5 ease-in-out;
  cursor: pointer;
}
html > body header .fs-mega-menu-wrap > .vc_column_container:hover {
  background: linear-gradient(-22deg, #D07BFF 14%, rgba(62, 62, 62, 0.7) 95%);
  -webkit-transition: background-color 300ms linear;
  transition: background-color 300ms linear;
}
html > body header .fs-mega-menu-wrap > .vc_column_container:hover .vc_parallax-inner {
  -webkit-filter: blur(6px);
          filter: blur(6px);
}
html > body header .fs-mega-menu-wrap > .vc_column_container:hover > .vc_column-inner h3.vc_custom_heading {
  opacity: 0 !important;
  visibility: hidden;
}
html > body header .fs-mega-menu-wrap > .vc_column_container > .vc_column-inner {
  padding: 0;
}
html > body header .fs-mega-menu-wrap .vc_parallax-inner {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-filter: blur(0px);
          filter: blur(0px);
  overflow: hidden;
  -webkit-clip-path: polygon(35% 0, 100% 0%, 100% 100%, -8% 100%);
          clip-path: polygon(35% 0, 100% 0%, 100% 100%, -8% 100%); /* Adjust the polygon points for skewing */
}
html > body header .fs-mega-menu-wrap h3 {
  position: absolute;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  opacity: 1 !important;
  visibility: visible;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: flex;
  align-items: center;
  font-size: 20px;
  padding-top: 70px;
}
html > body header .fs-mega-menu-wrap h3 a {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  color: inherit;
  display: block;
  padding: 10px;
  background-color: transparent;
  border-radius: 5px;
  word-spacing: 9999px;
  text-align: center;
  line-height: 32px;
  font-size: 28px;
  text-transform: uppercase;
  color: var(--main-color-1) !important;
  font-weight: bold;
}
html > body header .fs-mega-menu-wrap figure {
  padding: 0;
  margin: 0;
}
html > body header .fs-mega-menu-wrap figure img {
  opacity: 0.5;
  padding: 0;
  margin: 0;
  width: 40%;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

html > body .button-winona.btn {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--main-color-2)), color-stop(51%, var(--main-color-1)), to(var(--main-color-2))) !important;
  background-image: linear-gradient(to right, var(--main-color-2) 0%, var(--main-color-1) 51%, var(--main-color-2) 100%) !important;
  margin: 10px !important;
  padding: 15px 45px  !important;
  text-align: center  !important;
  text-transform: uppercase !important;
  -webkit-transition: 0.5s !important;
  transition: 0.5s !important;
  background-size: 200% auto !important;
  color: white !important;
  -webkit-box-shadow: 0 0 20px #eee !important;
          box-shadow: 0 0 20px #eee !important;
  border-radius: 10px !important;
  display: block !important;}
html > body .button-winona.btn.btn-medium {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--main-color-2)), color-stop(51%, var(--main-color-1)), to(var(--main-color-2))) !important;
  background-image: linear-gradient(to right, var(--main-color-2) 0%, var(--main-color-1) 51%, var(--main-color-2) 100%) !important;
  margin: 10px !important;
  padding: 15px 45px  !important;
  text-align: center  !important;
  text-transform: uppercase !important;
  -webkit-transition: 0.5s !important;
  transition: 0.5s !important;
  background-size: 200% auto !important;
  color: white !important;
  -webkit-box-shadow: 0 0 20px #eee !important;
          box-shadow: 0 0 20px #eee !important;
  border-radius: 10px !important;
  display: block !important;
}
html > body .fs-general-btn.small-size a {
  font-size: 16px !important;
}
html > body .fs-general-btn.btn-dark a {
  background-color: var(--main-color-1) !important;
  color: #fff !important;
}
html > body .fs-general-btn.btn-dark a:hover {
  background-color: #3E3E3E !important;
  border: 1px solid #3E3E3E !important;
  color: #E5E5FD !important;
}
html > body .fs-general-btn a, html > body .fs-general-btninput[type=submit] {
  font-size: 22px !important;
  padding: 10px 30px !important;
  background-color: #fff !important;
  color: #3E3E3E !important;
  border-radius: 25px !important;
  font-weight: 400;
  text-transform: uppercase;
  background-image: unset !important;
  border-radius: 10px !important;
}
html > body .fs-general-btn a:hover, html > body .fs-general-btninput[type=submit]:hover {
  background-color: transparent !important;
  border: 1px solid #fff !important;
  color: #fff !important;
}

body h1.heading-line, body h2.heading-line, body h3.heading-line, body h4.heading-line, body h5.heading-line {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: #3E3E3E;
}
body h1.heading-line.dark-mode strong, body h1.heading-line.dark-mode b, body h1.heading-line.dark-mode span, body h2.heading-line.dark-mode strong, body h2.heading-line.dark-mode b, body h2.heading-line.dark-mode span, body h3.heading-line.dark-mode strong, body h3.heading-line.dark-mode b, body h3.heading-line.dark-mode span, body h4.heading-line.dark-mode strong, body h4.heading-line.dark-mode b, body h4.heading-line.dark-mode span, body h5.heading-line.dark-mode strong, body h5.heading-line.dark-mode b, body h5.heading-line.dark-mode span {
  color: var(--main-color-1);
}
body h1.heading-line.dark-mode:before, body h2.heading-line.dark-mode:before, body h3.heading-line.dark-mode:before, body h4.heading-line.dark-mode:before, body h5.heading-line.dark-mode:before {
  background-color: var(--main-color-1);
}
body h1.heading-line.dark-mode:after, body h2.heading-line.dark-mode:after, body h3.heading-line.dark-mode:after, body h4.heading-line.dark-mode:after, body h5.heading-line.dark-mode:after {
  background-color: #3E3E3E;
}
body h1.heading-line strong, body h1.heading-line b, body h1.heading-line span, body h2.heading-line strong, body h2.heading-line b, body h2.heading-line span, body h3.heading-line strong, body h3.heading-line b, body h3.heading-line span, body h4.heading-line strong, body h4.heading-line b, body h4.heading-line span, body h5.heading-line strong, body h5.heading-line b, body h5.heading-line span {
  color: #fff;
}
body h1.heading-line:after, body h2.heading-line:after, body h3.heading-line:after, body h4.heading-line:after, body h5.heading-line:after {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 4px;
  width: 75px;
  margin-bottom: -5px;
}
body h1.heading-line:before, body h2.heading-line:before, body h3.heading-line:before, body h4.heading-line:before, body h5.heading-line:before {
  background-color: #3E3E3E;
  content: "";
  display: block;
  height: 4px;
  width: 75px;
  margin-bottom: 5px;
}

h2 {
  font: 300 45px/48px "Poppins", sans-serif;
  margin: 0;
}

/** ANIMATION **/
@-webkit-keyframes selectFadeInDown {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }
}
@keyframes selectFadeInDown {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }
}
@-webkit-keyframes selectFadeInUp {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes selectFadeInUp {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }
  to {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
/** CUSTOM SELECT **/
.js-newselect {
  color: #0B485A;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 300;
  min-height: 0;
  line-height: 24px;
  padding: 0;
  position: relative;
  text-align: left;
}
.js-newselect__active {
  background: #7b7b7b;
  border-radius: 8px;
  cursor: pointer;
  height: 40px;
  padding: 10px 12px;
  position: relative;
  -webkit-transition: border 0.5s, border-radius 0.5s;
  transition: border 0.5s, border-radius 0.5s;
}
.js-newselect__active-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.js-newselect__trigger {
  height: 100%;
  position: absolute;
  top: 0;
  right: 10px;
  width: 24px;
}
.js-newselect__trigger:before {
  background: url(../media/svg/icon-angle-down-blue.svg) no-repeat center center;
  background-size: contain;
  content: "";
  height: 13px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
  transition: cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
  width: 13px;
}
.js-newselect__trigger:hover:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.back-to-top {
 background: var(--main-color-1) !important;
}
.js-newselect__drop {
  background: #7b7b7b;
  border: none;
  border-radius: 0 0 8px 8px;
  max-height: 200px;
  overflow: auto;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
}
.js-newselect__drop ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.js-newselect__drop ul li {
  color: #0B485A;
  cursor: pointer;
  padding: 0 12px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.js-newselect__drop ul li:first-child {
  padding-top: 10px;
}
.js-newselect__drop ul li:last-child {
  padding-bottom: 10px;
}
.js-newselect__drop ul li + li {
  margin-top: 10px;
}
.js-newselect__drop ul li:hover, .js-newselect__drop ul li.selected {
  color: #5F7EFF;
}
.js-newselect.opened {
  color: #0B485A;
  z-index: 20;
}
.js-newselect.opened .js-newselect__active {
  border-radius: 8px 8px 0 0;
}
.js-newselect.opened .js-newselect__trigger:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.js-newselect.opened .js-newselect__drop {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: selectFadeInDown;
          animation-name: selectFadeInDown;
  visibility: visible;
}
.js-newselect.closed .js-newselect__drop {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: selectFadeInUp;
          animation-name: selectFadeInUp;
}
.js-newselect.disabled .js-newselect__active {
  background: rgb(246, 244, 247);
  color: #7b7b7b;
}

html > body .fs-footer {
  background-color: #3E3E3E;
  color: #fff;
}
html > body .fs-footer .footer-top {
  background-color: #3E3E3E;
}
html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 250px) {
  html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu h3 {
  margin: 0;
  padding: 0;
}
html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu h3, html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu a {
  color: #fff;
}
html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul {
  margin-left: 20px;
}
@media only screen and (max-width: 500px) {
  html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul {
    margin-left: 0px;
  }
}
html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 250px) {
  html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul.menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul.menu li {
  padding: 0;
  margin: 0;
  padding-right: 15px;
}
@media only screen and (max-width: 500px) {
  html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul.menu li {
    padding-right: 10px;
  }
}
@media only screen and (max-width: 435px) {
  html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul.menu li {
    padding-right: 5px;
  }
}
@media only screen and (max-width: 300px) {
  html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul.menu li {
    padding-right: 2px;
  }
}
html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul.menu li:not(:first-child) {
  border-left: 1px solid #fff;
  padding-left: 15px;
}
@media only screen and (max-width: 500px) {
  html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul.menu li:not(:first-child) {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 435px) {
  html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul.menu li:not(:first-child) {
    padding-left: 5px;
  }
}
@media only screen and (max-width: 300px) {
  html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul.menu li:not(:first-child) {
    padding-left: 2px;
  }
}
html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul.menu li a {
  color: #fff;
  text-decoration: underline;
  font-size: 20px;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 410px) {
  html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul.menu li a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 300px) {
  html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul.menu li a {
    font-size: 12px;
  }
}
html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul.menu li a:before {
  content: unset;
}
html > body .fs-footer .footer-top .row .footer-row-1 .widget_nav_menu ul.menu li a:hover {
  color: #E5E5FD;
}
html > body .fs-footer .footer-top .row .footer-row-1 .sidebar-2 .widget {
  text-align: right;
  margin-top: 20px;
}
html > body .fs-footer .footer-top .row .footer-row-1 .sidebar-2 .widget .textwidget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media only screen and (max-width: 500px) {
  html > body .fs-footer .footer-top .row .footer-row-1 .sidebar-2 .widget .textwidget {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}
@media only screen and (max-width: 250px) {
  html > body .fs-footer .footer-top .row .footer-row-1 .sidebar-2 .widget .textwidget {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    gap: 10px;
  }
}
html > body .fs-footer .footer-top .row .footer-row-1 .sidebar-2 .widget .textwidget .fs-general-btn a {
  font-size: 16px !important;
  padding: 10px 20px !important;
}
@media only screen and (max-width: 300px) {
  html > body .fs-footer .footer-top .row .footer-row-1 .sidebar-2 .widget .textwidget .fs-general-btn a {
    font-size: 10px !important;
    padding: 7px 5px !important;
  }
}
html > body .fs-footer .footer-top .row .footer-row-1 .sidebar-2 .widget .textwidget a {
  color: #fff;
}
html > body .fs-footer .footer-top .row .footer-row-2 {
  border: unset;
}
html > body .fs-footer .footer-top .row .footer-row-2 .sidebar-2 ul.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 610px) {
  html > body .fs-footer .footer-top .row .footer-row-2 .sidebar-2 ul.menu {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 536px) {
  html > body .fs-footer .footer-top .row .footer-row-2 .sidebar-2 ul.menu {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
html > body .fs-footer .footer-top .row .footer-row-2 .sidebar-2 ul.menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: auto;
  padding: 0 0.5rem;
  margin-bottom: 0.5rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.333%;
  position: relative;
}
@media only screen and (max-width: 610px) {
  html > body .fs-footer .footer-top .row .footer-row-2 .sidebar-2 ul.menu li {
    width: 14%;
    padding: 0 0.2px;
  }
}
@media only screen and (max-width: 536px) {
  html > body .fs-footer .footer-top .row .footer-row-2 .sidebar-2 ul.menu li {
    width: 17%;
    padding: 0 0.5px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 450px) {
  html > body .fs-footer .footer-top .row .footer-row-2 .sidebar-2 ul.menu li {
    width: 17%;
    padding: 0 0.5px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 391px) {
  html > body .fs-footer .footer-top .row .footer-row-2 .sidebar-2 ul.menu li {
    width: 22%;
    padding: 0 0.5px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
html > body .fs-footer .footer-top .row .footer-row-2 .sidebar-2 ul.menu li:after {
  background-color: #E5E5FD;
  bottom: 0.25rem;
  content: "";
  height: 1.5px;
  left: 2.35rem;
  position: absolute;
  right: auto;
  -webkit-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
  width: 0;
}
html > body .fs-footer .footer-top .row .footer-row-2 .sidebar-2 ul.menu li a {
  color: #fff;
  display: block;
  padding-bottom: 10px;
  font-size: 20px;
}
html > body .fs-footer .footer-top .row .footer-row-2 .sidebar-2 ul.menu li a:before, html > body .fs-footer .footer-top .row .footer-row-2 .sidebar-2 ul.menu li a:after {
  content: unset;
}
@media only screen and (max-width: 610px) {
  html > body .fs-footer .footer-top .row .footer-row-2 .sidebar-2 ul.menu li a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 450px) {
  html > body .fs-footer .footer-top .row .footer-row-2 .sidebar-2 ul.menu li a {
    font-size: 12px;
  }
}
html > body .fs-footer .footer-top .row .footer-row-2 .sidebar-2 ul.menu li:hover:after {
  background-color: #E5E5FD;
  width: 3.5rem;
}
html > body .fs-footer .footer-top .row .footer-row-2 .textwidget {
  color: #fff;
}
html > body .fs-footer .footer-top .row .footer-row-2 .textwidget img {
  margin-top: 0px;
}
@media only screen and (max-width: 300px) {
  html > body .fs-footer .footer-top .row .footer-row-2 .textwidget img {
    max-width: 68%;
    height: 34px;
  }
}
html > body .fs-footer .footer-top .row .footer-row-2 .textwidget h3 {
  margin-top: 20px;
  margin-bottom: 0;
}
@media only screen and (max-width: 300px) {
  html > body .fs-footer .footer-top .row .footer-row-2 .textwidget h3 {
    font-size: 26px;
    line-height: 38px;
  }
}
html > body .fs-footer .footer-top .row .footer-row-2 .textwidget p {
  margin-top: 20px;
  margin-bottom: 0;
  color: #fff;
}
html > body .fs-footer .footer-top .row .footer-row-3 {
  border: unset;
}
html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .widget_aipt_address_social_icons {
  margin-bottom: 25px;
}
html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .social-links li {
  margin-right: 10px;
}
@media only screen and (max-width: 361px) {
  html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .social-links li {
    margin-right: 0px;
  }
}
html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .social-links li:hover a {
  background-color: var(--main-color-1);
  border-color: var(--main-color-1);
}
html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .social-links li:hover a i {
  color: #E5E5FD !important;
}
html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .social-links li a {
  background: transparent;
  border: 1px solid #fff;
  width: 55px;
  height: 55px;
}
@media only screen and (max-width: 440px) {
  html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .social-links li a {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 361px) {
  html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .social-links li a {
    width: 50px;
    height: 40px;
  }
}
@media only screen and (max-width: 300px) {
  html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .social-links li a {
    width: 40px;
    height: 30px;
  }
}
html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .social-links li a i {
  font-size: 28px;
  line-height: 52px;
  color: #fff;
}
@media only screen and (max-width: 361px) {
  html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .social-links li a i {
    font-size: 22px;
  }
}
@media only screen and (max-width: 300px) {
  html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .social-links li a i {
    font-size: 18px;
  }
}
html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .social-links li a i:hover i {
  color: #E5E5FD !important;
}
html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .widget_text {
  margin-top: 15px;
}
html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .widget_text p, html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .widget_text a {
  color: #fff;
}
html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-1 .widget_text a:hover {
  text-decoration: underline;
  color: #E5E5FD;
}
html > body .fs-footer .footer-top .row .footer-row-3 .sidebar-2 .widget_text {
  margin: 0;
}
html > body .fs-footer .footer-top .row .footer-row-3 .wpcf7 form.invalid .wpcf7-response-output,
html > body .fs-footer .footer-top .row .footer-row-3 .wpcf7 form.unaccepted .wpcf7-response-output,
html > body .fs-footer .footer-top .row .footer-row-3 .wpcf7 form.payment-required .wpcf7-response-output,
html > body .fs-footer .footer-top .row .footer-row-3 .wpcf7 form.sent .wpcf7-response-output,
html > body .fs-footer .footer-top .row .footer-row-3 .wpcf7 form.success .wpcf7-response-output {
  border-color: #fff;
  color: #fff !important;
  display: block;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 610px) {
  html > body .fs-footer .footer-top .row .footer-row-3 .wpcf7-form .wpcf7-submit {
    margin-top: 0;
  }
}
html > body .fs-footer .copyright a {
  color: var(--main-color-1);
}
html > body .fs-footer .fs-subscription-form p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 610px) {
  html > body .fs-footer .fs-subscription-form p {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: 3px;
       -moz-column-gap: 3px;
            column-gap: 3px;
  }
}
html > body .fs-footer .fs-subscription-form p input[type=email] {
  background: transparent;
  border: 1px solid #fff;
  max-width: 400px;
  height: 60px;
  color: #fff;
  padding: 10px 30px;
  border-radius: 10px;
}
@media only screen and (max-width: 440px) {
  html > body .fs-footer .fs-subscription-form p input[type=email] {
    max-width: 350px;
  }
}
@media only screen and (max-width: 391px) {
  html > body .fs-footer .fs-subscription-form p input[type=email] {
    max-width: 300px;
  }
}
@media only screen and (max-width: 340px) {
  html > body .fs-footer .fs-subscription-form p input[type=email] {
    max-width: 250px;
  }
}
@media only screen and (max-width: 290px) {
  html > body .fs-footer .fs-subscription-form p input[type=email] {
    max-width: 200px;
  }
}
html > body .fs-footer .fs-subscription-form p input[type=submit] {
  border-radius: 5px;
  background-color: var(--main-color-1);
}
html > body .fs-footer .fs-subscription-form p input[type=submit]:hover {
  background-color: #fff;
  color: #3E3E3E;
}

@media only screen and (max-width: 610px) {
  footer .footer-top .menu .menu-item a {
    margin-left: 0;
    margin-right: 0;
  }
}
html {
  margin-top: 0 !important;
}

body .fs-reasons-section {
  background: linear-gradient(60deg, var(--main-color-2), var(--main-color-1));
  margin-bottom: 0;
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  body .fs-reasons-section {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 440px) {
  body .fs-reasons-section {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 640px) {
  body .fs-reasons-section .heading-line {
    font-size: 40px;
  }
}
@media only screen and (max-width: 572px) {
  body .fs-reasons-section .heading-line {
    font-size: 36px;
  }
}
@media only screen and (max-width: 520px) {
  body .fs-reasons-section .heading-line {
    font-size: 32px;
  }
}
@media only screen and (max-width: 460px) {
  body .fs-reasons-section .heading-line {
    font-size: 25px;
  }
}
@media only screen and (max-width: 400px) {
  body .fs-reasons-section .heading-line {
    font-size: 20px;
  }
}
@media only screen and (max-width: 300px) {
  body .fs-reasons-section .heading-line {
    font-size: 18px;
  }
}
@media only screen and (max-width: 640px) {
  body .fs-reasons-section .fs-reasons-col-1 {
    margin-top: 240px;
  }
}
@media only screen and (max-width: 300px) {
  body .fs-reasons-section .fs-reasons-col-1 {
    margin-top: 150px;
  }
}
body .fs-reasons-section .fs-reasons-col-1 .mt-icon-listgroup-item {
  width: 85%;
}
@media only screen and (max-width: 767px) {
  body .fs-reasons-section .fs-reasons-col-1 .mt-icon-listgroup-item {
    padding-left: 30px;
  }
}
body .fs-reasons-section .fs-reasons-col-1 .mt-icon-listgroup-item .mt-icon-listgroup-content-holder-inner,
body .fs-reasons-section .fs-reasons-col-1 .mt-icon-listgroup-item .mt-icon-listgroup-icon-holder-inner,
body .fs-reasons-section .fs-reasons-col-1 .mt-icon-listgroup-item span {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  body .fs-reasons-section .fs-reasons-col-2 {
    padding-left: 30px;
  }
}
body .fs-reasons-section .fs-reasons-col-2 .mt-icon-listgroup-item {
  width: 85%;
}
body .fs-reasons-section .fs-reasons-col-2 .mt-icon-listgroup-item .mt-icon-listgroup-content-holder-inner,
body .fs-reasons-section .fs-reasons-col-2 .mt-icon-listgroup-item .mt-icon-listgroup-icon-holder-inner,
body .fs-reasons-section .fs-reasons-col-2 .mt-icon-listgroup-item span {
  text-align: right;
}
@media only screen and (max-width: 768px) {
  body .fs-reasons-section .fs-reasons-col-2 .mt-icon-listgroup-item .mt-icon-listgroup-content-holder-inner,
  body .fs-reasons-section .fs-reasons-col-2 .mt-icon-listgroup-item .mt-icon-listgroup-icon-holder-inner,
  body .fs-reasons-section .fs-reasons-col-2 .mt-icon-listgroup-item span {
    text-align: left;
  }
}
@media only screen and (max-width: 768px) {
  body .fs-reasons-section .fs-reason-col-3 .vc_col-sm-12 .mt-icon-listgroup-item {
    padding-left: 30px;
    margin-top: -60px !important;
  }
}
@media only screen and (max-width: 768px) {
  body .fs-reasons-section .fs-reason-col-3 .vc_col-sm-12 .mt-icon-listgroup-item .mt-icon-listgroup-holder .mt-icon-listgroup-icon-holder-inner {
    margin-left: -25px;
    text-align: left;
  }
}
@media only screen and (max-width: 768px) {
  body .fs-reasons-section .fs-reason-col-3 .vc_col-sm-12 .mt-icon-listgroup-item .mt-icon-listgroup-holder .mt-icon-listgroup-content-holder-inner {
    text-align: left !important;
  }
}
@media only screen and (max-width: 768px) {
  body .fs-reasons-section .fs-reason-col-3 .vc_btn3-center {
    margin-left: 40px;
    text-align: left;
  }
}
@media only screen and (max-width: 440px) {
  body .fs-reasons-section .mt-icon-listgroup-item {
    margin-top: 0px !important;
  }
}
body .fs-reasons-section .mt-icon-listgroup-item .mt-icon-listgroup-holder {
  border: none;
}
@media only screen and (max-width: 992px) {
  body .fs-reasons-section .mt-icon-listgroup-item .mt-icon-listgroup-holder {
    padding: 8px 8px 0;
  }
}
@media only screen and (max-width: 440px) {
  body .fs-reasons-section .mt-icon-listgroup-item .mt-icon-listgroup-holder {
    padding: 0px;
  }
}
body .fs-reasons-section .mt-icon-listgroup-item .mt-icon-listgroup-holder .mt-icon-listgroup-title {
  margin-bottom: 10px;
  margin-top: 0;
  line-height: 44px;
  color: #fff;
}
@media only screen and (max-width: 520px) {
  body .fs-reasons-section .mt-icon-listgroup-item .mt-icon-listgroup-holder .mt-icon-listgroup-title {
    font-size: 22px;
    margin-bottom: 0px !important;
    line-height: 28x;
  }
}
body .fs-reasons-section .mt-icon-listgroup-item .mt-icon-listgroup-holder .mt-icon-listgroup-title a {
  color: #fff;
}
body .fs-reasons-section .mt-icon-listgroup-item .mt-icon-listgroup-holder:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: unset;
  background: transparent;
}
body .fs-reasons-section .mt-icon-listgroup-item .mt-icon-listgroup-holder span:before {
  color: #5F7EFF;
  font-size: 48px;
}
@media only screen and (max-width: 768px) {
  body .fs-reasons-section .mt-icon-listgroup-item .mt-icon-listgroup-holder span:before {
    font-size: 36px;
  }
}
@media only screen and (max-width: 520px) {
  body .fs-reasons-section .mt-icon-listgroup-item .mt-icon-listgroup-holder span:before {
    font-size: 28px;
  }
}
body .fs-reasons-section .mt-icon-listgroup-item .mt-icon-listgroup-holder p.mt-icon-listgroup-text {
  color: #fff;
  font-size: 20px;
  font-weight: 100;
}
@media only screen and (max-width: 768px) {
  body .fs-reasons-section .mt-icon-listgroup-item .mt-icon-listgroup-holder p.mt-icon-listgroup-text {
    font-size: 15px;
  }
}
@media only screen and (max-width: 520px) {
  body .fs-reasons-section .mt-icon-listgroup-item .mt-icon-listgroup-holder p.mt-icon-listgroup-text {
    font-size: 13px;
  }
}
body .fs-reasons-section .vc_figure {
  bottom: 7rem;
  height: auto;
  left: 25%;
  position: absolute;
  right: 25%;
  top: 7rem;
  width: auto;
  z-index: 0;
}
@media only screen and (max-width: 640px) {
  body .fs-reasons-section .vc_figure {
    top: 4rem;
  }
}
body .fs-reasons-section .vc_figure img {
  width: 85%;
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 90px;
}
@media only screen and (max-width: 300px) {
  body .fs-reasons-section .vc_figure img {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 640px) {
  body .fs-reasons-section .vc_figure img {
    margin-left: auto;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .vc_column_container {
    padding-top: 0px !important;
  }
}

@media only screen and (max-width: 992px) {
  .vc_column_container > .vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media only screen and (max-width: 520px) {
  .mt-icon-listgroup-icon-holder-inner span {
    height: 55px !important;
  }
}

html > body .fs-perfect-slider-section {
  background-color: #7b7b7b;
  padding-top: 30px;
  margin-bottom: 0;
  background-image: url("../media/img/background-img-1.jpg");
  background-size: cover;
  background-position: top center;
}
@media only screen and (max-width: 768px) {
  html > body .fs-perfect-slider-section {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 520px) {
  html > body .fs-perfect-slider-section {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 640px) {
  html > body .fs-perfect-slider-section .heading-line {
    font-size: 40px;
  }
}
@media only screen and (max-width: 572px) {
  html > body .fs-perfect-slider-section .heading-line {
    font-size: 36px;
  }
}
@media only screen and (max-width: 520px) {
  html > body .fs-perfect-slider-section .heading-line {
    font-size: 32px;
  }
}
@media only screen and (max-width: 460px) {
  html > body .fs-perfect-slider-section .heading-line {
    font-size: 25px;
  }
}
@media only screen and (max-width: 400px) {
  html > body .fs-perfect-slider-section .heading-line {
    font-size: 20px;
  }
}
@media only screen and (max-width: 300px) {
  html > body .fs-perfect-slider-section .heading-line {
    font-size: 18px;
  }
}
html > body .fs-carousel-container {
  position: relative;
  width: 100%; /* Adjust as needed */
  height: 100%; /* Adjust as needed */
  overflow: hidden;
}
html > body .fs-carousel-container .fs-image-container {
  float: left;
  width: 60%;
  height: 100%;
}
@media only screen and (max-width: 992px) {
  html > body .fs-carousel-container .fs-image-container {
    float: none;
    width: 100%;
  }
}
html > body .fs-carousel-container .fs-image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: none;
}
html > body .fs-carousel-container .fs-image-container img.active {
  display: block;
}
html > body .fs-carousel-container .fs-text-container {
  position: relative;
  width: 40%; /* Adjust as needed */
  height: 100%;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  html > body .fs-carousel-container .fs-text-container {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 20px;
    padding: 0 5px;
  }
}
html > body .fs-carousel-container .fs-text-container .fs-text-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin-left: 100px;
  text-align: left;
  cursor: pointer;
}
@media only screen and (max-width: 992px) {
  html > body .fs-carousel-container .fs-text-container .fs-text-wrap {
    margin-left: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 992px) {
  html > body .fs-carousel-container .fs-text-container .fs-text-wrap h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 992px) {
  html > body .fs-carousel-container .fs-text-container .fs-text-wrap p {
    font-size: 14px;
  }
}
html > body .fs-carousel-container .fs-text-container .fs-text-wrap:hover h3, html > body .fs-carousel-container .fs-text-container .fs-text-wrap:hover p, html > body .fs-carousel-container .fs-text-container .fs-text-wrap.active h3, html > body .fs-carousel-container .fs-text-container .fs-text-wrap.active p {
  color: var(--main-color-1);
}
html > body .fs-carousel-container .fs-text-container .fs-text-wrap img {
  margin-right: 30px;
  -webkit-filter: brightness(0.2) saturate(0%);
          filter: brightness(0.2) saturate(0%);
}

html > body .fs-stats-section {
  padding: 100px 0;
  background-image: url("../media/img/like-magic-section-bg-1.png"), url("../media/img/like-magic-section-bg-2.png");
  background-repeat: no-repeat, no-repeat;
  background-size: 26.5%, 26.5%;
  background-position: top 0 right -1rem, bottom -4.7rem left -1.9rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  html > body .fs-stats-section {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 520px) {
  html > body .fs-stats-section {
    padding: 50px 0;
  }
}
html > body .fs-stats-section .vc_col-sm-4 > .vc_column-inner .wpb_wrapper {
  padding: 15px 15px;
}
@media only screen and (max-width: 640px) {
  html > body .fs-stats-section .heading-line {
    font-size: 40px;
  }
}
@media only screen and (max-width: 572px) {
  html > body .fs-stats-section .heading-line {
    font-size: 36px;
  }
}
@media only screen and (max-width: 520px) {
  html > body .fs-stats-section .heading-line {
    font-size: 32px;
  }
}
@media only screen and (max-width: 460px) {
  html > body .fs-stats-section .heading-line {
    font-size: 25px;
  }
}
@media only screen and (max-width: 400px) {
  html > body .fs-stats-section .heading-line {
    font-size: 20px;
  }
}
html > body .stats-block {
  /* background-color: var(--main-color-1); */
  background: linear-gradient(90deg, var(--main-color-2) 0%, var(--main-color-1) 95%);
}
html > body .stats-block .stats-content,html > body .stats-block .stats-content p {
  color: #fff !important;
}
html > body .stats-block .stats-content .skill-count {
  margin-top: 20px;
}
html > body .stats-block .show-percentage .skill-count:after {
  content: "%";
}
html > body .stats-block .stat-number img {
  width: 100px;
  padding: 20px 20px;
  border-radius: 5px;
  -webkit-filter: invert(1);
          filter: invert(1);
}

@media only screen and (max-width: 768px) {
  .vc_column_container {
    padding-left: 0;
    padding-right: 0;
  }
}
.vc_column_container .vc_row {
  margin-left: 0px;
  margin-right: 0px;
}

@media only screen and (max-width: 768px) {
  .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner {
    padding-top: 0 !important;
    margin-top: 0px !important;
  }
}
html > body .selector img.main-image {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 580px;
  padding: 0px;
  cursor: pointer;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  border-radius: 50%;
  -webkit-box-shadow: 0px 9px 58px #E5E5FD;
          box-shadow: 0px 9px 58px #E5E5FD;
}
html > body .selector button:hover {
  background: #3071a9;
}
html > body .selector button:focus {
  outline: none;
}
html > body .selector {
  width: 100%;
}
html > body .selector ul {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0;
  top: 50px;
  right: 50px;
  bottom: 50px;
  left: 50px;
}
html > body .selector li {
  position: absolute;
  width: 0;
  height: 100%;
  margin: 0 50%;
  -webkit-transform: rotate(-360deg);
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  z-index: 999;
}
html > body .selector li input {
  display: none;
}
html > body .selector li a {
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 0;
  height: 0;
  line-height: 1px;
  margin-left: 0;
  background: transparent;
  border-radius: 50%;
  text-align: center;
  font-size: 1px;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.8s ease-in-out, color 0.1s, background 0.1s;
  transition: all 0.8s ease-in-out, color 0.1s, background 0.1s;
  background: transparent;
}
html > body .selector li input + label:hover {
  background: #f0f0f0;
}
html > body .selector li input:checked + label {
  background: #5cb85c;
  color: white;
}
html > body .selector li input:checked + label:hover {
  background: #449d44;
}
html > body .selector.open a {
  width: 120px;
  height: 120px;
  line-height: 80px;
  margin-left: -40px;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  padding: 20px;
  background: aliceblue;
  border: 1px solid #bfbfbf;
}

html > body .fs-home-contact {
  padding: 100px 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  html > body .fs-home-contact {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 520px) {
  html > body .fs-home-contact {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 640px) {
  html > body .fs-home-contact .heading-line {
    font-size: 40px;
  }
}
@media only screen and (max-width: 572px) {
  html > body .fs-home-contact .heading-line {
    font-size: 36px;
  }
}
@media only screen and (max-width: 520px) {
  html > body .fs-home-contact .heading-line {
    font-size: 32px;
  }
}
@media only screen and (max-width: 460px) {
  html > body .fs-home-contact .heading-line {
    font-size: 25px;
  }
}
@media only screen and (max-width: 400px) {
  html > body .fs-home-contact .heading-line {
    font-size: 20px;
  }
}
@media only screen and (max-width: 300px) {
  html > body .fs-home-contact .heading-line {
    font-size: 18px;
  }
}
html > body .fs-home-contact .wpcf7 form.invalid .wpcf7-response-output,
html > body .fs-home-contact .wpcf7 form.unaccepted .wpcf7-response-output,
html > body .fs-home-contact .wpcf7 form.payment-required .wpcf7-response-output,
html > body .fs-home-contact .wpcf7 form.sent .wpcf7-response-output,
html > body .fs-home-contact .wpcf7 form.success .wpcf7-response-output {
  border-color: #fff;
  color: #fff !important;
  display: block;
  width: 100%;
  text-align: center;
}
html > body .fs-home-contact .vc_parallax-inner.skrollable:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  background-color: #0B485A;
}
html > body .fs-home-contact .aipt-contact.v2 {
  background: none;
  margin: 0;
  padding: 0;
}
html > body .fs-home-contact .aipt-contact.v2 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
@media only screen and (max-width: 460px) {
  html > body .fs-home-contact .aipt-contact.v2 > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
html > body .fs-home-contact .aipt-contact.v2 > div.desc {
  width: 100%;
}
html > body .fs-home-contact .aipt-contact.v2 > div.desc p, html > body .fs-home-contact .aipt-contact.v2 > div.desc textarea {
  width: 100%;
}
html > body .fs-home-contact .aipt-contact.v2 > div.desc textarea {
  resize: none;
}
html > body .fs-home-contact .aipt-contact.v2 .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  font-size: 14px;
  font-weight: normal;
  display: block;
  margin: 0;
  color: #fff !important;
  text-align: left;
}
html > body .fs-home-contact .aipt-contact.v2 .wpcf7-submit {
  border-radius: 5px;
  font-weight: 400;
}
html > body .fs-home-contact .fs-contact-wrap {
  background: var(--main-color-1);
  margin-top: 15px;
  padding: 40.5px 43px;
  width: 60%;
  border-radius: 5px;
  margin: 60px auto 60px;
}
@media only screen and (max-width: 500px) {
  html > body .fs-home-contact .fs-contact-wrap {
    width: 80%;
  }
}
html > body .fs-home-contact .fs-contact-wrap .vc_column-inner {
  padding: 0;
}
html > body .fs-home-contact .fs-contact-wrap p {
  text-align: center;
  color: #fff;
  margin-bottom: 5px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 300;
}
@media only screen and (max-width: 400px) {
  html > body .fs-home-contact .fs-contact-wrap p {
    font-size: 18px;
    line-height: 24px;
  }
}
html > body .fs-home-contact .fs-contact-wrap .fs-image-boxes {
  margin: 50px 0 20px;
}
@media only screen and (max-width: 768px) {
  html > body .fs-home-contact .fs-contact-wrap .fs-image-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
html > body .fs-home-contact .fs-contact-wrap .fs-image-boxes img {
  border-radius: 50%;
  padding: 10px;
}
@media only screen and (max-width: 768px) {
  html > body .fs-home-contact .fs-contact-wrap .fs-image-boxes img {
    width: 200px;
    padding: 2px;
  }
}

html > body .high-padding {
  padding: 0 0;
}
html > body .fs-features-section {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#5F7EFF), to(rgba(149, 96, 158, 0.8)));
  background-image: linear-gradient(to right bottom, #5F7EFF, rgba(149, 96, 158, 0.8));
  margin-bottom: 0;
  padding: 100px 0;
}
@media only screen and (max-width: 768px) {
  html > body .fs-features-section .vc_column_container {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 640px) {
  html > body .fs-features-section .heading-line {
    font-size: 40px;
  }
}
@media only screen and (max-width: 572px) {
  html > body .fs-features-section .heading-line {
    font-size: 36px;
  }
}
@media only screen and (max-width: 520px) {
  html > body .fs-features-section .heading-line {
    font-size: 32px;
  }
}
@media only screen and (max-width: 460px) {
  html > body .fs-features-section .heading-line {
    font-size: 25px;
  }
}
@media only screen and (max-width: 400px) {
  html > body .fs-features-section .heading-line {
    font-size: 20px;
  }
}
@media only screen and (max-width: 300px) {
  html > body .fs-features-section .heading-line {
    font-size: 18px;
  }
}
html > body .fs-features-section .vc_parallax-inner {
  opacity: 0.2;
}
html > body .fs-features-section .show-all-features {
  text-align: center;
  padding-bottom: 30px;
}
html > body .fs-features-section .show-all-features p {
  font-size: 24px;
}
html > body .fs-features-section .show-all-features a {
  color: #fff;
  text-decoration: underline;
  font-size: 22px;
}
html > body .fs-features-section h3 {
  margin-top: 0;
  font-size: 34px;
  line-height: 44px;
  margin-bottom: 30px;
  font-weight: 800;
  color: #fff;
}
@media only screen and (max-width: 572px) {
  html > body .fs-features-section h3 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 520px) {
  html > body .fs-features-section h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 460px) {
  html > body .fs-features-section h3 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 400px) {
  html > body .fs-features-section h3 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 300px) {
  html > body .fs-features-section h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
html > body .fs-features-section p {
  margin-bottom: 30px !important;
  color: #fff;
  line-height: 32px;
  font-weight: 300;
  font-size: 20px;
}
@media only screen and (max-width: 572px) {
  html > body .fs-features-section p {
    font-size: 20px;
  }
}
@media only screen and (max-width: 520px) {
  html > body .fs-features-section p {
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 460px) {
  html > body .fs-features-section p {
    font-size: 14px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 400px) {
  html > body .fs-features-section p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 300px) {
  html > body .fs-features-section p {
    font-size: 14px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 768px) {
  html > body .selector {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 700px) {
  html > body .selector {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 570px) {
  html > body .selector {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 1200px) {
  html > body .selector li {
    height: 90%;
    margin: 0px 42%;
  }
}
@media only screen and (max-width: 1080px) {
  html > body .selector li {
    height: 90%;
    margin: 0px 42%;
  }
}
@media only screen and (max-width: 991px) {
  html > body .selector li {
    height: 100%;
    margin: 0px 42%;
  }
}
@media only screen and (max-width: 768px) {
  html > body .selector li {
    height: 95%;
    margin: 0px 50%;
  }
}
@media only screen and (max-width: 570px) {
  html > body .selector li {
    height: 100%;
    margin: 0px 50%;
  }
}
@media only screen and (max-width: 490px) {
  html > body .selector li {
    height: 100%;
    margin: 0px 50%;
  }
}
@media only screen and (max-width: 360px) {
  html > body .selector li {
    height: 95%;
    margin: 0px 50%;
  }
}
@media only screen and (max-width: 1200px) {
  html > body .selector img.main-image {
    width: 90%;
    min-height: 520px;
  }
}
@media only screen and (max-width: 1080px) {
  html > body .selector img.main-image {
    width: 85%;
    min-height: 460px;
  }
}
@media only screen and (max-width: 991px) {
  html > body .selector img.main-image {
    margin-left: 20px;
    min-height: 350px;
  }
}
@media only screen and (max-width: 768px) {
  html > body .selector img.main-image {
    width: 80%;
    min-height: 580px;
  }
}
@media only screen and (max-width: 700px) {
  html > body .selector img.main-image {
    width: 80%;
    min-height: 520px;
  }
}
@media only screen and (max-width: 640px) {
  html > body .selector img.main-image {
    width: 80%;
    min-height: 460px;
  }
}
@media only screen and (max-width: 570px) {
  html > body .selector img.main-image {
    margin-top: 50px;
    width: 70%;
    min-height: 340px;
    margin-left: 80px;
  }
}
@media only screen and (max-width: 490px) {
  html > body .selector img.main-image {
    margin-top: 50px;
    width: 80%;
    min-height: 350px;
    margin-left: 40px;
  }
}
@media only screen and (max-width: 440px) {
  html > body .selector img.main-image {
    margin-top: 50px;
    width: 80%;
    min-height: 330px;
    margin-left: 30px;
  }
}
@media only screen and (max-width: 400px) {
  html > body .selector img.main-image {
    margin-top: 50px;
    width: 90%;
    min-height: 290px;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 350px) {
  html > body .selector img.main-image {
    margin-top: 50px;
    width: 90%;
    min-height: 250px;
    margin-left: 10px;
  }
}

@media only screen and (max-width: 1080px) {
  html > body .selector.open a {
    width: 80px;
    height: 80px;
    padding: 0px;
  }
}
@media only screen and (max-width: 991px) {
  html > body .selector.open a {
    width: 70px;
    height: 70px;
    padding: 0px;
  }
}
@media only screen and (max-width: 768px) {
  html > body .selector.open a {
    width: 80px;
    height: 80px;
    padding: 0px;
  }
}
@media only screen and (max-width: 570px) {
  html > body .selector.open a {
    width: 70px;
    height: 70px;
    padding: 0px;
  }
}
@media only screen and (max-width: 350px) {
  html > body .selector.open a {
    width: 60px;
    height: 60px;
    padding: 0px;
  }
}

@media only screen and (max-width: 1080px) {
  html > body .selector ul {
    left: 40px;
    top: 40px;
  }
}
@media only screen and (max-width: 991px) {
  html > body .selector ul {
    left: 72px;
    top: 54px;
  }
}
@media only screen and (max-width: 768px) {
  html > body .selector ul {
    left: 45px;
    top: 36px;
  }
}
@media only screen and (max-width: 570px) {
  html > body .selector ul {
    left: 70px;
    top: 60px;
  }
}
@media only screen and (max-width: 490px) {
  html > body .selector ul {
    left: 45px;
    top: 96px;
  }
}
@media only screen and (max-width: 400px) {
  html > body .selector ul {
    left: 40px;
    top: 70px;
  }
}
@media only screen and (max-width: 350px) {
  html > body .selector ul {
    left: 50px;
    top: 58px;
  }
}

.feature_column_one.wpb_column.vc_column_container.vc_col-sm-6 {
  padding: 0 13px;
}

@media only screen and (max-width: 768px) {
  .vc_btn3-container.vc_btn3-right {
    text-align: left !important;
  }
}
html > body .fs-pricing-wrap {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin-top: 5rem;
  margin-bottom: 5rem;
  /* Toggle Section */
  /* Pricing Section */
}
@media only screen and (max-width: 640px) {
  html > body .fs-pricing-wrap .heading-line {
    font-size: 40px;
  }
}
@media only screen and (max-width: 572px) {
  html > body .fs-pricing-wrap .heading-line {
    font-size: 36px;
  }
}
@media only screen and (max-width: 520px) {
  html > body .fs-pricing-wrap .heading-line {
    font-size: 32px;
  }
}
@media only screen and (max-width: 460px) {
  html > body .fs-pricing-wrap .heading-line {
    font-size: 25px;
  }
}
@media only screen and (max-width: 400px) {
  html > body .fs-pricing-wrap .heading-line {
    font-size: 20px;
  }
}
html > body .fs-pricing-wrap .toggle-section {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1.9rem;
  margin: 0 auto;
  margin-top: 2.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
html > body .fs-pricing-wrap .toggle-section p {
  margin: 0;
  font-size: 26px;
  text-transform: uppercase;
  font-weight: bold;
}
@media screen and (max-width: 430px) {
  html > body .fs-pricing-wrap .toggle-section p {
    font-size: 18px;
  }
}
@media screen and (max-width: 300px) {
  html > body .fs-pricing-wrap .toggle-section p {
    font-size: 12px;
  }
}
html > body .fs-pricing-wrap .toggle-section .toggle-area {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  width: 7.8rem;
  height: 4.3rem;
  border-radius: 25px;
  background: linear-gradient(60deg, var(--main-color-2), var(--main-color-1));
}
@media screen and (max-width: 430px) {
  html > body .fs-pricing-wrap .toggle-section .toggle-area {
    width: 6.3rem;
    height: 3.8rem;
  }
}
@media screen and (max-width: 300px) {
  html > body .fs-pricing-wrap .toggle-section .toggle-area {
    width: 4.3rem;
    height: 2.8rem;
  }
}
html > body .fs-pricing-wrap .toggle-section .toggle-area.monthly {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}
html > body .fs-pricing-wrap .toggle-section .toggle-area.anually {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
html > body .fs-pricing-wrap .toggle-section .toggle-area .toggle-btn {
  cursor: pointer;
  position: relative;
  width: 3.7rem;
  height: 3.7rem;
  margin: 5%;
  border-radius: 50%;
  background-color: #fff;
}
@media screen and (max-width: 430px) {
  html > body .fs-pricing-wrap .toggle-section .toggle-area .toggle-btn {
    width: 2.7rem;
    height: 2.7rem;
  }
}
@media screen and (max-width: 300px) {
  html > body .fs-pricing-wrap .toggle-section .toggle-area .toggle-btn {
    width: 1.7rem;
    height: 1.7rem;
  }
}
html > body .fs-pricing-wrap .pricing-container {
  display: -ms-grid;
  display: grid;
  width: 100%;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  margin: 0 auto;
  margin-top: 5.8rem;
}
@media screen and (max-width: 770px) {
  html > body .fs-pricing-wrap .pricing-container {
    padding: 0 15px;
  }
}
@media screen and (max-width: 663px) {
  html > body .fs-pricing-wrap .pricing-container {
    -ms-grid-columns: 1fr 1.5rem 1fr !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem;
    justify-items: center;
  }
}
@media screen and (max-width: 466px) {
  html > body .fs-pricing-wrap .pricing-container {
    -ms-grid-columns: (1fr)[1] !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
html > body .fs-pricing-wrap .pricing-container .pricing {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  padding: 2.1rem 0.8rem;
}
html > body .fs-pricing-wrap .pricing-container .pricing ul {
  list-style: none;
  margin-top: 10px;
}
html > body .fs-pricing-wrap .pricing-container .pricing ul li {
  padding: 1.06rem;
}
html > body .fs-pricing-wrap .pricing-container .pricing ul li strong {
  display: block;
}
html > body .fs-pricing-wrap .pricing-container .pricing ul hr {
  width: 80%;
  margin: 0 auto;
  border-top: 1px solid #dadada;
  opacity: 0.5;
}
html > body .fs-pricing-wrap .pricing-container .pricing p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
  margin: 0 auto;
  font-size: 4.6rem;
}
html > body .fs-pricing-wrap .pricing-container .pricing .dollar-sign {
  font-size: 2.6rem;
}
html > body .fs-pricing-wrap .pricing-container .pricing.container-2 {
  background: linear-gradient(60deg, var(--main-color-2), var(--main-color-1));
  color: #fff;
  margin-top: -1.6rem;
  margin-bottom: -1.6rem;
}
html > body .fs-pricing-wrap .pricing-container .pricing.container-2 hr {
  border-top: 1px solid #11c9d4;
}
html > body .fs-pricing-wrap .pricing-container .pricing.container-2 p {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  html > body .fs-pricing-wrap .pricing-container .pricing.container-2 {
    margin-top: initial;
    margin-bottom: initial;
  }
}
html > body .fs-pricing-wrap .pricing-container .pricing.container-1, html > body .fs-pricing-wrap .pricing-container .pricing.container-3 {
  background: linear-gradient(10deg, #FFF, #eee);
  gap: 2.5rem;
}
html > body .fs-pricing-wrap .pricing-container .pricing.container-1 p, html > body .fs-pricing-wrap .pricing-container .pricing.container-3 p {
  color: #3E3E3E;
}
html > body .fs-pricing-wrap .pricing-container .pricing.container-2 p {
  margin-top: -11px;
}
@media screen and (max-width: 462px) {
  html > body .fs-pricing-wrap .pricing-container .pricing.container-2 p {
    padding-top: 20px;
  }
}
html > body .fs-pricing-wrap .pricing-container .pricing.container-2 h2 {
  padding-top: 12px;
}
@media screen and (max-width: 1023px) {
  html > body .fs-pricing-wrap .pricing-container .pricing.container-2 h2 {
    padding-top: initial;
  }
}
html > body .fs-pricing-wrap .pricing-container .pricing.container-2 ul li {
  padding: 1.1rem;
  color: #fff;
}
@media screen and (max-width: 1023px) {
  html > body .fs-pricing-wrap .pricing-container .pricing.container-2 ul li {
    padding: 1.06rem;
  }
}

@media screen and (max-width: 500px) {
  html > body .fs-general-btn a {
    font-size: 18px !important;
  }
}
html > body .fs-main-hero-slider {
  margin-bottom: 0;
  background:linear-gradient(90deg, rgb(0, 0, 0) -7%, rgb(3 160 170 / 58%) 26%, rgb(2 160 169 / 76%) 45%, #03a0aac2 61%, #03a0aaeb 71%);
}
@media only screen and (max-width: 750px) {
  html > body .fs-main-hero-slider {
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 730px) {
  html > body .fs-main-hero-slider {
    padding-right: 20px !important;
  }
}
html > body .fs-main-hero-slider .vc_parallax-inner {
  opacity: 0.2;
}
html > body .slider_fs {
  width: 100%;
}
html > body .slider_fs.slick-slider {
  margin-bottom: 0;
}
html > body .slider_fs .slick-dots {
  left: 0;
  text-align: left;
  bottom: 15px;
}
html > body .slider_fs .slick-dots li {
  width: 40px;
  height: 10px;
}
html > body .slider_fs .slick-dots li.slick-active, html > body .slider_fs .slick-dots li:hover {
  background: #E5E5FD;
}
html > body .slider_fs .slick-dots li button {
  background: rgba(229, 229, 253, 0.5);
  width: 40px;
  height: 10px;
}
html > body .slider_fs .slick-dots li button:before {
  color: #E5E5FD;
  content: unset;
}
html > body .single-item.slide-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
html > body .slider_left {
  width: 35%;
  margin-top: 100px;
  margin-bottom: 50px;
  z-index: 999;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  html > body .slider_left {
    width: 40%;
    margin-top: 80px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  html > body .slider_left {
    width: 100%;
    float: left;
  }
}
@media only screen and (max-width: 1100px) {
  html > body .slider_left {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 970px) {
  html > body .slider_left {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 930px) {
  html > body .slider_left {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 900px) {
  html > body .slider_left {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 870px) {
  html > body .slider_left {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 840px) {
  html > body .slider_left {
    margin-top: 120px;
  }
}
@media only screen and (max-width: 800px) {
  html > body .slider_left {
    margin-top: 140px;
  }
}
@media only screen and (max-width: 760px) {
  html > body .slider_left {
    margin-top: 160px;
  }
}
@media only screen and (max-width: 730px) {
  html > body .slider_left {
    margin-top: 180px;
  }
}
@media only screen and (max-width: 1030px) {
  html > body .slider_left {
    padding-left: 30px;
  }
}
@media screen and (max-width: 950px) {
  html > body .slider_left {
    width: 100%;
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 485px) {
  html > body .slider_left {
    position: relative;
    top: -95px;
  }
}
@media screen and (max-width: 380px) {
  html > body .slider_left {
    position: relative;
    top: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  html > body .slider_left .fs-general-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  html > body .slider_left .fs-general-btn a {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 420px) {
  html > body .slider_left .fs-general-btn a {
    font-size: 12px !important;
  }
}
html > body .slider_heading {
  color: rgb(255, 255, 255);
  font-size: 52px;
  font-weight: 700;
  line-height: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  html > body .slider_heading {
    font-size: 52px;
    line-height: 58px;
  }
}
@media only screen and (max-width: 1200px) {
  html > body .slider_heading {
    font-size: 52px;
    line-height: 58px;
  }
}
html > body .slider_description {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  width: 90%;
  margin: 40px 0;
}
html > body .slider_btns {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
html > body .slider_btn1 {
  background-color: palevioletred;
  color: white;
  font-size: 16px;
  font-weight: 500;
  border: none;
  border-radius: 5px;
  padding: 13px 40px;
}
html > body .slider_btn1:hover {
  background-color: rgb(245, 199, 215);
}
html > body .slider_btn2 {
  background-color: white;
  color: palevioletred;
  font-size: 16px;
  font-weight: bold;
  border: 2px solid palevioletred;
  border-radius: 5px;
  padding: 13px 40px;
}
html > body .slider_btn2:hover {
  background-color: rgb(245, 199, 215);
}
html > body .slider_mot {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
html > body .img {
  height: 56px;
}
html > body .img:hover {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
html > body .slider_mot_detail {
  margin-top: 20px;
  width: 50%;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
}
html > body .slider_right {
  width: 47vw;
}
@media screen and (max-width: 1200px) {
  html > body .slider_right {
    height: 45vw;
    width: 100%;
  }
}
@media only screen and (max-width: 1100px) {
  html > body .slider_right {
    height: 57vw;
  }
}
@media only screen and (max-width: 991px) {
  html > body .slider_right {
    height: 60vw;
  }
}
@media screen and (max-width: 950px) {
  html > body .slider_right {
    width: 100%;
  }
}
@media screen and (max-width: 490px) {
  html > body .slider_right {
    height: 75vw;
  }
}
@media screen and (max-width: 420px) {
  html > body .slider_right {
    height: 69vw;
  }
}
@media screen and (max-width: 380px) {
  html > body .slider_right {
    height: 48vw;
  }
}
html > body .img_slider {
  position: absolute;
  top: 0;
  right: -5%;
}
html > body .img_slider img {
  width: 66%;
}
html > body .img_slider .handle_text {
  -webkit-transform: translateX(-80px);
          transform: translateX(-80px);
}
html > body .img_slider .handle_text:before {
  content: "Before";
  position: absolute;
  top: 50%;
  left: 0px;
  color: #fff;
  font-size: 20px;
}
@media screen and (max-width: 400px) {
  html > body .img_slider .handle_text:before {
    left: 20px;
    font-size: 16px;
  }
}
html > body .img_slider .handle_text:after {
  content: "After";
  position: absolute;
  bottom: 50%;
  left: 180px;
  color: #fff;
  font-size: 20px;
}
@media screen and (max-width: 400px) {
  html > body .img_slider .handle_text:after {
    left: 170px;
    font-size: 16px;
  }
}
html > body .img_slider .handle_text img {
  margin-left: 80px;
  width: 100%;
}
@media screen and (max-width: 400px) {
  html > body .img_slider .handle_text img {
    width: 88%;
    margin-left: 85px;
    margin-top: -21px;
  }
}
@media screen and (max-width: 750px) {
  html > body .img_slider {
    width: 70%;
  }
}
@media screen and (max-width: 600px) {
  html > body .img_slider {
    width: 60%;
  }
}
@media only screen and (max-width: 530px) {
  html > body .img_slider {
    top: 16px;
  }
}
@media only screen and (max-width: 500px) {
  html > body .img_slider {
    top: 16px;
  }
}
@media only screen and (max-width: 490px) {
  html > body .img_slider {
    top: 29px;
  }
}
@media only screen and (max-width: 465px) {
  html > body .img_slider {
    top: 35px;
    right: -4%;
  }
}
@media only screen and (max-width: 440px) {
  html > body .img_slider {
    top: 45px;
    right: -4%;
  }
}
@media only screen and (max-width: 420px) {
  html > body .img_slider {
    top: 47px;
    right: -4%;
  }
}
html > body .slider-example-focus {
  -webkit-transition: -webkit-box-shadow 200ms ease-in-out;
  transition: -webkit-box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out;
  transition: box-shadow 200ms ease-in-out, -webkit-box-shadow 200ms ease-in-out;
  background-color: transparent;
}
html > body .slider-example-focus:focus {
  outline: none;
}
html > body .makeup {
  opacity: 1;
  z-index: 10;
  display: block;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
  html > body .makeup {
    width: 110%;
    height: 100%;
  }
}
@media screen and (max-width: 1200px) {
  html > body .makeup {
    width: 120%;
    height: 63%;
  }
}
@media screen and (max-width: 1100px) {
  html > body .makeup {
    width: 126%;
  }
}
@media screen and (max-width: 1024px) {
  html > body .makeup {
    width: 135%;
  }
}
@media only screen and (max-width: 991px) {
  html > body .makeup {
    width: 170%;
  }
}
@media only screen and (max-width: 750px) {
  html > body .makeup {
    width: 170%;
    height: 61%;
  }
}
@media only screen and (max-width: 720px) {
  html > body .makeup {
    width: 170%;
    height: 61%;
  }
}
@media only screen and (max-width: 700px) {
  html > body .makeup {
    width: 170%;
    height: 58%;
  }
}
@media only screen and (max-width: 650px) {
  html > body .makeup {
    width: 165%;
    height: 54%;
  }
}
@media only screen and (max-width: 600px) {
  html > body .makeup {
    width: 195%;
    height: 52%;
  }
}
@media only screen and (max-width: 598px) {
  html > body .makeup {
    width: 195%;
    height: 49%;
  }
}
@media only screen and (max-width: 570px) {
  html > body .makeup {
    width: 195%;
    height: 47%;
  }
}
@media only screen and (max-width: 560px) {
  html > body .makeup {
    width: 195%;
    height: 45%;
  }
}
@media only screen and (max-width: 490px) {
  html > body .makeup {
    width: 190%;
    height: 42%;
  }
}
@media only screen and (max-width: 465px) {
  html > body .makeup {
    width: 190%;
    height: 40%;
  }
}
@media only screen and (max-width: 420px) {
  html > body .makeup {
    width: 190%;
    height: 39%;
  }
}
html > body .makeup {
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
html > body .makeup.hidden {
  opacity: 0;
  pointer-events: none;
}
html > body .first,
html > body .second {
  width: 700px;
}
html > body .banner_button_group_hair {
  top: 6.5%;
  left: calc(72% - 5.68286px);
  position: absolute;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
html > body .banner_button_group_hair:hover .banner-button-border {
  border-color: #E5E5FD;
}
html > body .banner_button_group_hair:hover .banner-button-text:hover {
  background-color: #E5E5FD;
}
html > body .banner-button-border-circle {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background-color: #fff;
  bottom: -3px;
  left: -4px;
  -webkit-transform: skew(47deg);
          transform: skew(47deg);
  position: absolute;
}
@media only screen and (max-width: 380px) {
  html > body .banner-button-border-circle {
    width: 5px;
    height: 5px;
  }
}
html > body .banner-button-border_highlight .banner-button-border-circle {
  -webkit-transform: skew(55deg);
          transform: skew(55deg);
}
@media only screen and (max-width: 630px) {
  html > body .banner-button-border_highlight .banner-button-border-circle {
    -webkit-transform: skew(65deg);
            transform: skew(65deg);
  }
}
@media only screen and (max-width: 430px) {
  html > body .banner-button-border_highlight .banner-button-border-circle {
    -webkit-transform: skew(58deg);
            transform: skew(58deg);
  }
}
@media only screen and (max-width: 380px) {
  html > body .banner-button-border_highlight .banner-button-border-circle {
    -webkit-transform: skew(50deg);
            transform: skew(50deg);
  }
}
html > body .banner-button-border_blush .banner-button-border-circle {
  -webkit-transform: skew(65deg);
          transform: skew(65deg);
}
@media only screen and (max-width: 380px) {
  html > body .banner-button-border_blush .banner-button-border-circle {
    -webkit-transform: skew(57deg);
            transform: skew(57deg);
  }
}
html > body .banner-button-border_lipstick .banner-button-border-circle {
  -webkit-transform: skew(65deg);
          transform: skew(65deg);
}
html > body .banner-button-border_contour .banner-button-border-circle {
  -webkit-transform: skew(55deg);
          transform: skew(55deg);
}
html > body .banner-button-border_eyecolor .banner-button-border-circle,
html > body .banner-button-border_eyewear .banner-button-border-circle {
  -webkit-transform: unset;
          transform: unset;
}
html > body .banner-button-border {
  width: 100%;
  height: 76.8px;
  border-left: 2px solid #fff;
  border-top: 1px solid #fff;
  pointer-events: none;
  -webkit-transform: skew(-47deg);
          transform: skew(-47deg);
  position: absolute;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  html > body .banner-button-border {
    width: 90%;
    height: 46px;
  }
}
html > body .banner-button-text {
  margin-top: -34px;
  margin-right: 0;
  position: absolute;
  left: 64%;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  pointer-events: visible;
  padding: 5px 5px 5px 30px;
  text-align: right;
}
@media screen and (max-width: 750px) {
  html > body .banner-button-text {
    left: 56%;
  }
}
@media screen and (max-width: 600px) {
  html > body .banner-button-text {
    left: 52%;
    font-size: 13px;
  }
}
@media screen and (max-width: 450px) {
  html > body .banner-button-text {
    left: 40%;
    font-size: 13px;
  }
}
@media screen and (max-width: 380px) {
  html > body .banner-button-text {
    font-size: 10px;
    margin-top: -22px;
  }
}
html > body .banner_button_group_eye {
  top: 19%;
  left: calc(70% - 5.68286px);
  position: absolute;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  html > body .banner_button_group_eye {
    left: calc(74% - 5.68286px);
  }
}
html > body .banner_button_group_eye:hover .banner-button-border_eye {
  border-color: #E5E5FD;
}
html > body .banner_button_group_eye:hover .banner-button-text_eye:hover {
  background-color: #E5E5FD;
}
html > body .banner-button-border_eye {
  width: 100%;
  height: 138.2px;
  border-left: 2px solid #fff;
  border-top: 1px solid #fff;
  pointer-events: none;
  -webkit-transform: skew(-47deg);
  transform: skew(-47deg);
  position: absolute;
  cursor: pointer;
}
@media only screen and (max-width: 700px) {
  html > body .banner-button-border_eye {
    height: 120px;
  }
}
@media only screen and (max-width: 650px) {
  html > body .banner-button-border_eye {
    height: 107px;
  }
}
@media only screen and (max-width: 600px) {
  html > body .banner-button-border_eye {
    width: 80%;
    height: 99px;
  }
}
@media only screen and (max-width: 380px) {
  html > body .banner-button-border_eye {
    width: 80%;
    height: 91px;
    -webkit-transform: skew(-42deg);
    transform: skew(-42deg);
  }
}
html > body .banner-button-text_eye {
  margin-top: -34px;
  margin-right: 0;
  position: absolute;
  left: 71%;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  pointer-events: visible;
  padding: 5px 5px 5px 30px;
  text-align: right;
}
@media screen and (max-width: 750px) {
  html > body .banner-button-text_eye {
    left: 63%;
  }
}
@media screen and (max-width: 600px) {
  html > body .banner-button-text_eye {
    left: 52%;
    font-size: 13px;
  }
}
@media screen and (max-width: 450px) {
  html > body .banner-button-text_eye {
    left: 40%;
    font-size: 13px;
  }
}
@media screen and (max-width: 380px) {
  html > body .banner-button-text_eye {
    font-size: 10px;
    margin-top: -22px;
  }
}
html > body .banner_button_group_eyelash {
  top: 25.8%;
  left: calc(70% - 5.68286px);
  position: absolute;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
@media only screen and (max-width: 600px) {
  html > body .banner_button_group_eyelash {
    left: calc(74% - 5.68286px);
  }
}
html > body .banner_button_group_eyelash:hover .banner-button-border_eyelash {
  border-color: #E5E5FD;
}
html > body .banner_button_group_eyelash:hover .banner-button-text_eyelash:hover {
  background-color: #E5E5FD;
}
html > body .banner-button-border_eyelash {
  width: 100%;
  height: 119px;
  border-left: 2px solid #fff;
  border-top: 1px solid #fff;
  pointer-events: none;
  -webkit-transform: skew(-47deg);
  transform: skew(-47deg);
  position: absolute;
  cursor: pointer;
}
@media only screen and (max-width: 700px) {
  html > body .banner-button-border_eyelash {
    height: 105px;
  }
}
@media only screen and (max-width: 650px) {
  html > body .banner-button-border_eyelash {
    height: 97px;
  }
}
@media only screen and (max-width: 650px) {
  html > body .banner-button-border_eyelash {
    height: 90px;
    -webkit-transform: skew(-50deg);
    transform: skew(-50deg);
  }
}
@media only screen and (max-width: 600px) {
  html > body .banner-button-border_eyelash {
    height: 85px;
    width: 81%;
  }
}
@media only screen and (max-width: 380px) {
  html > body .banner-button-border_eyelash {
    height: 80px;
    -webkit-transform: skew(-41deg);
    transform: skew(-41deg);
  }
}
html > body .banner-button-text_eyelash {
  margin-top: -34px;
  margin-right: 0;
  position: absolute;
  left: 73%;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  pointer-events: visible;
  padding: 5px 5px 5px 30px;
  text-align: right;
}
@media screen and (max-width: 750px) {
  html > body .banner-button-text_eyelash {
    left: 65%;
  }
}
@media only screen and (max-width: 600px) {
  html > body .banner-button-text_eyelash {
    left: 53%;
    font-size: 13px;
  }
}
@media screen and (max-width: 450px) {
  html > body .banner-button-text_eyelash {
    left: 40%;
    font-size: 13px;
  }
}
@media screen and (max-width: 380px) {
  html > body .banner-button-text_eyelash {
    font-size: 10px;
    margin-top: -22px;
  }
}
html > body .banner_button_group_eyeshadow {
  top: 36.1%;
  left: calc(69% - 5.68286px);
  position: absolute;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  html > body .banner_button_group_eyeshadow {
    left: calc(74% - 5.68286px);
  }
}
html > body .banner_button_group_eyeshadow:hover .banner-button-border_eyeshadow {
  border-color: #E5E5FD;
}
html > body .banner_button_group_eyeshadow:hover .banner-button-text_eyeshadow:hover {
  background-color: #E5E5FD;
}
html > body .banner-button-border_eyeshadow {
  width: 100%;
  height: 67.2px;
  border-left: 2px solid #fff;
  border-top: 1px solid #fff;
  pointer-events: none;
  -webkit-transform: skew(-47deg);
  transform: skew(-47deg);
  position: absolute;
  cursor: pointer;
}
@media only screen and (max-width: 700px) {
  html > body .banner-button-border_eyeshadow {
    height: 75px;
    -webkit-transform: skew(-50deg);
    transform: skew(-50deg);
  }
}
@media only screen and (max-width: 650px) {
  html > body .banner-button-border_eyeshadow {
    height: 66px;
  }
}
@media only screen and (max-width: 650px) {
  html > body .banner-button-border_eyeshadow {
    height: 60px;
    -webkit-transform: skew(-55deg);
    transform: skew(-55deg);
  }
}
@media only screen and (max-width: 600px) {
  html > body .banner-button-border_eyeshadow {
    height: 58px;
    width: 84%;
  }
}
@media only screen and (max-width: 490px) {
  html > body .banner-button-border_eyeshadow {
    height: 63px;
    width: 84%;
    -webkit-transform: skew(-52deg);
    transform: skew(-52deg);
  }
}
@media only screen and (max-width: 380px) {
  html > body .banner-button-border_eyeshadow {
    height: 63px;
    width: 84%;
    -webkit-transform: skew(-46deg);
    transform: skew(-46deg);
  }
}
html > body .banner-button-text_eyeshadow {
  margin-top: -34px;
  margin-right: 0;
  position: absolute;
  left: 66%;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  pointer-events: visible;
  padding: 5px 5px 5px 30px;
  text-align: right;
}
@media screen and (max-width: 750px) {
  html > body .banner-button-text_eyeshadow {
    left: 58%;
  }
}
@media only screen and (max-width: 600px) {
  html > body .banner-button-text_eyeshadow {
    left: 45%;
    font-size: 13px;
  }
}
@media screen and (max-width: 450px) {
  html > body .banner-button-text_eyeshadow {
    left: 30%;
    font-size: 13px;
  }
}
@media screen and (max-width: 380px) {
  html > body .banner-button-text_eyeshadow {
    font-size: 10px;
    margin-top: -22px;
  }
}
html > body .banner_button_group_highlight {
  top: 44.5%;
  left: calc(70% - 5.683px);
  position: absolute;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
@media only screen and (max-width: 600px) {
  html > body .banner_button_group_highlight {
    left: calc(74% - 5.683px);
  }
}
html > body .banner_button_group_highlight:hover .banner-button-border_highlight {
  border-color: #E5E5FD;
}
html > body .banner_button_group_highlight:hover .banner-button-text_highlight:hover {
  background-color: #E5E5FD;
}
html > body .banner-button-border_highlight {
  width: 100%;
  height: 63.36px;
  border-left: 2px solid #fff;
  border-top: 1px solid #fff;
  pointer-events: none;
  -webkit-transform: skew(-55deg);
  transform: skew(-55deg);
  position: absolute;
  cursor: pointer;
}
@media only screen and (max-width: 700px) {
  html > body .banner-button-border_highlight {
    height: 58px;
    -webkit-transform: skew(-58deg);
    transform: skew(-58deg);
  }
}
@media only screen and (max-width: 650px) {
  html > body .banner-button-border_highlight {
    height: 52px;
  }
}
@media only screen and (max-width: 650px) {
  html > body .banner-button-border_highlight {
    height: 49px;
    -webkit-transform: skew(-65deg);
    transform: skew(-65deg);
  }
}
@media only screen and (max-width: 600px) {
  html > body .banner-button-border_highlight {
    height: 41px;
    width: 83%;
  }
}
@media only screen and (max-width: 430px) {
  html > body .banner-button-border_highlight {
    height: 44px;
    -webkit-transform: skew(-56deg);
    transform: skew(-56deg);
  }
}
@media only screen and (max-width: 380px) {
  html > body .banner-button-border_highlight {
    height: 46px;
    -webkit-transform: skew(-52deg);
    transform: skew(-52deg);
  }
}
html > body .banner-button-text_highlight {
  margin-top: -34px;
  margin-right: 0;
  position: absolute;
  left: 45%;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  pointer-events: visible;
  padding: 5px 5px 5px 30px;
  text-align: right;
}
@media screen and (max-width: 750px) {
  html > body .banner-button-text_highlight {
    left: 37%;
  }
}
@media only screen and (max-width: 600px) {
  html > body .banner-button-text_highlight {
    left: 25%;
    font-size: 13px;
  }
}
@media only screen and (max-width: 450px) {
  html > body .banner-button-text_highlight {
    left: 5%;
    font-size: 13px;
  }
}
@media screen and (max-width: 380px) {
  html > body .banner-button-text_highlight {
    font-size: 10px;
    margin-top: -22px;
  }
}
html > body .banner_button_group_blush {
  top: 52.5%;
  left: calc(69% - 5.68286px);
  position: absolute;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  html > body .banner_button_group_blush {
    left: calc(74% - 5.68286px);
  }
}
html > body .banner_button_group_blush:hover .banner-button-border_blush {
  border-color: #E5E5FD;
}
html > body .banner_button_group_blush:hover .banner-button-text_blush:hover {
  background-color: #E5E5FD;
}
html > body .banner-button-border_blush {
  width: 100%;
  height: 40.3px;
  border-left: 2px solid #fff;
  border-top: 1px solid #fff;
  pointer-events: none;
  -webkit-transform: skew(-65deg);
  transform: skew(-65deg);
  position: absolute;
  cursor: pointer;
}
@media only screen and (max-width: 650px) {
  html > body .banner-button-border_blush {
    height: 28px;
  }
}
@media only screen and (max-width: 650px) {
  html > body .banner-button-border_blush {
    height: 28px;
  }
}
@media only screen and (max-width: 600px) {
  html > body .banner-button-border_blush {
    height: 30px;
    width: 87%;
  }
}
@media only screen and (max-width: 380px) {
  html > body .banner-button-border_blush {
    height: 24px;
    -webkit-transform: skew(-55deg);
    transform: skew(-55deg);
  }
}
html > body .banner-button-text_blush {
  margin-top: -34px;
  margin-right: 0;
  position: absolute;
  left: 79%;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  pointer-events: visible;
  padding: 5px 5px 5px 30px;
  text-align: right;
}
@media screen and (max-width: 750px) {
  html > body .banner-button-text_blush {
    left: 71%;
  }
}
@media only screen and (max-width: 600px) {
  html > body .banner-button-text_blush {
    left: 60%;
    font-size: 13px;
  }
}
@media only screen and (max-width: 450px) {
  html > body .banner-button-text_blush {
    left: 40%;
    font-size: 13px;
  }
}
@media screen and (max-width: 380px) {
  html > body .banner-button-text_blush {
    font-size: 10px;
    margin-top: -22px;
  }
}
html > body .banner_button_group_lipstick {
  top: 60.5%;
  left: calc(63% - 5.68286px);
  position: absolute;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
@media only screen and (max-width: 600px) {
  html > body .banner_button_group_lipstick {
    top: 59.5%;
    left: calc(69% - 5.68286px);
  }
}
html > body .banner_button_group_lipstick:hover .banner-button-border_lipstick {
  border-color: #E5E5FD;
}
html > body .banner_button_group_lipstick:hover .banner-button-text_lipstick:hover {
  background-color: #E5E5FD;
}
html > body .banner-button-border_lipstick {
  width: 100%;
  height: 38.4px;
  border-left: 2px solid #fff;
  border-top: 1px solid #fff;
  pointer-events: none;
  -webkit-transform: skew(-65deg);
  transform: skew(-65deg);
  position: absolute;
  cursor: pointer;
}
@media only screen and (max-width: 650px) {
  html > body .banner-button-border_lipstick {
    height: 24px;
  }
}
@media only screen and (max-width: 600px) {
  html > body .banner-button-border_lipstick {
    width: 91%;
  }
}
@media only screen and (max-width: 380px) {
  html > body .banner-button-border_lipstick {
    height: 21px;
  }
}
html > body .banner-button-text_lipstick {
  margin-top: -34px;
  margin-right: 0;
  position: absolute;
  left: 79%;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  pointer-events: visible;
  padding: 5px 5px 5px 30px;
  text-align: right;
}
@media screen and (max-width: 750px) {
  html > body .banner-button-text_lipstick {
    left: 71%;
  }
}
@media only screen and (max-width: 600px) {
  html > body .banner-button-text_lipstick {
    left: 63%;
    font-size: 13px;
  }
}
@media only screen and (max-width: 450px) {
  html > body .banner-button-text_lipstick {
    left: 43%;
    font-size: 13px;
  }
}
@media screen and (max-width: 380px) {
  html > body .banner-button-text_lipstick {
    font-size: 10px;
    margin-top: -22px;
  }
}
html > body .banner_button_group_contour {
  top: 65.5%;
  left: calc(68% - 5.98286px);
  position: absolute;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  html > body .banner_button_group_contour {
    left: calc(71% - 5.98286px);
  }
}
html > body .banner_button_group_contour:hover .banner-button-border_contour {
  border-color: #E5E5FD;
}
html > body .banner_button_group_contour:hover .banner-button-text_contour:hover {
  background-color: #E5E5FD;
}
html > body .banner-button-border_contour {
  width: 100%;
  height: 19.2px;
  border-left: 2px solid #fff;
  border-top: 1px solid #fff;
  pointer-events: none;
  -webkit-transform: skew(-55deg);
  transform: skew(-55deg);
  position: absolute;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  html > body .banner-button-border_contour {
    width: 94%;
  }
}
html > body .banner-button-text_contour {
  margin-top: -31px;
  margin-right: 0;
  position: absolute;
  left: 73%;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  pointer-events: visible;
  padding: 5px 5px 5px 30px;
  text-align: right;
}
@media screen and (max-width: 750px) {
  html > body .banner-button-text_contour {
    left: 65%;
  }
}
@media screen and (max-width: 600px) {
  html > body .banner-button-text_contour {
    left: 60%;
    font-size: 13px;
  }
}
@media only screen and (max-width: 600px) {
  html > body .banner-button-text_contour {
    left: 40%;
    font-size: 13px;
  }
}
@media screen and (max-width: 380px) {
  html > body .banner-button-text_contour {
    font-size: 10px;
    margin-top: -22px;
  }
}
html > body .banner_button_group_eyecolor {
  top: 78.5%;
  left: calc(78% - 6.98286px);
  position: absolute;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
html > body .banner_button_group_eyecolor:hover .banner-button-border_eyecolor {
  border-color: #E5E5FD;
}
html > body .banner_button_group_eyecolor:hover .banner-button-text_eyecolor:hover {
  background-color: #E5E5FD;
}
html > body .banner-button-border_eyecolor {
  width: 100%;
  height: 0;
  border-left: 2px solid #fff;
  border-top: 1px solid #fff;
  pointer-events: none;
  position: absolute;
  cursor: pointer;
}
html > body .banner-button-text_eyecolor {
  margin-top: -34px;
  margin-right: 0;
  position: absolute;
  right: 0;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  pointer-events: visible;
  padding: 5px 5px 5px 30px;
  text-align: right;
}
@media screen and (max-width: 600px) {
  html > body .banner-button-text_eyecolor {
    font-size: 13px;
  }
}
@media screen and (max-width: 380px) {
  html > body .banner-button-text_eyecolor {
    font-size: 10px;
    margin-top: -22px;
  }
}
html > body .banner_button_group_eyewear {
  top: 87.5%;
  left: calc(80% - 6.98286px);
  position: absolute;
  right: 0;
  cursor: pointer;
  z-index: 2;
}
html > body .banner_button_group_eyewear:hover .banner-button-border_eyewear {
  border-color: #E5E5FD;
}
html > body .banner_button_group_eyewear:hover .banner-button-text_eyewear:hover {
  background-color: #E5E5FD;
}
html > body .banner-button-border_eyewear {
  width: 100%;
  height: 0;
  border-left: 2px solid #fff;
  border-top: 1px solid #fff;
  pointer-events: none;
  position: absolute;
  cursor: pointer;
}
html > body .banner-button-text_eyewear {
  margin-top: -34px;
  margin-right: 0;
  position: absolute;
  right: 0;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  pointer-events: visible;
  padding: 5px 5px 5px 30px;
  text-align: right;
}
@media screen and (max-width: 600px) {
  html > body .banner-button-text_eyewear {
    font-size: 13px;
  }
}
@media screen and (max-width: 380px) {
  html > body .banner-button-text_eyewear {
    font-size: 10px;
    margin-top: -22px;
  }
}
html > body .handle {
  color: white;
}
html > body .handle-container {
  display: none;
}
html > body .slider-example-focus {
  --handle-position-start: 86%;
  cursor: ew-resize;
}
@media screen and (max-width: 950px) {
  html > body .slider-example-focus {
    --handle-position-start: 93%;
  }
}
@media screen and (max-width: 700px) {
  html > body .slider-example-focus {
    --handle-position-start: 90%;
  }
}
@media screen and (max-width: 600px) {
  html > body .slider-example-focus {
    --handle-position-start: 88%;
  }
}
@media screen and (max-width: 500px) {
  html > body .slider-example-focus {
    --handle-position-start: 85%;
  }
}
@media screen and (max-width: 400px) {
  html > body .slider-example-focus {
    --handle-position-start: 88%;
  }
}
html > body .handle {
  margin-left: 120px;
}
@media screen and (max-width: 1070px) {
  html > body .handle {
    margin-left: 110px;
  }
}
@media screen and (max-width: 950px) {
  html > body .handle {
    margin-left: 260px;
  }
}
@media screen and (max-width: 850px) {
  html > body .handle {
    margin-left: 240px;
  }
}
@media screen and (max-width: 800px) {
  html > body .handle {
    margin-left: 220px;
  }
}
@media screen and (max-width: 700px) {
  html > body .handle {
    margin-left: 190px;
  }
}
@media screen and (max-width: 600px) {
  html > body .handle {
    margin-left: 140px;
  }
}
@media screen and (max-width: 500px) {
  html > body .handle {
    margin-left: 100px;
  }
}
@media screen and (max-width: 400px) {
  html > body .handle {
    margin-left: 130px;
  }
  html > body .handle img {
    width: 60%;
  }
}
@media screen and (max-width: 300px) {
  html > body .handle {
    margin-left: 110px;
    font-size: 10px;
  }
}

.pdp_container {
  margin: 0px 0px 50px 0px;
  /* float: left; */
  width: 100%;
}
.pdp_container .pdp_main {
  width: 100%;
  /* display: -webkit-box;
  display: -ms-flexbox;
  display: flex; */
  margin-top: 60px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.pdp_container .pdp_main .pdp_left {
  width: 50%;
  float: left;
  /* 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: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_main .pdp_left {
    width: 100%;
  }
}
.pdp_container .pdp_main .pdp_left .left_pdp_image {
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .pdp_container .pdp_main .pdp_left .left_pdp_image {
    width: 90%;
  }
}
@media only screen and (max-width: 900px) {
  .pdp_container .pdp_main .pdp_left .left_pdp_image {
    width: 90%;
  }
}
@media only screen and (max-width: 490px) {
  .pdp_container .pdp_main .pdp_left .left_pdp_image {
    width: 90%;
    padding-left: 10px;
  }
}
.pdp_container .pdp_main .pdp_left .left_pdp_image img {
  width: 100%; */
  height: auto;
  /* padding: 0 40px 0 0;
 
}
@media only screen and (max-width: 1500px) {
  .pdp_container .pdp_main .pdp_left .left_pdp_image img {
    width: auto;
  }
}
.pdp_container .pdp_main .pdp_left .left_pdp_image .pdp_btn {
  position: absolute;
  bottom: 5%;
  left: 43%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 18px;
  font-weight: 500;
  padding: 12px 44px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}
.pdp_container .pdp_main .pdp_left .left_pdp_image .pdp_btn:hover {
  background: #fff !important;
  color: #E5E5FD !important;
}
@media only screen and (max-width: 1200px) {
  .pdp_container .pdp_main .pdp_left .left_pdp_image .pdp_btn {
    font-size: 16px;
    font-weight: 200;
    padding: 10px 20px;
  }
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_main .pdp_left .left_pdp_image .pdp_btn {
    padding: 20px 50px;
  }
}
.pdp_container .pdp_main .pdp_right {
  width: 50%;
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_main .pdp_right {
    width: 100%;
  }
}
.pdp_container .pdp_main .pdp_right .pdp_heading h1 {
  font-size: 32px;
  font-weight: 600;
  line-height: 50px;
  text-transform: capitalize;
  margin: 0 0 40px;
  padding: 0;
}
@media only screen and (max-width: 900px) {
  .pdp_container .pdp_main .pdp_right .pdp_heading h1 {
    font-size: 22px;
    font-weight: 800;
    padding-top: 20px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_main .pdp_right .pdp_heading {
    text-align: center;
  }
}
.pdp_container .pdp_main .pdp_right .pdp_color_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
}
@media only screen and (max-width: 900px) {
  .pdp_container .pdp_main .pdp_right .pdp_color_container {
    gap: 15px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.pdp_container .pdp_main .pdp_right .pdp_color_container .main-button {
  cursor: pointer;
  text-decoration: none;
  padding-bottom: 5px; /* Add some space between the text and the underline */
  line-height: 24px;
}
@media only screen and (max-width: 900px) {
  .pdp_container .pdp_main .pdp_right .pdp_color_container .main-button h5 {
    font-size: 12px;
  }
}
.pdp_container .pdp_main .pdp_right .pdp_color_container .main-button.active-tab {
  border-bottom: 2px solid #E5E5FD;
}
.pdp_container .pdp_main .pdp_right .pdp_textures_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Hide texture buttons by default */
  gap: 10px;
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 800px) {
  .pdp_container .pdp_main .pdp_right .pdp_textures_container {
    gap: 3px;
  }
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_main .pdp_right .pdp_textures_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.pdp_container .pdp_main .pdp_right .pdp_textures_container .pdp_texture {
  text-align: center;
}
.pdp_container .pdp_main .pdp_right .pdp_textures_container .pdp_texture_color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_main .pdp_right .pdp_textures_container .pdp_texture_color {
    gap: 5px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.pdp_container .pdp_main .pdp_right .pdp_textures_container .pdp_texture_color .texture-button {
  cursor: pointer;
  border: 1px solid #E5E5FD;
  border-radius: 4px;
  padding: 3px 5px;
  color: #E5E5FD;
}
.pdp_container .pdp_main .pdp_right .pdp_textures_container .pdp_texture_color .texture-button.active-tab {
  background-color: #E5E5FD;
  color: #fff;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors,
.pdp_container .pdp_main .pdp_right #pdp_single_color,
.pdp_container .pdp_main .pdp_right #pdp_dual_color,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  cursor: pointer;
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_main .pdp_right #pdp_all_colors,
  .pdp_container .pdp_main .pdp_right #pdp_single_color,
  .pdp_container .pdp_main .pdp_right #pdp_dual_color,
  .pdp_container .pdp_main .pdp_right #pdp_ombre_color {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors,
.pdp_container .pdp_main .pdp_right #pdp_single_color,
.pdp_container .pdp_main .pdp_right #pdp_dual_color,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color {
  display: none;
  gap: 5px;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors .color-button,
.pdp_container .pdp_main .pdp_right #pdp_single_color .color-button,
.pdp_container .pdp_main .pdp_right #pdp_dual_color .color-button,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color .color-button {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors .color-button:hover,
.pdp_container .pdp_main .pdp_right #pdp_single_color .color-button:hover,
.pdp_container .pdp_main .pdp_right #pdp_dual_color .color-button:hover,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color .color-button:hover {
  padding: 3px;
  border: 3px solid palevioletred;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #red,
.pdp_container .pdp_main .pdp_right #pdp_single_color #red,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #red,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #red {
  background-color: red;
  color: transparent;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #pink,
.pdp_container .pdp_main .pdp_right #pdp_single_color #pink,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #pink,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #pink {
  background-color: #dd1c46;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #brown,
.pdp_container .pdp_main .pdp_right #pdp_single_color #brown,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #brown,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #brown {
  background-color: #b90425;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #darkred,
.pdp_container .pdp_main .pdp_right #pdp_single_color #darkred,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #darkred,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #darkred {
  background-color: #872036;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #brightpink,
.pdp_container .pdp_main .pdp_right #pdp_single_color #brightpink,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #brightpink,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #brightpink {
  background-color: #eb4a98;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #magenta,
.pdp_container .pdp_main .pdp_right #pdp_single_color #magenta,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #magenta,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #magenta {
  background-color: #d13678;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #redshade,
.pdp_container .pdp_main .pdp_right #pdp_single_color #redshade,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #redshade,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #redshade {
  background-color: #cb2c4c;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #maroon,
.pdp_container .pdp_main .pdp_right #pdp_single_color #maroon,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #maroon,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #maroon {
  background-color: #a0211c;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #dustyrose,
.pdp_container .pdp_main .pdp_right #pdp_single_color #dustyrose,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #dustyrose,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #dustyrose {
  background-color: #c34c5b;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #lightpink,
.pdp_container .pdp_main .pdp_right #pdp_single_color #lightpink,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #lightpink,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #lightpink {
  background-color: #ff5494;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #softrose,
.pdp_container .pdp_main .pdp_right #pdp_single_color #softrose,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #softrose,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #softrose {
  background-color: #e182a2;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #rosecolor,
.pdp_container .pdp_main .pdp_right #pdp_single_color #rosecolor,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #rosecolor,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #rosecolor {
  background-color: #d18591;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #softpink,
.pdp_container .pdp_main .pdp_right #pdp_single_color #softpink,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #softpink,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #softpink {
  background-color: #f09da5;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #pinkishred,
.pdp_container .pdp_main .pdp_right #pdp_single_color #pinkishred,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #pinkishred,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #pinkishred {
  background-color: #fe6470;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #vibrantpink,
.pdp_container .pdp_main .pdp_right #pdp_single_color #vibrantpink,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #vibrantpink,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #vibrantpink {
  background-color: #eb5c7a;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #rosered,
.pdp_container .pdp_main .pdp_right #pdp_single_color #rosered,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #rosered,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #rosered {
  background-color: #ff3e50;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #coral,
.pdp_container .pdp_main .pdp_right #pdp_single_color #coral,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #coral,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #coral {
  background-color: #ea5d57;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #orangepink,
.pdp_container .pdp_main .pdp_right #pdp_single_color #orangepink,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #orangepink,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #orangepink {
  background-color: #f08f6f;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #deepred,
.pdp_container .pdp_main .pdp_right #pdp_single_color #deepred,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #deepred,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #deepred {
  background-color: #832056;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #darkpink,
.pdp_container .pdp_main .pdp_right #pdp_single_color #darkpink,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #darkpink,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #darkpink {
  background-color: #a22372;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #rosewood,
.pdp_container .pdp_main .pdp_right #pdp_single_color #rosewood,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #rosewood,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #rosewood {
  background-color: #a05775;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #richmaroon,
.pdp_container .pdp_main .pdp_right #pdp_single_color #richmaroon,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #richmaroon,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #richmaroon {
  background-color: #ae3d64;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #lavender,
.pdp_container .pdp_main .pdp_right #pdp_single_color #lavender,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #lavender,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #lavender {
  background-color: #ee7bd6;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #pinkishred-brightpink,
.pdp_container .pdp_main .pdp_right #pdp_single_color #pinkishred-brightpink,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #pinkishred-brightpink,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #pinkishred-brightpink {
  background: linear-gradient(150deg, #e61559 50%, #ff7f9d 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #warmpink-red,
.pdp_container .pdp_main .pdp_right #pdp_single_color #warmpink-red,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #warmpink-red,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #warmpink-red {
  background: linear-gradient(150deg, #f03e6a 50%, #ed9095 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #pink-orange,
.pdp_container .pdp_main .pdp_right #pdp_single_color #pink-orange,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #pink-orange,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #pink-orange {
  background: linear-gradient(150deg, #f6147f 50%, #f05d2e 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #intensered-softpink,
.pdp_container .pdp_main .pdp_right #pdp_single_color #intensered-softpink,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #intensered-softpink,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #intensered-softpink {
  background: linear-gradient(150deg, #ca0000 50%, #ff8090 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #intensered-coral,
.pdp_container .pdp_main .pdp_right #pdp_single_color #intensered-coral,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #intensered-coral,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #intensered-coral {
  background: linear-gradient(150deg, #ff866d 50%, #e20b1e 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #orange-peach,
.pdp_container .pdp_main .pdp_right #pdp_single_color #orange-peach,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #orange-peach,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #orange-peach {
  background: linear-gradient(150deg, #ff683b 50%, #ffa18e 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #megnate-purple,
.pdp_container .pdp_main .pdp_right #pdp_single_color #megnate-purple,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #megnate-purple,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #megnate-purple {
  background: linear-gradient(150deg, #ff82d9 50%, #d625b6 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #mauve-maroon,
.pdp_container .pdp_main .pdp_right #pdp_single_color #mauve-maroon,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #mauve-maroon,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #mauve-maroon {
  background: linear-gradient(150deg, #cf6b88 50%, #8e0050 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #purple-pink,
.pdp_container .pdp_main .pdp_right #pdp_single_color #purple-pink,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #purple-pink,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #purple-pink {
  background: linear-gradient(150deg, #ba00ff 50%, #b73680 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #darkpink-maroon,
.pdp_container .pdp_main .pdp_right #pdp_single_color #darkpink-maroon,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #darkpink-maroon,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #darkpink-maroon {
  background: linear-gradient(150deg, #bc1b7d 50%, #7a001e 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #brown-orange,
.pdp_container .pdp_main .pdp_right #pdp_single_color #brown-orange,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #brown-orange,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #brown-orange {
  background: linear-gradient(150deg, #8f3310 50%, #d67546 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #coral-brown,
.pdp_container .pdp_main .pdp_right #pdp_single_color #coral-brown,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #coral-brown,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #coral-brown {
  background: linear-gradient(150deg, #dd7068 50%, #90361f 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #orange-brown,
.pdp_container .pdp_main .pdp_right #pdp_single_color #orange-brown,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #orange-brown,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #orange-brown {
  background: linear-gradient(150deg, #dc340c 50%, #962e16 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #pink-grad,
.pdp_container .pdp_main .pdp_right #pdp_single_color #pink-grad,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #pink-grad,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #pink-grad {
  background: -webkit-gradient(linear, left top, right top, from(#ef1d45), to(#fd87ae));
  background: linear-gradient(90deg, #ef1d45, #fd87ae);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #darkpink-grad,
.pdp_container .pdp_main .pdp_right #pdp_single_color #darkpink-grad,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #darkpink-grad,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #darkpink-grad {
  background: -webkit-gradient(linear, left top, right top, from(#ca2b5e), to(#f589ac));
  background: linear-gradient(90deg, #ca2b5e, #f589ac);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #brown-grad,
.pdp_container .pdp_main .pdp_right #pdp_single_color #brown-grad,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #brown-grad,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #brown-grad {
  background: -webkit-gradient(linear, left top, right top, from(#801717), to(#f57785));
  background: linear-gradient(90deg, #801717, #f57785);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #orange-grad,
.pdp_container .pdp_main .pdp_right #pdp_single_color #orange-grad,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #orange-grad,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #orange-grad {
  background: -webkit-gradient(linear, left top, right top, from(#f01614), to(#fe9681));
  background: linear-gradient(90deg, #f01614, #fe9681);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #purplepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_single_color #purplepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #purplepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #purplepink-grad {
  background: -webkit-gradient(linear, left top, right top, from(#ff0a89), to(#ff76f5));
  background: linear-gradient(90deg, #ff0a89, #ff76f5);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #orangepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_single_color #orangepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #orangepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #orangepink-grad {
  background: -webkit-gradient(linear, left top, right top, from(#fc7312), to(#ff76f5));
  background: linear-gradient(90deg, #fc7312, #ff76f5);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #purlpe-grad,
.pdp_container .pdp_main .pdp_right #pdp_single_color #purlpe-grad,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #purlpe-grad,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #purlpe-grad {
  background: -webkit-gradient(linear, left top, right top, from(#f9009f), to(#990056));
  background: linear-gradient(90deg, #f9009f, #990056);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #golden-grad,
.pdp_container .pdp_main .pdp_right #pdp_single_color #golden-grad,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #golden-grad,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #golden-grad {
  background: -webkit-gradient(linear, left top, right top, from(#973719), to(#e69062));
  background: linear-gradient(90deg, #973719, #e69062);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #darkbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_single_color #darkbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #darkbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #darkbrown-grad {
  background: -webkit-gradient(linear, left top, right top, from(#822b21), to(#d46961));
  background: linear-gradient(90deg, #822b21, #d46961);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_all_colors #lightbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_single_color #lightbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_dual_color #lightbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_ombre_color #lightbrown-grad {
  background: -webkit-gradient(linear, left top, right top, from(#570d08), to(#d07066));
  background: linear-gradient(90deg, #570d08, #d07066);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_main .pdp_right #pdp_texture_sample_one,
  .pdp_container .pdp_main .pdp_right #pdp_texture_sample_two,
  .pdp_container .pdp_main .pdp_right #pdp_texture_sample_three,
  .pdp_container .pdp_main .pdp_right #pdp_texture_sample_four,
  .pdp_container .pdp_main .pdp_right #pdp_texture_sample_five,
  .pdp_container .pdp_main .pdp_right #pdp_texture_sample_six,
  .pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven {
  display: none;
  gap: 5px;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one .color-button,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two .color-button,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three .color-button,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four .color-button,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five .color-button,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six .color-button,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven .color-button {
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 100%;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one .color-button:hover,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two .color-button:hover,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three .color-button:hover,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four .color-button:hover,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five .color-button:hover,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six .color-button:hover,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven .color-button:hover {
  padding: 3px;
  border: 3px solid palevioletred;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #red,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #red,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #red,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #red,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #red,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #red,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #red {
  background-color: red;
  color: transparent;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #pink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #pink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #pink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #pink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #pink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #pink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #pink {
  background-color: #dd1c46;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #brown {
  background-color: #b90425;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #darkred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #darkred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #darkred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #darkred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #darkred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #darkred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #darkred {
  background-color: #872036;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #brightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #brightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #brightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #brightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #brightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #brightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #brightpink {
  background-color: #eb4a98;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #magenta,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #magenta,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #magenta,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #magenta,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #magenta,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #magenta,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #magenta {
  background-color: #d13678;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #redshade,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #redshade,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #redshade,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #redshade,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #redshade,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #redshade,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #redshade {
  background-color: #cb2c4c;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #maroon {
  background-color: #a0211c;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #dustyrose,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #dustyrose,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #dustyrose,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #dustyrose,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #dustyrose,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #dustyrose,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #dustyrose {
  background-color: #c34c5b;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #lightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #lightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #lightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #lightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #lightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #lightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #lightpink {
  background-color: #ff5494;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #softrose,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #softrose,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #softrose,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #softrose,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #softrose,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #softrose,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #softrose {
  background-color: #e182a2;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #rosecolor,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #rosecolor,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #rosecolor,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #rosecolor,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #rosecolor,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #rosecolor,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #rosecolor {
  background-color: #d18591;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #softpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #softpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #softpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #softpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #softpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #softpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #softpink {
  background-color: #f09da5;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #pinkishred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #pinkishred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #pinkishred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #pinkishred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #pinkishred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #pinkishred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #pinkishred {
  background-color: #fe6470;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #vibrantpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #vibrantpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #vibrantpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #vibrantpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #vibrantpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #vibrantpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #vibrantpink {
  background-color: #eb5c7a;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #rosered,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #rosered,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #rosered,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #rosered,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #rosered,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #rosered,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #rosered {
  background-color: #ff3e50;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #coral,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #coral,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #coral,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #coral,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #coral,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #coral,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #coral {
  background-color: #ea5d57;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #orangepink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #orangepink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #orangepink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #orangepink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #orangepink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #orangepink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #orangepink {
  background-color: #f08f6f;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #deepred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #deepred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #deepred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #deepred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #deepred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #deepred,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #deepred {
  background-color: #832056;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #darkpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #darkpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #darkpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #darkpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #darkpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #darkpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #darkpink {
  background-color: #a22372;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #rosewood,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #rosewood,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #rosewood,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #rosewood,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #rosewood,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #rosewood,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #rosewood {
  background-color: #a05775;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #richmaroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #richmaroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #richmaroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #richmaroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #richmaroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #richmaroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #richmaroon {
  background-color: #ae3d64;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #lavender,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #lavender,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #lavender,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #lavender,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #lavender,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #lavender,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #lavender {
  background-color: #ee7bd6;
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #pinkishred-brightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #pinkishred-brightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #pinkishred-brightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #pinkishred-brightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #pinkishred-brightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #pinkishred-brightpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #pinkishred-brightpink {
  background: linear-gradient(150deg, #e61559 50%, #ff7f9d 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #warmpink-red,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #warmpink-red,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #warmpink-red,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #warmpink-red,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #warmpink-red,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #warmpink-red,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #warmpink-red {
  background: linear-gradient(150deg, #f03e6a 50%, #ed9095 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #pink-orange,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #pink-orange,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #pink-orange,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #pink-orange,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #pink-orange,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #pink-orange,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #pink-orange {
  background: linear-gradient(150deg, #f6147f 50%, #f05d2e 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #intensered-softpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #intensered-softpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #intensered-softpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #intensered-softpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #intensered-softpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #intensered-softpink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #intensered-softpink {
  background: linear-gradient(150deg, #ca0000 50%, #ff8090 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #intensered-coral,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #intensered-coral,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #intensered-coral,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #intensered-coral,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #intensered-coral,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #intensered-coral,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #intensered-coral {
  background: linear-gradient(150deg, #ff866d 50%, #e20b1e 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #orange-peach,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #orange-peach,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #orange-peach,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #orange-peach,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #orange-peach,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #orange-peach,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #orange-peach {
  background: linear-gradient(150deg, #ff683b 50%, #ffa18e 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #megnate-purple,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #megnate-purple,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #megnate-purple,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #megnate-purple,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #megnate-purple,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #megnate-purple,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #megnate-purple {
  background: linear-gradient(150deg, #ff82d9 50%, #d625b6 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #mauve-maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #mauve-maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #mauve-maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #mauve-maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #mauve-maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #mauve-maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #mauve-maroon {
  background: linear-gradient(150deg, #cf6b88 50%, #8e0050 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #purple-pink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #purple-pink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #purple-pink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #purple-pink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #purple-pink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #purple-pink,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #purple-pink {
  background: linear-gradient(150deg, #ba00ff 50%, #b73680 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #darkpink-maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #darkpink-maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #darkpink-maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #darkpink-maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #darkpink-maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #darkpink-maroon,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #darkpink-maroon {
  background: linear-gradient(150deg, #bc1b7d 50%, #7a001e 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #brown-orange,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #brown-orange,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #brown-orange,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #brown-orange,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #brown-orange,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #brown-orange,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #brown-orange {
  background: linear-gradient(150deg, #8f3310 50%, #d67546 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #coral-brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #coral-brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #coral-brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #coral-brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #coral-brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #coral-brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #coral-brown {
  background: linear-gradient(150deg, #dd7068 50%, #90361f 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #orange-brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #orange-brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #orange-brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #orange-brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #orange-brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #orange-brown,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #orange-brown {
  background: linear-gradient(150deg, #dc340c 50%, #962e16 50%);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #pink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #pink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #pink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #pink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #pink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #pink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #pink-grad {
  background: -webkit-gradient(linear, left top, right top, from(#ef1d45), to(#fd87ae));
  background: linear-gradient(90deg, #ef1d45, #fd87ae);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #darkpink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #darkpink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #darkpink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #darkpink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #darkpink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #darkpink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #darkpink-grad {
  background: -webkit-gradient(linear, left top, right top, from(#ca2b5e), to(#f589ac));
  background: linear-gradient(90deg, #ca2b5e, #f589ac);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #brown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #brown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #brown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #brown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #brown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #brown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #brown-grad {
  background: -webkit-gradient(linear, left top, right top, from(#801717), to(#f57785));
  background: linear-gradient(90deg, #801717, #f57785);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #orange-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #orange-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #orange-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #orange-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #orange-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #orange-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #orange-grad {
  background: -webkit-gradient(linear, left top, right top, from(#f01614), to(#fe9681));
  background: linear-gradient(90deg, #f01614, #fe9681);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #purplepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #purplepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #purplepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #purplepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #purplepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #purplepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #purplepink-grad {
  background: -webkit-gradient(linear, left top, right top, from(#ff0a89), to(#ff76f5));
  background: linear-gradient(90deg, #ff0a89, #ff76f5);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #orangepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #orangepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #orangepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #orangepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #orangepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #orangepink-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #orangepink-grad {
  background: -webkit-gradient(linear, left top, right top, from(#fc7312), to(#ff76f5));
  background: linear-gradient(90deg, #fc7312, #ff76f5);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #purlpe-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #purlpe-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #purlpe-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #purlpe-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #purlpe-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #purlpe-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #purlpe-grad {
  background: -webkit-gradient(linear, left top, right top, from(#f9009f), to(#990056));
  background: linear-gradient(90deg, #f9009f, #990056);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #golden-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #golden-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #golden-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #golden-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #golden-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #golden-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #golden-grad {
  background: -webkit-gradient(linear, left top, right top, from(#973719), to(#e69062));
  background: linear-gradient(90deg, #973719, #e69062);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #darkbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #darkbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #darkbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #darkbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #darkbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #darkbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #darkbrown-grad {
  background: -webkit-gradient(linear, left top, right top, from(#822b21), to(#d46961));
  background: linear-gradient(90deg, #822b21, #d46961);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_one #lightbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_two #lightbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_three #lightbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_four #lightbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_five #lightbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_six #lightbrown-grad,
.pdp_container .pdp_main .pdp_right #pdp_texture_sample_seven #lightbrown-grad {
  background: -webkit-gradient(linear, left top, right top, from(#570d08), to(#d07066));
  background: linear-gradient(90deg, #570d08, #d07066);
  color: transparent;
}
.pdp_container .pdp_main .pdp_right .pdp_content_Container {
  margin-top: 30px;
}
.pdp_container .pdp_main .pdp_right .pdp_content_Container .fs-general-btn {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.pdp_container .pdp_main .pdp_right .pdp_content_Container .fs-general-btn a {
  font-size: 18px !important;
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_main .pdp_right .pdp_content_Container .fs-general-btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 12px;
  }
}
.pdp_container .pdp_main .pdp_right .pdp_content_Container .pdp_content_section2 {
  margin-top: 150px;
}
.pdp_container .pdp_main .pdp_right .pdp_content_Container .pdp_content_section2 .pdp_content_heading {
  text-align: center;
  color: #d87093;
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_main .pdp_right .pdp_content_Container .pdp_content_section2 .pdp_content_heading {
    font-size: 24px;
  }
}
@media only screen and (max-width: 420px) {
  .pdp_container .pdp_main .pdp_right .pdp_content_Container .pdp_content_section2 .pdp_content_heading {
    font-size: 20px;
    line-height: 20px;
  }
}
.pdp_container .pdp_content_description {
  font-size: 18px;
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_content_description {
    font-size: 14px;
    padding: 0 12px;
  }
}
.pdp_container .pdp_content_steps {
  list-style-type: none;
  padding: 0;
  margin-top: 20px;
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_content_steps {
    padding: 0 10px;
  }
}
.pdp_container .pdp_content_steps .pdp_step {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
  font-size: 18px;
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_content_steps .pdp_step {
    font-size: 14px;
  }
}
.pdp_container .pdp_content_steps .pdp_step::before {
  content: "✓"; /* Unicode character for a checkmark */
  font-size: 20px;
  color: #E5E5FD; /* Green color for the checkmark */
  position: absolute;
  left: 0;
  top: 0;
}
.pdp_container .pdp_content_text {
  font-size: 18px;
  margin-top: 20px;
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_content_text {
    font-size: 14px;
    padding: 0 10px;
  }
}
.pdp_container .pdp_faqs_container {
  margin-top: 70px;
}
.pdp_container .pdp_faqs_container .pdp_faq_head {
  text-align: left;
}
@media only screen and (max-width: 620px) {
  .pdp_container .pdp_faqs_container .pdp_faq_head {
    font-size: 24px;
  }
}
@media only screen and (max-width: 420px) {
  .pdp_container .pdp_faqs_container .pdp_faq_head {
    font-size: 20px;
    line-height: 20px;
  }
}
.pdp_container .pdp_faqs_container .pdp_faqs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_faqs_container .pdp_faqs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media only screen and (max-width: 420px) {
  .pdp_container .pdp_faqs_container .pdp_faqs {
    font-size: 20px;
    line-height: 20px;
  }
}
.pdp_container .pdp_faqs_container .pdp_faqs .pdp_faq {
  background-color: rgb(235, 234, 234);
  border-radius: 5px;
  padding: 30px;
  width: 40%;
  text-align: left;
}
@media only screen and (max-width: 800px) {
  .pdp_container .pdp_faqs_container .pdp_faqs .pdp_faq {
    width: 100%;
  }
}
.pdp_container .pdp_faqs_container .pdp_faqs .pdp_faq h5 {
  line-height: 24px;
}
.pdp_container .pdp_faqs_container .pdp_arrow_button {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-top: 40px;
  color: #3E3E3E;
  cursor: pointer;
}
@media only screen and (max-width: 450px) {
  .pdp_container .pdp_faqs_container .pdp_arrow_button {
    padding-right: 10px;
    font-size: 12px;
  }
}
.pdp_container .pdp_faqs_container .pdp_arrow_button:hover {
  color: #E5E5FD;
}
.pdp_container .pdp_section2_description {
  text-align: left;
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 18px;
}
@media only screen and (max-width: 420px) {
  .pdp_container .pdp_section2_description {
    font-size: 12px;
    line-height: 20px;
    padding: 0 10px;
  }
}
.pdp_container .pdp_content_steps .pdp_step {
  color: #3E3E3E;
}
@media only screen and (max-width: 600px) {
  .pdp_container .pdp_content_steps .pdp_step {
    font-size: 12px;
    line-height: 20px;
  }
}

.pdp_textures_container {
  display: none; /* Hide texture buttons by default */
}

.pdp_colors {
  display: none; /* Hide color buttons by default */
}

html > body.fs-solutions-child-page h2 {
  margin: 0 auto !important;
}
html > body.fs-solutions-child-page .wpb_column .mt-icon-listgroup-holder {
  min-height: 270px;
}
html > body.fs-solutions-child-page .wpb_column .mt-icon-listgroup-holder .mt-icon-listgroup-content-holder-button p:after {
  background: #E5E5FD;
}
html > body.fs-solutions-child-page .wpb_column.dark-shade .mt-icon-listgroup-holder {
  background-color: #D07BFF;
}
html > body.fs-solutions-child-page .title-subtile-holder {
  color: #3E3E3E;
}
html > body.fs-solutions-child-page .subtitle-wrapper {
  margin-bottom: 15px;
}
html > body.fs-solutions-child-page .fs-solutions-slider-section {
  background-color: #D07BFF;
}
html > body.fs-solutions-child-page .fs-solutions-slider-section .vc_parallax-inner {
  opacity: 0.5;
}
html > body.fs-solutions-child-page .fs-solutions-slider-section h1 {
  font-size: 68px !important;
  color: #3E3E3E;
  line-height: 72px;
}
html > body.fs-solutions-child-page .fs-solutions-slider-section .parent-typed-text {
  font-size: 62px !important;
  color: #fff;
  line-height: 66px;
}
html > body.fs-solutions-child-page .fs-solutions-slider-section p,
html > body.fs-solutions-child-page .fs-solutions-slider-section a {
  color: #fff;
}
html > body.fs-solutions-child-page .fs-solutions-slider-section .fs-general-btn {
  margin-right: 10px;
}
html > body.fs-solutions-child-page .fs-solutions-slider-section .fs-general-btn,
html > body.fs-solutions-child-page .fs-solutions-slider-section .wpb_text_column {
  display: inline-block;
}
html > body.fs-solutions-child-page .aipt-skill-counter .mt-addons-skill-counter-stats-content {
  padding-left: 20px !important;
  border-left: 3px solid #E5E5FD;
}
html > body.fs-solutions-child-page .aipt-skill-counter span.mt-addons-skill-counter-value {
  background-image: linear-gradient(45deg, var(--main-color-1), #0B485A);
  background-size: 100%;
  padding-bottom: 10px !important;
  -webkit-background-clip: text;
  color: transparent;
}
html > body.fs-solutions-child-page .aipt-music-testimonial .vc_column-inner {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
html > body.fs-solutions-child-page .testimonials-container-1 .owl-item p,
html > body.fs-solutions-child-page .testimonials-container-1 .owl-item h4,
html > body.fs-solutions-child-page .testimonials-container-1 .owl-item h5 {
  color: #fff;
}
html > body.fs-solutions-child-page .wpcf7 form.invalid .wpcf7-response-output,
html > body.fs-solutions-child-page .wpcf7 form.unaccepted .wpcf7-response-output,
html > body.fs-solutions-child-page .wpcf7 form.payment-required .wpcf7-response-output,
html > body.fs-solutions-child-page .wpcf7 form.sent .wpcf7-response-output,
html > body.fs-solutions-child-page .wpcf7 form.success .wpcf7-response-output {
  border-color: #fff;
  color: #fff !important;
  display: block;
  width: 100%;
  text-align: center;
}
html > body.fs-solutions-child-page .fs-form-grid {
  padding: 60px 40px;
}
html > body.fs-solutions-child-page .aipt-contact.v2 {
  background: none;
  margin: 0;
  padding: 0;
}
html > body.fs-solutions-child-page .aipt-contact.v2 input {
  border-bottom: 2px solid rgba(255, 255, 255, 0.6) !important;
}
html > body.fs-solutions-child-page .aipt-contact.v2 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
html > body.fs-solutions-child-page .aipt-contact.v2 > div.desc {
  width: 100%;
}
html > body.fs-solutions-child-page .aipt-contact.v2 > div.desc p,
html > body.fs-solutions-child-page .aipt-contact.v2 > div.desc textarea {
  width: 100%;
}
html > body.fs-solutions-child-page .aipt-contact.v2 > div.desc textarea {
  resize: none;
}
html > body.fs-solutions-child-page .aipt-contact.v2 .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  font-size: 14px;
  font-weight: normal;
  display: block;
  margin: 0;
  color: #fff !important;
  text-align: left;
}
html > body.fs-solutions-child-page .aipt-contact.v2 .wpcf7-submit {
  border-radius: 5px;
  font-weight: 400;
  color: #3E3E3E !important;
}
html > body.fs-solutions-child-page .aipt-contact.v2 .wpcf7-submit:hover {
  color: #fff !important;
}
html > body.fs-solutions-child-page .fs-solution-contact-section {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#5F7EFF), to(rgba(149, 96, 158, 0.8))), url("../media/img/3Q3tsJ01nc-unsplash.jpg");
  background-image: linear-gradient(to right bottom, #5F7EFF, rgba(149, 96, 158, 0.8)), url("../media/img/3Q3tsJ01nc-unsplash.jpg");
  clip-path: polygon(0 0, 100% 0, 100% 75vh, 0 100%);
  -webkit-clip-path: polygon(0 170px, 100% 0, 100% 100%, 0 100%);
  height: 95vh;
  padding-top: 250px !important;
}
html > body.fs-solutions-child-page .fs-solution-contact-section h2,
html > body.fs-solutions-child-page .fs-solution-contact-section p {
  color: #fff;
}
html > body.fs-solutions-child-page .fs-solution-contact-section.hair-tryon-solution {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#5F7EFF), to(rgba(149, 96, 158, 0.8))), url("../media/img/hair-tryon-solutions.png") !important;
  background-image: linear-gradient(to right bottom, #5F7EFF, rgba(149, 96, 158, 0.8)), url("../media/img/hair-tryon-solutions.png") !important;
  background-position: bottom right;
  background-size: contain;
}
html > body.fs-solutions-child-page .fs-solution-contact-section.eyelash-tryon-solution {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#5F7EFF), to(rgba(149, 96, 158, 0.8))), url("../media/img/eyelash-tryon-solution.png") !important;
  background-image: linear-gradient(to right bottom, #5F7EFF, rgba(149, 96, 158, 0.8)), url("../media/img/eyelash-tryon-solution.png") !important;
  background-position: bottom right;
  background-size: contain;
}
html > body.fs-solutions-child-page .fs-solution-contact-section.lipstick-tryon-solution {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#5F7EFF), to(rgba(149, 96, 158, 0.8))), url("../media/img/lipstick-tryon-solution.png") !important;
  background-image: linear-gradient(to right bottom, #5F7EFF, rgba(149, 96, 158, 0.8)), url("../media/img/lipstick-tryon-solution.png") !important;
  background-position: bottom right;
  background-size: contain;
}

@media only screen and (max-width: 640px) {
  .heading-line {
    font-size: 40px;
  }
}
@media only screen and (max-width: 572px) {
  .heading-line {
    font-size: 36px;
  }
}
@media only screen and (max-width: 520px) {
  .heading-line {
    font-size: 32px;
  }
}
@media only screen and (max-width: 460px) {
  .heading-line {
    font-size: 25px;
  }
}
@media only screen and (max-width: 400px) {
  .heading-line {
    font-size: 20px;
  }
}

html > body .fs-about-us-hero-sec {
  background-color: var(--main-color-1) !important;
  -webkit-clip-path: polygon(0px 0px, 100% 0, 90% 220px, 0 100%);
  height: 95vh;
  padding-top: 0px !important;
}
@media only screen and (max-width: 1004px) {
  html > body .fs-about-us-hero-sec {
    -webkit-clip-path: polygon(0px 0px, 100% 0, 90% 305px, 0 130%);
  }
}
@media only screen and (max-width: 994px) {
  html > body .fs-about-us-hero-sec {
    height: 130vh;
  }
}
@media only screen and (max-width: 768px) {
  html > body .fs-about-us-hero-sec {
    -webkit-clip-path: polygon(0px 0px, 100% 0, 103% 430px, 0 144%);
    height: 95vh;
  }
}
@media only screen and (max-width: 600px) {
  html > body .fs-about-us-hero-sec {
    -webkit-clip-path: polygon(0px 0px, 100% 0, 250% 430px, 0 144%);
    height: 105vh;
  }
}
@media only screen and (max-width: 508px) {
  html > body .fs-about-us-hero-sec {
    height: 130vh;
  }
}
@media only screen and (max-width: 350px) {
  html > body .fs-about-us-hero-sec {
    height: 130vh;
  }
}
@media only screen and (max-width: 290px) {
  html > body .fs-about-us-hero-sec {
    height: 190vh;
  }
}
html > body .fs-about-us-hero-sec p {
  color: #fff;
}
@media only screen and (max-width: 44px) {
  html > body .fs-about-us-hero-sec h1 {
    font-size: 40px !important;
    line-height: 40px !important;
  }
}
@media only screen and (max-width: 440px) {
  html > body .fs-about-us-hero-sec h1 {
    font-size: 25px !important;
    line-height: 25px !important;
  }
}
html > body .fs-about-us-hero-sec a {
  color: #fff;
}

html > body .fs-contact-us-hero-sec {
  background-color: var(--main-color-1) !important;
  -webkit-clip-path: polygon(0px 0px, 100% 0, 90% 220px, 0 100%);
  height: 95vh;
  padding-top: 0;
}
@media only screen and (max-width: 1550px) {
  html > body .fs-contact-us-hero-sec {
    -webkit-clip-path: polygon(0px 0px, 100% 0, 90% 310px, 0 140%);
    height: 105vh;
  }
}
@media only screen and (max-width: 1004px) {
  html > body .fs-contact-us-hero-sec {
    -webkit-clip-path: polygon(0px 0px, 100% 0, 90% 305px, 0 130%);
  }
}
@media only screen and (max-width: 994px) {
  html > body .fs-contact-us-hero-sec {
    height: 130vh;
  }
}
@media only screen and (max-width: 768px) {
  html > body .fs-contact-us-hero-sec {
    -webkit-clip-path: polygon(0px 0px, 100% 0, 103% 430px, 0 144%);
    height: 95vh;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 630px) {
  html > body .fs-contact-us-hero-sec {
    -webkit-clip-path: polygon(0px 0px, 100% 0, 250% 430px, 0 144%);
    height: 105vh;
  }
}
@media only screen and (max-width: 508px) {
  html > body .fs-contact-us-hero-sec {
    height: 130vh;
  }
}
@media only screen and (max-width: 440px) {
  html > body .fs-contact-us-hero-sec {
    height: 100vh;
  }
}
@media only screen and (max-width: 350px) {
  html > body .fs-contact-us-hero-sec {
    height: 130vh;
  }
}
@media only screen and (max-width: 290px) {
  html > body .fs-contact-us-hero-sec {
    height: 190vh;
  }
}
html > body .fs-contact-us-hero-sec p {
  color: #fff;
}
@media only screen and (max-width: 44px) {
  html > body .fs-contact-us-hero-sec h1 {
    font-size: 40px !important;
    line-height: 40px !important;
  }
}
@media only screen and (max-width: 440px) {
  html > body .fs-contact-us-hero-sec h1 {
    font-size: 35px !important;
    line-height: 35px !important;
  }
}
@media only screen and (max-width: 500px) {
  html > body .fs-contact-us-content-sec {
    padding-top: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  html > body .fs-contact-us-content-sec .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .title-subtile-holder {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 768px) and (max-width: 440px) {
  html > body .fs-contact-us-content-sec .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .title-subtile-holder h2 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 768px) {
  html > body .fs-contact-us-content-sec .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_row > .vc_col-sm-4 {
    padding: 20px 30px;
  }
}
html > body .fs-contact-us-content-sec .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_row > .vc_col-sm-4 .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper h2 {
  color: #3E3E3E !important;
}
html > body .fs-contact-us-content-sec .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_row > .vc_col-sm-4 .vc_column-inner .wpb_wrapper p {
  color: #4C4C4C !important;
}
html > body .fs-contact-us-content-sec .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .vc_row > .vc_col-sm-4 .vc_column-inner .wpb_wrapper p img {
  -webkit-filter: hue-rotate(444deg) saturate(190%);
          filter: hue-rotate(444deg) saturate(190%);
}
.pdp_container .pdp_main .pdp_right{
 /* margin-left: 50px; */
 padding-left: 50px;
 width: 50%;
 float: left;
}
.pdp_btn{
  margin-top: 20px;
  display: flex;
}
.pdp_custom_button {
  color: #ffffff;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--main-color-2)), color-stop(51%, var(--main-color-1)), to(var(--main-color-2))) !important;
  background-image: linear-gradient(to right, var(--main-color-2) 0%, var(--main-color-1) 51%, var(--main-color-2) 100%) !important;
  padding: 18px 52px;
  font-size: 16px;
  text-align: center;
  text-transform: capitalize;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-size: 200% auto;
  color: white !important;
  -webkit-box-shadow: 0 0 20px #eee;
  box-shadow: 0 0 20px #eee;
  border-radius: 50px;
  display: block;
  width: 100%;
  margin: 10px auto 20px auto;
  border: none;
  width: 202px;
  margin-right: 15px;
}
.pdp_custom_button:hover{
  background-position: right center;
  color: #fff;
  text-decoration: none;
}
.pdp_container .pdp_main .pdp_left .left_pdp_image img {

  width: 620px;
  height: 620px;
  background: #CEA894;
}
.steps_sp_content{
  margin-bottom: 20px;
}
.tabs{
  width: 100%;
  float: left;
}