/*
Softy Pinko

https://templatemo.com/tm-535-softy-pinko

*/
/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. reset
03. global styles
04. header
05. welcome
06. features
07. team
08. pricing
09. blog
10. contact
11. footer
12. preloader

--------------------------------------------- */
/* 
---------------------------------------------
font & reset css
--------------------------------------------- 
*/
/*
*/
@import url("https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900");
/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

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

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

* {
  box-sizing: border-box;
}

html, body {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  background-color: #ffffff;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}

/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
html,
body {
  background: #ffffff;
  font-family: "Raleway", sans-serif;
}

::selection {
  background: #ff589e;
  color: #ffffff;
}

::-moz-selection {
  background: #ff589e;
  color: #ffffff;
}

.section {
  position: relative;
  padding-top: 65px;
  padding-bottom: 80px;
}

.section.colored {
  background: #f7cfd4;
}
.section.pink-colored {
  background: #ffb8dd;
}

.hr {
  bottom: 0px;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
}

.left-heading.light .section-title {
  color: #ffffff;
}

.left-heading .section-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 42px;
  color: #1e1e1e;
  letter-spacing: 0.25px;
  margin-bottom: 30px;
  position: relative;
}

.center-heading {
  text-align: center;
}
.center-heading .section-title {
  font-weight: 500;
  font-size: 28px;
  color: #1e1e1e;
  letter-spacing: 1.75px;
  line-height: 38px;
  margin-bottom: 20px;
}

.center-heading.colored .section-title {
  color: #ffffff;
}

.center-text {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #777777;
  line-height: 28px;
  letter-spacing: 1px;
  margin-bottom: 50px;
}
.center-text p {
  font-size: 15px;
  color: #777777;
  margin-bottom: 30px;
}

.center-text.colored {
  color: #ffffff;
}

.left-text {
  font-weight: 400;
  font-size: 16px;
  color: #777777;
  line-height: 28px;
  letter-spacing: 1px;
}
.left-text p {
  margin-bottom: 30px;
}
.left-text p.dark {
  color: #3B566E;
}

.left-text.light {
  color: #ffffff;
}

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

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

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

.border-bottom {
  border-bottom: 1px solid #eeeeee !important;
}

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

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-bottom {
  -ms-flex-item-align: flex-end !important;
  align-self: flex-end !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    text-align-last: center;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
}
a.main-button-slider {
  font-size: 13px;
  border-radius: 20px;
  padding: 12px 20px;
  background-color: #ff738c;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0.25px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
a.main-button-slider:hover {
  background-color: #e65670;
}

a.main-button {
  font-size: 13px;
  border-radius: 20px;
  padding: 12px 20px;
  background-color: #ff738c;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0.25px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
a.main-button:hover {
  background-color: #e65670;
}

a.white-label-main-button {
  font-size: 13px;
  border-radius: 20px;
  padding: 12px 20px;
  background-color: #ffb8dd;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0.25px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
a.white-label-main-button:hover {
  background-color: #ff589e;
}

button.main-button {
  outline: none;
  border: none;
  cursor: pointer;
  font-size: 13px;
  border-radius: 20px;
  padding: 12px 20px;
  background-color: #ffb8dd;
  text-transform: uppercase;
  color: #ffffff;
  letter-spacing: 0.25px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
button.main-button:hover {
  background-color: #ff589e;
}

button.search-btn {
  background: transparent;
  border: 1px solid #ffb8dd;
  border-radius: 30px;
  padding: 5px 20px;
  color: #ffb8dd;
  transition: all .35s;
}
button.search-btn:hover {
  background: #ffb8dd;
  border: 1px solid #ffb8dd;
  border-radius: 30px;
  padding: 5px 20px;
  color: #ffffff;
}

/* 
---------------------------------------------
header
--------------------------------------------- 
*/
.scrolled {
  border-radius: 0px !important;
  box-shadow: none !important;
}

.background-header {
  background-color: #ffffff;
  height: 80px !important;
  position: fixed !important;
  top: 0px !important;
  left: 0px;
  right: 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) !important;
}

.background-header .logo {
  color: #1e1e1e !important;
}
.background-header .main-nav .nav li a {
  color: #1e1e1e !important;
}
.background-header .main-nav .nav > li:hover > a {
  color: #f55858 !important;
}
.background-header .main-nav .nav > li > ul > li:hover > a {
  color: #f55858 !important;
}
.background-header .nav li a.active {
  color: #f55858 !important;
}

.header-area {
  position: fixed;
  top: 30px;
  left: 0px;
  right: 0px;
  z-index: 100;
  height: 100px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header-area .main-nav {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border-radius: 40px;
  min-height: 70px;
  padding-left: 25px;
  padding-right: 25px;
  background: #ffffff;
  position: relative;
}
.header-area .main-nav .logo {
  float: left;
  margin-top: 37px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-left: 30px;
}
.header-area .main-nav .logo img {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header-area .main-nav .wl-logo {
  display: flex;
  align-items: center;
  float: left;
  margin-top: 17px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-left: 30px;
}
.header-area .main-nav .wl-logo span {
  font-size: 15px;
  color: #ffb8dd;
  font-family: "Segoe UI", sans-serif;
  font-weight: 500;
  margin-left: 5px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header-area .main-nav .wl-logo img {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.header-area .main-nav .nav {
  float: right;
  margin-top: 15px;
  margin-left: 0px;
  margin-right: 30px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}
.header-area .main-nav .nav li {
  padding-left: 20px;
  padding-right: 20px;
}
.header-area .main-nav .nav li:last-child {
  padding-right: 0px;
}
.header-area .main-nav .nav li a {
  display: block;
  font-weight: 500;
  font-size: 13px;
  color: #ffffff;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  height: 40px;
  line-height: 40px;
  border: transparent;
  letter-spacing: 1px;
}
.header-area .main-nav .nav li a:hover {
  color: #ff589e;
}
.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 20px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 40px;
  display: none;
}
.header-area .main-nav .menu-trigger span {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #3B566E;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  top: 16px;
}
.header-area .main-nav .menu-trigger span:before {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #3B566E;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #3B566E;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
  content: "";
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #3B566E;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #3B566E;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
  content: "";
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}
.header-area .main-nav .menu-trigger.active span {
  background-color: transparent;
  width: 100%;
}
.header-area .main-nav .menu-trigger.active span:before {
  background-color: transparent;
  width: 100%;
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #3B566E;
}
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #3B566E;
}

.header-area.header-sticky {
  min-height: 80px;
}
.header-area.header-sticky .logo {
  margin-top: 20px;
}
.header-area.header-sticky .nav li a {
  color: #1e1e1e;
}
.header-area.header-sticky .nav li a.active {
  color: #ff589e;
}

@media (max-width: 1200px) {
  .header-area .main-nav .nav li {
    padding-left: 12px;
    padding-right: 12px;
  }
  .header-area .main-nav:before {
    display: none;
  }
}
@media (max-width: 991px) {
  .header-area {
    padding: 0px 15px;
    height: 80px;
    box-shadow: none;
    text-align: center;
  }
  .header-area .container {
    padding: 0px;
  }
  .header-area .logo {
    margin-top: 20px !important;
    margin-left: 30px;
  }
  .header-area .wl-logo {
    margin-top: 16px !important;
    margin-left: 0px !important;
  }
  .header-area .menu-trigger {
    display: block !important;
  }
  .header-area .main-nav {
    overflow: hidden;
  }
  .header-area .main-nav .nav {
    float: none;
    width: 100%;
    margin-top: 80px !important;
    display: none;
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    margin-left: 0px;
  }
  .header-area .main-nav .nav li {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #eeeeee;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .header-area .main-nav .nav li:first-child {
    border-top: 1px solid #eeeeee;
  }
  .header-area .main-nav .nav li a {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0px !important;
    border: none !important;
    background: #ffffff !important;
    color: #3B566E !important;
  }
  .header-area .main-nav .nav li a:hover {
    background: #eeeeee !important;
  }
  .owl-carousel .item .content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center;
    align-items: center;
  }
  .owl-carousel .item .content-item {
    margin-left: 0px !important;
  }
  .product-slide .owl-carousel .item .content img {
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .header-area .main-nav .nav {
    display: flex !important;
  }
}
@media (max-width: 576px) {
  .header-area .main-nav .wl-logo span {
    display: none;
  }
}
/* 
---------------------------------------------
welcome
--------------------------------------------- 
*/
.welcome-area {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../images/banner-bg.png");
  background-repeat: no-repeat;
  background-position: initial;
  background-size: cover;
  height: 100vh;
}
.welcome-area .header-text {
  position: absolute;
  top: 50%;
  transform: translateY(-55%);
  text-align: center;
  width: 100%;
}
.welcome-area .header-text h1 {
  font-weight: 500;
  font-size: 36px;
  line-height: 54px;
  letter-spacing: 1.4px;
  margin-bottom: 30px;
  color: #ffffff;
}
.welcome-area .header-text p {
  font-weight: 400;
  font-size: 15px;
  color: #ffffff;
  line-height: 28px;
  letter-spacing: 0.25px;
  margin-bottom: 40px;
  position: relative;
}

.welcome-area1 {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../images/banner-bg.png");
  background-repeat: no-repeat;
  background-position: initial;
  background-size: cover;
  height: 60vh;
}

.wl-welcome-area {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../images/wl-banner-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 80vh;
}

.wl-content-bg {
  background-image: url("../images/bg-1.png");
  background-repeat: no-repeat;
  background-position: initial;
  background-size: cover;
}

@media (max-width: 991px) {
  .welcome-area .header-text {
    top: 65% !important;
    transform: perspective(1px) translateY(-60%) !important;
    text-align: center;
  }
  .welcome-area .header-text h1 {
    text-align: center;
    color: #ffffff;
    margin-bottom: 15px;
  }
  .welcome-area .header-text h1 span {
    color: #ffffff;
  }
  .welcome-area .header-text p {
    text-align: center;
    color: #ffffff;
    margin-bottom: 20px;
  }
}
@media (max-width: 820px) {
  .welcome-area .header-text {
    top: 65% !important;
    transform: perspective(1px) translateY(-60%) !important;
  }
  .welcome-area .header-text h1 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .welcome-area .header-text p {
    margin-bottom: 20px;
  }
}
@media (max-width: 765px) {
  .welcome-area {
    margin-bottom: 100px;
  }
  .welcome-area .header-text {
    top: 50% !important;
    transform: perspective(1px) translateY(-50%) !important;
    text-align: center;
  }
  .welcome-area .header-text .buttons {
    display: none;
  }
  .welcome-area .header-text h1 {
    font-weight: 600;
    font-size: 24px !important;
    line-height: 30px !important;
    margin-bottom: 30px !important;
  }
  .welcome-area .header-text h1 span {
    color: #ffffff;
  }
  .welcome-area .header-text p {
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 40px;
  }
  .wl-welcome-area {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 1024px) {
  .wl-welcome-area {
    background-image: url("../images/wl-banner-bg1-tablet.png");
  }
}
@media (max-width: 625px) {
  .wl-welcome-area {
    background-image: url("../images/wl-banner-bg1-mobile.png");
  }
}
/* 
---------------------------------------------
features
--------------------------------------------- 
*/
.features-small-item {
  cursor: pointer;
  display: block;
  background: #ffffff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 30px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  margin-bottom: 30px;
}
.features-small-item:hover .icon {
  background-color: #ff589e;
}
.features-small-item:hover .white-label-icon {
  background-color: #ff589e;
}
.features-small-item .icon {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 90px;
  height: 90px;
  line-height: 90px;
  margin: auto;
  position: relative;
  margin-bottom: 30px;
  background: #ff738c;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.features-small-item .icon i {
  font-size: 18px;
  color: #ffffff;
}
.features-small-item .white-label-icon {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 90px;
  height: 90px;
  line-height: 90px;
  margin: auto;
  position: relative;
  margin-bottom: 30px;
  background: #ffb8dd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.features-small-item .white-label-icon i {
  font-size: 18px;
  color: #ffffff;
}
.features-small-item .features-title {
  font-weight: 500;
  font-size: 18px;
  color: #1e1e1e;
  letter-spacing: 0.7px;
  margin-bottom: 15px;
  position: relative;
  z-index: 2;
}
.features-small-item p {
  font-weight: 400;
  font-size: 13px;
  color: #777777;
  letter-spacing: 0.5px;
  line-height: 25px;
  position: relative;
  z-index: 2;
}
.features-small-item a {
  float: right;
  position: relative;
  z-index: 2;
}

.gradient-color {
  background: linear-gradient(#ffffff, #ffb8dd);
}

.home-feature {
  padding-bottom: 0px;
  padding-top: 30px;
  margin-top: -100px;
  z-index: 9;
}

@media (max-width: 991px) {
  .home-feature {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
  }
}
/* 
---------------------------------------------
parallax & home seperator
--------------------------------------------- 
*/
.mini {
  min-height: 215px;
  overflow: hidden;
  position: relative;
  padding-top: 90px;
  padding-bottom: 90px;
}
.mini:before {
  content: "";
  position: absolute;
  width: 140%;
  height: 140%;
  opacity: 0.95;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/work-process-bg.png");
  z-index: 2;
  top: -20%;
  left: -20%;
}
.mini .mini-content {
  position: relative;
  z-index: 3;
}
.mini .mini-content .info {
  text-align: center;
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.mini .mini-content .info small {
  display: block;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 5px;
}
.mini .mini-content .info strong {
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 40px;
  display: block;
}
.mini .mini-content .info h1 {
  color: #ffffff;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: 0.25px;
  margin-bottom: 30px;
}
.mini .mini-content .info p {
  letter-spacing: 1px;
  margin-bottom: 40px;
  color: #ffffff;
  letter-spacing: 0.25px;
  line-height: 26px;
  font-weight: 400;
  font-size: 15px;
}
.mini .mini-content .info p span {
  text-decoration: underline;
}
.mini .mini-content .mini-box {
  display: block;
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 30px;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;
}
.mini .mini-content .mini-box:hover {
  margin-top: -10px;
}
.mini .mini-content .mini-box:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  opacity: 0.15;
  height: 100%;
  bottom: -10px;
  left: 0px;
  right: -20px;
  margin: auto;
  border-radius: 20px;
}
.mini .mini-content .mini-box i {
  display: block;
  font-size: 20px;
  margin-bottom: 15px;
}
.mini .mini-content .mini-box span {
  display: block;
  font-weight: 400;
  font-size: 14px;
  color: #777777;
  letter-spacing: 0.75px;
}
.mini .mini-content .mini-box strong {
  display: block;
  font-weight: 400;
  font-size: 17px;
  color: #1e1e1e;
  letter-spacing: 0.25px;
  margin-bottom: 5px;
  margin-top: 20px;
}
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.whitelabel-mini {
  min-height: 215px;
  overflow: hidden;
  position: relative;
  padding-top: 90px;
  padding-bottom: 90px;
}
.whitelabel-mini:before {
  content: "";
  position: absolute;
  width: 140%;
  height: 140%;
  opacity: 0.95;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/whitelabel-process-bg.png");
  z-index: 2;
  top: -20%;
  left: -20%;
}
.whitelabel-mini .whitelabel-mini-content {
  position: relative;
  z-index: 3;
}
.whitelabel-mini .whitelabel-mini-content .info {
  text-align: center;
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.whitelabel-mini .whitelabel-mini-content .info small {
  display: block;
  font-weight: 400;
  font-size: 13px;
  margin-bottom: 5px;
}
.whitelabel-mini .whitelabel-mini-content .info strong {
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 40px;
  display: block;
}
.whitelabel-mini .whitelabel-mini-content .info h1 {
  color: #ffffff;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: 0.25px;
  margin-bottom: 30px;
}
.whitelabel-mini .whitelabel-mini-content .info p {
  letter-spacing: 1px;
  margin-bottom: 40px;
  color: #ffffff;
  letter-spacing: 0.25px;
  line-height: 26px;
  font-weight: 400;
  font-size: 15px;
}
.whitelabel-mini .whitelabel-mini-content .info p span {
  text-decoration: underline;
}
.whitelabel-mini .whitelabel-mini-content .whitelabel-mini-box {
  display: block;
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 30px;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;
}
.whitelabel-mini .whitelabel-mini-content .whitelabel-mini-box:hover {
  margin-top: -10px;
}
.whitelabel-mini .whitelabel-mini-content .whitelabel-mini-box:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  opacity: 0.15;
  height: 100%;
  bottom: -10px;
  left: 0px;
  right: -20px;
  margin: auto;
  border-radius: 20px;
}
.whitelabel-mini .whitelabel-mini-content .whitelabel-mini-box i {
  display: block;
  font-size: 20px;
  margin-bottom: 15px;
}
.whitelabel-mini .whitelabel-mini-content .whitelabel-mini-box span {
  display: block;
  font-weight: 400;
  font-size: 14px;
  color: #777777;
  letter-spacing: 0.75px;
}
.whitelabel-mini .whitelabel-mini-content .whitelabel-mini-box img {
  border-radius: 20px;
}
.whitelabel-mini .whitelabel-mini-content .whitelabel-mini-box strong {
  display: block;
  font-weight: 400;
  font-size: 17px;
  color: #1e1e1e;
  letter-spacing: 0.25px;
  margin-bottom: 5px;
  margin-top: 20px;
}

#rememberMeLabel.custom-control-label:before {
  border-radius: 5px;
}

.custom-control-label:before {
  border: 1px solid #cad1d7;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.minproduct-container .product-content .info h1 {
  color: #ffffff;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: 0.25px;
  margin-bottom: 30px;
}

section.landing-page {
  height: 100vh;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url(../images/landing-page-bg.png);
}
section.landing-page .features-small-item {
  cursor: pointer;
  display: block;
  background: #ffffff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 80px 30px 80px 30px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  margin: 20px 0px;
}

.counter {
  overflow: hidden;
  position: relative;
}
.counter:before {
  content: "";
  position: absolute;
  width: 140%;
  height: 140%;
  opacity: 0.9;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 2;
  top: -20%;
  left: -20%;
}
.counter .content {
  position: relative;
  z-index: 3;
  width: 100%;
}
.counter .content .count-item {
  height: 340px;
  position: relative;
  float: left;
  width: 100%;
}
.counter .content .count-item:hover strong {
  margin-top: 110px;
}
.counter .content .count-item strong {
  display: block;
  text-align: center;
  font-weight: 600;
  font-size: 36px;
  letter-spacing: 0.25px;
  margin-bottom: 10px;
  color: #ffffff;
  margin-top: 120px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.counter .content .count-item span {
  display: block;
  text-align: center;
  color: #ffffff;
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 0.25px;
}
.counter .content .count-item.decoration-bottom {
  position: relative;
}
.counter .content .count-item.decoration-bottom:after {
  content: "";
  position: absolute;
  width: 70%;
  height: 32px;
  top: 160px;
  left: 70%;
  background: url(../images/circle-dec.png) center center no-repeat;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.counter .content .count-item.decoration-top {
  position: relative;
}
.counter .content .count-item.decoration-top:after {
  content: "";
  position: absolute;
  width: 70%;
  height: 32px;
  top: 140px;
  left: 70%;
  background: url(../images/circle-dec.png) center center no-repeat;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@media (max-width: 991px) {
  .parallax {
    padding-top: 60px;
    padding-bottom: 60px;
    min-height: auto;
  }
  .parallax .content {
    position: relative !important;
    top: 0% !important;
    transform: perspective(1px) translateY(0%) !important;
  }
  .counter {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .counter .content {
    position: relative !important;
    top: 0% !important;
    transform: perspective(1px) translateY(0%) !important;
  }
  .counter .content .count-item {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .counter .content .count-item:hover strong {
    margin-top: 0px;
  }
  .counter .content .count-item:before {
    display: none;
  }
  .counter .content .count-item:after {
    display: none;
  }
  .counter .content .count-item strong {
    margin-top: 0px;
  }
  .wl-product-container .product-content .info h1 {
    font-size: 28px;
  }
}
/* 
---------------------------------------------
product
--------------------------------------------- 
*/
.product-card {
  background-color: #ffb8dd;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 30px;
  padding: 20px;
}

.product-container {
  min-height: 215px;
  overflow: hidden;
  position: relative;
  padding-top: 90px;
  padding-bottom: 90px;
}
.product-container:before {
  content: "";
  position: absolute;
  width: 140%;
  height: 140%;
  opacity: 0.95;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/product-bg.png");
  z-index: 2;
  top: -20%;
  left: -20%;
}
.product-container .product-content {
  position: relative;
  z-index: 3;
}
.product-container .product-content .info {
  text-align: center;
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.product-container .product-content .info h1 {
  color: #ffffff;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: 0.25px;
  margin-bottom: 30px;
}

.product-scroll {
  height: 330px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.wl-product {
  background-image: url("../images/wl-product-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.wl-product-container {
  min-height: 215px;
  overflow: hidden;
  position: relative;
  padding-top: 90px;
  padding-bottom: 90px;
}
.wl-product-container:before {
  content: "";
  position: absolute;
  width: 140%;
  height: 140%;
  opacity: 0.95;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 2;
  top: -20%;
  left: -20%;
}
.wl-product-container .product-content {
  position: relative;
  z-index: 3;
}
.wl-product-container .product-content .info {
  text-align: center;
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* 
---------------------------------------------
slider
--------------------------------------------- 
*/
.main-slider .owl-stage-outer {
  overflow: unset !important;
}
.main-slider .owl-nav .owl-prev {
  left: 0px;
}
.main-slider .owl-nav .owl-next {
  left: 535px;
}

.slider-area {
  padding: 60px 0px;
  overflow: hidden;
}

.slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.slider-item {
  height: 390px;
  background: #ffb8dd;
  width: 100%;
  position: relative;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 30px;
  padding: 20px;
}
.slider-item img {
  width: 500px !important;
  height: 465px;
  position: absolute;
  top: -40px;
  left: 20px;
  object-fit: cover;
  border-radius: 30px;
}
.slider-item .content li {
  list-style: unset;
  margin-left: 20px;
  color: #ffffff;
}
.slider-item li {
  list-style: unset;
  margin-left: 20px;
  color: #ffffff;
}

@media (max-width: 1200px) {
  .slider-item {
    height: unset;
  }
  .slider-item img {
    width: 440px !important;
    height: 450px;
    position: absolute;
    top: -60px;
    left: unset;
  }
  .slider-item h1 {
    margin-top: 10px;
    font-size: 26px;
  }
  .main-slider .owl-nav .owl-prev {
    left: 0px;
  }
  .main-slider .owl-nav .owl-next {
    left: unset;
    right: 0px;
  }
}
@media (max-width: 991px) {
  .slider-item img {
    width: 100% !important;
    height: 400px;
    object-fit: cover;
    position: unset;
    border-radius: 20px;
    top: unset;
    left: unset;
  }
}
@media (max-width: 576px) {
  .slider-item img {
    width: 100% !important;
    height: unset;
    object-fit: cover;
    position: unset;
    border-radius: 20px;
    top: unset;
    left: unset;
  }
  .slider-area {
    padding: 0px;
    overflow: hidden;
  }
}
/* 
---------------------------------------------
modal
--------------------------------------------- 
*/

.dist-modal{
  overflow: hidden!important;
  border-radius: 30px!important;
}
.dist-modal .modal-body{
  padding: 0px!important;
}
.dist-modal .modal-body .dist-card{
  border-radius: 0px!important;
}
.clickable-card{
  transition: all 0.3s;
}
.clickable-card:hover{
  transform: scale(1.02);
  cursor: pointer;
}

.modal-footer span:nth-child(1){
  display: block;
}

.modal-footer span:nth-child(2){
  display: none;
}


.dist-card .close{
  display: none;
}

.dist-modal .modal-footer{
  display: none!important;
}
.dist-modal .dist-card{
  position: relative;
  padding: 50px 20px 20px 20px !important;
}

.dist-modal .dist-card .close{
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  position: absolute;
  top: 10px;
  right: 10px;
}
.dist-modal .dist-card .close button{
  padding: 10px 15px;
  font-size: 12px;
}

/* 
---------------------------------------------
distributor
--------------------------------------------- 
*/
.dist-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 30px;
  padding: 20px;
  align-items: center;
}
.dist-card .psph-profile {
  text-align: center;
  position: relative;
  padding: 30px 0px 30px 0px;
  margin-bottom: 20px;
  width: 100%;
}
.dist-card .psph-profile h4 {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.dist-card .psph-profile h5 {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.dist-card .psph-profile p {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1rem;
  margin: 0;
}
.dist-card .psph-profile img:nth-child(2) {
  border: 5px solid #ffb8dd;
  border-radius: 50%;
  width: 180px;
  height: 170px;
  object-fit: cover;
  margin: 10px;
}
.dist-card .psph-profile .wl-logo {
  width: 80px;
  border: unset;
  border-radius: unset;
  object-fit: cover;
  margin: unset;
  position: absolute;
  top: 0;
  left: 0;
}
.dist-card .psph-profile .floating-img {
  width: 80px;
  border: unset;
  border-radius: unset;
  object-fit: cover;
  margin: unset;
  position: absolute;
  top: 0;
  right: 0;
}
.dist-card .psph-profile .profile-border {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: unset;
  border: unset;
  width: 100%;
  height: 100%;
  margin: 0;
}
.dist-card .profile {
  text-align: center;
  position: relative;
  padding: 50px 0px 20px 0px;
  margin-bottom: 10px;
  width: 100%;
}
.dist-card .profile h4 {
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.dist-card .profile h5 {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
.dist-card .profile p {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1rem;
  margin: 0;
}
.dist-card .profile img.profile-img {
  border: 5px solid #ffb8dd;
  border-radius: 50%;
  width: 180px;
  height: 170px;
  object-fit: cover;
  margin: 10px;
}
.dist-card .profile img.wl-logo {
  width: 100px;
  border: unset;
  border-radius: unset;
  object-fit: cover;
  margin: unset;
  position: absolute;
  top: 0;
  left: 0;
}
.dist-card .details {
  width: 100%;
}
.dist-card .details button.psph-dist-btn {
  display: flex;
  border-radius: 20px;
  padding: 10px;
  background-color: #ffffff;
  text-transform: uppercase;
  color: #000000;
  letter-spacing: 0.25px;
  align-items: center;
  align-content: center;
  width: 100%;
  border: 1px solid #f55858;
  border-bottom: 3px solid #f55858;
  box-shadow: 0px 15px 10px -15px #f55858;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.dist-card .details button.psph-dist-btn img {
  width: 20px;
  margin-right: 8px;
}
.dist-card .details button.psph-dist-btn span {
  line-height: 1rem;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 160px;
  text-transform: none;
  text-align: start;
}
.dist-card .details button.psph-dist-btn:nth-child(1) {
  margin-right: 5px;
}
.dist-card .details button.wl-dist-btn {
  display: flex;
  border-radius: 30px;
  padding: 10px;
  background-color: #ffffff;
  text-align: start;
  color: #000000;
  letter-spacing: 0.25px;
  align-items: center;
  align-content: center;
  width: 100%;
  border: 1px solid #ff589e;
  border-bottom: 3px solid #ff589e;
  box-shadow: 0px 15px 10px -15px #ff589e;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.dist-card .details button.wl-dist-btn img {
  width: 20px;
  margin-right: 8px;
}
.dist-card .details button.wl-dist-btn span {
  line-height: 1rem;
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 130px;
}
.dist-card .details button.wl-dist-btn:nth-child(1) {
  margin-right: 5px;
}
.dist-card .details .qr-code {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}
.dist-card .details .qr-code img {
  width: 80px;
}
.dist-card .details .qr-code span {
  font-size: 10px;
  white-space: nowrap;
}
.dist-card.bg {
  background-image: url(../images/wl-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.dist-card.psph-bg {
  background-image: url(../images/psph-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.content-height {
  height: 100%!important;
}

@media (max-width: 1400px) {
  .content-height {
    height: 100%!important;
  }
  .details .col-id {
    width: 50%;
  }
}
@media (max-width: 1200px) {
  .dist-card .psph-profile {
    padding: 15px 0px 15px 0px;
  }
  .dist-card .profile {
    padding: 30px 0px 0px 0px;
  }
  .dist-card .details .psph-dist-btn button span {
    font-size: 12px;
    width: 100%;
  }
  .dist-card .details .wl-dist-btn button span {
    font-size: 12px;
    width: 100%;
  }
  .dist-card .details .qr-code img {
    width: 100px;
  }
}
@media (max-width: 768px) {
  .dist-card .details .psph-dist-btn {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
  }
  .dist-card .details .wl-dist-btn {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
  }
  .dist-card .details .qr-code img {
    width: 100px;
    margin-top: 10px;
  }
}
@media (max-width: 576px) {
  .dist-card .details .qr-code img {
    width: 100px;
    margin-top: 10px;
  }
  .dist-card .details .wl-dist-btn button img {
    width: 30px;
    margin-right: 5px;
    object-fit: cover;
  }
  .dist-card .details .wl-dist-btn button span {
    font-size: 14px;
    text-align: start;
  }
  .dist-card .details .psph-dist-btn button img {
    width: 30px;
    margin-right: 5px;
    object-fit: cover;
  }
  .dist-card .details .psph-dist-btn button span {
    font-size: 14px;
    text-align: start;
  }
  .details .col-id {
    width: 100%;
    padding: 0px 3px;
  }
}
@media (max-width: 320px) {
  .dist-card .profile {
    padding: 20px 0px 0px 0px;
  }
  .dist-card .profile .wl-logo {
    width: 65px!important;
    top: 5px;
  }
  .dist-card .psph-profile .wl-logo {
    width: 65px;
    top: 5px;
  }
  .dist-card .psph-profile .floating-img {
    width: 65px;
    top: 5px;
  }
  .dist-card .details .psph-dist-btn button {
    padding: 5px;
    text-align: start;
  }
  .dist-card .details .psph-dist-btn button img {
    width: 20px;
  }
  .dist-card .details .wl-dist-btn button {
    padding: 5px;
    text-align: start;
  }
  .dist-card .details .wl-dist-btn button img {
    width: 20px;
  }
  .dist-card .profile {
    text-align: center;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
  }
  .dist-card .profile img {
    border: 5px solid #ffb8dd;
    border-radius: 50%;
    width: 120px;
    margin: 20px;
  }
  .dist-card .profile img:nth-child(2) {
    width: 120px;
    height: 120px;
  }
  .dist-card .psph-profile img:nth-child(2) {
    width: 120px;
    height: 120px;
  }
  .dist-card .psph-profile {
    text-align: center;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
  }
  .dist-card .details .qr-code img {
    width: 70px;
  }
}
@media (min-width: 320px) {
  #distributor-results-container .dist-card .profile img.wl-logo {
    width: 70px;
    border: unset;
    border-radius: unset;
    object-fit: cover;
    margin: unset;
    position: absolute;
    top: 10px;
    left: 0;
  }
  #distributor-results-container .dist-card .psph-profile img.wl-logo {
    width: 70px;
    border: unset;
    border-radius: unset;
    object-fit: cover;
    margin: unset;
    position: absolute;
    top: 10px;
    left: 0;
  }
  #distributor-results-container .dist-card .psph-profile img.floating-img {
    width: 70px;
    border: unset;
    border-radius: unset;
    object-fit: cover;
    margin: unset;
    position: absolute;
    top: 10px;
    right: 0;
  }
  #distributor-results-container .dist-card.default {
    padding: 10px;
    border-radius: 15px!important;
    height: 315px;
    overflow: auto;
  }
 #distributor-results-container .dist-card.default img.wl-logo {
    width: 30px!important;
    top: 2px!important;
  }
 #distributor-results-container .dist-card.default img.floating-img{
    width: 30px!important;
    top: 2px!important;
  }
 #distributor-results-container .dist-card.default img:nth-child(2){
    width: 50px!important;
    height: 50px!important;
    border: 3px solid #ffb8dd!important;
  }
  #distributor-results-container .dist-card.default {
    padding: 10px!important;
    margin-bottom: 5px!important;
  }
 #distributor-results-container .dist-card.default h4 {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
  }
 #distributor-results-container .dist-card.default h5 {
    font-size: 8px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
  }
 #distributor-results-container .dist-card.default p {
    font-size: 8px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0.6rem;
    margin: 0;
  }
  #distributor-results-container .dist-card.default .details .col-id{
    width: 100%;
    padding: 0px 7px!important;
  }
  #distributor-results-container .dist-card.default .details button.wl-dist-btn:nth-child(1){
    padding: 2px;
  }
  #distributor-results-container .dist-card.default .details button.wl-dist-btn img{
    width: 15px!important;
  }
  #distributor-results-container .dist-card.default .details button.wl-dist-btn span{
    line-height: inherit;
    font-size: 8px;
  }
  #distributor-results-container .dist-card.default .details button.psph-dist-btn:nth-child(1){
    padding: 2px;
  }
  #distributor-results-container .dist-card.default .details button.psph-dist-btn img{
    width: 15px!important;
  }
  #distributor-results-container .dist-card.default .details button.psph-dist-btn span{
    line-height: inherit;
    font-size: 8px;
  }
  #distributor-results-container .dist-card.default .details .qr-code img{
    width: 35px;
    margin-top: 0px!important;
  }
  #distributor-results-container .dist-card.default .details .qr-code span{
    font-size: 5px;
    white-space: nowrap;
  }
  #distributor-results-container .dist-card.default .details .row.dist-social-btn::-webkit-scrollbar {
    display: block!important;
    width: 2px
  }
  #distributor-results-container .dist-card.default .details .row.dist-social-btn::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(255 255 255 / 30%); 
    border-radius: 10px;
    background: #f55a5a
  }
  #distributor-results-container .dist-card.default .details .row.dist-social-btn::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(246 90 90); 
  }
}
@media (min-width: 576px) {
  #distributor-results-container .dist-card .psph-profile img.wl-logo {
    width: 90px;
    border: unset;
    border-radius: unset;
    object-fit: cover;
    margin: unset;
    position: absolute;
    top: -5px;
    left: 0;
  }
  #distributor-results-container .dist-card .psph-profile img.floating-img {
    width: 90px;
    border: unset;
    border-radius: unset;
    object-fit: cover;
    margin: unset;
    position: absolute;
    top: -5px;
    right: 0;
  }

  #distributor-results-container .dist-card.default {
    padding: 10px;
    border-radius: 15px!important;
    height: 260px;
    overflow: auto;
  }
 #distributor-results-container .dist-card.default img.wl-logo {
    width: 55px!important;
    top: 0!important;
  }
 #distributor-results-container .dist-card.default img.floating-img{
    width: 40px!important;
    top: 0!important;
  }
 #distributor-results-container .dist-card.default img:nth-child(2){
    width: 60px!important;
    height: 60px!important;
    border: 2px solid #ffb8dd!important;
    margin: 5px!important;
  }
  #distributor-results-container .dist-card.default {
    padding: 10px!important;
    margin-bottom: 8px!important;
  }
 #distributor-results-container .dist-card.default h4 {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
  }
 #distributor-results-container .dist-card.default h5 {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
  }
 #distributor-results-container .dist-card.default p {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0.6rem;
    margin: 0;
  }
  #distributor-results-container .dist-card.default .details .col-id{
    width: 50%!important;
    padding: 0px 3px!important;
  }
  #distributor-results-container .dist-card.default .details button.psph-dist-btn:nth-child(1){
    padding: 4px;
  }
  #distributor-results-container .dist-card.default .details button.psph-dist-btn img{
    width: 15px!important;
  }
  #distributor-results-container .dist-card.default .details button.psph-dist-btn span{
    line-height: inherit;
    font-size: 8px;
  }
  #distributor-results-container .dist-card.default .details .row.dist-social-btn{
    height: 70px;
    overflow: auto;
  }
  #distributor-results-container .dist-card.default .details .row.dist-social-btn::-webkit-scrollbar {
    display: none!important;
  }
}

@media (min-width: 768px) {
  #distributor-results-container .dist-card .psph-profile img.wl-logo {
    width: 110px;
    border: unset;
    border-radius: unset;
    object-fit: cover;
    margin: unset;
    position: absolute;
    top: 0;
    left: 10px;
  }
  #distributor-results-container .dist-card .psph-profile img.floating-img {
    width: 110px;
    border: unset;
    border-radius: unset;
    object-fit: cover;
    margin: unset;
    position: absolute;
    top: 0;
    right: 10px;
  }
  
  #distributor-results-container .dist-card.default {
    padding: 10px;
    border-radius: 15px!important;
    height: 285px;
    overflow: auto;
  }
 #distributor-results-container .dist-card.default .psph-profile img.wl-logo {
    width: 40px!important;
    top: 0!important;
    left: 0;
  }
 #distributor-results-container .dist-card.default .psph-profile img.floating-img{
    width: 40px!important;
    top: 0!important;
    right: 0;
  }
 #distributor-results-container .dist-card.default .psph-profile img:nth-child(2){
    width: 80px!important;
    height: 80px!important;
    border: 2px solid #ffb8dd!important;
    margin: 5px!important;
  }
  #distributor-results-container .dist-card.default .psph-profile {
    padding: 10px!important;
    margin-bottom: 8px!important;
  }
 #distributor-results-container .dist-card.default .psph-profile h4 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
  }
 #distributor-results-container .dist-card.default .psph-profile h5 {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
  }
 #distributor-results-container .dist-card.default .psph-profile p {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0.8rem;
    margin: 0;
  }
  #distributor-results-container .dist-card.default .details .qr-code img {
    width: 40px;
    margin-top: 0px!important;
  }
  .dist-card .details .qr-code {
    margin-bottom: 8px;
  }
  #distributor-results-container .dist-card.default .details .col-id{
    width: 50%!important;
    padding: 0px 3px!important;
  }
  #distributor-results-container .dist-card.default .details button.psph-dist-btn:nth-child(1){
    padding: 4px;
  }
  #distributor-results-container .dist-card.default .details button.psph-dist-btn img{
    width: 15px!important;
  }
  #distributor-results-container .dist-card.default .details button.psph-dist-btn span{
    line-height: inherit;
    font-size: 8px;
  }
  #distributor-results-container .dist-card.default .details .row.dist-social-btn{
    height: 70px;
    overflow: auto;
  }
}
@media (min-width: 1199px) {
  #distributor-results-container .dist-card .psph-profile img.wl-logo {
    width: 80px;
    border: unset;
    border-radius: unset;
    object-fit: cover;
    margin: unset;
    position: absolute;
    top: 0;
    left: 0;
  }
  #distributor-results-container .dist-card .psph-profile img.floating-img {
    width: 80px;
    border: unset;
    border-radius: unset;
    object-fit: cover;
    margin: unset;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (min-width: 1230px) {
  #distributor-results-container .dist-card.default {
    padding: 10px;
    border-radius: 15px!important;
    height: 285px;
    overflow: auto;
  }
 #distributor-results-container .dist-card.default .profile img.wl-logo {
    width: 55px!important;
    top: 0!important;
    left: 0;
  }
 #distributor-results-container .dist-card.default .profile img.floating-img{
    width: 55px!important;
    top: 0!important;
    right: 0;
  }
 #distributor-results-container .dist-card.default .profile img:nth-child(2){
    width: 90px!important;
    height: 90px!important;
    border: 2px solid #ffb8dd!important;
    margin: 5px!important;
  }
  #distributor-results-container .dist-card.default .profile {
    padding: 20px 10px 20px 10px!important;
    margin-bottom: 0px!important;
  }
 #distributor-results-container .dist-card.default .profile h4 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
  }
 #distributor-results-container .dist-card.default .profile h5 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
  }
 #distributor-results-container .dist-card.default .profile p {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0.8rem;
    margin: 0;
  }
 #distributor-results-container .dist-card.default .psph-profile img.wl-logo {
    width: 55px!important;
    top: 0!important;
    left: 0;
  }
 #distributor-results-container .dist-card.default .psph-profile img.floating-img{
    width: 55px!important;
    top: 0!important;
    right: 0;
  }
 #distributor-results-container .dist-card.default .psph-profile img:nth-child(2){
    width: 90px!important;
    height: 90px!important;
    border: 2px solid #ffb8dd!important;
    margin: 5px!important;
  }
  #distributor-results-container .dist-card.default .psph-profile {
    padding: 20px 10px 20px 10px!important;
    margin-bottom: 10px!important;
  }
 #distributor-results-container .dist-card.default .psph-profile h4 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
  }
 #distributor-results-container .dist-card.default .psph-profile h5 {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
  }
 #distributor-results-container .dist-card.default .psph-profile p {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 0.8rem;
    margin: 0;
  }
  #distributor-results-container .dist-card.default .details .qr-code img {
    width: 45px;
    margin-top: 0px!important;
  }
  #distributor-results-container .dist-card.default .details .qr-code span {
    font-size: 10px;
  }
  #distributor-results-container .dist-card.default .details .col-id{
    width: 50%!important;
    padding: 0px 3px!important;
  }
  #distributor-results-container .dist-card.default .details button.psph-dist-btn:nth-child(1){
    padding: 4px;
  }
  #distributor-results-container .dist-card.default .details button.psph-dist-btn img{
    width: 15px!important;
  }
  #distributor-results-container .dist-card.default .details button.psph-dist-btn span{
    line-height: inherit;
    font-size: 8px;
  }
  #distributor-results-container .dist-card.default .details .row.dist-social-btn{
    height: 70px;
    overflow: auto;
  }
}
@media (min-width: 1400px) {
  .dist-card .details .qr-code span {
    font-size: 10px;
    white-space: nowrap;
  }
  .details .col-id {
    width: 50%;
  }
}
/* 
---------------------------------------------
scroll style
--------------------------------------------- 
*/
::-webkit-scrollbar {
  display: none;
}

/* 
---------------------------------------------
team
--------------------------------------------- 
*/
.team-item {
  background: #ffffff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 25px;
}
.team-item:hover .team-content .team-info {
  margin-left: 30px;
}
.team-item i {
  display: block;
  margin-left: 25px;
  margin-top: 25px;
  font-size: 30px;
  color: #4E47DE;
  text-align: center;
}
.team-item .user-image {
  width: 60px;
  height: 60px;
  overflow: hidden;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-left: 25px;
  float: left;
}
.team-item .team-content {
  text-align: left;
  overflow: hidden;
}
.team-item .team-content .team-info {
  float: left;
  margin-left: 20px;
  margin-top: 8px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.team-item .team-content .team-info .user-name {
  display: block;
  font-weight: 400;
  font-size: 17px;
  color: #1e1e1e;
  letter-spacing: 0.25px;
  margin-bottom: 5px;
}
.team-item .team-content .team-info span {
  display: block;
  font-weight: 400;
  font-size: 15px;
  color: #ff589e;
  letter-spacing: 0.25px;
}
.team-item .team-content p {
  margin-top: 25px;
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 25px;
  font-weight: 400;
  font-size: 15px;
  color: #777777;
  letter-spacing: 0.6px;
  line-height: 26px;
}

/* 
---------------------------------------------
pricing
--------------------------------------------- 
*/
.pricing-item {
  background: #ffffff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  margin-bottom: 30px;
  margin-top: 20px;
  padding: 30px 0px 40px 0px;
}
.pricing-item .pricing-header {
  text-align: center;
  display: block;
  position: relative;
  padding-bottom: 10px;
}
.pricing-item .pricing-header .pricing-title {
  font-weight: 500;
  font-size: 17px;
  letter-spacing: 0.25px;
  color: #1e1e1e;
  width: 180px;
  height: 40px;
  line-height: 40px;
  left: 0px;
  right: 0px;
  margin: auto;
}
.pricing-item .pricing-body {
  margin-bottom: 40px;
}
.pricing-item .pricing-body .price-wrapper {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 13px;
  background: #8261ee;
  width: 80%;
  margin: auto;
  margin-bottom: 40px;
  margin-top: 5px;
  border-radius: 20px;
}
.pricing-item .pricing-body .price-wrapper .currency {
  height: 47px;
  font-weight: 500;
  font-size: 32px;
  color: #ffffff;
  position: relative;
  top: -1px;
}
.pricing-item .pricing-body .price-wrapper .price {
  font-weight: 500;
  font-size: 28px;
  color: #ffffff;
}
.pricing-item .pricing-body .price-wrapper .period {
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  display: block;
  letter-spacing: 0.88px;
}
.pricing-item .pricing-body .list li {
  text-align: center;
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 13px;
  color: #7a7a7a;
  letter-spacing: 0.25px;
  text-decoration: line-through;
}
.pricing-item .pricing-body .list li.active {
  color: #7a7a7a;
  text-decoration: none;
}
.pricing-item .pricing-footer {
  text-align: center;
  margin-top: 50px;
}

.pricing-item.active .pricing-header {
  position: relative;
}
.pricing-item.active .pricing-header .pricing-title {
  color: #1e1e1e;
}
.pricing-item.active .pricing-body .price-wrapper {
  background-color: #ff589e;
}
.pricing-item.active .pricing-body .price-wrapper .currency {
  color: #ffffff;
}
.pricing-item.active .pricing-body .price-wrapper .price {
  color: #ffffff;
}
.pricing-item.active .pricing-body .price-wrapper .period {
  color: #ffffff;
}

/* 
---------------------------------------------
blog
--------------------------------------------- 
*/
.blog-post-thumb {
  text-align: center;
  margin-bottom: 30px;
}
.blog-post-thumb .img {
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  height: 200px;
}
.blog-post-thumb .blog-content {
  margin-top: -30px;
  padding-top: 50px;
}
.blog-post-thumb h3 {
  margin-bottom: 20px !important;
}
.blog-post-thumb h3 a {
  font-weight: 500;
  font-size: 18px;
  color: #1e1e1e;
  letter-spacing: 0.25px;
  line-height: 26px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.blog-post-thumb h3 a:hover {
  color: #ff589e;
}
.blog-post-thumb .text {
  font-weight: 400;
  font-size: 13px;
  color: #777777;
  letter-spacing: 0.26px;
  line-height: 26px;
  margin-bottom: 15px;
}
.blog-post-thumb .post-footer span {
  float: left;
  height: 30px;
  line-height: 30px;
  font-weight: 300;
  font-size: 14px;
  color: #777777;
  padding-left: 30px;
}
.blog-post-thumb a.main-button {
  margin-top: 10px;
  display: inline-block;
}

.blog-post-thumb.big .img {
  height: 400px;
}

.blog-list .blog-post-thumb {
  text-align: left;
}

/* 
---------------------------------------------
contact
--------------------------------------------- 
*/
/*
#contact-us {
  padding: 160px 0px;
}*/
#contact-us h5 {
  font-weight: 500;
  font-size: 18px;
  color: #1e1e1e;
  letter-spacing: 0.25px;
  line-height: 26px;
}

.contact-text {
  font-weight: 400;
  font-size: 14px;
  color: #777777;
  letter-spacing: 0.6px;
  line-height: 26px;
}
.contact-text p {
  margin-bottom: 28px;
}

.contact-form input {
  color: #777777;
  font-size: 14px;
  border: 1px solid #eeeeee;
  width: 100%;
  height: 50px;
  outline: none;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 30px;
}
.contact-form textarea {
  color: #777777;
  font-size: 14px;
  border: 1px solid #eeeeee;
  width: 100%;
  height: 50px;
  outline: none;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 30px;
  height: 150px;
  resize: none;
  padding: 20px;
}
.contact-form select {
  color: #777777;
  font-size: 14px;
  border: 1px solid #eeeeee;
  width: 100%;
  height: 50px;
  outline: none;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 30px;
  background-image: url("../images/icon/chevron-down.png");
  background-repeat: no-repeat;
  background-position: right 2rem center;
  background-size: 1em;
}

.upload-file {
  border: 2px solid #ffb8dd;
  padding: 12px 0px;
  width: 100%;
  border-radius: 30px;
  text-align: center;
  color: #ffb8dd;
}
.upload-file:hover {
  background-color: #ffb8dd;
  color: #ffffff;
}

.user-information {
  display: none;
}

.user-information.active {
  display: block;
}

.contact-information {
  display: none;
}

.contact-information.active {
  display: block;
}

.sign-up.active {
  display: block;
}

.sign-up {
  display: none;
}

.signup-indicators {
  position: absolute;
  right: 0;
  bottom: 20px;
  left: 0;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.signup-indicators button {
  border: 3px solid #cccccc;
  background-color: #cccccc;
  margin: 3px;
  width: 100px;
  border-radius: 30px;
  transition: 0.35s ease-in-out;
}
.signup-indicators button.active {
  border: 3px solid #ffb8dd;
  background-color: #ffb8dd;
  margin: 3px;
  width: 100px;
  border-radius: 30px;
}

/* 
---------------------------------------------
footer
--------------------------------------------- 
*/
footer {
  background-color: #ffb8dd !important;
  padding-top: 30px;
}
footer .social {
  overflow: hidden;
  margin-top: 10px;
  text-align: center;
}
footer .social li {
  margin: 0px 10px;
  display: inline-block;
}
footer .social li a {
  color: #ff738c;
  text-align: center;
  background-color: #ffffff;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  display: inline-block;
  font-size: 16px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
footer .social li a:hover {
  background-color: #ff589e;
  color: #ffffff;
}
footer .copyright {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 0.88px;
  text-transform: uppercase;
}
footer .white-label-social {
  overflow: hidden;
  margin-top: 10px;
  text-align: center;
}
footer .white-label-social li {
  margin: 0px 10px;
  display: inline-block;
}
footer .white-label-social li a {
  color: #ffffff;
  text-align: center;
  background-color: #ffb8dd;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  display: inline-block;
  font-size: 16px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
footer .white-label-social li a svg {
  color: #ffffff;
}
footer .white-label-social li a:hover {
  background-color: #ff589e;
  color: #ffffff;
}
footer .white-label-copyright {
  text-align: center;
  border-top: 1px solid #ffb8dd;
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-weight: 400;
  font-size: 12px;
  color: #ffb8dd;
  letter-spacing: 0.88px;
  text-transform: uppercase;
}

.white-label-footer-link {
  color: #ffb8dd;
}
.white-label-footer-link:hover {
  color: #ff589e;
}

@media (max-width: 991px) {
  footer .text {
    margin-bottom: 30px;
  }
  footer h5 {
    margin-bottom: 15px;
  }
  footer .footer-nav {
    margin-bottom: 30px;
  }
}
/* 
---------------------------------------------
preloader
--------------------------------------------- 
*/
#preloader {
  overflow: hidden;
  background-image: linear-gradient(135deg, #a759d1 0%, #8261ee 100%);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  z-index: 9999;
  color: #ffffff;
}
#preloader .jumper {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  position: absolute;
  margin: auto;
  width: 50px;
  height: 50px;
}
#preloader .jumper > div {
  background-color: #ffffff;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  opacity: 0;
  width: 50px;
  height: 50px;
  -webkit-animation: jumper 1s 0s linear infinite;
  animation: jumper 1s 0s linear infinite;
}
#preloader .jumper > div:nth-child(2) {
  -webkit-animation-delay: 0.33333s;
  animation-delay: 0.33333s;
}
#preloader .jumper > div:nth-child(3) {
  -webkit-animation-delay: 0.66666s;
  animation-delay: 0.66666s;
}

@-webkit-keyframes jumper {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes jumper {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.text-center {
  text-align: -webkit-center;
}

.bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/work-process-bg1.svg");
}

.whitelabel-distributor-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/whitelabel-distributor-bg.svg");
}

.bg1 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/new-bg.svg");
}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #eeeeee;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #eeeeee;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #cccccc;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: none;
}

/* Fading animation */
.fade-pinko {
  -webkit-animation-name: fade-pinko;
  -webkit-animation-duration: 2s;
  animation-name: fade-pinko;
  animation-duration: 2s;
}

@-webkit-keyframes fade-pinko {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-pinko {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {
    font-size: 11px;
  }
}
/**/
.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
}
.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 30px;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 30px !important;
}

.card-header {
  background-color: #ffffff;
}

.btn-link {
  font-weight: 400;
  color: #ff738c !important;
  text-decoration: none;
}
.btn-link:hover {
  color: #ff738c;
  text-decoration: none;
}

.mtop10 {
  margin-top: 10px;
}

.padding-top150 {
  padding-top: 150px;
  padding-bottom: 0px;
}

.mtop-90 {
  margin-top: -90px;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: initial;
}

.carousel-nav-icon {
  height: 48px;
  width: 48px;
}

.carousel-item .col {
  margin: 8px;
  border-radius: 25px;
  height: 300px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.carousel-item .col-sm {
  margin: 8px;
  border-radius: 25px;
  height: 300px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.carousel-item .col-md {
  margin: 8px;
  border-radius: 25px;
  height: 300px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.untitled1 {
  position: absolute;
  height: 100%;
  width: 100%;
  animation: infinite 20s linear;
  animation-delay: 0.625s;
}

.untitled__shutters1 {
  position: absolute;
  height: 150vmax;
  width: 150vmax;
  left: calc(50% - 75vmax);
  top: calc(50% - 75vmax);
  pointer-events: none;
  z-index: 2;
  animation: rotateFrame 10s linear infinite;
}

@keyframes rotateFrame1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.untitled__shutters1:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 70%;
  transform: translate3d(-50%, 0, 0);
  background-color: #ff738c;
  pointer-events: auto;
  bottom: 50%;
  animation: openTop1 5s infinite;
}
.untitled__shutters1:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 70%;
  transform: translate3d(-50%, 0, 0);
  background-color: #ff738c;
  pointer-events: auto;
}

@keyframes openTop1 {
  0% {
    transform: translate3d(-50%, 0, 0);
    animation-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
  }
  40% {
    transform: translate3d(-50%, -65vmax, 0);
    animation-timing-functon: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  70% {
    transform: translate3d(-50%, -65vmax, 0);
    animation-timing-functon: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
}
.untitled__shutters1:after {
  top: 50%;
  animation: openBottom1 5s infinite;
}

@keyframes openBottom1 {
  0% {
    transform: translate3d(-50%, 0, 0);
    animation-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
  }
  40% {
    transform: translate3d(-50%, 65vmax, 0);
    animation-timing-functon: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  70% {
    transform: translate3d(-50%, 65vmax, 0);
    animation-timing-functon: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
}
.untitled__slides1 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #ff738c;
}

.untitled__slide1 {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  animation: showHideSlide1 infinite 20s steps(1);
}

@keyframes showHideSlide1 {
  0% {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
  }
  25% {
    opacity: 0;
    pointer-events: none;
    z-index: -1;
  }
  100% {
    opacity: 0;
    pointer-events: none;
    z-index: -1;
  }
}
.untitled__slide1:nth-child(1) {
  animation-delay: 0s;
}
.untitled__slide1:nth-child(1) .untitled__slideBg1 {
  background-image: url("../images/banner-bg.png");
}
.untitled__slide1:nth-child(2) {
  animation-delay: 5s;
}
.untitled__slide1:nth-child(2) .untitled__slideBg1 {
  background-image: url("../images/banner-bg1.png");
}
.untitled__slide1:nth-child(3) {
  animation-delay: 10s;
}
.untitled__slide1:nth-child(3) .untitled__slideBg1 {
  background-image: url("../images/banner-bg2.jpg");
}
.untitled__slide1:nth-child(4) {
  animation-delay: 15s;
}
.untitled__slide1:nth-child(4) .untitled__slideBg1 {
  background-image: url("../images/banner-bg3.jpg");
}

.untitled__slideBg1 {
  position: relative;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-color: #ff738c;
  opacity: 1;
  z-index: -1;
  animation: bgInOut1 5s infinite;
}

@keyframes bgInOut1 {
  0% {
    transform: rotate(-45deg) scale(1.1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  33% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0deg);
  }
  66% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  }
  100% {
    transform: rotate(45deg) scale(0.9);
  }
}
/**/
.untitled__slideContent1 {
  position: absolute;
  top: 50%;
  left: 70%;
  transform: translate3d(-50%, -50%, 0);
  color: #ffffff;
  font-family: "Abril Fatface", sans-serif;
  line-height: 0.8;
  letter-spacing: -0.025em;
  z-index: 2;
  opacity: 1;
  text-shadow: 0 0 0.5em rgba(179, 64, 26, 0.25);
}
.untitled__slideContent1 span {
  display: block;
  font-size: 15vmin;
}

.untitled {
  position: absolute;
  height: 100%;
  width: 100%;
  animation: infinite 20s linear;
  animation-delay: 0.625s;
}

.untitled__shutters {
  position: absolute;
  height: 150vmax;
  width: 150vmax;
  left: calc(50% - 75vmax);
  top: calc(50% - 75vmax);
  pointer-events: none;
  z-index: 2;
  animation: rotateFrame 10s linear infinite;
}

.untitled__shutters_wl {
  position: absolute;
  height: 150vmax;
  width: 150vmax;
  left: calc(50% - 75vmax);
  top: calc(50% - 75vmax);
  pointer-events: none;
  z-index: 2;
  animation: rotateFrame 10s linear infinite;
}

@keyframes rotateFrame {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.untitled__shutters:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 70%;
  transform: translate3d(-50%, 0, 0);
  background-color: #ff738c;
  pointer-events: auto;
  bottom: 50%;
  animation: openTop 5s infinite;
}
.untitled__shutters:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 70%;
  transform: translate3d(-50%, 0, 0);
  background-color: #ff738c;
  pointer-events: auto;
}

.untitled__shutters_wl:before {
  bottom: 50%;
  animation: openTop 5s infinite;
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 70%;
  transform: translate3d(-50%, 0, 0);
  background-color: #ffb8dd;
  pointer-events: auto;
  bottom: 50%;
  animation: openTop 5s infinite;
}
.untitled__shutters_wl:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 70%;
  transform: translate3d(-50%, 0, 0);
  background-color: #ffb8dd;
  pointer-events: auto;
}

@keyframes openTop {
  0% {
    transform: translate3d(-50%, 0, 0);
    animation-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
  }
  40% {
    transform: translate3d(-50%, -65vmax, 0);
    animation-timing-functon: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  70% {
    transform: translate3d(-50%, -65vmax, 0);
    animation-timing-functon: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
}
.untitled__shutters:after {
  top: 50%;
  animation: openBottom 5s infinite;
}

.untitled__shutters_wl:after {
  top: 50%;
  animation: openBottom 5s infinite;
}

@keyframes openBottom {
  0% {
    transform: translate3d(-50%, 0, 0);
    animation-timing-function: cubic-bezier(0.8, 0, 0.1, 1);
  }
  40% {
    transform: translate3d(-50%, 65vmax, 0);
    animation-timing-functon: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  70% {
    transform: translate3d(-50%, 65vmax, 0);
    animation-timing-functon: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
    animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
}
.untitled__slides {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #ff738c;
}

.untitled__slide {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  animation: showHideSlide infinite 20s steps(1);
}

@keyframes showHideSlide {
  0% {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
  }
  25% {
    opacity: 0;
    pointer-events: none;
    z-index: -1;
  }
  100% {
    opacity: 0;
    pointer-events: none;
    z-index: -1;
  }
}
.untitled__slide:nth-child(1) {
  animation-delay: 0s;
}
.untitled__slide:nth-child(1) .untitled__slideBg {
  background-image: url("../images/banner-bg2.jpg");
}
.untitled__slide:nth-child(1) .untitled__slide_Bg {
  background-image: url("../images/wl-banner-bg.png");
}

@media only screen and (max-width: 1024px) {
  .untitled__slide:nth-child(1) .untitled__slideBg {
    background-image: url("../images/banner-tablet-2.jpg");
  }
  .untitled__slide:nth-child(1) .untitled__slide_Bg {
    background-image: url("../images/wl-banner-bg1-tablet.png");
  }
  .untitled__slide:nth-child(2) .untitled__slideBg {
    background-image: url("../images/banner-tablet.jpg");
  }
  .untitled__slide:nth-child(2) .untitled__slide_Bg {
    background-image: url("../images/wl-banner-bg2-tablet.png");
  }
  .untitled__slide:nth-child(3) .untitled__slideBg {
    background-image: url("../images/banner-tablet-3.jpg");
  }
  .untitled__slide:nth-child(3) .untitled__slide_Bg {
    background-image: url("../images/wl-banner-bg3-table.png");
  }
  .untitled__slide:nth-child(4) .untitled__slideBg {
    background-image: url("../images/banner-tablet-1.jpg");
    background-image: url("../images/wl-banner-bg4-tablet.png");
  }
}
@media only screen and (max-width: 625px) {
  .untitled__slide:nth-child(1) .untitled__slideBg {
    background-image: url("../images/banner-mobile-2.jpg");
  }
  .untitled__slide:nth-child(1) .untitled__slide_Bg {
    background-image: url("../images/wl-banner-bg1-mobile.png");
  }
  .untitled__slide:nth-child(2) .untitled__slideBg {
    background-image: url("../images/banner-mobile.jpg");
  }
  .untitled__slide:nth-child(2) .untitled__slide_Bg {
    background-image: url("../images/wl-banner-bg2-mobile.png");
  }
  .untitled__slide:nth-child(3) .untitled__slideBg {
    background-image: url("../images/banner-mobile-3.jpg");
  }
  .untitled__slide:nth-child(3) .untitled__slide_Bg {
    background-image: url("../images/wl-banner-bg3-mobile.png");
  }
  .untitled__slide:nth-child(4) .untitled__slideBg {
    background-image: url("../images/banner-mobile-1.jpg");
    background-image: url("../images/wl-banner-bg4-mobile.png");
  }
}
.untitled__slide:nth-child(2) {
  animation-delay: 5s;
}
.untitled__slide:nth-child(2) .untitled__slideBg {
  background-image: url("../images/banner-bg.jpg");
}
.untitled__slide:nth-child(2) .untitled__slide_Bg {
  background-image: url("../images/wl-banner-bg2-web.png");
}
.untitled__slide:nth-child(3) {
  animation-delay: 10s;
}
.untitled__slide:nth-child(3) .untitled__slideBg {
  background-image: url("../images/banner-bg3.jpg");
}
.untitled__slide:nth-child(3) .untitled__slide_Bg {
  background-image: url("../images/wl-banner-bg3-web.png");
}
.untitled__slide:nth-child(4) {
  animation-delay: 15s;
}
.untitled__slide:nth-child(4) .untitled__slideBg {
  background-image: url("../images/banner-bg1.jpg");
  background-image: url("../images/wl-banner-bg4-web.png");
}

.untitled__slideBg {
  position: relative;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-color: #ff738c;
  opacity: 1;
  z-index: -1;
  animation: bgInOut 5s infinite;
}

@keyframes bgInOut {
  0% {
    transform: rotate(-45deg) scale(1.1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  33% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0deg);
  }
  66% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  }
  100% {
    transform: rotate(45deg) scale(0.9);
  }
}
.untitled__slide_Bg {
  position: relative;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-color: #ffb8dd;
  opacity: 1;
  z-index: -1;
  animation: bgInOut 5s infinite;
}

@keyframes bgInOut {
  0% {
    transform: rotate(-45deg) scale(1.1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  33% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(0deg);
  }
  66% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  }
  100% {
    transform: rotate(45deg) scale(0.9);
  }
}
.untitled__slideContent {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: #ffffff;
  font-family: "Abril Fatface", sans-serif;
  line-height: 0.8;
  letter-spacing: -0.025em;
  z-index: 2;
  text-align: -webkit-center;
  opacity: 1;
  text-shadow: 0 0 0.5em rgba(179, 64, 26, 0.25);
}

/*media*/
@media only screen and (min-width: 768px) {
  .untitled__slideContent {
    position: absolute;
    top: 40%;
    left: 70%;
    transform: translate3d(-50%, -50%, 0);
    color: #ffffff;
    font-family: "Abril Fatface", sans-serif;
    line-height: 0.8;
    letter-spacing: -0.025em;
    z-index: 2;
    opacity: 1;
    text-align: -webkit-center;
    text-shadow: 0 0 0.5em rgba(179, 64, 26, 0.25);
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
  .centerimg {
    background-position: left -235px bottom;
  }
  .untitled__slideContent span {
    display: block;
    margin-top: 25px;
    font-size: 14.5vmin !important;
  }
}
.untitled__slideContent span {
  display: block;
  margin-top: 25px;
  font-size: 12.5vmin;
}
.untitled__slideContent p {
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 24.1px;
  line-height: 35px;
}

.button {
  font-family: "Roboto Mono", sans-serif;
  text-decoration: none;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 2vmin;
  display: inline-block;
  position: relative;
  border: 3px solid #ffffff;
  box-shadow: -0.5vmin 0.5vmin 0 rgba(255, 255, 255, 0.5);
  background: transparent;
  margin-top: 5vmin;
  color: #ffffff;
  padding: 2vmin 2vmin 1.8vmin 2vmin;
  letter-spacing: 0.1em;
  text-shadow: none;
  line-height: 1;
  transform: translate3d(0.5vmin, -0.5vmin, 0);
  transition: all 100ms linear;
}
.button:hover {
  transform: translate3d(1vmin, -1vmin, 0);
  box-shadow: -1vmin 1vmin 0 rgba(255, 255, 255, 0.5);
  background: #ffffff;
  color: black;
}
.button:active {
  transform: translate3d(0px, 0px, 0);
  box-shadow: 0px 0px 0 rgba(255, 255, 255, 0.5);
}

.stat {
  background-image: url("../images/work-process-bg.png");
  padding-top: 20px;
  padding-bottom: 40px;
  color: #ffffff;
  background-attachment: fixed;
  background-size: cover;
}
.stat i {
  font-size: 50px;
}
.stat p {
  font-weight: 600;
  letter-spacing: 1px;
}

.stat-items h2 {
  font-size: 42px;
  color: #ffffff;
}

.design {
  display: block !important;
  background: #ffffff !important;
  padding: 20px !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08) !important;
  margin-bottom: 30px !important;
  position: relative !important;
  -webkit-transition: all 0.3s ease 0s !important;
  -moz-transition: all 0.3s ease 0s !important;
  -o-transition: all 0.3s ease 0s !important;
  transition: all 0.3s ease 0s !important;
  text-align: center !important;
}

.tabs {
  display: block;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  overflow: hidden;
}
.tabs [class^=tab] label {
  color: black;
  cursor: pointer;
  display: block;
  padding: 2rem 0;
  text-align: center;
}
.tabs [class^=tab] [type=radio] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tabs [class^=tab] [type=radio]:hover {
  border-bottom: 1px solid #ff738c;
}
.tabs [class^=tab] [type=radio]:focus {
  border-bottom: 1px solid #ff738c;
}
.tabs [class^=tab] [type=radio]:checked {
  border-bottom: 1px solid #ff738c;
}
.tabs [class^=tab] [type=radio]:checked + div {
  opacity: 1;
}
.tabs [class^=tab] [type=radio] + div {
  display: block;
  opacity: 0;
  padding: 2rem 0;
  width: 90%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tabs [class*=tab] label {
  color: black;
  cursor: pointer;
  display: block;
  padding: 2rem 0;
  text-align: center;
}
.tabs [class*=tab] [type=radio] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tabs [class*=tab] [type=radio]:hover {
  border-bottom: 1px solid #ff738c;
}
.tabs [class*=tab] [type=radio]:focus {
  border-bottom: 1px solid #ff738c;
}
.tabs [class*=tab] [type=radio]:checked {
  border-bottom: 1px solid #ff738c;
}
.tabs [class*=tab] [type=radio]:checked + div {
  opacity: 1;
}
.tabs [class*=tab] [type=radio] + div {
  display: block;
  opacity: 0;
  padding: 2rem 0;
  width: 90%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tabs .tab-2 {
  width: 50%;
}
.tabs .tab-2 [type=radio] + div {
  width: 200%;
  margin-left: 200%;
}
.tabs .tab-2 [type=radio]:checked + div {
  margin-left: 0;
}
.tabs .tab-2:last-child [type=radio] + div {
  margin-left: 100%;
}
.tabs .tab-2:last-child [type=radio]:checked + div {
  margin-left: -100%;
}

.tabimg {
  width: 100%;
  height: auto;
  width: 659.31;
}

.tabimg2 {
  width: 75%;
  border-radius: 25px;
}

.m-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.w-80 {
  width: 80%;
}

/*breakpoints */
/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 320px) and (max-width: 374px) {
  .qr-id {
    bottom: 263px;
    right: 10px;
    position: absolute;
    width: 61px;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 375px) {
  .qr-id {
    bottom: 239px;
    right: 12px;
    position: absolute;
    width: 72px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 425px) {
  .qr-id {
    bottom: 218px;
    right: 13px;
    position: absolute;
    width: 80px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 444px) {
  .qr-id {
    bottom: 212px;
    right: 15px;
    position: absolute;
    width: 80px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 450px) {
  .qr-id {
    bottom: 212px;
    right: 15px;
    position: absolute;
    width: 80px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 459px) {
  .qr-id {
    bottom: 198px;
    right: 15px;
    position: absolute;
    width: 88px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 480px) {
  .qr-id {
    bottom: 204px;
    right: 15px;
    position: absolute;
    width: 88px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 500px) {
  .qr-id {
    bottom: 187px;
    right: 16px;
    position: absolute;
    width: 95px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 535px) {
  .qr-id {
    bottom: 159px;
    right: 16px;
    position: absolute;
    width: 110px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 570px) {
  .qr-id {
    bottom: 158px;
    right: 18px;
    position: absolute;
    width: 106px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 576px) {
  .qr-id {
    bottom: 169px;
    right: 16px;
    position: absolute;
    width: 103px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 700px) and (max-width: 767px) {
  .qr-id {
    bottom: 169px;
    right: 16px;
    position: absolute;
    width: 103px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 768px) {
  .qr-id {
    bottom: 95px;
    right: 20px;
    position: absolute;
    width: 139px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 990px) {
  .qr-id {
    bottom: 93px;
    right: 21px;
    position: absolute;
    width: 138px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 991px) {
  .qr-id {
    bottom: 93px;
    right: 21px;
    position: absolute;
    width: 138px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 992px) {
  .qr-id {
    bottom: 128px;
    right: 19px;
    position: absolute;
    width: 121px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1000px) {
  .qr-id {
    bottom: 125px;
    right: 19px;
    position: absolute;
    width: 123px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1024px) {
  .qr-id {
    bottom: 128px;
    right: 19px;
    position: absolute;
    width: 121px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .qr-id {
    bottom: 59px;
    right: 23px;
    position: absolute;
    width: 153px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1440px) {
  .qr-id {
    bottom: 59px;
    right: 25px;
    position: absolute;
    width: 153px;
  }
}
/*image*/
.circle-image {
  border: 15px white solid;
  width: 50px;
  border-radius: 999px;
}

.image-id {
  position: absolute;
  width: 242.3px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 320px) and (max-width: 374px) {
  .image-id {
    width: 127.3px;
    height: 127.3px;
    border: 10px white solid;
    object-fit: cover;
    transform: translate(3%, -18%);
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 375px) {
  .image-id {
    width: 153.3px;
    height: 153.3px;
    object-fit: cover;
    transform: translate(3%, -16%);
    border: 9.99px white solid;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 425px) {
  .image-id {
    width: 168.3px;
    height: 168.3px;
    object-fit: cover;
    border: 10px white solid;
    transform: translate(2%, -19%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 426px) {
  .image-id {
    width: 178.3px;
    height: 178.3px;
    object-fit: cover;
    transform: translate(3%, -20%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 444px) {
  .image-id {
    width: 181.3px;
    height: 181.3px;
    object-fit: cover;
    transform: translate(2%, -20%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 459px) {
  .image-id {
    width: 192.3px;
    height: 192.3px;
    object-fit: cover;
    transform: translate(3%, -22%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 488px) {
  .image-id {
    width: 194.3px;
    height: 193.3px;
    object-fit: cover;
    transform: translate(3%, -24%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 500px) {
  .image-id {
    width: 202.3px;
    height: 202.3px;
    object-fit: cover;
    transform: translate(3%, -20%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 535px) {
  .image-id {
    width: 213.3px;
    height: 213.3px;
    object-fit: cover;
    transform: translate(3%, -23%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 570px) {
  .image-id {
    width: 228.3px;
    height: 228.3px;
    object-fit: cover;
    transform: translate(3%, -20%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 574px) {
  .image-id {
    width: 233.3px;
    height: 233.3px;
    object-fit: cover;
    transform: translate(3%, -20%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 576px) {
  .image-id {
    width: 218.3px;
    height: 218.3px;
    object-fit: cover;
    transform: translate(2%, -20%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 700px) and (max-width: 767px) {
  .image-id {
    width: 218.3px;
    height: 218.3px;
    object-fit: cover;
    transform: translate(2%, -20%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 768px) {
  .image-id {
    width: 296.3px;
    height: 296.3px;
    object-fit: cover;
    transform: translate(3%, -19%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 990px) {
  .image-id {
    width: 291.3px;
    height: 291.3px;
    object-fit: cover;
    transform: translate(3%, -20%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 991px) {
  .image-id {
    width: 291.3px;
    height: 291.3px;
    object-fit: cover;
    transform: translate(3%, -19%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .image-id {
    width: 263.3px;
    height: 263.3px;
    object-fit: cover;
    transform: translate(3%, -19%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1000px) {
  .image-id {
    width: 259.3px;
    height: 259.3px;
    object-fit: cover;
    transform: translate(3%, -19%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1024px) {
  .image-id {
    width: 266.3px;
    height: 266.3px;
    object-fit: cover;
    transform: translate(3%, -20%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .image-id {
    width: 326.3px;
    height: 326.3px;
    object-fit: cover;
    transform: translate(3%, -20%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1440px) {
  .image-id {
    width: 327.3px;
    height: 327.3px;
    object-fit: cover;
    transform: translate(3%, -22%);
  }
}
/*name*/
@font-face {
  font-family: "bayland";
  src: url("../images/id/BAYLAND.ttf");
}
.bay-script {
  font-family: "bayland" !important;
  font-size: 49.5px;
  color: #f7857c;
}

.name-id {
  position: absolute;
  font-size: 49.5px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 320px) and (max-width: 374px) {
  .name-id {
    font-size: 26px;
    bottom: 369px;
    position: absolute;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 375px) {
  .name-id {
    font-size: 30.5px;
    transform: translate(0%, 206%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 425px) {
  .name-id {
    font-size: 34.5px;
    transform: translate(-0.3%, 200%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 426px) {
  .name-id {
    font-size: 35.5px;
    transform: translate(0%, 193%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 444px) {
  .name-id {
    font-size: 36.5px;
    transform: translate(0%, 190%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 459px) {
  .name-id {
    font-size: 38.5px;
    transform: translate(0%, 189%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 500px) {
  .name-id {
    transform: translate(0%, 182%);
    font-size: 44px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 535px) {
  .name-id {
    transform: translate(0%, 184%);
    font-size: 45px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 570px) {
  .name-id {
    transform: translate(0%, 189%);
    font-size: 46.5px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 574px) {
  .name-id {
    transform: translate(0%, 187%);
    font-size: 46.5px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 576px) {
  .name-id {
    transform: translate(0%, 194%);
    font-size: 43.5px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 700px) and (max-width: 767px) {
  .name-id {
    transform: translate(0%, 194%);
    font-size: 43.5px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 768px) {
  .name-id {
    transform: translate(0%, 200%);
    font-size: 58px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 990px) {
  .name-id {
    transform: translate(0%, 197%);
    font-size: 58.5px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 991px) {
  .name-id {
    transform: translate(0%, 197%);
    font-size: 58.5px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 992px) {
  .name-id {
    transform: translate(0%, 199%);
    font-size: 51.5px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1000px) {
  .name-id {
    transform: translate(0.1%, 200%);
    font-size: 51.5px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1024px) {
  .name-id {
    transform: translate(-0.9%, 199%);
    font-size: 51.5px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .name-id {
    font-size: 65.5px;
    transform: translate(0%, 193%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1440px) {
  .name-id {
    font-size: 65.5px;
    transform: translate(0%, 195%);
  }
}
.mtop {
  align-items: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  width: 100%;
}

.bg-id {
  background-image: url("../images/id/testid.png");
  max-width: 800px;
  max-height: 800px;
  width: 800px;
  height: 800px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 425px) {
  .bg-id {
    margin-top: -220px;
    margin-bottom: -220px;
  }
}
/*name*/
@font-face {
  font-family: "nunito";
  src: url("../images/id/Nunito-SemiBold.ttf");
}
@font-face {
  font-family: "nunito-bold";
  src: url("../images/id/Nunito-ExtraBold.ttf");
}
.nunito {
  font-family: "nunito" !important;
  font-size: 49.5px;
  color: #f7857c;
}

.nunito-bold {
  font-family: "nunito-bold" !important;
}

* {
  font-family: "nunito";
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 320px) and (max-width: 374px) {
  .ps-id {
    font-size: 21.5px;
    transform: translate(1%, 164%);
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 375px) {
  .ps-id {
    font-size: 25px;
    transform: translate(1%, -247%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 425px) {
  .ps-id {
    font-size: 29px;
    transform: translate(1%, -357%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 426px) {
  .ps-id {
    font-size: 29.5px;
    transform: translate(1%, -348%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 444px) {
  .ps-id {
    font-size: 30.5px;
    transform: translate(1%, -380%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 459px) {
  .ps-id {
    font-size: 31.5px;
    transform: translate(1%, -380%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 500px) {
  .ps-id {
    font-size: 33.5px;
    transform: translate(1%, -449%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 535px) {
  .ps-id {
    font-size: 38.5px;
    transform: translate(1%, -452%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 570px) {
  .ps-id {
    font-size: 38.5px;
    transform: translate(1%, -410%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 574px) {
  .ps-id {
    font-size: 38.5px;
    padding-left: 1px;
    transform: translate(1%, -375%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 576px) {
  .ps-id {
    font-size: 36px;
    transform: translate(1%, -371%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 700px) and (max-width: 767px) {
  .ps-id {
    font-size: 36px;
    transform: translate(1%, -371%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 768px) {
  .ps-id {
    font-size: 49px;
    transform: translate(1%, -59%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 990px) {
  .ps-id {
    font-size: 48.5px;
    transform: translate(1%, 72%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 991px) {
  .ps-id {
    font-size: 48.5px;
    transform: translate(1%, 72%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 992px) {
  .ps-id {
    font-size: 43.5px;
    transform: translate(1.25%, 65%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1000px) {
  .ps-id {
    font-size: 43px;
    transform: translate(1%, 71%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1024px) {
  .ps-id {
    font-size: 44px;
    transform: translate(1%, 82%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .ps-id {
    font-size: 54px;
    transform: translate(-4%, 1%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1440px) {
  .ps-id {
    font-size: 54px;
    transform: translate(4.5%, 0%);
  }
}
.dist-id {
  text-transform: uppercase;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 320px) and (max-width: 374px) {
  .dist-id {
    font-size: 8.5px;
    transform: translate(1%, 420%);
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 375px) {
  .dist-id {
    font-size: 10px;
    transform: translate(1%, -636%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 425px) {
  .dist-id {
    font-size: 12px;
    transform: translate(1%, -879%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 426px) {
  .dist-id {
    font-size: 11.7px;
    transform: translate(1%, -933%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 444px) {
  .dist-id {
    font-size: 13px;
    transform: translate(1%, -920%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 459px) {
  .dist-id {
    font-size: 13px;
    transform: translate(1%, -952%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 500px) {
  .dist-id {
    font-size: 13.5px;
    transform: translate(1%, -1149%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 535px) {
  .dist-id {
    font-size: 15.5px;
    transform: translate(1%, -1165%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 570px) {
  .dist-id {
    font-size: 15.5px;
    transform: translate(1%, -1053%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 574px) {
  .dist-id {
    font-size: 15.6px;
    transform: translate(1%, -973%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 576px) {
  .dist-id {
    font-size: 14.6px;
    transform: translate(1%, -988%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 700px) and (max-width: 767px) {
  .dist-id {
    font-size: 14.6px;
    transform: translate(1%, -988%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 768px) {
  .dist-id {
    font-size: 19.5px;
    transform: translate(1%, -178%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 990px) {
  .dist-id {
    font-size: 19.5px;
    transform: translate(1%, 147%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 991px) {
  .dist-id {
    font-size: 19.5px;
    transform: translate(1%, 147%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .dist-id {
    font-size: 17.5px;
    transform: translate(1%, 133%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 1000px) {
  .dist-id {
    font-size: 17.3px;
    transform: translate(0.7%, 153%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1024px) {
  .dist-id {
    font-size: 17px;
    transform: translate(0.6%, 182%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .dist-id {
    font-size: 22px;
    transform: translate(-3.4%, -26%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1440px) {
  .dist-id {
    font-size: 21.5px;
    transform: translate(4.4%, -32%);
  }
}
.det1-id {
  text-transform: uppercase;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 320px) and (max-width: 374px) {
  .det1-id {
    font-size: 11.5px;
    transform: translate(1%, -1%);
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 375px) {
  .det1-id {
    font-size: 12px;
    transform: translate(0%, 12%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 425px) {
  .det1-id {
    font-size: 14.6px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 444px) {
  .det1-id {
    font-size: 14.6px;
    transform: translate(0%, -5%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 450px) {
  .det1-id {
    font-size: 14.6px;
    transform: translate(0%, -5%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 500px) {
  .det1-id {
    font-size: 15.6px;
    transform: translate(0%, -22%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 535px) {
  .det1-id {
    font-size: 17.6px;
    transform: translate(0%, -5%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 570px) {
  .det1-id {
    font-size: 17.6px;
    transform: translate(1%, -82%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 574px) {
  .det1-id {
    font-size: 17.6px;
    transform: translate(0%, -90%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 576px) {
  .det1-id {
    font-size: 17.6px;
    transform: translate(0%, -36%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 700px) and (min-width: 767px) {
  .det1-id {
    font-size: 17.6px;
    transform: translate(0%, -36%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 768px) {
  .det1-id {
    font-size: 24px;
    transform: translate(0%, 33%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 990px) {
  .det1-id {
    font-size: 24px;
    transform: translate(0%, 4%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 991px) {
  .det1-id {
    font-size: 24px;
    transform: translate(0%, 4%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 992px) {
  .det1-id {
    font-size: 21px;
    transform: translate(0%, -55%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1024px) {
  .det1-id {
    font-size: 21px;
    transform: translate(0%, -55%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .det1-id {
    font-size: 26px;
    transform: translate(0%, 36%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1440px) {
  .det1-id {
    font-size: 26px;
    transform: translate(0%, 36%);
  }
}
/*det2*/
.det2-id {
  text-transform: uppercase;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 320px) and (max-width: 374px) {
  .det2-id {
    font-size: 11.5px;
    transform: translate(-1%, 51%);
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 375px) {
  .det2-id {
    font-size: 12px;
    transform: translate(-1%, 88%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 425px) {
  .det2-id {
    font-size: 14.6px;
    transform: translate(-1%, 73%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 444px) {
  .det2-id {
    font-size: 14.6px;
    transform: translate(-1%, 79%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 450px) {
  .det2-id {
    font-size: 14.6px;
    transform: translate(-1%, 77%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 500px) {
  .det2-id {
    font-size: 15.6px;
    transform: translate(-1%, 48%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 570px) {
  .det2-id {
    font-size: 17.6px;
    transform: translate(0%, 2%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 574px) {
  .det2-id {
    font-size: 17.6px;
    transform: translate(-1%, -5%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 576px) {
  .det2-id {
    font-size: 17.6px;
    transform: translate(-1%, 37%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 700px) and (min-width: 767px) {
  .det2-id {
    font-size: 17.6px;
    transform: translate(-1%, 37%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 768px) {
  .det2-id {
    font-size: 24px;
    transform: translate(-1%, 86%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 990px) {
  .det2-id {
    font-size: 24px;
    transform: translate(-1%, 60%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 991px) {
  .det2-id {
    font-size: 24px;
    transform: translate(-1%, 73%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 992px) {
  .det2-id {
    font-size: 21px;
    transform: translate(-1%, 10%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1000px) {
  .det2-id {
    font-size: 21px;
    transform: translate(-1%, 10%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1024px) {
  .det2-id {
    font-size: 21px;
    transform: translate(-1%, 10%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .det2-id {
    font-size: 26px;
    transform: translate(-1%, 90%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1440px) {
  .det2-id {
    font-size: 26px;
    transform: translate(0%, 90%);
  }
}
/*det3*/
.det3-id {
  text-transform: uppercase;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 320px) and (max-width: 374px) {
  .det3-id {
    font-size: 11.5px;
    transform: translate(-1%, 81%);
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 375px) {
  .det3-id {
    font-size: 12px;
    transform: translate(-1%, 132%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 425px) {
  .det3-id {
    font-size: 13.6px;
    transform: translate(-2%, 125%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 444px) {
  .det3-id {
    font-size: 13.6px;
    transform: translate(-2%, 135%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 450px) {
  .det3-id {
    font-size: 13.6px;
    transform: translate(-2%, 137%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 459px) {
  .det3-id {
    font-size: 13.6px;
    transform: translate(-2%, 150%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 500px) {
  .det3-id {
    font-size: 15.6px;
    transform: translate(-1%, 100%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 570px) {
  .det3-id {
    font-size: 17.6px;
    transform: translate(0%, 49%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 574px) {
  .det3-id {
    font-size: 17.6px;
    transform: translate(-1%, 51%);
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 576px) {
  .det3-id {
    font-size: 17.6px;
    transform: translate(-1%, 84%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 700px) and (max-width: 767px) {
  .det3-id {
    font-size: 17.6px;
    transform: translate(-1%, 84%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 768px) {
  .det3-id {
    font-size: 24px;
    transform: translate(-1%, 144%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 990px) {
  .det3-id {
    font-size: 24px;
    transform: translate(-1%, 114%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 991px) {
  .det3-id {
    font-size: 24px;
    transform: translate(-1%, 114%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 992px) {
  .det3-id {
    font-size: 21px;
    transform: translate(-1%, 66%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1000px) {
  .det3-id {
    font-size: 21px;
    transform: translate(-1%, 63%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1024px) {
  .det3-id {
    font-size: 21px;
    transform: translate(-1%, 69%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .det3-id {
    font-size: 26px;
    transform: translate(-1%, 147%);
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1440px) {
  .det3-id {
    font-size: 26px;
    transform: translate(0%, 151%);
  }
}
/*.row-id{
 transform: translate(0%, 279%);
}*/
.row-id {
  transform: translate(0%, 54%);
}

.row2-id {
  transform: translate(0%, 54%);
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 320px) and (max-width: 374px) {
  .row-id {
    transform: translate(0%, 54%);
  }
  .row2-id {
    transform: translate(0%, 170%);
  }
  .small-id {
    font-size: 6.5px;
    text-transform: uppercase;
    position: absolute;
    bottom: 249px;
    right: 10px;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 375px) {
  .row-id {
    transform: translate(0%, 346%);
  }
  .row2-id {
    transform: translate(0%, 160%);
  }
  .small-id {
    font-size: 7.8px;
    position: absolute;
    bottom: 223px;
    right: 12px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 425px) {
  .row-id {
    transform: translate(0%, 415%);
  }
  .row2-id {
    transform: translate(0%, 159%);
  }
  .small-id {
    font-size: 8.8px;
    position: absolute;
    bottom: 200px;
    right: 12px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 426px) {
  .row-id {
    transform: translate(0%, 415%);
  }
  .row2-id {
    transform: translate(0%, 159%);
  }
  .small-id {
    font-size: 8.8px;
    position: absolute;
    bottom: 200px;
    right: 12px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 435px) {
  .row-id {
    transform: translate(0%, 415%);
  }
  .row2-id {
    transform: translate(0%, 163%);
  }
  .small-id {
    font-size: 8.8px;
    position: absolute;
    bottom: 200px;
    right: 12px;
  }
}
@media only screen and (min-width: 444px) {
  .row-id {
    transform: translate(0%, 432%);
  }
  .row2-id {
    transform: translate(0%, 171%);
  }
  .small-id {
    font-size: 8.8px;
    position: absolute;
    bottom: 192px;
    right: 12px;
  }
}
@media only screen and (min-width: 450px) {
  .row-id {
    transform: translate(0%, 432%);
  }
  .row2-id {
    transform: translate(0%, 171%);
  }
  .small-id {
    font-size: 8.8px;
    position: absolute;
    bottom: 192px;
    right: 13px;
  }
}
@media only screen and (min-width: 459px) {
  .row-id {
    transform: translate(0%, 432%);
  }
  .row2-id {
    transform: translate(0%, 184%);
  }
  .small-id {
    font-size: 9.8px;
    position: absolute;
    bottom: 179px;
    right: 12px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 500px) {
  .row-id {
    transform: translate(0%, 483%);
  }
  .row2-id {
    transform: translate(0%, 181%);
  }
  .small-id {
    font-size: 10px;
    position: absolute;
    bottom: 165px;
    right: 15px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 535px) {
  .row-id {
    transform: translate(0%, 483%);
  }
  .row2-id {
    transform: translate(0%, 181%);
  }
  .small-id {
    font-size: 12px;
    position: absolute;
    bottom: 139px;
    right: 15px;
  }
}
@media only screen and (min-width: 570px) {
  .row-id {
    transform: translate(0%, 456%);
  }
  .row2-id {
    transform: translate(0%, 198%);
  }
  .small-id {
    font-size: 11.5px;
    position: absolute;
    bottom: 135px;
    right: 15px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 574px) {
  .row-id {
    transform: translate(0%, 432%);
  }
  .row2-id {
    transform: translate(0%, 202%);
  }
  .small-id {
    font-size: 11.5px;
    position: absolute;
    bottom: 137px;
    right: 16px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 576px) {
  .row-id {
    transform: translate(0%, 435%);
  }
  .row2-id {
    transform: translate(0%, 175%);
  }
  .small-id {
    font-size: 11.5px;
    position: absolute;
    bottom: 145px;
    right: 12px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 700px) {
  .row-id {
    transform: translate(0%, 435%);
  }
  .row2-id {
    transform: translate(0%, 175%);
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 768px) {
  .row-id {
    transform: translate(0%, 208%);
  }
  .row2-id {
    transform: translate(0%, 146%);
  }
  .small-id {
    font-size: 14.8px;
    position: absolute;
    bottom: 68px;
    right: 19px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 990px) {
  .row-id {
    transform: translate(0%, 117%);
  }
  .row2-id {
    transform: translate(0%, 156%);
  }
  .small-id {
    font-size: 14.8px;
    position: absolute;
    bottom: 68px;
    right: 19px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 991px) {
  .row-id {
    transform: translate(0%, 117%);
  }
  .row2-id {
    transform: translate(0%, 156%);
  }
  .small-id {
    font-size: 14.8px;
    position: absolute;
    bottom: 68px;
    right: 19px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .row-id {
    transform: translate(0%, 117%);
  }
  .row2-id {
    transform: translate(0%, 180%);
  }
  .small-id {
    font-size: 12.8px;
    position: absolute;
    bottom: 100px;
    right: 19px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1000px) {
  .row-id {
    transform: translate(0%, 117%);
  }
  .row2-id {
    transform: translate(0%, 182%);
  }
  .small-id {
    font-size: 12.8px;
    position: absolute;
    bottom: 98px;
    right: 19px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1024px) {
  .row-id {
    transform: translate(0%, 105%);
  }
  .row2-id {
    transform: translate(0%, 180%);
  }
  .small-id {
    font-size: 12.8px;
    position: absolute;
    bottom: 98px;
    right: 19px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .row-id {
    transform: translate(5%, 164%);
  }
  .row2-id {
    transform: translate(0%, 149%);
  }
  .small-id {
    font-size: 16px;
    position: absolute;
    bottom: 30px;
    right: 25px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1440px) {
  .row-id {
    transform: translate(-3.5%, 166%);
  }
  .row2-id {
    transform: translate(0%, 149%);
  }
  .small-id {
    font-size: 16px;
    position: absolute;
    bottom: 28px;
    right: 25px;
  }
}
.text-blk {
  color: black;
}

.m-contact {
  margin-left: 37px;
  margin-top: -25px;
}

/*media breakpoints*/
svg {
  width: 16px;
  height: 16px;
  fill: #ff738c;
}
svg:hover {
  fill: #ffffff;
}

.section-title {
  line-height: 30PX;
  margin-top: 15px;
}

.footer-link {
  color: #ffffff;
}
.footer-link:hover {
  color: #a9132e;
}

.white-label-footer {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("../images/white-label-footer-bg.png");
  background-color: unset !important;
}

.icon-id {
  width: 13px;
  max-width: 25px;
  margin-right: 15px;
}

@media only screen and (min-width: 768px) {
  .icon-id {
    width: 25px;
  }
}
input[type=radio i]:focus {
  outline-offset: 0px !important;
  outline: 1px solid #ff738c !important;
}
input[type=radio i]:hover {
  color: none;
}

.li-circles {
  list-style-type: circle;
  margin-left: 30px;
}

/*pricing*/
/* cell number */
.carousel {
  background: transparent;
}

.carousel-cell {
  width: 66%;
  height: 200px;
  margin-right: 10px;
  background: #8C8;
  border-radius: 5px;
}
.carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: #ffffff;
}

.pricing .card {
  border: none;
  border-radius: 1rem;
  transition: all 0.2s;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.pricing hr {
  margin: 1.5rem 0;
}
.pricing .card-title {
  margin: 0.5rem 0;
  font-size: 0.9rem;
  letter-spacing: 0.1rem;
  font-weight: bold;
}
.pricing .card-price {
  font-size: 3rem;
  margin: 0;
}
.pricing .card-price .period {
  font-size: 0.8rem;
}
.pricing ul li {
  margin-bottom: 1rem;
}
.pricing .text-muted {
  opacity: 0.7;
}
.pricing .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: 0.1rem;
  font-weight: bold;
  padding: 1rem;
  opacity: 0.7;
  transition: all 0.2s;
}

/* Hover Effects on Card */
@media (min-width: 992px) {
  .pricing .card:hover {
    margin-top: -0.25rem;
    margin-bottom: 0.25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }
  .pricing .card:hover .btn {
    opacity: 1;
  }
}
.pink {
  color: #ff738c;
}

.fa-ul {
  padding-left: 0;
  margin-left: 0;
  list-style-type: none;
  text-align-last: center;
}

/*table*/
table {
  border: 1px solid #cccccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
table caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em;
}
table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: 0.35em;
}
table th {
  padding: 0.625em;
  text-align: center;
  font-size: 0.85em;
  letter-spacing: 0.1em;
  font-family: nunito-bold;
  text-transform: uppercase;
}
table td {
  padding: 0.625em;
  text-align: center;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
  table caption {
    font-size: 1.3em;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 0.8em;
    text-align: right;
  }
  table td::before {
    /* aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table td:last-child {
    border-bottom: 0;
  }
}
h5.card-title.pink.text-uppercase.text-center {
  font-family: "nunito-bold";
}

.col-lg-5.carousel-cell {
  display: block;
  max-width: 100%;
  max-height: 100%;
  background: none;
}

/* dropzone start*/
.dropzone {
  border: 1px solid #eeeeee !important;
  border-radius: 10px;
}
.dropzone .dz-message .dz-button {
  color: #777777 !important;
  font-size: 14px;
}

/* dropzone end*/
/*.flickity-viewport {
    height: 1500px !important;
}*/
/*.flickity-viewport{
    height: 337px !important;
}*/
@media only screen and (min-width: 320px) and (max-width: 600px) {
  .flickity-viewport {
    height: 700px !important;
  }
}
a.mini-box {
  padding: 10px 0px;
}

.br-30 {
  border-radius: 30px;
}

button:focus {
  outline: none !important;
}

.loader4 {
  width: 45px;
  height: 45px;
  display: inline-block;
  padding: 0px;
  border-radius: 100%;
  border: 5px solid;
  border-top-color: rgb(246, 36, 89);
  border-bottom-color: rgba(255, 255, 255, 0.3);
  border-left-color: rgb(246, 36, 89);
  border-right-color: rgba(255, 255, 255, 0.3);
  -webkit-animation: loader4 1s ease-in-out infinite;
  animation: loader4 1s ease-in-out infinite;
}

@keyframes loader4 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader4 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.carousel-wrap {
  margin: 10px auto;
  padding: 0 5%;
  width: 80%;
  position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #ffffff;
}
.owl-nav i {
  font-size: 52px;
}
.owl-nav .owl-prev {
  left: -30px;
}
.owl-nav .owl-next {
  right: -30px;
}

.owl-carousel .item .content {
  display: flex;
  flex-direction: row;
}
.owl-carousel .item .content-item {
  display: flex;
  flex-direction: column;
  margin-left: 30px;
  padding-top: 20px;
}
.owl-carousel .item .content-item li {
  color: #ffffff;
  list-style: unset;
  margin-left: 20px;
}
.owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.owl-dots div.owl-dot {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}
.owl-dots div.owl-dot.active {
  opacity: 1;
}
.owl-dots div.owl-dot:focus {
  outline: none;
}
.owl-feedback .owl-nav{
  display: none;
}
.owl-product .owl-dots {
  display: none;
}

section #services {
  text-align: center;
  transform: translatez(0);
}
section #services h2 {
  margin: 80px 0px 40px;
  color: #ffffff;
  font-size: 2.4em;
  text-transform: uppercase;
  text-align: center;
}
section #services li {
  width: 120px;
  height: 140px;
  display: inline-block;
  margin: 20px;
  list-style: none;
}
section #services li div {
  width: 120px;
  height: 120px;
  color: #f7cfd4;
  font-size: 3.4em;
  border-radius: 15px;
  text-align: center;
  line-height: 120px;
  background-color: #ffffff;
  transition: all 0.5s ease;
}
section #services li div:hover {
  transform: rotate(360deg);
  border-radius: 100px;
}
section #services li a {
  color: #ff738c;
}
section #services li span {
  width: 120px;
  height: 20px;
  display: block;
  padding: 15px 0px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.2em;
  text-align: center;
}
section #whiteLabelServices {
  text-align: center;
  transform: translatez(0);
}
section #whiteLabelServices h2 {
  margin: 80px 0px 40px;
  color: #ffffff;
  font-size: 2.4em;
  text-transform: uppercase;
  text-align: center;
}
section #whiteLabelServices li {
  width: 120px;
  height: 140px;
  display: inline-block;
  margin: 20px;
  list-style: none;
}
section #whiteLabelServices li div {
  width: 120px;
  height: 120px;
  color: #f7cfd4;
  font-size: 3.4em;
  border-radius: 15px;
  text-align: center;
  line-height: 120px;
  background: linear-gradient(#ffffff, #ffd9ec);
  transition: all 0.5s ease;
}
section #whiteLabelServices li div:hover {
  transform: rotate(360deg);
  border-radius: 100px;
}
section #whiteLabelServices li a {
  color: #ffb8dd;
}
section #whiteLabelServices li span {
  width: 120px;
  height: 20px;
  display: block;
  padding: 15px 0px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.2em;
  text-align: center;
}

.credits a {
  display: block;
  text-align: center;
  color: #74d4b3;
  text-decoration: none;
  font-size: 24px;
  margin-top: 50px;
  background: #ffffff;
  padding: 20px;
  max-width: 300px;
}

.cursive {
  font-family: meno-banner, serif;
  font-size: 2rem;
  line-height: 1.4em;
}

.wl-text{
  color: #ffb8dd!important;
}

/*# sourceMappingURL=templatemo-softy-pinko.css.map */