@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/Montserrat/Montserrat-Black.ttf");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 800;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/Montserrat/Montserrat-ExtraBold.ttf");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/Montserrat/Montserrat-Bold.ttf");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/Montserrat/Montserrat-SemiBold.ttf");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/Montserrat/Montserrat-Medium.ttf");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/Montserrat/Montserrat-Regular.ttf");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/Montserrat/Montserrat-Light.ttf");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 200;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/Montserrat/Montserrat-ExtraLight.ttf");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 900;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/poppins/Poppins-Black.ttf");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 800;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/poppins/Poppins-ExtraBold.ttf");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/poppins/Poppins-Bold.ttf");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/poppins/Poppins-SemiBold.ttf");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/poppins/Poppins-Medium.ttf");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/poppins/Poppins-Regular.ttf");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/poppins/Poppins-Light.ttf");
}
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 200;
  unicode-range: U+0020-0237;
  src: local(""), url("../fonts/poppins/Poppins-ExtraLight.ttf");
}
html,
body {
  font-size: 16px;
  height: 100%;
}
body {
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  color: var(--body-color);
  font-weight: 300;
  background-color: #ffffff;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
a,
a.inverted,
a.secondary,
a.grey,
a.black,
a.white {
  cursor: pointer;
  color: var(--primary-color);
  text-decoration: none;
  transition: all 0.35s ease;
  outline: none;
}
a:hover,
a.hover,
a:focus {
  color: var(--primary-color-hover);
  transition: all 0.55s ease;
  outline: none;
  text-decoration: none;
}
a.secondary {
  color: var(--secondary-color);
}
a.secondary:hover,
a.secondary.hover,
a.secondary:focus {
  color: var(--primary-color-hover);
}
a.inverted,
p.inverted {
  color: rgba(255, 255, 255, 0.7);
}
a.black {
  color: var(--dark-color);
}
a.white {
  color: #fff;
}
a.white:hover,
a.white.hover,
a.white:focus {
  color: var(--primary-color-hover);
}
a.inverted:hover,
a.inverted.hover,
a.inverted:focus {
  color: rgba(255, 255, 255, 1);
}
a.black:hover,
a.black.hover,
a.black:focus {
  color: var(--primary-color-hover);
}
a.grey {
  color: var(--grey-color);
}
a.grey:hover,
a.grey.hover,
a.grey:focus {
  color: var(--primary-color-hover);
}
a.dashed {
  border-bottom: 1px dashed var(--grey-color);
}
b,
strong {
  font-weight: 700;
}
p {
  margin-bottom: 1rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color: #022466;
  text-align: justify;
}
p:last-child {
  margin-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Montserrat";
  line-height: 1.5;
  margin: 0 0 1rem 0;
  color: var(--primary-color);
  font-weight: 400;
  position: relative;
}

.h1,
h1 {
  font-size: 3.5rem;
  font-weight: 400;
}
.h2,
h2 {
  font-size: 2rem;
  font-weight: 300;
}
.h3,
h3 {
  font-size: 2.5rem;
}
.h4,
h4 {
  font-size: 2rem;
}
.h5,
h5 {
  font-size: 1.5rem;
  font-weight: 300;
}
.h6,
h6 {
  font-size: 1.25rem;
}
h1.basic,
h2.basic,
h3.basic,
h4.basic,
h5.basic,
h6.basic,
p.basic {
  margin: 0;
}
h1.fitted,
h2.fitted,
h3.fitted,
h4.fitted,
h5.fitted,
h6.fitted,
p.fitted,
.h1.fitted,
.h2.fitted,
.h3.fitted,
.h4.fitted,
.h5.fitted,
.h6.fitted {
  margin: 0;
  line-height: 1;
}
.divided:not(.list):not(.header):not(.footer) {
  padding: 0 0 1rem 0;
  margin-bottom: 1.5rem;
}
.divided:not(.list):not(.header):not(.footer)::before,
.divided:not(.list):not(.header):not(.footer)::after {
  height: 0.625rem;
  z-index: 5;
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  border-radius: 1rem;
  transform: translateX(-50%);
}
.divided:not(.list):not(.header):not(.footer)::before {
  width: 100px;
  background: var(--primary-color-inverted);
}
.divided:not(.list):not(.header):not(.footer)::after {
  width: 2rem;
  background: var(--primary-color);
}
.underlined {
  position: relative;
  margin-bottom: 2rem;
}
.underlined::after {
  background: var(--primary-color);
  content: "";
  width: 4rem;
  height: 2px;
  position: absolute;
  bottom: -0.5rem;
  left: 0;
}
.underlined.white::after {
  background: var(--primary-color);
}
.underlined.center::after {
  left: 50%;
  transform: translateX(-50%);
}
.overlay {
  position: relative;
  z-index: 1;
}
.overlay.gradient::before,
.overlay.white::before,
.overlay.dark::before,
.overlay::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.5;
  z-index: -35;
  background: var(--primary-color);
}
.overlay.white::before {
  background: #fff;
}
.overlay.dark::before {
  background: #111;
}
.overlay.gradient::before {
  background: linear-gradient(to left, #6442ff 0%, #1b1464 100%);
}
.case.image .image-mask {
  position: absolute;
  left: 0;
  bottom: 0;
}
header#header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
header#header .top-bar {
  padding: 1rem 0;
  padding-bottom: 0;
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  header#header .bottom-bar .header-logo {
    display: inline-block;
  }
}
header#header.sticky .top-bar {
  background: var(--secondary-color);
}
header#header.sticky {
  -webkit-animation: smoothScroll 1s forwards;
  animation: smoothScroll 1s forwards;
  background-color: transparent;
  border-bottom: 0;
  background: transparent;
  padding: 30px;
}
header#header a.logo {
  display: inline-block;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  header#header a.logo.no-hover {
    display: none !important;
  }
}
header#header .logo img,
header#header .logo svg {
  /* width: 4rem; */
}
header#header .logo .logoshape1,
header#header .logo .logoshape3 {
  fill: #77838f;
}
header #iconList a {
  color: #fff;
}
header #iconList a:hover {
  color: var(--primary-color);
}
header.sticky #iconList a {
  color: var(--primary-color);
}
header.sticky #iconList a:hover {
  color: var(--primary-color-hover);
}
header .logo .logoshape2 {
  fill: var(--primary-color);
}
main {
  flex: 1 0 auto;
}
aside h4 {
  font-weight: 600;
  color: var(--primary-color);
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
}
/* == Menu == */
nav.menu {
}
nav.menu .menu-mobile {
  display: none;
}
/* nav.menu .menu-dropdown-icon > a::after {
    content: "\e948";
    font-family: "CaseIcons";
    float: right;
    margin-left: 0.5rem;
    color: #000;
  } */
nav.menu .menu-dropdown-icon:before {
  content: "\e948";
  font-family: "CaseIcons";
  display: none;
  cursor: pointer;
  float: right;
  padding: 1rem;
  background: #fff;
}
/*menu caption*/
nav.menu small {
  display: none;
}
nav.menu a > i.icon {
  margin-left: 4px;
  margin-top: 2px;
}
nav.menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  box-sizing: border-box;
}
nav.menu > ul:before,
nav.menu > ul:after {
  content: "";
  display: table;
}
nav.menu > ul:after {
  clear: both;
}
nav.menu > ul > li {
  float: left;
  padding: 0;
  margin: 0;
}
nav.menu > ul > li > a {
  text-decoration: none;
  padding: 0 8px;
  display: block;
  text-align: left;
  letter-spacing: 0.6px;
  color: #fff;
  opacity: 0.8;
  position: relative;
  font-size: 0.9rem;
  font-weight: 700;
}
nav.menu > ul > li:last-child > a {
  padding-right: 0;
}

header#header .bottom-bar.after.margin-0::after {
  margin: 0;
}

header#header.sticky nav.menu > ul > li > a {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
}

header#header.sticky nav.menu > ul > li > a > span.plus-icon {
  margin-left: 8px;
}

header#header.sticky nav.menu .menu-dropdown-icon > a::after {
  color: #111;
}
nav.menu > ul > li > a::before {
  display: inline-block;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  z-index: 7;
  content: "";
  position: absolute;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  background: #fff;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
nav.menu > ul > li > .no-hover::before {
  display: none !important;
}
header#header.sticky nav.menu > ul > li > a::before {
  background: var(--primary-color);
}
nav.menu > ul > li > a:hover::before {
  transform: scaleX(1);
  transform-origin: 0 0;
}
nav.menu > ul > li > a strong {
  font-weight: 500;
}
nav.menu > ul > li > a:hover,
nav.menu > ul > li > a.active {
  color: #fff;
  opacity: 1;
}
header#header.sticky nav.menu > ul > li > a:hover,
header#header.sticky nav.menu > ul > li > a.active {
  color: var(--primary-color);
}
nav.menu > ul > li > ul {
  display: none;
  width: 100%;
  background: #fff;
  padding: 0;
  position: absolute;
  z-index: 999;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  box-shadow: 0 8px 20px rgba(55, 125, 255, 0.075);
}
nav.menu > ul > li > ul:before,
nav.menu > ul > li > ul:after {
  content: "";
  display: table;
}
nav.menu > ul > li > ul:after {
  clear: both;
}
nav.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: calc(100% / 3);
  background: none;
  float: left;
}
nav.menu > ul > li > ul > li a {
  padding: 0.5rem;
  margin: 0 0.5rem;
  display: block;
  font-size: 0.75rem;
  color: var(--grey-color);
  font-weight: 500;
  cursor: default;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
nav.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 0.5rem 0 0;
  list-style: none;
  box-sizing: border-box;
}
nav.menu > ul > li > ul > li > ul:before,
nav.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
nav.menu > ul > li > ul > li > ul:after {
  clear: both;
}
nav.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 0.8rem;
}
nav.menu > ul > li > ul > li > ul > li a {
  border: 0;
  text-transform: none;
  color: var(--dark-color);
  font-size: 0.875rem;
  font-weight: 400;
  margin: 0;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
nav.menu > ul > li > ul > li > ul > li a:hover {
  background-color: var(--primary-color);
  color: #fff;
}
nav.menu > ul > li > ul.normal-sub {
  width: 220px;
  left: auto;
  padding: 0;
  border-radius: 8px;
  margin-top: 18px;
}
nav.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}
nav.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  margin: 0;
  color: var(--dark-color);
  padding: 1rem;
  cursor: pointer;
  border-radius: 8px;
}
nav.menu > ul > li > ul.normal-sub > li a:hover {
  /* background-color: var(--primary-color); */
  color: var(--primary-color);
}
#pageCaption {
  /* padding: 9rem 0 6rem 0; */
  background-color: #1d6ada;
  position: relative;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  z-index: 1;
  padding-top: 250px;
  padding-bottom: 128px;
}
#pageCaption::before,
#moduleCaption::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
  z-index: -35;
  background: var(--secondary-color);
}

#pageCaption .page-header-title {
  font-size: 45px;
  font-weight: 700;
  line-height: 54.86px;
  text-align: center;
  color: #fefefe;
}

#pageCaption .case-grid {
  position: relative;
}
#pageCaption h1 {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 700;
}
#moduleCaption {
  background-color: var(--secondary-color);
  position: relative;
  z-index: 1;
  padding: 7.5rem 0 6rem 0;
  margin-bottom: 2rem;
  background: url("../images/module_header.jpg") no-repeat;
  background-size: cover;
  transform: scale(1);
  background-position: center;
  min-height: 348px;
  margin-top: 44px;
}
#moduleCaption figure {
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}
#moduleCaption.blog {
}
#moduleCaption.shop {
}
.page_blog article > h4 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.2;
}
.case.ajax.search {
  position: absolute;
  top: 100%;
  z-index: 5;
  width: 100%;
  color: #1d6ada;
  background: #f3f8ff;
  border-radius: 20px;
  box-shadow: none;
  margin-top: -12px;
  padding: 0;
}
.fullsize {
  height: 100vh;
}
#fullpage a.logo {
  display: inline-block;
  line-height: 1;
  margin: 0 auto;
}
#fullpage a.logo img,
#fullpage a.logo svg {
  height: 2rem;
}
#fullpage a.logo .logoshape1,
#fullpage a.logo .logoshape3 {
  fill: #77838f;
}
#fullpage a.logo .logoshape2 {
  fill: var(--primary-color);
}
#dashboard {
  padding: 3rem 0 0 0;
  margin-bottom: 4rem;
  background: #fefefe;
  margin-top: 44px;
}
ul.case.dash.list {
  margin-top: 1rem;
  margin-bottom: 0;
  margin-left: 0;
}
ul.case.dash.list li a {
  color: #000;
  align-items: center;
  display: inline-flex;
  font-weight: 500;
  padding: 1rem 0.5rem;
  position: relative;
  text-transform: uppercase;
}
ul.case.dash.list li a::before {
  display: inline-block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  z-index: 7;
  content: "";
  position: absolute;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  background: var(--primary-color);
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
ul.case.dash.list li a:hover::before,
ul.case.dash.list li.active a::before {
  transform: scaleX(1);
  transform-origin: 0 0;
}

ul.case.dash.list li.active a {
  color: #000;
  font-weight: 500 !important;
}
ul.case.dash.list li a .icon {
  margin-right: 1rem;
}
footer {
  position: relative;
  background-color: transparent;
  z-index: 1;
  flex-shrink: 0;
  /* background: #122e6f; */
  background: #0c48a2;
}
footer .wrapper {
  position: relative;
  z-index: 2;
}
footer .copyright {
  color: #dee2e6;
  background: rgba(255, 255, 255, 0.05);
  padding: 0.8rem 0;
  font-size: 14px;
}
footer .contents {
  color: #dee2e6;
  padding: 4rem 0 2rem 0;
}
footer .logo img,
footer .logo svg {
  width: fit-content;
  margin-right: 0.875rem;
}
footer .logo .logoshape1,
footer .logo .logoshape3 {
  fill: rgba(255, 255, 255, 0.2);
}
footer .logo .logoshape2 {
  fill: var(--primary-color);
}
footer figure {
  bottom: 0;
  left: 0;
  width: 40%;
  z-index: 0;
}
/* Custom Pages */
body.page_profile,
body.page_sitemap,
body.page_dashboard {
  background-color: #f8f9fa;
}
body.page_profile header#header,
body.page_sitemap header#header,
body.page_dashboard header#header {
  background: var(--secondary-color);
}
body.page_profile header#header.sticky,
body.page_sitemap header#header.sticky,
body.page_dashboard header#header.sticky {
  background: transparent;
}
body.page_profile main,
body.page_sitemap main,
body.page_dashboard main {
  padding-top: 2rem;
}
#searchHero {
  padding: 3rem 0;
  background: var(--secondary-color);
  opacity: 0.85;
  margin-bottom: 4rem;
  position: relative;
}
#searchHero .wave {
  position: absolute;
  width: 100%;
  bottom: -1rem;
  left: 0;
  height: auto;
}
/* Main Loader */
#master-loader {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5000;
  background-size: contain;
  background-position: left bottom;
}
#master-loader .curtains {
  background: #f9f9fb;
  height: 100%;
  position: fixed;
  top: 0;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  width: 51%;
  z-index: 5001;
}
#master-loader .curtains.left {
  left: 0;
}
#master-loader .curtains.right {
  right: 0;
}
.wanimation {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -webkit-animation: 2s linear 0s normal none infinite running spin;
  animation: 2s linear 0s normal none infinite running spin;
  border-color: #e19d25 transparent transparent;
  -o-border-image: none;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  display: block;
  height: 150px;
  left: 50%;
  margin: -75px 0 0 -75px;
  position: relative;
  top: 50%;
  width: 150px;
  z-index: 5005;
}
.wanimation::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -webkit-animation: 3s linear 0s normal none infinite running spin;
  animation: 3s linear 0s normal none infinite running spin;
  border-color: #000 transparent transparent;
  -o-border-image: none;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  bottom: 5px;
  content: "";
  left: 5px;
  position: absolute;
  right: 5px;
  top: 5px;
}
.wanimation::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -webkit-animation: 1.5s linear 0s normal none infinite running spin;
  animation: 1.5s linear 0s normal none infinite running spin;
  border-color: #cccccc transparent transparent;
  -o-border-image: none;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  bottom: 15px;
  content: "";
  left: 15px;
  position: absolute;
  right: 15px;
  top: 15px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.loaded #master-loader {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: all 0.3s ease-out 1s;
  visibility: hidden;
}
.loaded #master-loader .curtains.left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}
.loaded #master-loader .curtains.right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
}
.loaded .wanimation {
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
@-webkit-keyframes smoothScroll {
  0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes smoothScroll {
  0% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
/* == Scroll to top == */
#back-to-top {
  display: none;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 9999;
  padding: 1.25rem;
  text-align: center;
  background-color: var(--primary-color);
  cursor: pointer;
  display: none;
  opacity: 0.5;
  border: 0;
  border-radius: 0.25rem;
  transition: 0.3s ease-out;
}
#back-to-top:hover {
  text-decoration: none;
  opacity: 1;
}
/* == 404 Error == */
#error404 {
  background: var(--secondary-color);
  padding: 8rem 0;
  background-image: url(../images/module_header.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  position: relative;
  z-index: 1;
}
#error404::before {
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.75;
  z-index: -2;
  position: absolute;
  background: #1b1464;
}
body#errorPage {
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  display: block;
}
body#errorPage header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 1rem 0;
}
body#errorPage .logo img,
body#errorPage .logo svg {
  width: auto;
  min-width: 200px;
  border-radius: 0.25rem;
}
body#errorPage .logo .logoshape1,
body#errorPage .logo .logoshape3 {
  fill: #77838f;
}
body#errorPage .logo .logoshape2 {
  fill: var(--primary-color);
}
body#errorPage main {
  position: relative;
  min-height: 100vh;
  display: flex;
  max-width: 1280px;
  padding: 0 1rem;
  margin: 0 auto;
}
body#errorPage footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
/* == Maintenance == */
#mdashboard {
  margin-top: 1rem;
}
#mheader {
  position: absolute;
  top: 1rem;
  width: 100%;
  text-align: center;
  padding: 1rem;
}
#mheader .logo img,
#mheader .logo svg {
  width: 4rem;
  border-radius: 0.25rem;
}
#mheader .logo .logoshape1,
#mheader .logo .logoshape3 {
  fill: #77838f;
}
#mheader .logo .logoshape2 {
  fill: #377dff;
}
#mfooter {
  position: absolute;
  bottom: 1rem;
  width: 100%;
  text-align: center;
  font-weight: 300;
  font-size: 0.75rem;
  padding: 1rem;
}
.dash {
  position: relative;
  padding: 0 1em;
}
.dash .digit {
  font-size: 3rem;
  line-height: 1;
  font-weight: 300;
  text-align: center;
  display: inline-flex;
  color: #377dff;
}
.dash_title {
  display: block;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 500;
  color: #77838f;
}
.case.button.player {
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3);
  transition: all 0.5s ease;
}
.case.button.player:hover,
.case.button.player.attached:hover {
  box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
    0 0 0 20px rgba(255, 255, 255, 0.4);
  transform: translate(-50%, -50%) scale(1.15);
}
.case.button.player:hover {
  transform: scale(1.15);
}

/* == Tablet == */
@media screen and (max-width: 64em) {
  #loginFooter {
    width: 30%;
  }
  #regForm {
    padding: 3.5rem 0;
  }
  header#header .top-bar {
    /* display: none; */
  }
  header#header .top-bar-remove-from-mobile {
    display: none;
  }

  header#header .mobile-end {
    justify-content: end;
  }
}

/* == Mobile == */
@media screen and (max-width: 48.063em) {
  nav.menu {
    text-align: left;
    position: relative;
    background-color: #fff;
  }
  nav.menu,
  nav.menu .menu-dropdown-icon:before {
    display: block;
  }
  nav.menu .menu-dropdown-icon::before {
    padding: 0.5rem;
  }
  nav.menu .menu-dropdown-icon > a:after,
  nav.menu > ul > li > ul:after {
    display: none;
  }
  nav.menu {
    display: none;
  }
  nav.menu > ul {
    /* display: none; */
    margin-top: 1rem;
  }
  nav.menu > ul > li {
    width: 100%;
    float: none;
    display: block;
  }
  nav.menu > ul > li a {
    padding: 1rem 0.75rem;
    width: 100%;
    display: block;
    color: #111;
  }
  nav.menu > ul > li > a:hover,
  nav.menu > ul > li > a.active {
    color: var(--primary-color);
    opacity: 1;
  }
  nav.menu > ul > li > ul {
    position: relative;
    border-radius: 0;
    border-top: 0;
    box-shadow: none;
    padding: 0;
    padding-left: 1rem;
    border-left: 3px solid var(--primary-color);
  }
  nav.menu > ul > li > ul.normal-sub {
    width: 100%;
  }
  nav.menu > ul > li > ul > li {
    float: none;
    width: 100%;
  }
  nav.menu > ul > li > ul > li:first-child {
    margin: 0;
  }
  nav.menu > ul > li > ul > li > ul {
    position: relative;
  }
  nav.menu > ul > li > ul > li > ul {
    margin: 1rem 0 0;
  }
  nav.menu > ul > li > ul > li > ul > li {
    float: none;
  }
  nav.menu .show-on-mobile {
    display: block;
  }
  #loginFooter {
    display: none;
  }
  #regForm {
    padding: 3.5rem 0;
  }
}

/* == Phone == */
@media screen and (max-width: 30em) {
  header#header .top-bar {
    /* display: none; */
  }
  header#header .top-bar-remove-from-mobile {
    display: none;
  }

  header#header .mobile-end {
    justify-content: end;
  }
  body#errorPage footer {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
  }
  .case.huge.text,
  h1 {
    font-size: 2.5rem;
  }
  #loginFooter {
    display: none;
  }
  #regForm {
    padding: 3.5rem 0;
  }
  ul.case.dash.list {
    display: block;
    margin: 0;
  }
  .case.horizontal.dash.relaxed.list .list > .item:not(:last-child),
  .case.dash.horizontal.relaxed.list > .item:not(:last-child),
  .case.horizontal.dash.relaxed.list .list > .item:not(:first-child),
  .case.dash.horizontal.relaxed.list > .item:not(:first-child) {
    padding: 0;
    display: block;
    margin: 0;
  }
  .case.horizontal.dash.list > .item {
    margin: 0;
  }
}

.black-bg {
  background-color: #000;
}

.landing-brand-container {
  justify-content: space-between;
  column-gap: 50px;
  row-gap: 50px;
}

@media screen and (max-width: 553px) {
  .landing-brand-container {
    justify-content: center;
  }
}

.landing-brand-container .landing-brand-item a {
  font-size: 28px;
  color: #fff;
  padding: 1rem;
  background-color: #000;
  text-align: center;
  max-width: 20%;
  border-radius: 20px;
  cursor: pointer;
}

.landing-brand-container .landing-brand-item a:hover {
  color: #000;
  background-color: #fff;
}

.landing-brand-container .landing-brand-item a img:hover {
  filter: invert(100%);
}

header#header .top-bar .case-grid * {
  color: #000 !important;
  font-weight: 200;
  font-size: 0.7rem;
}

header#header .top-bar .top-bar-right-item a {
  display: flex;
  margin-right: 28px;
}

header#header .top-bar .top-bar-right-item img {
  width: 24px;
  max-height: 24px;
  margin: auto;
  margin-right: 10px;
}

header#header .top-bar .top-bar-right-item img:last-child {
  margin-right: 0;
  margin-top: 4px;
}

header#header .top-bar .top-bar-right-item img.flag-icon {
  filter: invert(0) !important;
}

header#header .top-bar .case-grid .rotating-words .words {
  font-size: 1rem;
}

header#header .case-grid * {
  /* color: #fff !important;
    font-weight: 600; */
}

header#header .case-grid #menu_bottom_bar * {
  color: #000 !important;
  font-weight: 500;
}

header#header .case-grid i.find {
  font-size: 1.5rem;
  font-weight: 200;
}

header#header .case-grid #portaFind {
  font-size: 1.2rem;
  font-weight: 200;
  padding: 0.5rem 1rem;
  border-radius: 3px;
}

#read_more_button {
  text-decoration: underline;
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.brand #content {
  transition: all 0.6s ease-in-out;
}

.header-right-button svg {
  width: 28px;
  height: 28px;
  margin: auto;
  transform: translateY(6px);
  margin-right: 5px;
}

.no-data-text {
  text-align: center;
  margin: 50px auto;
  padding: 60px 0;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  font-weight: 400;
  font-size: 1.2rem;
  color: rgba(0, 0, 0, 0.8);
}

.landing-slider-top-bar {
  top: -100%;
  animation: topanimation 5s ease-out forwards;
}

.landing-slider-bottom-bar {
  bottom: -100%;
  opacity: 0;
  z-index: -1;
  animation: bottomanimation 5s ease-out forwards;
}

@keyframes topanimation {
  100% {
    top: 0;
  }
}

@keyframes bottomanimation {
  100% {
    bottom: 0;
    opacity: 1;
    z-index: 1;
  }
}

#brand_load_more,
#brand_category_load_more {
  cursor: pointer;
  padding: 1rem;
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 5px;
  width: fit-content;
  border: 1px solid var(--primary-color);
}

#brand_load_more:hover,
#brand_category_load_more:hover {
  background-color: #fff;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}

.button.outline-luxury-button {
  background-color: transparent;
  color: #000;
  border: 1px solid #000;
}

.button.outline-luxury-button.active {
  background-color: #000 !important;
  color: #fff !important;
}

.button.outline-luxury-button:hover {
  color: #fff;
  background-color: #000;
}

button[type="button"] {
  background-color: transparent !important;
  color: #000 !important;
  border: 1px solid #000 !important;
}

button[type="button"]:hover {
  background-color: #000 !important;
  color: #fff !important;
}

.case.button.luxury,
.case.button.luxury-to-white {
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  max-height: 15px;
}

.case.button.globalcell {
  background-color: #1d6ada !important;
  color: #fafafa !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  text-align: center;
  border: 1px solid #1d6ada !important;
  border-radius: 18px;
  padding: 8px 24px;
}

.case.button.globalcell-outline {
  background-color: transparent !important;
  color: #1d6ada !important;
  padding: 12px 24px;
  border-radius: 18px;
  border: 1px solid #1d6ada;
}

.case.button.luxury:hover {
  background-color: transparent !important;
  color: #000 !important;
}

.case.button.luxury-to-white:hover {
  background-color: #fff !important;
  color: #000 !important;
}

#footer_newsletter:before {
  content: "";
  width: 100vw;
  height: 150px;
  position: absolute;
  background-color: #eeeeea;
  left: 0;
  transform: translateY(-50px);
}

/* Style the tab */
.tab {
  overflow: hidden;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0 16px;
  transition: 0.3s;
  letter-spacing: 1px;
  font-size: 22px;
  font-weight: 400;
  color: var(--secondary-color);
  opacity: 0.7;
}

/* Change background color of buttons on hover */
.tab button:hover {
  text-decoration: underline;
}

/* Create an active/current tablink class */
.tab button.active {
  opacity: 1;
  text-decoration: underline;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 40px 12px;
  border-bottom: none;
  border-top: none;
}

/*  */
/*  */

.molecula-accordion-product-tabs .molecule-product-description {
  font-size: 13px;
  color: #121212;
  margin: 20px 10px 20px 10px;
}

.molecula-accordion-product-tabs .molecule-product-description p {
  font-size: 13px;
  color: #121212;
  margin: 20px 10px 20px 10px;
}

.molecula-accordion-product-tabs .ty-accordion .ui-accordion-header-icon {
  top: 10px;
}

.molecula-accordion-product-tabs
  .ty-accordion
  .ui-accordion-header-icon:before {
  font-size: 16px;
  content: "\002B";
  color: #121212;
}

.molecula-accordion-product-tabs
  .ty-accordion
  .ui-state-active
  .ui-accordion-header-icon:before {
  font-size: 20px;
  background: #fff;
  color: #121212;
  content: "\02DF";
}

.molecule-ya-social-buttons {
  margin-top: 5px;
  padding-top: 15px;
  border-top: 1px solid #e3e3e3;
}

.molecule-product-ya-share2 .ya-share2__link span {
  background-color: #000;
}

.molecule_ty-product-block__button button {
  display: none;
}

.molecule_ty-product-block__button a:not(.ty-add-to-wish) {
  display: none;
}

.molecule_ty-product-block__button .ty-add-to-wish {
  background-image: url("../../../../../../../../design/themes/molecule_bright_theme_clone/media/images/molecule/icons/wishlist.png?1678888948") !important;
  background-position: top right !important;
  background-repeat: no-repeat !important;
  padding-right: 25px;
  font-size: 13px;
  color: #121212;
  text-transform: lowercase;
}

.molecule_ty-product-block__button .ty-add-to-wish:first-letter {
  text-transform: uppercase;
}

.dec2018subscribe .object-container {
  min-height: 450px;
}

.dec2018subscribe .subleft {
  float: left;
}

.dec2018subscribe .subright {
  float: right;
  max-width: 350px;
}

.dec2018subscribe .subright h1 {
  font: 26px "Montserrat";
  font-weight: bold;
}

.ty-search-item__product-code {
  font-size: 0.85em;
}

.ty-search-item__price {
  display: none;
}

.ty-sort-container__views-icons {
  display: none !important;
}

.volvols {
  display: flex;
}

.volvols li {
  border: 1px solid black;
  padding: 15px;
  margin-right: 10px;
}

.volvols a {
  color: #121212;
  font-size: 0.85em;
  font-weight: normal;
}

.volvols > li:first-child a {
  color: #121212;
  font-size: 1em;
  font-weight: bold;
}

#popoli {
  list-style-type: disc;
}

#popoli > li {
  list-style: disc;
}

#polipoli {
  list-style-type: none;
}

#polipoli ul > li {
  list-style-type: disc;
}

#polipoli ol > li {
  list-style-type: none;
}

#polipoli > li > ol {
  list-style-type: none;
}

#polipoli > li {
  font-weight: bold;
  font-size: 1.1em;
}

.offidocs {
  text-align: left;
}

.ty-block-confidentiality-policy p {
  text-align: left;
}

.ind-brand {
  min-height: 44px;
}

.product-family .ty-grid-list__image {
  border: 0px;
  float: left;
}

.giftimage .cm-image {
  min-height: 150px;
}

.hsb .ty-control-group {
  display: none;
}

.product_notify_div_btn {
  border: 1px solid #121212;
  background-color: #121212;
  color: #fff;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 7px;
  padding-right: 7px;
  height: 36px;
  font-size: 16px;
  text-transform: uppercase;
  width: 28em;
  height: 1.2em;
  text-align: center;
  cursor: pointer;
}

.pronotisubm {
  border: 1px solid red;
  width: 30em;
  height: 10em;
  position: absolute;
  z-index: 100;
  background: #fff;
  left: 30%;
  top: 30%;
  padding: 27px;
  display: none;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.promo-heading {
  font-weight: bold;
  font-size: 20px !important;
  color: #121212;
  text-align: center;
  text-transform: uppercase;
}

.promo-wrap {
  margin: 0 auto;
  width: 100%;
  padding-bottom: 70px;
}

.promo-content {
  width: 30%;
  padding-right: 30px;
  text-align: center;
  float: left;
  padding-left: 55px;
  padding-top: 50px;
  padding-bottom: 20px;
  max-width: 300px;
}

.promo-content p {
  text-align-last: center;
  min-height: 110px;
  font-family: "open sans";
  font-size: 13px;
  color: #121212;
  max-width: 320px;
  margin: 0 auto;
}

.promo-content button {
  width: 245px;
  height: 44px;
  font-size: 15px;
  font-family: Montserrat;
  font-weight: bold;
}

.promo-content .butlink {
  height: 44px;
  margin: 0 auto;
  text-transform: uppercase;
  width: 75%;
  background-color: #000;
  color: #fff;
  line-height: 45px;
  font-weight: bold;
}

.promo-content .butlink a {
  font-size: 17px;
  font-family: Montserrat;
  color: #fff;
  text-align: center;
  line-height: 45px;
}

.promo-content a {
  font-size: 15px;
  font-family: Montserrat;
  font-weight: bold;
  color: #fff;
}

.promo-content h3 {
  font-family: Montserrat;
  font-weight: bold;
  font-size: 16px;
  color: #121212;
}

.promo-img {
  max-height: 320px;
  max-width: 375px;
}

.promo-desc {
  width: 375px;
}

@media only screen and (max-width: 480px) {
  .promo-img {
    min-height: 220px;
    max-width: 290px;
  }

  .promo-desc {
    width: 290px;
  }

  .promo-content {
    padding-left: 10px;
    width: 275px;
  }

  .promo-heading {
    margin: 0 auto;
    width: 100%;
  }

  .promo-wrap {
    width: 290px;
  }
}

.ty-no-image {
  max-width: 250px;
}

@media only screen and (max-width: 768px) {
  .ty-mainbox-body .owl-carousel .owl-item {
    max-width: 160px;
  }

  .ty-mainbox-body .ty-mainbox-body .ty-pict {
    max-height: 150px;
  }

  .ty-mainbox-body .molecule-best-brand-categories .ty-grid-list__item-name {
    text-align: center;
    min-height: 54px;
  }

  .ty-mainbox-body .ty-no-image {
    max-width: 160px;
  }
}

.mobilesearch {
  display: none;
  border: 1px solid black;
}

@media only screen and (max-width: 480px) {
  .ty-previewer {
    text-align: center;
  }

  .ty-product-block__option {
    margin-bottom: 0px;
  }

  .volvols li {
    padding: 10px;
  }

  .ty-product-block__button {
    margin-top: 10px;
  }

  .molecule_feature_title {
    margin: 0px;
    margin-top: 20px;
  }

  .ty-feature__image {
    margin: 0 auto;
  }

  .bigsearch {
    display: none;
  }

  .mobilesearch {
    display: block;
    float: right;
    margin-top: 3px;
    max-width: 200px;
  }

  .molecule-top-menu {
    float: left;
  }

  *[id^="label_sw_product_notify"] {
    font-size: 12px;
  }

  div[id^="product_notify_"] {
    left: 3% !important;
    width: 90% !important;
  }

  .ty-product-notify-email input {
    width: 80%;
  }

  .ty-product-notify-email .ty-btn-go {
    width: 80%;
  }

  .ty-column3 {
    width: 38%;
    margin-left: 8%;
  }

  .ty-sort-dropdown {
    display: block;
  }

  .molecule-product-category-view .ty-grid-list__item-name {
    text-align: center;
    min-height: 53px;
  }
}

.ntfpoptext {
  padding-top: 10px;
  text-align: center;
  height: 20px;
  display: block;
}

input[id^="sw_product_notify_"] {
  display: none;
}

div[id^="product_notify_"] {
  display: none;
  position: absolute;
  z-index: 101;
  width: 400px;
  height: 220px;
  border: 1px solid;
  left: 30%;
}

.ntfwrap {
  padding: 5px;
}

.ntfback {
  background-color: #fff;
  opacity: 0.7;
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 3000px;
  height: 3000px;
  z-index: -1;
}

.ty-product-notify-email {
  width: 20em;
  height: 5em;
  z-index: 100;
  background: #fff;
  top: 30%;
  padding: 13px;
  display: none;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  display: flex;
  flex-direction: column;
}

.ty-product-notify-email .ty-btn-go {
  position: static;
  margin-top: 10px;
  width: 310px;
  margin-left: 10%;
  height: 35px;
  text-align: center;
  display: block;
  border: 1px solid #cdcdcd;
  text-transform: uppercase;
  background-color: #000;
  color: #fff;
  font-weight: bold;
}

.ty-product-notify-email .ty-btn-go i {
  font-style: normal;
}

.ty-product-notify-email input {
  margin-top: 70px;
  text-align: center;
  text-transform: uppercase;
  width: 310px;
  margin-left: 10%;
}

.ty-product-notify-email .ntfclose {
  float: right;
  width: 0px;
  font-size: 20px;
  padding: 10px;
  padding-top: 0px;
  font-weight: bold;
  cursor: pointer;
}

.ty-control-group {
  padding-bottom: 10px;
}

*[id^="label_sw_product_notify"] {
  padding: 9px;
  padding-left: 0px;
  color: #fff;
  background-color: #9a9a9a;
  font-weight: 700;
  padding: 11px;
  text-transform: uppercase;
}

@media only screen and (max-width: 600px) {
  .homepage-banners .owl-theme .owl-controls {
    bottom: -15px;
  }
}

.top-profile {
  position: relative;
}

.top-my-account {
  z-index: 10;
  margin-left: 0px;
  margin-top: 5px;
}

.ty-menu__item {
  min-width: 120px;
  text-align: center;
}

.menu-red {
  background-color: #b4234a;
}

@media only screen and (max-width: 600px) {
  .ty-menu__item {
    text-align: left;
  }
}

.ty-rus-customer-geolocation {
  display: none;
}

@media only screen and (max-width: 1230px) {
  .userlogin span {
    display: none;
  }

  .userlogin .ty-account-info__user-arrow {
    display: inline;
  }
}

@media only screen and (min-width: 1231px) {
  .userlogin span {
    display: inline;
  }

  .userlogin .ty-account-info__user-arrow {
    display: none;
  }
}

.ne-blok {
  display: inline !important;
}

@media only screen and (max-width: 500px) {
  .ty-mainbox-body .ty-pict,
  .ty-no-image {
    max-height: 150px;
  }

  .container.header-grid {
    padding-top: 0px;
  }

  .ty-logo-container {
    margin-bottom: 10px;
  }

  .homepage-banners .owl-theme {
    margin: 0px;
  }

  .molecule-best-brand-categories {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }

  .molecule-boutique-banner-block {
    margin-top: 0px;
  }
}

.cm-product-filters-sip {
  display: none;
}

@media only screen and (max-width: 600px) {
  #pagination_contents .all-num {
    display: none !important;
  }

  .ty-sort-dropdown {
    float: right;
    width: 51%;
    text-align: right;
    margin-top: -10px;
  }

  .cm-product-filters-cover {
    z-index: 95;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    background-color: #fff;
    opacity: 0.7;
  }

  .cm-product-filters-sip {
    position: absolute;
    border: 1px solid;
    padding: 16px;
    left: 0px;
    display: block;
    z-index: 100;
    color: #969696;
    font-family: "Open sans";
    font-size: 13px;
    margin: 16px;
  }

  .cm-product-filters {
    position: absolute;
    z-index: 101;
    left: -390px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }

  .sidefiltersmove {
    position: absolute;
    z-index: 101;
    left: -390px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
}

.clear {
  clear: both;
}

.cgiftswrapper {
  max-width: 900px;
  max-height: 300px;
  overflow: scroll;
  overflow-x: hidden;
}

.tisone > .cgiftname {
  font-weight: bold;
}

.cgift {
  width: 140px;
  cursor: pointer;
}

.cgiftimage:hover {
  filter: invert(100%);
  filter: drop-shadow(0 0 3px rgba(100, 0, 0, 0.5));
}

.cgiftimage {
  height: 120px;
  max-width: 90px;
  filter: invert(0%);
}

.giftapprove {
  padding-top: 10px;
}

.litecheckout__page-title {
  font-family: montserrat;
  font-size: 20px;
}

.litecheckout__step-title {
  font-family: montserrat;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.litecheckout__step-title a {
  text-transform: none;
  font-family: "open sans-serif";
  font-size: 13px;
  color: #969696;
}

.litecheckout__location--city input {
  font-family: montserrat;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.litecheckout .litecheckout__input--selectable--like-link {
  color: #000;
  font-family: montserrat;
  font-size: 14px;
}

.litecheckout__shipping-method__radio:checked
  + .litecheckout__container
  .litecheckout__shipping-method__wrapper {
  border: none;
  box-shadow: none;
}

.litecheckout__location--wrapper input {
  border: solid 0px #000 !important;
  box-shadow: none !important;
  outline: none !important;
}

.litecheckout .litecheckout__input:focus {
  border: solid 1px #000 !important;
  box-shadow: none !important;
  outline: none !important;
}

.litecheckout .litecheckout__input--selectable--select:not(:placeholder-shown),
.litecheckout .litecheckout__input--selectable--select:focus {
  font-size: 13px;
}

.ty-lable-subscribe-policy__wrapper {
  font-size: 12px;
}

.ty-lable-subscribe-policy__wrapper a {
  font-size: 12px;
}

.litecheckout__input {
  border-radius: 0px;
}

.ty-order-info__profile-field {
  padding: 0px;
}

.ty-sidebox__title-wrapper {
  color: #000;
}

#applied_promotions li {
  font-size: 12px;
}

.ty-gift-certificate-coupon input {
  font-size: 10px;
}

.ty-gift-certificate-coupon button {
  background-color: #000;
  color: #fff;
  font-family: montserrat;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}

.litecheckout__shipping-method {
  padding: 5px;
}

.shipping-method__container {
  background-color: #fff;
}

.litecheckout__shipping-method__title {
  color: #121212;
  font-family: montserrat;
  font-weight: bold;
}

.litecheckout__shipping-method__wrapper {
  box-shadow: none;
  border: 2px solid #eee;
  border-radius: 0px;
}

.litecheckout__shipping-method__radio:checked
  + .litecheckout__shipping-method__wrapper {
  border: solid 1px #121212;
  box-shadow: 0 0 0 4px rgba(18, 18, 18, 0.2), 0 0 0 1px #121212;
}

.litecheckout__shipping-method__wrapper {
  height: 80px;
}

.litecheckout__submit-btn {
  font-family: montserrat;
  text-transform: uppercase;
  font-weight: bold;
}

.blackship .shipping-method__container {
  background-color: #fff;
  border: 2px solid #000;
}

.blackship .shipping-method__container .shipping-method__title {
  color: #000;
}

.tygh-header {
  position: sticky;
  position: -webkit-sticky;
  top: -90px;
  z-index: 101;
}

@media only screen and (max-width: 600px) {
  .tygh-header {
    postition: relative;
  }
}

.dpdcoutcost {
  padding-top: 40px;
  padding-bottom: 55px;
}

.dpdlink {
  font-family: montserrat;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-style: dashed;
  color: #121212;
  line-height: 30px;
}

.dpdtext {
  font-family: "open sans";
  font-size: 13px;
  color: #121212;
}

.dpdcost {
  font-family: "open sans";
  font-size: 14px;
  color: #121212;
  font-weight: bold;
}

.ty-mainbox-simple-title {
  padding-top: 15px;
  padding-bottom: 10px;
  font: 16px "Montserrat" !important;
  font-weight: 700 !important;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
}

.akerr-wrap p {
  font-size: 115%;
}

.afbutts {
  padding-left: 0px;
  width: 100%;
}

.aebutts {
  padding-left: 24%;
}

@media only screen and (max-width: 600px) {
  .aebutts {
    padding-left: 12%;
  }
}

.subcatlist h4 {
  text-transform: uppercase;
  font-size: 100%;
  letter-spacing: 2px;
}

.ty-subcategories__item {
  display: block;
}

.subcatnametext {
  font-size: 13px;
  font-weight: bold;
  color: #121212;
}

.subcatnamearrow:before {
  content: url("../../../../../../../../design/themes/molecule_bright_theme_clone/media/images/arrow.png?1678888948")
    " ";
  margin-left: -10px;
}

.strikeprice {
  text-decoration: line-through;
  color: #777;
}

.strikefont {
  font-size: 15px !important;
  color: #777 !important;
}

div#cart_items th {
  background-color: #f2f2f2;
}

.onegift {
  max-width: 150px;
  float: left;
}

.onegiftpic img {
  max-height: 60px;
}

.onegifttext {
  max-width: 150px;
}

.ty-order-products__price {
  display: none;
}

.ty-other-pay {
  margin: 0px;
}

.policylink {
  color: #121212;
  font-weight: bold;
  text-decoration: underline;
}

.ty-lable-subscribe-policy__wrapper {
  text-align: left;
}

.ty-lable-subscribe-policy__wrapper input {
  width: 20px;
  height: 20px;
}

.ty-dropdown-box__content {
  position: absolute;
  z-index: 600;
  margin-top: -1px;
  min-width: 220px;
  border: 1px solid #121212;
  background: #fff;
  text-align: left;
  margin-left: 0px;
}

@media only screen and (max-width: 1250px) {
  .top-cart-content .ty-dropdown-box__content {
    margin-left: -100px;
  }
}

@media only screen and (max-width: 1000px) {
  .top-cart-content .ty-dropdown-box__content {
    margin-left: -200px;
  }
}

@media only screen and (max-width: 768px) {
  .top-cart-content .ty-dropdown-box__content {
    margin-left: 0px;
    left: 0px;
    min-width: 350px;
  }
}

@media (min-width: 1224px) {
  .side-grid {
    width: 245px;
  }
}

.ty-geo-maps__geolocation {
  display: none;
}

.shops {
  overflow: hidden;
  display: flex;
}

.shops * {
  font-family: sans-serif;
}

.shops .bold {
  font-weight: bold;
}

.shops .menu {
  width: 225px;
  margin: 11px 0 0;
}

.shops .menu ul {
  list-style-type: none;
  padding-left: 0;
}

.shops .menu ul li {
  margin-bottom: 20px;
}

.shops .menu a {
  color: #121212;
  text-decoration: none;
}

.shops .menu a:hover {
  text-decoration: underline;
}

.shops .activ {
  font-weight: bold;
  text-decoration: none;
}

.shops a {
  color: #121212;
  text-decoration: underline;
}

.shops a:hover {
  text-decoration: none;
}

.shops .city > .title {
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  margin: 12px 0 30px;
  font-weight: bold;
  font-family: Montserrat, sans-serif;
}

.shops .city ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 90px;
}

.shops .city ul li {
  display: flex;
  margin-bottom: 50px;
  position: relative;
}

.shops .city .b-img {
  width: 500px;
}

@media (max-width: 979px) {
  .shops .city .b-img {
    width: 240px;
  }
}

.shops .city .decr {
  margin: 20px 0 0 20px;
}

.shops .city .decr .title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 22px;
  font-family: Montserrat, sans-serif;
}

.shops .city .decr .text {
  line-height: 20px;
  margin-bottom: 15px;
}

.shops .city .decr .link-map {
  cursor: pointer;
  text-decoration: underline;
  font-family: Montserrat, sans-serif;
}

.shops .city .decr .link-map:hover {
  text-decoration: none;
}

.shops .shop-footer {
  border-top: 1px solid #f5f5f5;
  padding-top: 40px;
  text-align: center;
  font-size: 13px;
}

.shops .shop-footer p {
  line-height: 19px;
  margin-bottom: 10px;
}

.ya-map {
  display: none;
  position: absolute;
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.5);
  z-index: 9;
  width: 600px;
  max-width: 100%;
  height: 500px;
  background: #fff;
}

.ya-map .close {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  background: #eee;
  top: 0;
  right: 0;
  border-radius: 0 0 0 7px;
  box-shadow: inset 2px -2px 2px rgba(0, 0, 0, 0.3);
}

.ya-map .close:after,
.ya-map .close:before {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  position: absolute;
  top: 18px;
  left: 7px;
  background: #666;
  transform: rotate(45deg);
}

.ya-map .close:before {
  transform: rotate(-45deg);
}

.ya-map .close:hover {
  background: #ddd;
}

.ya-map iframe {
  display: block;
}

@media (max-width: 979px) {
  .shops {
    flex-wrap: wrap;
  }

  .shops .menu {
    width: 100%;
  }

  .shops .menu ul {
    display: flex;
    justify-content: space-evenly;
  }
}

@media (max-width: 550px) {
  .shops .city .b-img {
    width: 100%;
  }

  .shops .city .decr {
    width: 100%;
  }

  .shops .city ul li {
    flex-wrap: wrap;
  }
}

@media (max-width: 480px) {
  .shops .menu ul {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .shops .menu ul li {
    margin-right: 20px;
  }
}

.ty-icon-instagram {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  background: url("../../../../../../../../design/themes/responsive/media/images/icons/instagram.png?1678888948");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 50%;
}

.litecheckout .litecheckout__input,
.litecheckout__submit-btn,
.ty-checkout__terms {
  border-radius: 0px;
}

.litecheckout__shipping-method {
  height: 85px;
}

.link-tel,
.ty-cr-phone-prefix {
  font-family: Montserrat;
  font-size: 20px;
  color: #121212;
}

.ty-cr-phone a {
  font-family: Montserrat;
  font-size: 19px;
  color: #121212;
  font-weight: 600;
}

.ty-cr-work {
  font-family: Montserrat;
  font-size: 12px;
  color: #646464;
  margin-left: 0px;
}

#ecl_live_search1 {
  font-family: "Open sans";
  font-size: 16px;
  color: #969696;
}

.ty-menu__submenu-to-right .ty-menu__submenu-items {
  right: 0px;
}

.ty-price-num {
  color: #121212;
}

.ty-sort-container {
  padding-left: 10px;
  background: #fff;
  margin: 5px 0px;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  float: left;
  max-width: 410px;
}

.ty-sort-dropdown {
  float: left;
}

.ty-sort-dropdown__wrapper {
  font-size: 12px;
}

.all-num {
  font-size: 12px;
  margin-top: 12px;
}

.ty-pagination__item {
  padding: 6px 6px 6px 6px;
  font-size: 11px;
}

.molecule-li-shopss .ty-menu__submenu-items {
  right: 421px;
}

.ty-image-zoom__flyout {
  box-shadow: 0 0 8px #e3e3e3;
  border: 1px solid #121212;
}

.molecule-top-menu-background {
  height: 43px !important;
}

@media (max-width: 800px) {
  .ty-sort-dropdown {
    float: right;
  }

  .all-num {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .userlogin {
    position: absolute;
    margin-top: 7px;
  }
}

@media only screen and (max-width: 768px) {
  .userlogin .cm-popup-box {
    left: 0px;
  }
}

@media only screen and (max-width: 768px) {
  .molecule-shop-title {
    max-width: 254px;
  }
}

@media only screen and (max-width: 768px) {
  .ty-sort-dropdown {
    padding: 6px;
  }

  .molecule-boutique-banner-info {
    margin-left: 10px;
  }
}

@media only screen and (min-width: 500px) and (max-width: 900px) {
  .ty-menu__item {
    min-width: 67px;
  }

  .molecule-top-menu-background {
    height: 48px !important;
  }

  .molecule-top-menu-search {
    width: 151px;
  }

  .ty-menu__item {
    min-width: 67px;
  }
}

.ty-pagination {
  float: right;
  margin: 0px;
  padding: 0px;
}

.ty-pagination__item {
  display: inline;
}

.molecule-best-brand-categories .owl-wrapper-outer {
  max-height: 325px;
}

@media only screen and (max-width: 768px) {
  .ty-pagination {
    float: none;
  }

  .owl-wrapper {
    max-height: 290px;
  }
}

.ty-pagination__selected {
  color: #121212;
  background: #fff;
  border-radius: 0px;
  font-weight: 600;
  font-size: 14px;
}

.ty-pagination__item {
  font-weight: 400;
  font-size: 14px;
  padding-left: 1px;
  padding-right: 1px;
}

.button_1O {
  background-color: #000 !important;
}

.ty-icon-moon-mail {
  margin-top: 2px;
}

.homepage-banners .owl-controls {
  position: relative !important;
  margin-top: 10px;
}

.ty-pagination__bottom .ty-pagination {
  padding-top: 10px;
}

@media only screen and (min-width: 768px) {
  .molecule-boutique-banner-info {
    margin-left: 0px;
  }

  .molecule-mono-title {
    margin-top: 0px;
  }

  .molecule-boutique-banner-info {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 1100px) {
  .molecule-boutique-banner-info {
    margin-left: 100px;
  }
}

.molecule-top-menu .molecule-top-menu-search input.ty-search-block__input {
  height: 35px;
}

.ty-menu__item-link {
  height: 43px !important;
}

.ty-btn__white {
  color: #000;
  background-color: #fff;
  border: 2px solid black;
  width: 224px;
  height: 26px;
  padding-left: 9px;
  padding-top: 7px;
}

@media only screen and (max-width: 768px) {
  .ty-btn__white {
    padding-left: 0px;
    padding-top: 1px;
    width: 237px;
  }
}

.ty-product-block__button {
  margin-top: 10px !important;
}

@media only screen and (max-width: 768px) {
  .ty-discount-label {
    position: inherit;
  }

  .ty-discount-label__item {
    float: none;
  }

  .ty-previewer img {
    max-height: 300px;
  }
}

.ty-grid-list__price {
  text-align: center;
}

.ty-grid-list__item-name {
  text-align: center;
}

.suggestions-promo {
  display: none !important;
}

.molecule-attribute-product-catalog {
  height: 23px;
}

.litecheckout__shipping-method__delivery-time {
  display: none;
}

.bbcats_viewall {
  float: right;
}

.bbcats_viewall a {
  background-color: #fff;
  color: #000;
  padding: 10px;
}

.bbcats_viewall::after {
  content: "→";
}

.ty-mainbox-simple-title {
  text-align: center;
}

.ty-mainbox-simple-title a {
  padding-top: 15px;
  padding-bottom: 10px;
  font: 16px "Montserrat" !important;
  font-weight: 700 !important;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.gn-menu-main,
.gn-menu-main ul {
  margin: 0;
  padding: 0;
  background: white;
  color: #5f6f81;
  list-style: none;
  text-transform: none;
  font-weight: 300;
  font-family: Lato, Arial, sans-serif;
  line-height: 60px;
}

.gn-menu-main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  font-size: 13px;
}

.gn-menu-main a {
  display: block;
  height: 100%;
  color: #121212;
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
  padding-left: 50px;
  font-size: 19px;
}

.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
  background: #121212;
  color: white;
}

.gn-menu-main > li {
  display: block;
  float: left;
  height: 100%;
  border-right: 0px solid #c6d0da;
  text-align: center;
}

.gn-menu-main li.gn-trigger {
  position: relative;
  width: 60px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.gn-menu-main > li:last-child {
  float: right;
  border-right: none;
  border-left: 0px solid #c6d0da;
}

.gn-menu-main > li > a {
  padding: 0 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}

.gn-menu-main:after {
  display: table;
  clear: both;
  content: "";
}

.gn-menu-wrapper {
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 60px;
  border-top: 1px solid #c6d0da;
  background: white;
  -webkit-transform: translateX(-60px);
  -moz-transform: translateX(-60px);
  transform: translateX(-60px);
  -webkit-transition: -webkit-transform 0.3s, width 0.3s;
  -moz-transition: -moz-transform 0.3s, width 0.3s;
  transition: transform 0.3s, width 0.3s;
}

.gn-scroller {
  position: absolute;
  overflow-y: scroll;
  width: 370px;
  height: 100%;
}

.gn-menu {
  border-bottom: 1px solid #c6d0da;
  text-align: left;
  font-size: 18px;
}

.gn-menu li:not(:first-child),
.gn-menu li li {
  box-shadow: inset 0 1px #c6d0da;
}

.gn-submenu li {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  transition: height 0.3s;
}

.gn-submenu li a {
  color: #c1c9d1;
}

input.gn-search {
  position: relative;
  z-index: 10;
  padding-left: 60px;
  outline: none;
  border: none;
  background: transparent;
  color: #5f6f81;
  font-weight: 300;
  cursor: pointer;
}

.gn-search::-webkit-input-placeholder {
  color: #5f6f81;
}

.gn-search:-moz-placeholder {
  color: #5f6f81;
}

.gn-search::-moz-placeholder {
  color: #5f6f81;
}

.gn-search:-ms-input-placeholder {
  color: #5f6f81;
}

.gn-search:focus::-webkit-input-placeholder,
.no-touch
  .gn-menu
  li.gn-search-item:hover
  .gn-search:focus::-webkit-input-placeholder {
  color: transparent;
}

input.gn-search:focus {
  cursor: text;
}

.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
  color: white;
}

.no-touch
  .gn-menu
  li.gn-search-item:hover
  .gn-search::-webkit-input-placeholder {
  color: white;
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
  color: white;
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
  color: white;
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
  color: white;
}

.gn-menu-main a.gn-icon-search {
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
}

.gn-icon::before {
  display: inline-block;
  width: 60px;
  text-align: center;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
}

.gn-icon-help::before {
  content: "\e000";
}

.gn-icon-earth::before {
  content: "\e004";
}

.gn-icon-cog::before {
  content: "\e006";
}

.gn-icon-search::before {
  content: "\e005";
}

.gn-icon-download::before {
  content: "\e007";
}

.gn-icon-photoshop::before {
  content: "\e001";
}

.gn-icon-illustrator::before {
  content: "\e002";
}

.gn-icon-archive::before {
  content: "\e00d";
}

.gn-icon-article::before {
  content: "\e003";
}

.gn-icon-pictures::before {
  content: "\e008";
}

.gn-icon-videos::before {
  content: "\e009";
}

.gn-icon span {
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.gn-icon-menu::before {
  margin-left: -15px;
  vertical-align: -2px;
  width: 30px;
  height: 3px;
  background: #5f6f81;
  box-shadow: 0 3px white, 0 -6px #5f6f81, 0 -9px white, 0 -12px #5f6f81;
  content: "";
}

.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
  background: white;
  box-shadow: 0 3px #5f6f81, 0 -6px white, 0 -9px #5f6f81, 0 -12px white;
}

.gn-icon-menu.gn-selected::before {
  background: #121212;
  box-shadow: 0 3px white, 0 -6px #121212, 0 -9px white, 0 -12px #121212;
}

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
}

.gn-menu-wrapper.gn-open-all {
  width: 340px;
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
  height: 60px;
}

@media screen and (max-width: 422px) {
  .gn-menu-wrapper.gn-open-all {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    width: 100%;
  }

  .gn-menu-wrapper.gn-open-all .gn-scroller {
    width: 130%;
  }
}

.gncontainer {
  z-index: 150;
}

#gn-menu {
  z-index: 150;
}

@media screen and (min-width: 767px) {
  .gncontainer {
    display: none;
  }
}

@media screen and (max-width: 766px) {
  .molecule-top-logo-grid {
    display: none;
  }

  .molecule-classc-menu {
    display: none;
  }

  .mobilesearch {
    display: none;
  }

  .molecule-top-menu-background {
    display: none;
  }

  .top-cart-content {
    display: none;
  }

  .ty-search-magnifier {
    display: none;
  }
}

.molecule-top-menu2 .molecule-top-menu-background {
  display: none;
}

.molecule-top-menu2 .mobilesearch {
  display: none;
}

.molecule-top-menu2 .molecule-classc-menu {
  display: none;
}

.gn-menu-item {
  height: 30px;
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
  height: 40px !important;
}

.gn-submenu-item a {
  line-height: 40px;
  font-size: 15px;
  padding-left: 70px;
}

.gn-submenu-item-hide {
  display: none;
}

#esqs_container {
  line-height: 20px;
  width: 300px;
  overflow-y: scroll;
  height: 260px;
}

#esqs_container a {
  background: #fff;
  color: #000;
  padding-left: 0px;
  font-size: 12px;
}

#esqs_container img {
  max-width: fit-content;
}

#esqs_container div {
  padding-left: 0px;
}

.gn-cart {
  height: 20px;
}

.gn-cart a {
  font-size: 11px;
}

.gn-cart-wrap {
  width: 110px;
  float: left;
}

.selo {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.parfumer-row {
  padding-top: 10px;
  margin: 0 auto;
}

.parfumer-wrap {
  display: flex;
  padding: 30px;
}

.parfumer-pic {
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
}

.parfumer-pic img {
  object-fit: contain;
}

.parfumer-text h2 {
  color: #121212;
  line-height: 1.2;
  font-weight: 700;
}

.parfumer-text p {
  text-align: left;
  color: #121212;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
}

.parfumer-button {
  padding-top: 20px;
  width: 215px;
  height: 44px;
}

.parfumer-button a {
  background: #000;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
}

@media (max-width: 768px) {
  .parfumer-pic img {
    object-fit: contain;
  }

  .parfumer-wrap:nth-child(odd) {
    flex-direction: column;
  }

  .parfumer-wrap:nth-child(even) {
    flex-direction: column-reverse;
  }
}

.ty-scroller-list__item .ty-grid-list__item-name {
  min-height: 48px;
}

@media (max-width: 768px) {
  .owl-wrapper-outer {
    padding-bottom: 105px;
  }
}

.subcategories {
  padding: 0px !important;
}

.button-container .ty-btn {
  font-size: 14px;
  font-weight: 600;
  padding-left: 40px;
  padding-right: 40px;
}

.ty-grid-list__control .button-container {
  position: absolute;
  top: 120px;
  display: none;
  left: 25px;
}

.ty-grid-list__item:hover .button-container {
  display: block;
}

.goodsvideo {
  display: contents;
}

.product-family .ty-grid-list__item-name {
  text-align: left;
}

.product-family .ty-grid-list__price {
  text-align: left;
}

.molecule-best-brand-categories .ty-btn__add-to-cart-small {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.small-mob-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.molecule-product-description p {
  text-align: left;
}

.minibans {
  padding-top: 30px;
  border-top: 1px solid #e3e3e3;
  margin-top: 30px;
  min-height: 350px;
}

.delivery-icons-div {
  text-align: center;
  margin-left: 20px;
}

.dilogo {
  padding-left: 3px;
  padding-right: 3px;
  max-height: 30px;
}

.perenos {
  display: none;
}

@media (max-width: 768px) {
  .delivery-icons-div {
    width: 100%;
  }

  .perenos {
    display: block;
  }
}

.menu-red-temp .ty-menu__item-link {
  color: red;
  font-weight: 600;
}

.menu-red-temp a {
  color: red;
}

.footer_section_icons {
  float: none;
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 1225px) {
  .ty-menu__item {
    min-width: 100px;
  }

  .bigsearch {
    width: 150px;
  }
}

.molecule-flex-column {
  display: flex;
  flex-direction: column;
}

.header-shops {
  margin-left: -5px;
  margin-top: 3px;
}

.header-shops .shop-icon {
  content: "\e0c8";
}

.top-menu-grid {
  padding-top: 10px;
}

.center-button {
  text-align: center;
}

.ty-product-options__item-label {
  display: none;
}

.ty-product-options__item bdi p {
  text-align: left;
}

.homepage-banners {
  min-height: 245px;
}

.sample-select {
  text-align: center;
  font-weight: 600;
  margin-top: 20px;
}

.gdescr {
  padding: 25px;
  width: 350px;
  float: left;
  text-align: justify;
  min-height: 210px;
}

.gdescrpic {
  padding: 15px;
  width: 305px;
  float: left;
}

.gdescrpic img {
  max-width: 150px;
}

.smplcntr {
  width: 1150px;
  margin: 0 auto;
}

.whole {
  margin: 0 auto;
  margin-top: 20px;
  width: 300px;
  float: left;
  margin-left: 20px;
}

.innerbrand {
  width: 270px;
  margin: 0 auto;
}

.innername {
  width: 270px;
  margin: 0 auto;
}

.brandselect {
  width: 270px;
  margin: 0 auto;
}

.gselect {
  width: 270px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .gdescr {
    padding: 25px;
    width: 270px;
    float: left;
  }

  .smplcntr {
    width: 300px;
    margin: 0 auto;
    float: left;
  }

  .ty-menu__item .ty-menu__item-link {
    padding: 14px 12px;
  }

  .ty-menu__item {
    min-width: 71px;
  }

  .tygh-top-panel {
    padding-top: 65px;
  }
}

.ty-save-price {
  font-size: 12px;
  color: #777;
}

.loadmore-div {
  text-align: center;
}

.search-back {
  position: absolute;
  width: 100%;
  height: 2500px;
  background-color: gray;
  filter: opacity(0.5);
  z-index: 10;
  display: none;
}

.upper-search i {
  font-size: 26px;
  padding-top: 18px;
  padding-left: 10px;
  width: 55px;
  height: 60px;
  cursor: pointer;
  display: inline-block;
}

.upper-search-div {
  display: none;
  position: absolute;
  top: 15px;
  left: 50px;
  width: 80%;
  border: 1px solid black;
  z-index: 2;
  background-color: #fff;
}

.small-mob-logo a {
  padding-left: 0px;
}

.small-mob-logo {
  margin-left: 15px;
  padding-left: 0px;
}

.small-mob-logo a img {
  width: 190px;
}

@media (max-width: 360px) {
  .small-mob-logo a img {
    width: 140px;
    margin-left: 15px;
  }
}

.make-header-great-again {
  text-align: center;
  letter-spacing: 1px;
}

.make-header-great-again h3 span {
  font-size: 16px;
}

#molecule-menu-banner-brand > div > div > div.span5.molecule-li-container {
  text-align: left;
  overflow: auto;
}

.attrs-dotted {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 0 10px 0;
}

.attrs-dotted dt {
  width: 40%;
  margin: 0 0 8px 0;
  padding: 0;
  display: flex;
  box-sizing: border-box;
  align-items: flex-end;
  position: relative;
  word-break: break-word;
  font-size: 1.2rem;
  color: #121212;
  font-weight: 600;
}

.attrs-dotted dt:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0.2em;
  border-bottom: 1px dotted #d6dbe0;
}

.attrs-dotted dt span {
  padding-right: 5px;
  background: #fff;
  position: relative;
}

.attrs-dotted dd {
  width: 60%;
  display: flex;
  box-sizing: border-box;
  align-items: flex-end;
  margin: 0 0 8px 0;
  padding: 0 0 0 5px;
  word-break: break-word;
  font-size: 1.2rem;
  color: #121212;
}

.molecule-li-makeup {
  text-align: left;
}

.molecule-li-perfumery {
  text-align: left;
}

.ty-blog-grid {
  margin-bottom: 100px;
}

.lectlist li:hover {
  cursor: pointer;
  text-decoration: underline;
}

.ty-grid-list__item {
  min-width: 135px;
}

.shopselected {
  font-weight: 600;
}

.litecheckout__overlay--active {
  display: none !important;
}

#menu_bottom_bar::before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 45px;
  background-color: transparent;
  left: 0;
  border-bottom: none;
  border-top: none;
}

/* == Mobile == */
@media screen and (max-width: 48.063em) {
  #bottom_bar_menu:before {
    display: none;
  }

  #menu_bottom_bar::before {
    background-color: #f7f5f0;
  }
}

a.footer-dark,
p.footer-dark,
h5.footer-dark {
  color: #fff;
  font-size: 0.8rem;
}

h5.footer-dark {
  font-size: 20px;
  text-transform: uppercase;
}

.footer-col-menu .case.list .item {
  margin-bottom: 0.4rem;
  color: #fff;
}

footer h5.black {
  text-transform: uppercase;
  font-size: 20px;
}

.shop-carousel-tag {
  background: black;
  width: fit-content;
  color: #fff;
  padding: 0.2rem 0.5rem;
  border-radius: 20px;
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 10px;
}

.shop-carousel-header,
.news-carousel-header {
  text-align: center;
  font-size: 28px;
  font-weight: 400;
  color: var(--primary-color);
  width: fit-content;
  margin: auto;
  z-index: 2;
  background-color: #fff;
  padding: 0 1rem;
}

.shop-carousel-header-underline,
.news-carousel-header-underline {
  transform: translateY(21px);
  height: 1px;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  z-index: 1;
}
.rotating-words {
  display: grid;
  place-items: center;
}

.rotating-words .wrapper {
  box-sizing: content-box;
  height: 20px;
  display: flex;
}
.rotating-words .words {
  overflow: hidden;
}
.rotating-words span {
  display: block;
  height: 100%;
  color: #0e6ffc;
  animation: spin_words 8s infinite;
}
@keyframes spin_words {
  10% {
    transform: translateY(-100%);
  }
  25% {
    transform: translateY(-100%);
  }
  35% {
    transform: translateY(-200%);
  }
  50% {
    transform: translateY(-200%);
  }
  60% {
    transform: translateY(-300%);
  }
  75% {
    transform: translateY(-300%);
  }
  85% {
    transform: translateY(-400%);
  }
  100% {
    transform: translateY(-400%);
  }
}

.collection-menu-shop {
  display: flex;
  column-gap: 20px;
  justify-content: left;
  padding-left: 0;
  margin-bottom: 30px;
}

.collection-menu-shop li {
  font-size: 25px;
  text-transform: lowercase;
}

.collection-menu-shop li a::first-letter,
.collection-menu-shop li::first-letter {
  text-transform: uppercase;
}
.collection-menu-shop li a {
  display: inline-block;
  position: relative;
  color: var(--dark-color);
  font-weight: 500;
}

ul.collection-menu-shop li a.active {
  color: var(--primary-color);
}

ul.collection-menu-shop li a:hover {
  color: var(--primary-color);
}

/* == Mobile == */
@media screen and (max-width: 48.063em) {
  .collection-menu-shop {
    display: flex;
    flex-direction: column;
    column-gap: 20px;
    justify-content: center;
    padding-left: 0;
    margin-bottom: 30px;
    text-align: center;
  }

  header#header .case-grid #menu_bottom_bar * {
    color: #fff !important;
  }
}

/* HEADER | SEARCH */

.search-container {
  position: fixed;
  top: 66px;
  left: 0;
  padding: 20px 0;
  right: 0;
  z-index: -1;
  background: #000;
  height: 100vh;
  opacity: 0;
  transform: translateY(-120%);
  transition: transform 0.5s ease 0.2s, opacity 0.5s ease 0.2s,
    visibility 0.5s ease 0.2s;
  -webkit-box-shadow: 0 10px 15px 1px rgb(0 0 0 / 5%);
  box-shadow: 0 10px 15px 1px rgb(0 0 0 / 5%);
  padding: 40px 20px;
  box-sizing: border-box;
  visibility: hidden;
}

header#header .search-container.visible {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(3px);
}

.search-container.open {
  opacity: 1;
  visibility: visible;
  transform: translateY(100%);
}

.search-container .container {
  max-width: 650px;
  margin: 0 auto;
}

.search-container .search-results {
  max-width: 650px !important;
  width: 100% !important;
  position: relative !important;
}

.search-container .search-results ul {
  padding-left: 0;
  margin: 30px 0 0;
  font-size: 20px;
}

.search-container .search-results ul li {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: solid 1px #f9f9f9;
  margin-bottom: 10px;
}

.search-container .search-results ul li .qs-option-name {
  cursor: pointer;
  letter-spacing: 0.2em;
  text-transform: lowercase;
}

.search-container .search-results ul li .amount {
  margin-left: auto;
  background: #e9e9e9;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 14px;
  display: none;
}

.search-container .search-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  background: url(/uploads/icons/close.svg) no-repeat center center;
  background-size: 0.8rem auto;
  cursor: pointer;
}

/* RESPONSIVE */

@media only screen and (max-width: 1024px) {
  /* HEADER */

  .search-container .search-close,
  .search-container .search-results ul li.text.first {
    display: none;
  }
  /* HEADER | SEARCH */

  .search-container {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    top: 100px;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 37px 0 !important;
    box-shadow: none;
  }

  .search-container .container {
    max-width: 100%;
  }

  .field.search .control input[type="text"],
  .search-container .search-results {
    border-bottom: none;
    max-width: 100% !important;
  }

  .search-container .search-results ul {
    margin: 0 0 0;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 820px) {
  /* GENERAL FONT SIZE */

  h3,
  .search-container .search-results ul,
  .product-carousel .product-item h3 {
    font-size: 18px;
    line-height: 26px;
  }

  /* GENERAL SPACING */

  .search-container {
    padding: 24px !important;
  }

  /* HEADER | SEARCH */

  .search-container {
    top: 74px;
    padding: 10px 24px 0 !important;
    /*z-index: 10;*/
  }
}

.search-container .search-results ul.search-suggestions-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 10px;
}
.search-container .search-results ul li.search-suggestions-item {
  padding: 0.3rem 1rem;
  background-color: #000;
  color: #fff;
  border-radius: 25px;
  font-size: 12px;
  border: none;
  border: 0.8px solid rgba(0, 0, 0, 0.4);
}

/*------------------------------------
      04. Sticky Menu CSS
  --------------------------------------*/
.menu-sticky {
  background: #fff;
  margin: 0;
  z-index: 999;
  width: 100%;
  top: 0;
  position: relative;
}
@-webkit-keyframes sticky-animation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes sticky-animation {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.landing-video-overlay {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  left: 0;
  width: 100%;
  z-index: 1;
  border: transparent;
}

#landing-video-back-blur {
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  backdrop-filter: blur(3px);
}

.landing-video-overlay h1,
.landing-video-overlay h4 {
  color: #fff;
  text-align: center;
  font-size: 2.5rem;
}

.landing-video-overlay h4 {
  font-size: 1.5rem;
}

.landing-video-button {
  left: 50%;
  transform: translateX(-50%);
  margin-top: 30px !important;
  background-color: #fff !important;
  color: #000 !important;
  border: none !important;
  font-size: 1.2rem !important;
}

.landing-video-overlay p {
  font-size: 1rem;
  margin-top: 20px !important;
  text-align: center;
  max-width: 80%;
  margin: auto;
  color: #fff;
}

#video-home {
  height: fit-content;
  width: 100vw !important;
}

.shop-item-brand-header,
.shop-item-brand-header a {
  letter-spacing: 1px;
  font-size: 28px;
  font-weight: 400;
  color: var(--secondary-color) !important;
}

.case.button.add-shop {
  background: #000;
  border: 1px solid black;
  border-radius: 1px;
}
.case.button.add-shop:hover {
  background: #fff;
  color: #000;
  border-radius: 1px;
}

.case.button.cart-button {
  background: #fff;
  color: #000;
  border: 1px solid black;
  border-radius: 1px;
}
.case.button.cart-button:hover {
  background: #000;
  color: #fff;
  border-radius: 1px;
}

.case.full.divider {
  position: absolute;
  width: 100vw;
  left: 0;
}

.brand-discover-more-button-wrapper {
  text-align: center;
  margin-top: 30px;
}

.brand-discover-more-button {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  border-radius: 1px !important;
}

.brand-discover-more-button:hover {
  background: #000 !important;
  color: #fff !important;
}

#header_with_back::before {
  /* content: ""; */
  /* background: url("/uploads/Header-pattern.png"); */
  width: 100vw;
  height: 170px;
  position: absolute;
  left: 0;
  top: 50px;
  backdrop-filter: blur(10px);
  z-index: -1;
}

footer .footer-top-row {
  justify-content: space-between;
  width: 100%;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

footer .footer-top-row .top-bar-right-item a {
  display: flex;
}

footer .footer-top-row .top-bar-right-item img {
  width: 30px;
  height: fit-content;
  margin-right: 10px;
}

footer .footer-top-row .top-bar-right-item p {
  color: #fff;
  font-size: 0.8rem;
}

table.cart-table,
table.cart-table td {
  border: none;
}

table.cart-table thead {
  background: transparent;
}

table.cart-table tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

table.cart-table thead th {
  border: none;
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.6);
}

.checkout-image-top-right-circle {
  position: absolute;
  right: 0;
  top: 5px;
  background: #000;
  border-radius: 50%;
  padding: 0.2rem 0.5rem;
  color: #fff !important;
}

.checkout-bottom-links a {
  font-size: 0.8rem;
  color: #000 !important;
  margin-right: 5px;
  text-decoration: underline;
}

.checkout-bottom-links a:last-child {
  margin-right: 0;
}

.checkout-form .case.form input[type="text"] {
  box-shadow: none;
  border: 0.6px solid black;
  background-color: rgba(0, 0, 0, 0.02);
  padding-bottom: 0;
  padding-left: 0.8rem;
  font-size: 0.8rem;
  z-index: 20;
}

.profile-form .case.form input[type="text"],
.profile-form .case.form input[type="password"],
.address-form .case.form input[type="text"],
.address-form .case.form input[type="password"],
.address-form .case.form textarea {
  box-shadow: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  background-color: transparent;
  padding-bottom: 0;
  font-size: 0.8rem;
  z-index: 20;
  border-radius: 0;
  padding-left: 0 !important;
}

.address-form .case.form textarea {
  padding-top: 1.2rem !important;
}

.profile-form .case.form input[type="text"]:hover,
.profile-form .case.form input[type="password"]:hover,
.address-form .case.form input[type="text"]:hover,
.address-form .case.form input[type="password"]:hover,
.address-form .case.form textarea:hover {
  border-bottom: 1px solid black;
}

.profile-form .case.form .field,
.address-form .case.form .field {
  max-width: 25rem;
}

.checkout-form .case.form label.inside-label,
.profile-form .case.form label.inside-label,
.address-form .case.form label.inside-label {
  position: relative;
  top: 28px;
  left: 0.8rem;
  font-size: 0.7rem;
  z-index: 10;
}

.profile-form .case.form label.inside-label,
.address-form .case.form label.inside-label {
  color: rgba(0, 0, 0, 0.4);
  left: 0;
}

.authorization-tabs {
  display: flex;
  margin-bottom: 50px;
}

.authorization-tabs .authorization-tabs-button-wrapper {
  width: 50%;
  background-color: transparent;
  border-bottom: 0.0625rem solid #d8d8d8;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.authorization-tabs .authorization-tabs-button-wrapper a {
  width: 100%;
  color: #000;
  font-weight: 500;
  font-size: 1rem;
  letter-spacing: 2px;
}

.authorization-tabs .authorization-tabs-button-wrapper.active {
  border-bottom: 3px solid #000;
}

#regForm label,
#companyRegForm label,
#case_form label,
#passForm label,
#addBalanceForm label,
#addNumberForm label,
#packageBuyForm label,
#eSIMNameForm label,
#loginForm label {
  font-size: 16px;
  font-weight: 500;
  line-height: 19.5px;
  letter-spacing: 0.04em;
  color: #022466;
  margin-bottom: 12px;
}

#regForm label span,
#companyRegForm label span,
#case_form label span,
#passForm label span,
#loginForm label span,
#addBalanceForm label span,
#addNumberForm label span,
#packageBuyForm label span,
#eSIMNameForm label span,
#regForm label a,
#companyRegForm label a,
#case_form label a,
#passForm label a,
#addBalanceForm label a,
#addNumberForm label a,
#packageBuyForm label a,
#eSIMNameForm label a,
#loginForm label a {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  color: #022466;
}

#regForm label a,
#companyRegForm label a,
#case_form label a,
#passForm label a,
#addBalanceForm label a,
#addNumberForm label a,
#eSIMNameForm label a,
#loginForm label a {
  color: #1d6ada;
  text-decoration: underline;
}

#regForm input,
#companyRegForm input,
#case_form input,
#case_form select,
#case_form textarea,
#passForm input,
#addBalanceForm input,
#addNumberForm input,
#packageBuyForm input,
#eSIMNameForm input,
#loginForm input {
  border-radius: 12px;
  padding: 10px 16px;
  background: #fbfbfb;
  border: none;
  color: #022466;
  font-size: 12px;
  min-width: 340px;
}

#regForm .show-password,
#companyRegForm .show-password,
#case_form .show-password,
#passForm .show-password,
#addBalanceForm .show-password,
#addNumberForm .show-password,
#eSIMNameForm .show-password,
#loginForm .show-password {
  position: absolute;
  right: 16px;
  top: 12px;
  cursor: pointer;
}

#regForm input::placeholder,
#companyRegForm input::placeholder,
#regForm input::-moz-placeholder,
#companyRegForm input::-moz-placeholder,
#regForm input::-webkit-input-placeholder,
#companyRegForm input::-webkit-input-placeholder,
#case_form input::placeholder,
#case_form input::-moz-placeholder,
#case_form input::-webkit-input-placeholder,
#passForm input::placeholder,
#passForm input::-moz-placeholder,
#passForm input::-webkit-input-placeholder,
#addBalanceForm input::placeholder,
#addBalanceForm input::-moz-placeholder,
#addBalanceForm input::-webkit-input-placeholder,
#addNumberForm input::placeholder,
#addNumberForm input::-moz-placeholder,
#addNumberForm input::-webkit-input-placeholder,
#packageBuyForm input::placeholder,
#packageBuyForm input::-moz-placeholder,
#packageBuyForm input::-webkit-input-placeholder,
#eSIMNameForm input::placeholder,
#eSIMNameForm input::-moz-placeholder,
#eSIMNameForm input::-webkit-input-placeholder,
#loginForm input::placeholder,
#loginForm input::-moz-placeholder,
#loginForm input::-webkit-input-placeholder {
  color: #979797;
}

#regForm .other-options,
#companyRegForm .other-options,
#case_form .other-options,
#passForm .other-options,
#addBalanceForm .other-options,
#addNumberForm .other-options,
a #eSIMNameForm .other-options,
#loginForm .other-options {
  display: flex;
  flex-direction: column;
}

#regForm .other-options .line-under-text,
#companyRegForm .other-options .line-under-text,
#case_form .other-options .line-under-text,
#addBalanceForm .other-options .line-under-text,
#addNumberForm .other-options .line-under-text,
#eSIMNameForm .other-options .line-under-text,
#passForm .other-options .line-under-text,
#loginForm .other-options .line-under-text {
  width: 80%;
  border-top: 1px solid #dfdfdf;
  margin: 0 auto;
  transform: translateY(10px);
}

#regForm .other-options .sign-up-with,
#companyRegForm .other-options .sign-up-with,
#case_form .other-options .sign-up-with,
#addBalanceForm .other-options .sign-up-with,
#addNumberForm .other-options .sign-up-with,
#passForm .other-options .sign-up-with,
#loginForm .other-options .sign-up-with {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #979797;
  text-align: center;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 16px;
  padding: 0 12px;
  background: #fff;
  z-index: 1;
}

#regForm .other-options .sign-up-buttons-wrapper,
#companyRegForm .other-options .sign-up-buttons-wrapper,
#case_form .other-options .sign-up-buttons-wrapper,
#passForm .other-options .sign-up-buttons-wrapper,
#addBalanceForm .other-options .sign-up-buttons-wrapper,
#loginForm .other-options .sign-up-buttons-wrapper {
  margin: auto;
  margin-bottom: 32px;
}

#regForm .other-options .sign-up-buttons-wrapper a,
#companyRegForm .other-options .sign-up-buttons-wrapper a,
#case_form .other-options .sign-up-buttons-wrapper a,
#passForm .other-options .sign-up-buttons-wrapper a,
#addBalanceForm .other-options .sign-up-buttons-wrapper a,
#loginForm .other-options .sign-up-buttons-wrapper a {
  height: fit-content;
  display: inline-block;
}

#regForm .other-options .sign-in-link,
#companyRegForm .other-options .sign-in-link,
#case_form .other-options .sign-in-link,
#passForm .other-options .sign-in-link,
#addBalanceForm .other-options .sign-in-link,
#loginForm .other-options .sign-in-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #022466;
}

#regForm .other-options .sign-in-link a,
#companyRegForm .other-options .sign-in-link a,
#case_form .other-options .sign-in-link a,
#passForm .other-options .sign-in-link a,
#addBalanceForm .other-options .sign-in-link a,
#eSIMNameForm .other-options .sign-in-link a,
#loginForm .other-options .sign-in-link a {
  color: #1d6ada;
}

#case_form input,
#case_form textarea {
  background-color: #fbfbfb;
  border: 1px solid #e3eeff;
  border-radius: 12px;
  box-shadow: none;
}

#case_form .globalcell-outline.attach-file-button {
  border: 1px solid #007bff;
  padding: 10px 20px;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 0;
  border-radius: 18px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: center;
}
#case_form .globalcell-outline.attach-file-button img {
  margin-left: 10px;
}
#case_form input#file-upload {
  display: none;
}

/* #loginForm .field,
  #regForm .field,
  #passForm .field,
  .contact-form .field {
    position: relative;
  }

  #loginForm .input,
  #regForm .input,
  #passForm .input,
  .contact-form .input {
    box-shadow: none;
    border-radius: 0;
  }

  #loginForm .case.icon.input,
  #regForm .case.icon.input,
  #passForm .case.icon.input,
  #loginForm .case.labeled.input,
  #regForm .case.labeled.input,
  #passForm .case.labeled.input,
  .contact-form .case.input {
    background-color: transparent;
  }

  .contact-form .case.input.focus {
    box-shadow: none !important;
  }

  #loginForm input,
  #regForm input,
  #passForm input,
  #case_form.contact-form input,
  #case_form.contact-form textarea {
    box-shadow: none;
    border-bottom: 0.0625rem solid #d8d8d8;
    height: 1.875rem;
    padding-bottom: 0.3125rem;
    padding-top: 0.375rem;
    text-align: left;
    border-radius: 0;
    padding-left: 0;
    background-color: transparent;
    background: transparent !important;
    z-index: 20;
    font-size: 1rem;
  }

  #loginForm input:hover,
  #regForm input:hover,
  #passForm input:hover,
  .contact-form input:hover {
    border-bottom: 0.0625rem solid black;
  }

  #loginForm label,
  #regForm label,
  #passForm label,
  .contact-form label {
    position: absolute;
    top: 5px;
    z-index: 0;
    transition: transform 0.3s;
    cursor: text;
    line-height: 1.125rem;
    max-width: 100%;
    text-overflow: ellipsis;
    transform-origin: left;
    white-space: nowrap;
    font-size: 1rem !important;
    color: #000 !important;
  }

  #loginForm label i,
  #regForm label i,
  #passForm label i,
  .contact-form label i {
    color: #000;
    margin-right: 8px;
  }

  #loginForm .focus label,
  #regForm .focus label,
  #passForm .focus label,
  .contact-form .focus label {
    transform: translateY(-18px) scale(0.7);
  } */

ul.account-nav li {
  border-top: 1px solid #d8d8d8;
}

ul.account-nav li {
  padding-top: 0.8rem !important;
  margin-bottom: 0.8rem !important;
}

ul.account-nav li a {
  padding: 0 !important;
  font-weight: 300 !important;
  justify-content: space-between;
  width: 100%;
}

ul.account-nav li a::before {
  background-color: transparent !important;
}

.club-wrapper {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
}

.club-wrapper .club-card p {
  text-align: center;
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 1rem 0;
}

.club-progress-bar {
  width: 100%;
  height: 10px;
  border-radius: 10px;
  background-color: #d8d8d8;
}
.club-progress-bar-filled {
  width: 25%;
  height: 10px;
  border-radius: 10px;
  background-color: #000;
  position: absolute;
  transform: translateY(-10px);
}

.club-wrapper .club-card .club-card-checkbox {
  background-color: #d8d8d8;
  padding: 0.1rem 0.4rem;
  border-radius: 50%;
  text-align: center;
}

.club-wrapper .club-card .club-card-checkbox.active {
  background-color: #000;
}

.css-s9tt3p {
  display: none !important;
}

.footer-top-layer::after {
  content: "";
  width: 100vw;
  height: 63px;
  background-color: #fff;
  position: absolute;
  z-index: 10;
  transform: translateY(-65px);
}
.case.button.white-luxury-outline {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  font-weight: 300 !important;
}
.case.button.white-luxury-outline:hover {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #fff !important;
}

.branch-form-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  column-gap: 1rem;
}

.branch-form-wrapper .branch-form-field {
  position: relative;
  width: 30%;
}

.branch-form-wrapper .branch-form-field select {
  padding: 1rem 1.5rem;
  padding-left: 3.5rem;
  padding-right: 1rem;
  border-radius: 3px;
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.branch-form-wrapper .branch-form-field i {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
}

.branch-form-wrapper .branch-form-field svg,
.branch-form-wrapper .branch-form-field img {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.branch-category-wrapper {
  display: flex;
  justify-content: center;
  column-gap: 1rem;
  margin-top: 2rem;
}

.branch-category-wrapper .branch-category {
  background: rgba(0, 0, 0, 0.04);
  color: #000;
  padding: 0.5rem 1rem;
  border-radius: 20px;
}

.branch-category-wrapper .branch-category.active {
  background: rgba(0, 0, 0, 1);
  color: #fff;
}

.brand-images-blurred-wrapper {
  position: relative;
}

.brand-images-blurred {
  position: absolute;
  filter: blur(4px);
  transition: filter 0.25s linear, transform 0.6s ease-in-out;
}

.brand-images-blurred:hover {
  filter: blur(0);
}

.brand-images-blurred.first {
  left: -5%;
  top: 5%;
  z-index: 200;
}

.brand-images-blurred.second {
  left: 20%;
  top: 10%;
  z-index: 100;
}

.brand-images-blurred.third {
  right: 25%;
  top: 15%;
  z-index: 400;
}

.brand-images-blurred.fourth {
  right: -3%;
  top: 10%;
  z-index: 300;
}
.case.full.cards .card {
  transition: all 0.2s ease-in-out;
}
.case.full.cards .card:not(.no-hover):hover {
  transform: scale(1.03);
  border: 1px solid rgba(0, 0, 0, 0.4) !important;
}

div#carousel-custom-dots {
  display: flex;
  flex-direction: column;
  padding: 2px 0;
  padding-bottom: 10px;
  margin: auto;
  width: 100%;
  width: fit-content;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -7%;
  row-gap: 8px;
}

div#carousel-custom-dots button {
  height: 55px;
  display: block;
  text-transform: uppercase;
  color: #ccc;
  font-size: 11px;
  letter-spacing: 1px;
  cursor: pointer;
  border: 1px solid transparent;
  background-color: transparent;
}
div#carousel-custom-dots button img {
  height: 100%;
  width: fit-content;
}

div#carousel-custom-dots button.active {
  border: 1px solid black;
}

div#carousel-custom-dots button:hover {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

div#carousel-custom-dots button:focus {
  border: 1px solid black !important;
}
.abcRioButton.abcRioButtonLightBlue {
  width: 100% !important;
  border: 1px solid black;
}

.lookup-button {
  padding: 0.1rem 0.3rem;
  background-color: #000;
  border: 1px solid black;
  border-radius: 20px;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1000;
  cursor: pointer;
  visibility: hidden;
}

.case.full.cards .card:not(.no-hover):hover .lookup-button {
  visibility: visible;
}

.case.quick-preview-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  background-color: #fff;
  z-index: 10001;
  padding: 1rem 3rem;
  width: 70%;
  border-radius: 10px;
}

.case.quick-preview-popup-back {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10000;
}
.quick-preview-popup .quick-preview-popup-close {
  cursor: pointer;
}
.quick-preview-popup .quick-preview-popup-close i {
  font-size: 2rem;
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 10px;
}

.color-var.active {
  border: 5px solid black !important;
}

.g-signin2 span {
  font-size: 1rem;
  color: #000;
}

header span.header-cart-widget {
  position: absolute;
  right: -10px;
  top: -6px;
  padding: 0.1rem 0.3rem;
  background-color: #212121;
  color: #fff !important;
  border-radius: 50%;
}

#searchContainer {
  top: 0 !important;
  z-index: 10000;
}

.white-important {
  color: #fff !important;
}

.blog-cat-active {
  color: #000 !important;
  font-weight: 400 !important;
}

.perfumers-space .perfumers-wrapper {
  display: flex;
  flex-direction: row;
  column-gap: 2rem;
  justify-content: center;
}

.perfumers-space .perfumer {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.perfumers-space .perfumer img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 1rem;
}

.perfumer-profile {
  background-image: url("/uploads/gift-carousel-back.png");
  padding-top: 4rem;
  padding-bottom: 4rem;
  text-align: center;
}
.perfumer-profile img {
  max-width: 200px;
  border-radius: 50%;
  margin-bottom: 1.5rem;
  border: 1px solid #000;
}

.home-categories .content,
.home-categories .content h6 {
  margin: auto;
}

.home-categories .content h6 {
  font-size: 16px;
  color: #000;
}

.home-categories .case.basic.simple.icon.attached.message {
  border: 1.5px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding: 0.5rem;
  padding-right: 1rem;
}

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

.brand-page-banner {
  position: relative;
}

.brand-page-banner .brand-page-banner-overlay {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
/* .brand-page-banner .content {
    position: absolute;
    top: 65%;
    transform: translate(-50%, -50%);
    left: 50%;
    padding: 1rem;
    border-radius: 10px;
    z-index: 2;
  } */
.brand-page-banner .content {
  transform: translateY(-110%);
  padding: 1rem;
  border-radius: 10px;
}
.brand-page-banner .content * {
  color: #fff;
  font-size: 1rem;
}

.brand-page-banner-no-image .content * {
  color: var(--dark-color);
  font-size: 1rem;
}

.brand-page-banner-no-image .content h2 {
  color: var(--primary-color);
}

.brand-page-banner .content .brand-categories {
  margin-top: 2rem;
}
.brand-page-banner .content .brand-categories a p {
  border-bottom: 1px solid #fff;
  margin-right: 5px;
}
.brand-page-banner .content .brand-categories a p {
  font-size: 0.9rem;
}

.shopVariantName {
  font-size: 16px;
  color: #000;
  display: inline-block;
}

.shop-filter-bar {
  margin-bottom: 100px;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 0.5rem 0;
}

.shop-filter-bar .case-grid {
  text-align: end;
}

.shop-filter-bar select {
  border: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-align: center;
}

.clarins-category-button {
  font-size: 0.9rem;
  text-decoration: underline;
  color: var(--dark-color);
  text-align: left;
}

#brand-list-page .row {
  justify-content: start;
}

#brand-list-page .row .col-sm-3 {
  width: 25%;
}

#brand-list-page h2 {
  color: #000;
}

.case-grid.home-brands-hover img {
  cursor: pointer;
  transition: transform 0.4s ease;
}

.case-grid.home-brands-hover img:hover {
  transform: scale(1.05);
  z-index: 10;
}

.eapps-instagram-feed {
  min-height: 796px !important;
}

.header-account-button,
.header-add-balance-button {
  padding: 4px 10px;
  border-radius: 12px;
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: #fefefe;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: center;
}

.header-account-button:hover,
.header-add-balance-button:hover {
  background-color: transparent;
  color: var(--primary-color);
}

footer .footer-title {
  font-size: 14px;
  font-weight: 300;
  line-height: 19.5px;
  letter-spacing: 0.04em;
  color: #fefefec5;
  margin-bottom: 16px;
}
footer .footer-link-wrapper {
  margin-bottom: 14px;
}
footer .footer-link {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  color: #fefefe;
}

.faq-container-first {
  background-color: #e3eeff;
  padding: 64px 31px 112px 31px;
  border-radius: 20px;
}

.faq-container-first h3.title {
  font-size: 64px;
  font-weight: 600;
  line-height: 78.02px;
  text-align: left;
  color: #1d6ada;
}

.faq-container-first p {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: left;
  margin-top: 50px;
  color: #022466;
}

.faq-container-first a {
  margin-top: 50px;
  padding: 8px 24px;
  border-radius: 120px;
  border: 1px solid #1d6ada;
  color: #1d6ada;
  background-color: transparent;
  display: inline-flex;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  align-items: center;
}

.faq-container-first a img {
  width: 32px;
  margin: auto 0;
  margin-right: 5px;
}

.case.accordion section h6.summary a {
  padding: 12px 0px 12px 0px;
  padding-right: 12%;
  gap: 16px;
  opacity: 0px;
  color: #022466;
  font-size: 16px;
  font-weight: 500;
  line-height: 24.38px;
  letter-spacing: 0.04em;
  text-align: left;
  border-bottom: 0.5px solid #e3eeff;
}

.case.accordion section .details {
  padding: 16px 0;
}

.case.accordion section .details p,
li,
ul {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  color: #022466;
}

ul {
  list-style-type: circle;
}

.modal-background {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
}

.modal::-webkit-scrollbar {
  display: none;
}

.registration.modal,
.company-registration.modal,
.welcome.modal,
.esim-info.modal,
.pass-reset.modal,
.add-balance.modal,
.add-number.modal,
.profile-image.modal,
.e-sim-name.modal,
.package-quick-buy.modal,
.authorization.modal {
  position: relative;
  padding: 32px 64px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10001;
  background-color: #fff;
  border-radius: 40px;
  box-shadow: 0px 4px 4px 0px #b1b0b040;
  max-width: 856px;
  max-height: 90vh;
  overflow-y: scroll;
}

.registration.modal .close-modal,
.company-registration.modal .close-modal,
.pass-reset.modal .close-modal,
.welcome.modal .close-modal,
.esim-info.modal .close-modal,
.authorization.modal .close-modal,
.package-quick-buy.modal .close-modal,
.e-sim-name.modal .close-modal,
.profile-image.modal .close-modal,
.add-balance.modal .close-modal,
.add-number.modal .close-modal {
  position: absolute;
  top: 32px;
  right: 32px;
  cursor: pointer;
}

.registration-modal-title,
.authorization-modal-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 21.94px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #022466;
  margin-top: 18px;
  margin-bottom: 32px;
}

.registration.modal .modal-lang-dropdown,
.company-registration.modal .modal-lang-dropdown,
.pass-reset.modal .modal-lang-dropdown,
.authorization.modal .modal-lang-dropdown {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #022466;
}

#backToLogin,
#passreset {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  color: #1d6ada;
  margin-top: 12px;
  margin-bottom: 12px;
}

form .input-error {
  margin-top: 12px;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
  color: #eb3636;
  padding: 0 16px;
}

.pass-reset.modal .content,
.welcome.modal .content {
  text-align: center;
}

.pass-reset.modal .title,
.esim-info.modal .title,
.welcome.modal .title {
  padding-top: 24px;
  font-size: 32px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #022466;
  margin-bottom: 54px;
}

.pass-reset.modal .description,
.esim-info.modal .description,
.welcome.modal .description {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: center;
  color: #979797;
}

h2.contact-form-title {
  font-size: 45px;
  font-weight: 600;
  line-height: 54.86px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #1d6ada;
  margin-bottom: 32px;
}

p.contact-form-desc {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: left;
  margin-bottom: 88px;
}

.contact-item {
  display: flex;
  margin-bottom: 64px;
}

.contact-item .image-wrapper {
  margin-right: 16px;
}
.contact-item .text-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.contact-item .text-wrapper .item-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #1d6ada;
  margin-bottom: 8px;
}

.contact-item .text-wrapper .item-desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
}

.contact-faq-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 39.01px;
  letter-spacing: 0.04em;
  text-align: center;
  margin-bottom: 64px;
}

.faq-plugin #context {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2%;
}

.faq-plugin .case.accordion {
  width: 49%;
}

.iti.iti--allow-dropdown {
  width: 100%;
}

.cart-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 39.01px;
  letter-spacing: 0.04em;
  text-align: center;
  margin: 0;
  margin-bottom: 64px;
}

.cart-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 9px 11px;
  position: relative;
  background-image: url("/uploads/images/cart-e-sim-form.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  width: 31%;
  height: 144px;
}

.cart-item .country {
  display: flex;
  justify-content: space-between;
}

.cart-item .country .name {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.04em;
  margin-right: 3px;
  color: #022466;
}

.cart-item .content .price {
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.04em;
  color: #1d6ada;
  margin: 0;
}

.cart-item .content .period {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  color: #022466;
  margin: 0;
}

.cart-item .trash {
  position: absolute;
  bottom: 6px;
  right: 6px;
}

#shop .coupon-code label {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: #022466;
}

#shop .coupon-code input {
  padding: 10px 16px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #022466;
  border: 1px solid #e3eeff;
  margin-top: 12px;
  margin-bottom: 24px;
}

.globalcell.divider {
  height: 1px;
  width: 100%;
  background-color: #1d6ada;
}

.globalcell.dashed.divider {
  width: 100%;
  background-color: transparent;
  border-top: 1px dashed #1d6ada;
}

#shop .product-list {
  margin-top: 12px;
  margin-bottom: 20px;
}

#shop .product-list .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

#shop .product-list .item .name {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: left;
  color: #022466;
  margin: 0;
}

#shop .product-list .item .price {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: right;
  color: #1d6ada;
}

#shop .total-price {
  padding-top: 16px;
  padding-bottom: 8px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}

#shop .total-price .name {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #022466;
}

#shop .total-price .price {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  color: #1d6ada;
}

#shop .payment-options {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}

#shop .payment-options .option {
  padding: 14px 16px;
  border-radius: 4px;
  border: 1px solid #e3eeff;
  width: 259px;
  text-align: center;
}

.saved-cards {
  margin-bottom: 32px;
}

.saved-cards .heading {
  display: flex;
  justify-content: space-between;
  margin-bottom: 34px;
}

.saved-cards .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 21.94px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #1d6ada;
  margin: 0;
}

.saved-cards .content {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}

.saved-cards .content .item {
  display: flex;
}
.saved-cards .content .text-wrapper {
  margin-left: 8px;
  margin-top: auto;
  margin-bottom: auto;
}
.saved-cards .content .text-wrapper .name {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  color: #022466;
  margin: 0;
}

.saved-cards .content .text-wrapper .desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;

  color: #979797;
}

.new-card-form .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 21.94px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #1d6ada;
  margin-bottom: 24px;
}

.new-card-form label {
  font-size: 18px;
  font-weight: 500;
  line-height: 21.94px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #022466;
  margin-bottom: 12px;
  display: inline-block;
}

#shop .new-card-form input {
  border: 1px solid #e3eeff;
  padding: 16px 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  color: #979797;
  border-radius: 12px;
  /* margin-top: 12px; */
}

.case.checkbox {
  padding-left: 24px;
}
.case.checkbox label {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  color: #022466;
  margin: 0;
}

#shop .new-card-form .cancel-button {
  padding: 8px 24px;
  border-radius: 18px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  color: #1d6ada;
  border: none;
  background: transparent;
  cursor: pointer;
}

#shop .new-card-form .cancel-button:hover {
  text-decoration: underline;
}

#pageCaption .country-info h6.title {
  font-size: 18px;
  font-weight: 700;
  line-height: 21.94px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #fefefe;
  margin-bottom: 24px;
}

#pageCaption .country-info p.text {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #fefefe;
}

#shop .package-item {
  padding: 32px 52px;
  border-top-left-radius: 2px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 2px;
  border: 1px solid #1d6ada;
  position: relative;
  width: 24%;
}

#shop .package-item .add-to-cart {
}

#shop .package-item .package-quick-buy-button {
}

#shop .package-item .period {
  font-size: 20px;
  font-weight: 700;
  line-height: 24.38px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #022466;
  margin-bottom: 12px;
}
#shop .package-item .price {
  font-size: 45px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #1d6ada;
  margin-bottom: 9px;
}
#shop .package-item .price-space {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #1d6ada;
  margin-bottom: 12px;
}
#shop .package-item .sub-price {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #022466;
}

.checkout-back-button {
  position: absolute;
  transform: translateX(-1rem);
  cursor: pointer;
}
#shop .checkout-items .item {
  display: flex;
}
#shop .checkout-items .item .e-sim {
  width: 266px;
  height: 144px;
  background-image: url(/uploads/icons/checkout-e-sim-back.svg);
  background-repeat: no-repeat;
  padding: 22px 49px 22px 16px;
  margin-right: 32px;
}

#shop .checkout-items .item .e-sim .country {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

#shop .checkout-items .item .e-sim .country img {
  margin-right: 8px;
}
#shop .checkout-items .item .e-sim .country .name {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #1d6ada;
}

#shop .checkout-items .item .e-sim .price {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0.04em;
  color: #1d6ada;
  text-align: left;
}

#shop .checkout-items .item .info {
  margin: auto 0;
}

#shop .checkout-items .item .info .first {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.04em;
  text-align: left;
  margin-bottom: 10px;
  color: #1d6ada;
}
#shop .checkout-items .item .info .second {
  font-size: 24px;
  font-weight: 700;
  line-height: 29.26px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #002979;
  margin-bottom: 10px;
}
#shop .checkout-items .item .info .third strong {
  font-size: 28px;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #1d6ada;
}
#shop .checkout-items .item .info .third {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #1d6ada;
}

#shop .e-sim-item {
  width: fit-content;
  background-image: url("/uploads/images/checkout-esim-frame.svg");
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
}

#shop .e-sim-item.fluid {
  background-image: none;
  width: 93%;
}

#shop .e-sim-item a {
  padding: 13px 10px;
  display: flex;
  border-radius: 4px;
}
#shop .e-sim-item.active {
  background-image: url("/uploads/images/checkout-esim-frame-active.svg");
}
#shop .e-sim-item .text-wrapper {
}

#shop .e-sim-item .text-wrapper .name {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
  margin-bottom: 4px;
}
#shop .e-sim-item .text-wrapper .coverage {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: left;
  color: #022446;
}

#shop .e-sim-options .item .circle {
  width: 15px;
  height: 15px;
  background: transparent;
  border: 1px solid #1d6ada;
  border-radius: 50%;
  margin-right: 10.5px;
  margin-left: 22.5px;
  margin-top: auto;
  margin-bottom: auto;
}

#shop .e-sim-options .item.active .circle {
  background: #1d6ada;
}

#shop .e-sim-options .item {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #022466;
}
#shop .e-sim-options .item span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #1d6ada;
  margin-left: 12px;
}

.profile.header-tab {
  padding: 16px 32px;
  border-radius: 20px;
  background-color: #e3eeff;
}

.profile.header-tab .first,
.profile.header-tab .second {
  display: flex;
  margin-bottom: 32px;
}

.profile.header-tab .first .text-wrapper {
  flex: 1;
  margin: auto;
}

.profile.header-tab .first .text-wrapper .id {
  font-size: 16px;
  font-weight: 500;
  line-height: 29.26px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
  margin-bottom: 8px;
}
.profile.header-tab .first .text-wrapper .msisdn {
  font-size: 24px;
  font-weight: 500;
  line-height: 29.26px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
  margin-bottom: 8px;
}
.profile.header-tab .first .text-wrapper .country {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.04em;
  text-align: left;
}

.profile.header-tab .second .text-wrapper {
  flex: 1;
  margin: auto;
}

.profile.header-tab .second .text-wrapper .plan {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
  margin-bottom: 8px;
}
.profile.header-tab .second .text-wrapper .plan span {
  color: #1d6ada;
}

.profile.header-tab .second .text-wrapper .install {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
}

.profile.header-tab .second .text-wrapper .install img {
  margin-right: 9px;
}

.profile.header-tab .third button {
  padding: 4px 64px;
  border-radius: 12px;
  background: #fefefe;
  border: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.04em;
  color: #1d6ada;
}

.profile.header-tab .third button img {
  margin-left: 12px;
  transform: translateY(3px);
}

.profile.header-tab.order-2 {
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.profile.header-tab.order-2 .first {
  flex-direction: column;
}

.profile.header-tab.order-2 .first .text-wrapper {
  margin: 0;
  text-align: start;
}

.profile.header-tab.order-2 .first .data-usage {
  font-size: 24px;
  font-weight: 500;
  line-height: 29.26px;
  letter-spacing: 0.04em;
  color: #022466;
}

.profile.header-tab.order-2 .second .text-wrapper {
  margin-bottom: 0;
}

.profile.header-tab.order-2 .second .text-wrapper .used {
  font-size: 22px;
  font-weight: 500;
  line-height: 29.26px;
  letter-spacing: 0.04em;
  color: #022466;
  margin-bottom: 4px;
}
.profile.header-tab.order-2 .second .text-wrapper .time {
  font-size: 28px;
  font-weight: 400;
  line-height: 48px;
  text-align: center;
  color: #1d6ada;
  margin-bottom: 4px;
}
.profile.header-tab.order-2 .second .text-wrapper .value {
  font-size: 22px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.04em;
  color: #979797;
}
.profile-bar .text-wrapper {
  margin: auto 0;
}
.profile-bar .text-wrapper .username {
  font-size: 32px;
  font-weight: 400;
  line-height: 48px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #022466;
}

.profile-bar .text-wrapper .user_phone {
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #022466;
}

.profile-menu .case.accordion section h6.summary a {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0.04em;
  color: #022466;
  padding: 16px 0;
}

.profile-content .title {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #022466;
  margin-top: 24px;
}

.all-packages-search-wrapper {
  position: relative;
  margin-bottom: 16px;
}
.all-packages-search-wrapper img {
  position: absolute;
  left: 12px;
  top: 12px;
}
input.all-packages-input {
  width: 100%;
  padding: 16px;
  padding-left: 60px;
  border-radius: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
  color: #1d6ada;
  background-color: #f3f8fe;
  border: none;
  margin-bottom: 16px;
}

.all-packages-search-wrapper .countries,
.all-packages-search-wrapper .regions {
  display: flex;
  column-gap: 24px;
  row-gap: 16px;
  padding: 0 12px;
}

.all-packages-search-wrapper .countries .country,
.all-packages-search-wrapper .regions .region {
  padding: 6px 16px;
  border-radius: 20px;
  border: 1px solid #1d6ada;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #1d6ada;
  background: transparent;
  cursor: pointer;
}

.all-packages-search-wrapper .countries .country {
  padding: 4px 32px;
}

.all-packages-search-wrapper .countries .country.active,
.all-packages-search-wrapper .regions .region.active {
  color: #fefefe;
  background: #1d6ada;
}
#shop .all-packages-wrapper {
  row-gap: 64px;
}
#shop .all-packages-wrapper .all-package-item {
  background-image: url("/uploads/images/all-p-package-back.svg");
  background-repeat: no-repeat;
  position: relative;
  padding: 16px 14px;
  min-width: 270px;
  min-height: 150px;
  width: fit-content;
  display: flex;
  flex-direction: column;
}

#shop .all-packages-wrapper .all-package-item .cart-button {
  position: absolute;
  bottom: 6px;
  right: 12px;
}

#shop .all-packages-wrapper .all-package-item .flag {
  width: 40px;
  border-radius: 50%;
  position: absolute;
  top: 11px;
  right: 18px;
}
#shop .all-packages-wrapper .all-package-item .name {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
  margin-bottom: auto;
  max-width: 75%;
}
#shop .all-packages-wrapper .all-package-item .from {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: left;
  color: From;
  margin-bottom: 4px;
}
#shop .all-packages-wrapper .all-package-item .price {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #1d6ada;
}

#shop .all-packages-wrapper .all-package-item .price small {
  font-family: Poppins;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
}
#live-verification {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 105px;
}

#live-verification .container {
  display: flex;
  justify-content: center;
}

#live-verification iframe {
  min-height: 430px;
  min-width: 50%;
}

.registration-tab-wrapper,
.tab-wrapper {
  border-radius: 9px;
  padding: 2px;
  background-color: #1d6ada;
  width: fit-content;
  margin: auto;
  margin-bottom: 32px;
  margin-top: 16px;
  display: flex;
}

.tab-wrapper .country-button,
.tab-wrapper .bundle-button,
.registration-tab-wrapper .personal-registration-button,
.registration-tab-wrapper .company-registration-button {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 13px 40px;
  color: #fefefe;
  border-radius: 7px;
  cursor: pointer;
}

.tab-wrapper .country-button.active,
.tab-wrapper .bundle-button.active,
.registration-tab-wrapper .personal-registration-button.active,
.registration-tab-wrapper .company-registration-button.active {
  background-color: #ffffff;
  color: #022466;
}

.add-new-card-button {
  cursor: pointer;
}

.add-new-card-button:hover {
  text-decoration: underline;
}

.case.view-all.button {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: center;

  color: #fefefe;
  padding: 4px 16px;
  border-radius: 12px;
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
}

.case.view-all.button.white {
  background-color: #fefefe;
  color: var(--primary-color);
  border: 1px solid #fefefe;
}

.popular-countries-container {
  background-color: var(--primary-color);
  padding-top: 76px;
  padding-bottom: 76px;
  background-image: url("/uploads/images/pop-countries.svg");
}

.popular-countries-container h6 {
  font-size: 32px;
  font-weight: 600;
  line-height: 39.01px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #fefefe;
  margin-bottom: 64px;
}

.faq-manager {
  padding-top: 64px;
  padding-bottom: 128px;
}

.faq-manager .faq-title h6 {
  font-size: 32px;
  font-weight: 600;
  line-height: 39.01px;
  letter-spacing: 0.04em;
  text-align: center;
  margin-bottom: 64px;
}

.faq-manager .questions-wrapper .item {
  padding: 32px 64px;
  border-radius: 16px;
  background-color: #f1f5f9;
  margin-bottom: 64px;
}

.faq-manager .questions-wrapper .item .question {
  font-size: 24px;
  font-weight: 700;
  line-height: 29.05px;
  letter-spacing: 0.04em;
  text-align: left;
  margin-bottom: 24px;
}

.faq-manager .questions-wrapper .item .answer {
  font-family: Poppins;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  color: #022466;
}

.partners .title,
.how-to-use .title {
  font-size: 32px;
  font-weight: 600;
  line-height: 39.01px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #1d6ada;
}

.partners .desc {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #022466;
  max-width: 60%;
  margin: 12px auto;
}

.how-to-use {
  margin-top: 64px;
}

.how-to-use .title {
  margin-bottom: 118px;
}

.how-to-use .question {
  font-size: 24px;
  font-weight: 700;
  line-height: 29.26px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #1d6ada;
}

.how-to-use .answer {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
}

.how-to-use-1,
.how-to-use-2 {
  position: relative;
}

.how-to-use-1::before {
  content: url("/uploads/images/how-to-use-1.svg");
  position: absolute;
  right: 0;
  top: -30px;
  z-index: -1;
}

.how-to-use-2::before {
  content: url("/uploads/images/how-to-use-2.svg");
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

#shop h6.checkout-mini-title {
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 21.94px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #1d6ada;
  margin: 0;
}

#stripe {
  cursor: pointer;
  border: 1px solid transparent;
  padding: 0.5rem;
  border-radius: 4px;
}

#stripe:hover {
  border: 1px solid var(--primary-color);
}

#shop .msisdn-list .rand-number-option:nth-child(2) {
  margin-left: -12px;
}

#shop .msisdn-list .rand-number-option {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 2px 12px;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  border-radius: 18px;
  margin: auto;
}

#shop .msisdn-list .rand-number-option.active {
  background-color: var(--primary-color);
  color: #fefefe;
}

.case-grid.not-found-error {
  text-align: center;
}
.case-grid.not-found-error .text {
  font-family: Poppins;
  font-size: 32px;
  font-weight: 400;
  line-height: 48px;
  text-align: center;
  color: var(--primary-color);
}

#dashboard #pageCaption #progressbar {
  color: var(--primary-color);
}
#progressbar .progressbar__label {
  font-size: 2.5rem;
  transform: translate(-50%, 0) !important;
}

#progressbar svg {
  height: 130px;
  width: 220px;
  fill: red;
  stroke: var(--primary-color);
  stroke-width: 15;
  stroke-linecap: round;
  filter: drop-shadow(-3px -2px 5px rgba(255, 255, 255, 0.5));
}

#dashboard .data-usage-gb-left {
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #022466;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10%;
}

#dashboard .data-usage-gb-left span {
  display: block;
  color: #1d6ada;
}

.account-tab-content#e-sim .e-sim-item {
  display: flex;
  justify-content: space-between;
}

.account-tab-content#e-sim .e-sim-item .info {
  display: flex;
}

.account-tab-content#e-sim .e-sim-item .avatar {
  width: 75px;
  height: 75px;
  margin-right: 24px;
}

.account-tab-content#e-sim .e-sim-item .e-sim-name {
  color: #022466;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin: 0;
}

.account-tab-content#e-sim .e-sim-item .e-sim-id {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;

  color: #022466;
}

.account-tab-content#e-sim .e-sim-item .qr img {
  height: 75px;
  width: 75px;
}

.account-tab-content#e-sim .balance-item {
  padding: 16px 32px;
  background-color: #f3f8fe;
  border-radius: 20px;
  margin-top: 24px;
}

.account-tab-content#e-sim .balance-item .balance {
  font-size: 18px;
  font-weight: 600;
  line-height: 21.94px;
  text-align: left;
  color: #022466;
  margin-bottom: 18.5px;
}

.account-tab-content#e-sim .balance-item .data-left {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
}

.account-tab-content#e-sim .balance-item .country {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
}

.account-tab-content#e-sim .balance-item .button-list .add-balance {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.choose-phone-number {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.account-tab-content#e-sim .balance-item .button-list .add-balance svg {
  transform: translateY(6px);
}

.account-tab-content#order-history .order-history-item {
  border: 1px solid #e3eeff;
  padding: 16px 12px;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
}

.account-tab-content#order-history .order-history-item .first .id {
  font-size: 16px;
  font-weight: 500;
  line-height: 19.5px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
  margin-bottom: 8px;
}

.account-tab-content#order-history .order-history-item .first .country {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-align: left;
  color: #022466;
  margin-bottom: 12px;
}

.account-tab-content#order-history .order-history-item .first .plan {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
  margin: 0;
}
.account-tab-content#order-history .order-history-item .first .plan span {
  color: var(--primary-color);
}

.account-tab-content#order-history .order-history-item .first .terms {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
  margin: 0;
}

.globalcell-landing-video-container video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: fill;
  width: 100%;
  height: 100vh;
}

.globalcell-landing-video-container::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1d69da69;
  width: 100vw;
  height: 100%;
  z-index: 1;
}

.globalcell-landing-video-container .case-grid {
  position: relative;
  z-index: 2;
}

.globalcell-landing-video-container .case-grid h1 {
  font-size: 50px;
  font-weight: 600;
  line-height: 75px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #fefefe;
}

.globalcell-landing-video-container .case-grid .all-products-button a {
  color: #fefefe !important;
}

.globalcell-landing-video-container .case-grid .all-products-button {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.64px;
  padding: 6px 16px;
  border-radius: 12px;
  border: 1px solid #fefefe;
  width: fit-content;
  text-align: center;
  margin: auto;
  margin-top: 32px;
}

.globalcell-landing-video-container .case-grid .packages {
  display: flex;
  column-gap: 32px;
}

.globalcell-landing-video-container .case-grid .packages a {
  position: relative;
}

.globalcell-landing-video-container .case-grid .packages a::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: -1;
  border-radius: 16px;
}

.blog-header-section .main-item {
  border-radius: 12px;
  padding: 41px 36px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.blog-header-section .main-item h6 {
  font-size: 32px;
  font-weight: 700;
  line-height: 39.01px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #fefefe;
}

.blog-header-section .secondary-item {
  border-radius: 12px;
  padding: 41px 36px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.blog-header-section .secondary-item h6 {
  font-size: 32px;
  font-weight: 700;
  line-height: 39.01px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #fefefe;
}

.blog-header-section .secondary-item a.read-more {
  color: #fefefe;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 4px 20px;
  background-color: var(--primary-color);
  border-radius: 12px;
  position: absolute;
  bottom: 18px;
  right: 18px;
}

.blog-header-section .latest-blogs {
  background-color: #f3f8fe;
  border-radius: 12px;
  padding: 18px;
}

h2.new-pass-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 39.01px;
  letter-spacing: 0.04em;
  text-align: left;
  color: var(--primary-color);
  margin-bottom: 4px;
}

.blog-header-section .latest-blogs .title {
  font-size: 32px;
  font-weight: 600;
  line-height: 39.01px;
  letter-spacing: 0.04em;
  text-align: left;
  color: var(--primary-color);
  margin-bottom: 4px;
}

.blog-header-section .latest-blogs .desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 17.07px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
  margin-bottom: 90px;
}

.blog-header-section .latest-blogs .blog-items-wrapper {
}

.blog-header-section .latest-blogs .blog-items-wrapper .blog-item {
  padding: 12px 0;
  border-bottom: 1px solid #022466;
}

.blog-header-section .latest-blogs .blog-items-wrapper .blog-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.blog-header-section .latest-blogs .blog-items-wrapper .blog-item:first-child {
  padding-top: 0;
}

.blog-header-section .latest-blogs .blog-items-wrapper .blog-item a {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.blog-header-section .latest-blogs .blog-items-wrapper .blog-item .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 24.38px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
}

.blog-header-section
  .latest-blogs
  .blog-items-wrapper
  .blog-item:first-child
  .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 29.26px;
}

.globalcell-blog-list .card .case.rounded.image img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.globalcell-blog-list .card .content {
  background-color: #f3f8fe;
  padding: 10px 8px !important;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.globalcell-blog-list .card .content span {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #022466;
}

.globalcell-blog-list .card .content h6 a {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.04em;
  margin-top: 12px;
  margin-bottom: 8px;
  color: var(--primary-color);
}

.globalcell-blog-list .card .content p {
  color: #022466;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.04em;
  text-align: left;
  margin: 0;
}

h2.blog-header {
  font-size: 32px;
  font-weight: 600;
  line-height: 39.01px;
  letter-spacing: 0.04em;
  text-align: left;
  color: var(--primary-color);
  margin-bottom: 32px;
  margin-top: 64px;
}

h1.blog-header {
  font-size: 40px;
  font-weight: 700;
  line-height: 78.02px;
  letter-spacing: 0.04em;
  text-align: left;
  margin-bottom: 32px;
}

.blog-body {
  margin-bottom: 128px;
}

.blog-body p {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
  text-align: justify;
}

.blog-discover-more {
  font-size: 32px;
  font-weight: 600;
  line-height: 39.01px;
  letter-spacing: 0.04em;
  text-align: center;
}

#shop .flag {
  height: fit-content;
  max-width: 40px;
}

.case.carousel .owl-stage {
  column-gap: 24px;
}

.privacy-policy p,
.terms p {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
  text-align: left;
  color: #022466;
}

.case-grid.privacy-policy,
.case-grid.terms {
  height: 75vh;
  overflow: scroll;
  border: 1px solid #022446;
  border-radius: 6px;
}

.case-grid.privacy-policy .row.gutters,
.case-grid.terms .row.gutters {
  background-color: rgba(0, 0, 0, 0.02);
  padding: 24px;
}

#news .news-cat-active {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.8px;
  color: #022466;
  position: relative;
}

#news .news-cat {
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.8px;
  color: #022466;
}

#news .cat-border-bottom {
  position: relative;
}

#news .cat-border-bottom::before {
  content: " ";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 6px;
  background-color: #1d6ada33;
  border-radius: 8px;
}

#news .cat-border-bottom .news-cat-active::before {
  content: " ";
  width: 100%;
  position: absolute;
  bottom: -12px;
  left: 0;
  height: 6px;
  background-color: #1d6ada;
  border-radius: 8px;
}

#news .cat-border-bottom .sub .news-cat-active::before {
  content: " ";
  width: 100%;
  position: absolute;
  bottom: -14px;
  left: 0;
  height: 6px;
  background-color: #1d6ada;
  border-radius: 8px;
}

footer .footer-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.04em;
  color: #fefefe;
}

footer .sociel-icon {
  width: 32px;
}

div.user-profile-verified-caption {
  background: #bb0b0b;
  display: inline-block;
  font-size: 13px;
  border-radius: 20px;
  color: #fefefe;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  height: fit-content;
}

div.user-profile-verified-caption.verified {
  background: #2cc9a7;
}

div.user-profile-account-verified-caption a {
  cursor: pointer;
  background: #bb0b0b;
  display: inline-block;
  font-size: 13px;
  border-radius: 20px;
  color: #fefefe;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  height: fit-content;
}

div.user-profile-account-verified-caption.verified a {
  background: #2cc9a7;
}

h2.partnership-categories-header {
  color: var(--primary-color);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.28px;
  margin-bottom: 32px;
}

.partnership-categories-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 64px;
}

.partnership-categories-container .partnership-tab {
  position: relative;
  cursor: pointer;
}

.partnership-categories-container .partnership-tab.active::after {
  content: " ";
  position: absolute;
  height: 12px;
  width: 100%;
  background: var(--primary-color);
  border-radius: 20px;
  bottom: -30px;
  left: 0;
}

.partnership-categories-container .partnership-tab.active {
  display: block;
}

.partnership-categories-container .partnership-tab img {
  width: 175px;
}

.partnership-categories-content-container .partnership-tab-content {
  display: none;
}

.partnership-categories-content-container .partnership-tab-content.active {
  display: block;
}

.partnership-categories-content-container .partnership-tab-content h6 {
  color: #022466;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.partnership-categories-content-container .partnership-tab-content p {
  margin-top: 16px;
  color: #022466;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.case.form.partnership-form {
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 20px;
  background: #f3f8fe;
}

.case.form.partnership-form h6 {
  margin-bottom: 32px;
  color: var(--primary-color);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1.28px;
}

.case.form.partnership-form p.desc {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 32px;
}

.mobile-show {
  display: none;
}

header#header .mobile-absolute-expanded-nav nav.menu .button-menu {
  display: none;
}

header#header .mobile-absolute-expanded-nav {
  display: block;
}

#shop .all-packages-wrapper {
  justify-content: space-between;
  margin-bottom: 32px;
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  header#header.sticky {
    background: transparent;
    padding: 10px;
  }
  .mobile-show {
    display: flex;
    justify-content: end;
  }

  header#header .mobile-absolute-expanded-nav {
    position: absolute;
    width: 100vw;
    height: 50vh;
    top: 100%;
    left: 0;
    padding: 0 10px;
    display: none;
  }

  header#header .mobile-absolute-expanded-nav .row.allign.middle {
    background: #fefefe;
    border-radius: 24px;
  }
  header#header .mobile-absolute-expanded-nav nav.menu {
    min-width: 8rem;
    border-radius: 24px;
    width: 100%;
    border: 1px solid var(--primary-color);
  }

  header#header .mobile-absolute-expanded-nav nav.menu .button-menu {
    display: flex;
    justify-content: space-between;
  }

  #pageCaption {
    padding: 8rem 0 3rem 0;
  }

  #pageCaption .page-header-title {
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.8px;
  }

  .all-packages-search-wrapper .regions {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #shop .all-packages-wrapper {
    justify-content: center;
  }

  footer .footer-partners-section {
    margin-top: 64px;
    text-align: center;
  }

  footer .footer-partners-section .columns,
  footer .footer-partners-section .footer-text {
    text-align: center;
  }

  footer .footer-partners-section .columns .support {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .registration.modal,
  .company-registration.modal,
  .welcome.modal,
  .pass-reset.modal,
  .add-balance.modal,
  .add-number.modal,
  .e-sim-name.modal,
  .package-quick-buy.modal,
  .authorization.modal {
    width: 90%;
    padding: 32px;
  }

  .registration.modal .close-modal,
  .company-registration.modal .close-modal,
  .pass-reset.modal .close-modal,
  .welcome.modal .close-modal,
  .authorization.modal .close-modal,
  .package-quick-buy.modal .close-modal,
  .e-sim-name.modal .close-modal,
  .add-number.modal .close-modal,
  .add-balance.modal .close-modal {
    top: 16px;
    right: 16px;
  }

  #regForm input,
  #companyRegForm input,
  #case_form input,
  #case_form select,
  #case_form textarea,
  #passForm input,
  #addBalanceForm input,
  #addNumberForm input,
  #packageBuyForm input,
  #eSIMNameForm input,
  #loginForm input {
    min-width: 100%;
  }

  #shop .profile-bar {
    flex-direction: column;
  }

  .profile-bar .text-wrapper .username {
    font-size: 24px;
  }

  #shop .profile-menu .case.accordion.account-tab-opener {
    width: 100% !important;
  }

  .account-tab-content#e-sim .e-sim-item {
    width: 100%;
  }

  #shop .package-item {
    width: 100%;
    margin-left: 2rem;
  }

  #shop .row.gutters.align.middle {
    row-gap: 32px;
  }

  #shop .columns.screen-50.mobile-100 {
    border: none !important;
  }

  #shop .e-sim-item {
    width: 100%;
  }

  #shop .e-sim-options.msisdn-list {
    width: 100% !important;
  }

  .globalcell.divider {
    width: 100% !important;
  }

  .cart-item {
    width: 49%;
  }

  .globalcell-landing-video-container .case-grid .packages {
    column-gap: 2%;
    flex-wrap: wrap;
    row-gap: 12px;
  }

  .globalcell-landing-video-container .case-grid .packages a {
    width: 32%;
  }

  .globalcell-landing-video-container .case-grid .packages a img {
    width: 100%;
    height: 100%;
  }

  .globalcell-landing-video-container .case-grid h1 {
    line-height: 48px;
    font-size: 32px;
  }

  .faq-plugin .case.accordion {
    width: 100%;
  }

  .case.accordion section h6.summary a::before {
    width: 12px;
  }

  .partnership-categories-container {
    row-gap: 3rem;
  }
  h4.case.white.text.basic {
    font-size: 24px;
    white-space: normal;
  }

  .case-grid .big.vertical.padding a.case.white.button.spaced {
    margin: auto;
    margin-bottom: 1rem;
  }
  .header-add-balance-button {
    font-size: 12px;
  }

  header .header-element .header-logo {
    width: 124px !important;
    transform: translateY(4px);
  }
}

#shop .packages-coverage-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 128px;
  column-gap: 4%;
  row-gap: 24px;
}

#shop .packages-coverage-wrapper .block {
  width: 16%;
}

#shop .packages-coverage-wrapper .block .title {
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
}

#shop .packages-coverage-wrapper .block img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #shop .packages-coverage-wrapper {
    column-gap: 2%;
  }

  #shop .packages-coverage-wrapper .block {
    width: 49%;
  }
}

#l1 {
  padding-left: 0pt;
  counter-reset: c1 1;
}
#l1 > li > *:first-child:before {
  counter-increment: c1;
  content: counter(c1, decimal) ". ";
  color: black;
  font-family: Sylfaen, serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 12pt;
}
#l1 > li:first-child > *:first-child:before {
  counter-increment: c1 0;
}
#l2 {
  padding-left: 0pt;
  counter-reset: c2 1;
}
#l2 > li > *:first-child:before {
  counter-increment: c2;
  content: counter(c1, decimal) "." counter(c2, decimal) ". ";
  color: black;
  font-family: Sylfaen, serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 12pt;
}
#l2 > li:first-child > *:first-child:before {
  counter-increment: c2 0;
}
#l3 {
  padding-left: 0pt;
}
#l3 > li > *:first-child:before {
  content: "● ";
  color: black;
  font-family: Sylfaen, serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 12pt;
}
#l4 {
  padding-left: 0pt;
  counter-reset: c2 1;
}
#l4 > li > *:first-child:before {
  counter-increment: c2;
  content: counter(c1, decimal) "." counter(c2, decimal) ". ";
  color: black;
  font-family: Sylfaen, serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 12pt;
}
#l4 > li:first-child > *:first-child:before {
  counter-increment: c2 0;
}
#l5 {
  padding-left: 0pt;
}
#l5 > li > *:first-child:before {
  content: "● ";
  color: black;
  font-family: Sylfaen, serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 12pt;
}
#l6 {
  padding-left: 0pt;
  counter-reset: c2 1;
}
#l6 > li > *:first-child:before {
  counter-increment: c2;
  content: counter(c1, decimal) "." counter(c2, decimal) ". ";
  color: black;
  font-family: Sylfaen, serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 12pt;
}
#l6 > li:first-child > *:first-child:before {
  counter-increment: c2 0;
}
#l7 {
  padding-left: 0pt;
}
#l7 > li > *:first-child:before {
  content: "● ";
  color: black;
  font-family: Sylfaen, serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 12pt;
}
#l8 {
  padding-left: 0pt;
  counter-reset: c2 1;
}
#l8 > li > *:first-child:before {
  counter-increment: c2;
  content: counter(c1, decimal) "." counter(c2, decimal) ". ";
  color: black;
  font-family: Sylfaen, serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 12pt;
}
#l8 > li:first-child > *:first-child:before {
  counter-increment: c2 0;
}
#l9 {
  padding-left: 0pt;
  counter-reset: c2 1;
}
#l9 > li > *:first-child:before {
  counter-increment: c2;
  content: counter(c1, decimal) "." counter(c2, decimal) ". ";
  color: black;
  font-family: Sylfaen, serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 12pt;
}
#l9 > li:first-child > *:first-child:before {
  counter-increment: c2 0;
}
#l10 {
  padding-left: 0pt;
  counter-reset: c2 1;
}
#l10 > li > *:first-child:before {
  counter-increment: c2;
  content: counter(c1, decimal) "." counter(c2, decimal) ". ";
  color: black;
  font-family: Sylfaen, serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 12pt;
}
#l10 > li:first-child > *:first-child:before {
  counter-increment: c2 0;
}
#l11 {
  padding-left: 0pt;
}
#l11 > li > *:first-child:before {
  content: "● ";
  color: black;
  font-family: Sylfaen, serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 12pt;
}
#l12 {
  padding-left: 0pt;
  counter-reset: c2 1;
}
#l12 > li > *:first-child:before {
  counter-increment: c2;
  content: counter(c1, decimal) "." counter(c2, decimal) ". ";
  color: black;
  font-family: Sylfaen, serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  font-size: 12pt;
}
#l12 > li:first-child > *:first-child:before {
  counter-increment: c2 0;
}

.choose-number-wrapper {
  padding: 2rem 0;
}

.choose-number-wrapper img {
  position: absolute;
  left: 12px;
  top: 12px;
}

.choose-number-wrapper .numbers-list {
  border-radius: 0 0 12px 12px;
  display: flex;
  flex-wrap: wrap;
  max-height: 325px;
  overflow: hidden;
  overflow-y: overlay;
  row-gap: 12px;
  column-gap: 1%;
}

.choose-number-wrapper .numbers-list .row {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  padding: 1rem;
  transition: 0.6s;
  border: 1px solid var(--primary-color);
  width: 24%;
  border-radius: 20px;
  min-height: 100px;
}

.choose-number-wrapper .numbers-list .row:hover {
  background-color: var(--primary-color);
}

.choose-number-wrapper .numbers-list .row:hover > .number-wrap span {
  color: #f9f9f9;
}

.choose-number-wrapper .numbers-list .row:hover > .number-wrap small {
  color: #f9f9f9;
}

.choose-number-wrapper .numbers-list .row:hover > .number-wrap {
  transform: translateY(-20px);
}

.choose-number-wrapper .numbers-list .row:hover .choose-btn {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  pointer-events: all;
}

.choose-number-wrapper .number-wrap {
  transition: 0.6s;
}

.choose-number-wrapper .number-wrap span {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
}

.choose-number-wrapper .number-wrap small {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
}

.choose-number-wrapper .choose-btn {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  bottom: 16px;
  transform: scale(0);
  transition: 0.6s;
  padding: 2px 8px;
  background-color: #f9f9f9;
  color: #022466;
  border-radius: 8px;
}

.bundle-container .bundle-wrapper {
  width: 100%;
  padding: 16px;
  display: flex;
  justify-content: space-between;
}

.bundle-container .bundle-wrapper .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: 0.04em;
  text-align: center;
  color: #022446;
  position: relative;
  margin: auto;
}

.bundle-container .bundle-wrapper img {
  position: absolute;
  top: -50%;
  z-index: -1;
}

.bundle-container .bundle-wrapper .bundle-package-wrapper {
  column-gap: 1rem;
  display: flex;
  justify-content: space-between;
  flex-grow: 0;
  padding-left: revert-layer;
  margin-left: auto;
}

.bundle-container .bundle-wrapper .bundle-package-wrapper .package {
  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 12px 0px;
  padding: 1rem;
  border-radius: 20px;
}

.bundle-container .bundle-wrapper .bundle-package-wrapper .package .data {
  font-size: 18px;
  font-weight: 500;
  line-height: 33px;
  letter-spacing: 0.04em;
  text-align: left;
  color: var(--primary-color);
}
.bundle-container .bundle-wrapper .bundle-package-wrapper .package .price {
  font-size: 18px;
  font-weight: 500;
  line-height: 33px;
  letter-spacing: 0.04em;
  text-align: left;
  color: #022466;
}

.bundle-container
  .bundle-wrapper
  .bundle-package-wrapper
  .package
  .add-to-cart {
  text-align: center;
}

.bundle-container
  .bundle-wrapper
  .bundle-package-wrapper
  .package
  .add-to-cart
  a {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  text-align: center;
  color: var(--primary-color);
  border-radius: 8px;
  border: 1px solid var(--primary-color);
  padding: 4px 12px;
}

@media screen and (max-width: 768px) {
  .bundle-container .bundle-wrapper {
    flex-direction: column;
    row-gap: 2rem;
  }

  .bundle-container .bundle-wrapper .bundle-package-wrapper {
    flex-direction: column;
    row-gap: 1rem;
    margin-left: 11%;
  }
  .profile-image-container {
    margin-left: auto;
    margin-right: auto !important;
    margin-bottom: 2rem !important;
  }
}

.profile-image-container {
  position: relative;
  overflow: hidden;
  display: flex;
  margin-right: 2rem;
  height: fit-content;
  width: fit-content;
  margin-top: auto;
  margin-bottom: auto;
}

.profile-image-container .profile-image {
  max-width: 128px;
  height: fit-content;
  object-fit: cover;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 20px;
}

.profile-image-container .profile-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 20px;
  font-size: 13px;
  color: #fefefe;
  cursor: pointer;
  text-decoration: underline;
}

.profile-image-container .profile-overlay:hover {
  opacity: 1; /* Show overlay on hover */
}