@import "./nav";
@import "./footer";
@import "./text-animation";
@import "./wysiwyg";
@import "./hero";
@import "./double-columns";
@import "./renderlet";
@import "./google-font";
@import "./error-page";
@import "./career";
@import "./customizedBootstrap";
@import "./product-details";
@import "./product-details";
@import "./small-pages";
@import "./product-filter";
@import "./favorite-list";
@import "./components";
@import "./animations";
@import "./button-styles";
@import "./modell-3d-component";
@import "./breadcrumbs";
@import "./fonts";
@import "./social-media";
@import "./title-and-paragraph";
@import "./edition";
@import "./trendless-edition";
@import "./decorexp";
@import "./news";
@import "./new-accordion";
@import "./about";
@import "./jobs";
@import "./modus";
@import "./printing";
@import "./xelio";
@import "./digital-printing";

:root {
  --ip-blue: #0000ff;
  --ip-black: #000;
  --primary-beige: #dfd1c8;
  --primary-sage: #b3bdb0;
  --secondary-creme: #f3f0e6;
  --secondary-peach: #f0dcd7;
  --secondary-ip-light: #e2e5f5;
  --grey-light-lighter: rgba(250, 250, 250, 1);
  --grey-light-light: rgba(246, 246, 246, 1);
  --grey-light-main: rgba(235, 235, 235, 1);
  --grey-light-dark: rgba(227, 227, 227, 1);
  --grey-light-darker: rgba(205, 205, 205, 1);
  --grey-dark-lighter: rgba(158, 158, 158, 1);
  --grey-dark-light: rgba(114, 114, 114, 1);
  --grey-dark-main: rgba(80, 80, 80, 1);
  --grey-dark-dark: rgba(44, 44, 44, 1);
  --grey-dark-darker: rgba(29, 29, 29, 1);
  --tertiary-yellow-lighter: rgba(254, 236, 204, 1);
  --tertiary-yellow-light: rgba(246, 210, 147, 1);
  --tertiary-yellow-main: rgba(218, 176, 103, 1);
  --tertiary-yellow-dark: rgba(172, 125, 44, 1);
  --tertiary-yellow-darker: rgba(131, 87, 12, 1);
  --tertiary-green-lighter: rgba(169, 174, 166, 1);
  --tertiary-green-light: rgba(140, 147, 136, 1);
  --tertiary-green-main: rgba(112, 120, 107, 1);
  --tertiary-green-dark: rgba(84, 96, 77, 1);
  --tertiary-green-darker: rgba(58, 68, 51, 1);
  --tertiary-red-lighter: rgba(243, 203, 183, 1);
  --tertiary-red-light: rgba(227, 175, 151, 1);
  --tertiary-red-main: rgba(204, 147, 120, 1);
  --tertiary-red-dark: rgba(175, 103, 69, 1);
  --tertiary-red-darker: rgba(135, 63, 29, 1);
  --tertiary-blue-lighter: rgba(108, 153, 172, 1);
  --tertiary-blue-light: rgba(64, 123, 147, 1);
  --tertiary-blue-main-values: 39, 88, 108;
  --tertiary-blue-main: rgb(39, 88, 108, 1);
  --tertiary-blue-dark: rgba(16, 64, 84, 1);
  --tertiary-blue-darker: rgba(8, 43, 57, 1);
  --tertiary-green-dark: #54604d;
  --grey-dark-dark: #2c2c2c;
  --basic-black:#1e1e1e;
  --test : "true"
}
.text-ip{
  color: var(--ip-blue)!important;
}
.bg-ip{
  background: var(--ip-blue);
}
p{
  margin: 0px;
}
.responsiveFont{
  font-weight: 700;
  white-space: nowrap;
  line-height: 100%;
  letter-spacing: 0.03em;
}
.statment1{
  font-weight: 300;
  font-size: 180px !important;
  line-height: 100%;
  letter-spacing: 0.03em;

}
.statment1{
  font-weight: 300;
  font-size: 120px !important;
  line-height: 100%;
  letter-spacing: 0.03em;

}
.statment3{
  font-family: "Reckless Neue";
  font-weight: 450;
}
.statment4{
  font-weight: 700;
  word-break: break-all;
  line-height: 92%; 
}
.statment5{
  font-weight: 700;
  line-height: 92%; 
}
.body3{
  font-weight: 400;
  margin-bottom: 32px;
}
body {
  font-family: "Helvetica Neue", "Noto Sans", "sans-serif";
}
body.ru{
  font-family: "Helvetica Neue Cyr","Helvetica Neue", "Noto Sans", "sans-serif";
}
body.zh{
  font-family: "Source Han Sans SC","Helvetica Neue", "Noto Sans", sans-serif;
}
body.ja{
  font-family: "Source Han Sans JP","Helvetica Neue", "Noto Sans", sans-serif;
}
a,
svg {
  color: inherit;
  text-decoration: none;
  -webkit-appearance: none !important;
}
a:hover {
  color: inherit;
}
a.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

h4 {
  font-weight: 400;
  font-size: 18px ;
  line-height: 110%;
  letter-spacing: 0.03em;
}

.headline4 {
  font-weight: 400;
  font-size: 18px ;
  line-height: 110%;
  letter-spacing: 0.03em;
}
.body1 {
  font-weight: 300;
  font-size: 16px ;
  line-height: 140%;
  letter-spacing: 0.03em;
}
.body2 {
  font-weight: 300;
  font-size: 14px ;
  line-height: 130%;
  letter-spacing: 0.03em;
}
.body2 , .body2-bold{
  font-weight: 700;
}

.caption {
  font-weight: 600;
  font-size: 12px ;
  line-height: 130%;
  letter-spacing: 0.03em;
}
.label {
  font-weight: 400;
  font-size: 16px ;
  line-height: 140%;
  letter-spacing: 0.03em;
}
.footnote {
  font-weight: 300;
  font-size: 12px ;
  line-height: 130%;
  letter-spacing: 0.03em;
}
.button {
  font-weight: 600;
  font-size: 14px ;
  line-height: 130%;
  letter-spacing: 0.03em;
}
.container-xxl {
  max-width: 1511px;
}
.container-fluid {
  padding: 0px;
}
.main-nav-menu {
  text-decoration: none;
  -webkit-appearance: none !important;
  color: #fff!important;
  text-transform: uppercase;
}
.main-nav-menu:hover{
  color: #fff;
}
.nav-xl-canvas-font{
  font-size: 26px;
  font-weight: 700;
}
.text-blue {
  color: #57f8ee;
}
.text-blue::after {
  content: "enter";
}
.text-red {
  color: #ff347d;
}
.text-red::after {
  content: "discover";
}
.text-green {
  color: #defd23;
}
.text-green::after {
  content: "explore";
}
.home-text {
  font-size: 190px;
  line-height: 88%;
}
.visibility {
  visibility: hidden;
}
.text-color-white {
  color: #f0f0f0;
  font-weight: 400;
}
.text-color-white:hover {
  color: #ffffff;
  font-weight: 700;
}
.margin-t-100 {
  margin-top: 100px;
}
.width-5 {
  width: 5%;
}
.pimcore_area_hero-component.pimcore_area_content.my-4 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.video-title{
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.video-description{
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.video-badge{
  color: white;
  font-size: 12px;
  font-weight: 700;
  background-color: var(--ip-blue);
  text-transform: uppercase;
  padding: 4px 16px;
}

.right-arrow-animation:hover .arrow-move{
  transform: translate(40%);
  transition: transform  .5s ease-in-out;
}
.left-arrow-animation:hover .arrow-move{
  transform: translate(-40%);
  transition: transform  .5s ease-in-out;
}
.img-animate-container{
  overflow: hidden;
}
.img-animate{
  transition: transform .5s ease-in-out;
}
.img-animate-container:hover .img-animate{
  transform: scale(1.1);
}


.highlight-link a {
  position: relative;
  text-decoration: none; 
  color: inherit; 
  padding-left: 5px;
  padding-right: 5px;
  z-index: 4 !important;
  color: white;
}

.highlight-link a::before {
  content: '';
  bottom: 0;
  position: absolute;
  left: 0;
  width: 100%;
  height: 35%;
  background-color: blue;
  z-index: -1 !important;
}



/* New Font Classes */

.ip-caption{
  font-size: 12px;
  font-weight: 400;
  color: var(--ip-black);
}
.ip-caption-bold{
  font-size: 12px;
  font-weight: 700;
  color: var(--ip-black);
}
.single-tile-disc{
font-family: "Helvetica Neue";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.ip-body{
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  color: var(--ip-black);
}
.ip-body-bold{
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  color: var(--ip-black);
}
.ip-body2{
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--ip-black);
}
.ip-body2-bold{
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--ip-black);
}
.ip-h5{
  font-size: 16px;
  font-weight: 400;
  color: var(--ip-black);
}
.ip-h5-bold{
  font-size: 16px;
  font-weight: 700;
  color: var(--ip-black);
}
.ip-h4{
  font-size: 20px;
  font-weight: 400;
  color: var(--ip-black);
}
.ip-h4-bold{
  font-size: 20px;
  font-weight: 700;
  color: var(--ip-black);
}
.ip-h3{
  font-size: 28px;
  font-weight: 400;
  color: var(--ip-black);
}
.ip-h3-bold{
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--ip-black);
}
.ip-h2{
  font-size: 34px;
  font-weight: 400;
  color: var(--ip-black);
}
.ip-h2-bold{
  font-size: 34px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--ip-black);
}
.ip-h1{
  font-size: 40px;
  font-weight: 400;
  color: var(--ip-black);
}
.bg-img-container{
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Reckless Neue */
.ip-caption-reclessneue{
  font-family: "Reckless Neue";
  font-size: 12px;
  font-weight: 400;
  color: var(--ip-black);
}
.ip-caption-bold-reclessneue{
  font-family: "Reckless Neue";
  font-size: 12px;
  font-weight: 700;
  color: var(--ip-black);
}
.ip-body-reclessneue{
  font-family: "Reckless Neue";
  font-size: 16px;
  font-weight: 400;
  color: var(--ip-black);
}
.ip-body-bold-reclessneue{
  font-family: "Reckless Neue";
  font-size: 16px;
  font-weight: 700;
  color: var(--ip-black);
}
.ip-body2-reclessneue{
  font-family: "Reckless Neue";
  font-size: 12px;
  font-weight: 400;
  color: var(--ip-black);
}
.ip-body2-bold-reclessneue{
  font-family: "Reckless Neue";
  font-size: 12px;
  font-weight: 700;
  color: var(--ip-black);
}
.ip-h5-reclessneue{
  font-family: "Reckless Neue";
  font-size: 16px;
  font-weight: 400;
  color: var(--ip-black);
}
.ip-h5-bold-reclessneue{
  font-family: "Reckless Neue";
  font-size: 16px;
  font-weight: 700;
  color: var(--ip-black);
}
.ip-h4-reclessneue{
  font-family: "Reckless Neue";
  font-size: 20px;
  font-weight: 400;
  color: var(--ip-black);
}
.ip-h4-bold-reclessneue{
  font-family: "Reckless Neue";
  font-size: 20px;
  font-weight: 700;
  color: var(--ip-black);
}
.ip-h3-reclessneue{
  font-family: "Reckless Neue";
  font-size: 28px;
  font-weight: 400;
  color: var(--ip-black);
}
.ip-h3-bold-reclessneue{
  font-family: "Reckless Neue";
  font-size: 28px;
  font-weight: 700;
  color: var(--ip-black);
}
.ip-h2-reclessneue{
  font-family: "Reckless Neue";
  font-size: 36px;
  font-weight: 400;
  color: var(--ip-black);
}
.ip-h2-bold-reclessneue{
  font-family: "Reckless Neue";
  font-size: 36px;
  font-weight: 700;
  color: var(--ip-black);
}
.ip-h1-bold-reclessneue{
  font-family: "Reckless Neue";
  font-size: 40px;
  font-weight: 700;
  color: var(--ip-black);
}
.admin-editor-border{
  border:dashed 1px black;
}
.admin-editor-background{
  background-color: #a5a2a2
}


@media only screen and (max-width: 575px) {
  .statment1{
    font-weight: 300;
    font-size: 90px !important;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .statment2{
    font-weight: 300;
    font-size: 60px !important;
    line-height: 100%;
    letter-spacing: 0.03em;
  
  }
  .statment3{
    font-size: 52px;
    letter-spacing: normal;
    line-height: 55px;
  }
  .statment4{
    font-size: 110px;
    letter-spacing: -2.2px;
  }
  .statment5{
    font-size: 70px;
    letter-spacing:-1.4px;
  }
  .headline1 {
    font-weight: 300;
    font-size: 45px ;
    line-height: 100%;
    letter-spacing: 0.03px;
  }
  .headline2 {
    font-weight: 300;
    font-size: 45px ;
    line-height: 100%;
    letter-spacing: 0.03px;
  }
  .headline3 {
    font-weight: 300;
    font-size: 24px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .body3{
    font-size: 20px;
    margin-bottom: 16px;
  }
  h1 {
    font-weight: 300;
    font-size: 45px ;
    line-height: 100%;
    letter-spacing: 0.03px;
  }
  h2 {
    font-weight: 300;
    font-size: 45px ;
    line-height: 100%;
    letter-spacing: 0.03px;
  }
  h3 {
    font-weight: 300;
    font-size: 24px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .container-padding {
    padding-left: 32px;
    padding-right: 32px;
  }
  .footer-margin {
    margin-left:32px;
    margin-right:32px;
  }
  .video-title{
    font-size: 20px;
  }
  .video-description{
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) {
  .statment1{
    font-weight: 300;
    font-size: 160px !important;
    line-height: 100%;
    letter-spacing: 0.03em;
  
  }
  .statment2{
    font-weight: 300;
    font-size: 105px !important;
    line-height: 100%;
    letter-spacing: 0.03em;
  
  }
  .statment3{
    font-size: 82px;
    letter-spacing: -1.64px;
    line-height: 88px;
  }
  .statment4{
    font-size: 171px;
    line-height: 92%;
    letter-spacing: -3.42px;
  }
  .statment5{
    font-size: 109px;
    letter-spacing: -2.18px;
  }
  .headline1 {
    font-weight: 300;
    font-size: 64px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }

  .headline2 {
    font-weight: 300;
    font-size: 45px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .headline3 {
    font-weight: 300;
    font-size: 34px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .body3{
    font-size: 22px;
  }
  h1 {
    font-weight: 300;
    font-size: 64px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }

  h2 {
    font-weight: 300;
    font-size: 45px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  h3 {
    font-weight: 300;
    font-size: 34px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .container-padding {
    padding-left: 40px;
    padding-right: 40px;
  }
  .footer-margin {
    margin-left:40px;
    margin-right:40px;
  }
  .video-title{
    font-size: 22px;
  }
  .video-description{
    font-size: 16px;
  }

  /* New Font Classes SM*/
  .ip-body2{
    font-size: 14px;
  }
  .ip-body2-bold{
    font-size: 14px;
  }
  .ip-h4{
    font-size: 22px;
  }
  .ip-h4-bold{
    font-size: 22px;
  }
  .ip-h3{
    font-size: 32px;
  }
  .ip-h3-bold{
    font-size: 32px;
  }
  .ip-h2{
    font-size: 38px;
  }
  .ip-h2-bold{
    font-size: 38px;
  }
  .ip-h1{
    font-size: 64px;
  }

  /* Reckless Neue SM*/
  .ip-body2-reclessneue{
    font-size: 14px;
  }
  .ip-body2-bold-reclessneue{
    font-size: 14px;
  }
  .ip-h4-reclessneue{
    font-size: 22px;
  }
  .ip-h4-bold-reclessneue{
    font-size: 22px;
  }
  .ip-h3-reclessneue{
    font-size: 32px;
  }
  .ip-h3-bold-reclessneue{
    font-size: 32px;
  }
  .ip-h2-reclessneue{
    font-size: 40px;
  }
  .ip-h2-bold-reclessneue{
    font-size: 40px;
  }
  .ip-h1-bold-reclessneue{
    font-size: 64px;
  }
}
@media only screen and (min-width: 768px) {

  .statment1{
    font-weight: 300;
    font-size: 140px !important;
    line-height: 100%;
    letter-spacing: 0.03em;
  
  }
  .statment2{
    font-weight: 300;
    font-size: 95px !important;
    line-height: 100%;
    letter-spacing: 0.03em;
  
  }
  .statment3{
    font-size: 94px;
    letter-spacing: -1.88px;
    line-height: 96px;
  }
  .statment4{
    font-size: 218px;
    line-height: 92%;
    letter-spacing: -4.379px;
  }
  .statment5{
    font-size: 139px;
    letter-spacing: -2.78px;
  }
  .headline1 {
    font-weight: 300;
    font-size: 50px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .headline2 {
    font-weight: 300;
    font-size: 45px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .headline3 {
    font-weight: 300;
    font-size: 24px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  h1 {
    font-weight: 300;
    font-size: 50px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  h2 {
    font-weight: 300;
    font-size: 45px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  h3 {
    font-weight: 300;
    font-size: 24px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .container-padding {
    padding-left: 64px;
    padding-right: 64px;
  }
  .footer-margin {
    margin-left:64px;
    margin-right:64px;
  }
  .video-title{
    font-size: 22px;
  }
  .video-description{
    font-size: 16px;
  }

  /* New Font Classes M*/

  .ip-h5{
    font-size: 18px;
  }
  .ip-h5-bold{
    font-size: 18px;
  }
  
  /* Reckless Neue M*/
  .ip-h5-reclessneue{
    font-size: 18px;
  }
  .ip-h5-bold-reclessneue{
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) {
  .statment1{
    font-weight: 300;
    font-size: 160px !important;
    line-height: 100%;
    letter-spacing: 0.03em;
  
  }
  .statment2{
    font-weight: 300;
    font-size: 105px !important;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .statment3{
    font-size: 120px;
    letter-spacing: normal;
    line-height: 115px;
  }
  .statment4{
    font-size: 272px;
    line-height: 250.24px;
    letter-spacing: -5.44px;
  }
  .statment5{
    font-size: 173px;
    letter-spacing: -3.46px;
  }
  .headline1 {
    font-weight: 300;
    font-size: 56px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .headline2 {
    font-weight: 300;
    font-size: 40px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .headline3 {
    font-weight: 300;
    font-size: 34px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  h1 {
    font-weight: 300;
    font-size: 56px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  h2 {
    font-weight: 300;
    font-size: 40px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  h3 {
    font-weight: 300;
    font-size: 34px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .container-padding {
    padding-left: 96px;
    padding-right: 96px;
  }
  .footer-margin {
    margin-left:96px;
    margin-right:96px;
  }
  .video-title{
    font-size: 22px;
  }
  .video-description{
    font-size: 16px;
  }
  .video-badge{
    font-size: 14px;
  }

  /* New Font Classes LG*/

  .ip-caption{
    font-size: 14px;
  }
  .ip-caption-bold{
    font-size: 14px;
  }
  /* Reckless Neue LG */

  .ip-caption-reclessneue{
    font-size: 14px;
  }
  .ip-caption-bold-reclessneue{
    font-size: 14px;
  }
  .ip-h1-bold-reclessneue{
    font-size: 72px;
  }
  .ip-h1{
    font-size: 72px;
  }
}
@media only screen and (min-width: 1200px) {
  .statment1{
    font-weight: 300;
    font-size: 180px !important;
    line-height: 100%;
    letter-spacing: 0.03em;
  
  }
  .statment2{
    font-weight: 300;
    font-size: 120px !important;
    line-height: 100%;
    letter-spacing: 0.03em;
  
  }

  .headline1 {
    font-weight: 300;
    font-size: 64px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .headline2 {
    font-weight: 300;
    font-size: 45px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .headline3 {
    font-weight: 300;
    font-size: 42px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .body3{
    font-size: 26px;
  }
  h1 {
    font-weight: 300;
    font-size: 64px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  h2 {
    font-weight: 300;
    font-size: 45px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  h3 {
    font-weight: 300;
    font-size: 42px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .video-title{
    font-size: 22px;
  }
  .video-description{
    font-size: 16px;
  }

  /* New Font Classes XL*/

  .ip-body{
    font-size: 18px;
  }
  .ip-body-bold{
    font-size: 18px;
  }
  .ip-body2{
    font-size: 16px;
  }
  .ip-body2-bold{
    font-size: 16px;
  }
  .ip-h5{
    font-size: 22px;
  }
  .ip-h5-bold{
    font-size: 22px;
  }
  .ip-h4{
    font-size: 26px;
  }
  .ip-h4-bold{
    font-size: 26px;
  }
  .ip-h3{
    font-size: 40px;
  }
  .ip-h3-bold{
    font-size: 40px;
  }
  .ip-h2{
    font-size: 50px;
  }
  .ip-h2-bold{
    font-size: 50px;
  }

  /* Reckless Neue XL*/

  .ip-body-reclessneue{
    font-size: 18px;
  }
  .ip-body-bold-reclessneue{
    font-size: 18px;
  }
  .ip-body2-reclessneue{
    font-size: 16px;
  }
  .ip-body2-bold-reclessneue{
    font-size: 16px;
  }
  .ip-h5-reclessneue{
    font-size: 22px;
  }
  .ip-h5-bold-reclessneue{
    font-size: 22px;
  }
  .ip-h4-reclessneue{
    font-size: 26px;
  }
  .ip-h4-bold-reclessneue{
    font-size: 26px;
  }
  .ip-h3-reclessneue{
    font-size: 40px;
  }
  .ip-h3-bold-reclessneue{
    font-size: 40px;
  }
  .ip-h2-reclessneue{
    font-size: 54px;
  }
  .ip-h2-bold-reclessneue{
    font-size: 54px;
  }
  .ip-h1-bold-reclessneue{
    font-size: 76px;
  }
  .ip-h1{
    font-size: 76px;
  }
}
@media only screen and (min-width: 1512px) {
  .statment1{
    font-weight: 300;
    font-size: 200px !important;
    line-height: 100%;
    letter-spacing: 0.03em;
  
  }
  .statment2{
    font-weight: 300;
    font-size: 150px !important;
    line-height: 100%;
    letter-spacing: 0.03em;
  
  }

  .headline1 {
    font-weight: 300;
    font-size: 64px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .headline2 {
    font-weight: 300;
    font-size: 45px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .headline3 {
    font-weight: 300;
    font-size: 42px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  h1 {
    font-weight: 300;
    font-size: 100px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  h2 {
    font-weight: 300;
    font-size: 64px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  h3 {
    font-weight: 300;
    font-size: 65px ;
    line-height: 100%;
    letter-spacing: 0.03em;
  }
  .video-title{
    font-size: 26px;
  }
  .video-description{
    font-size: 18px;
  }
}

.g-32 {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 32px;
}

.g-xl-32{
  @media (min-width: 1200px) {
      --bs-gutter-x: 32px;
      --bs-gutter-y: 32px;
  }
}

.gx-xl-32{
  @media (min-width: 1200px) {
      --bs-gutter-x: 32px;
  }
}

.gy-xl-32{
  @media (min-width: 1200px) {
      --bs-gutter-y: 32px;
  }
}

.gy-40{
  --bs-gutter-y: 40px;
}

.gy-48{
  --bs-gutter-y: 48px;
}

.gy-xs-32{
  @media (max-width: 575.98px) {
      --bs-gutter-y: 32px;
  }
}

.w-sm-75{
  @media (min-width: 576px) {
      width: 75% !important;
  }
}

.w-md-50{
  @media (min-width: 768px) {
      width: 50% !important;
  }
}

.w-lg-25{
  @media (min-width: 992px) {
      width: 25% !important;
  }
}