@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jersey+10&display=swap');


@import url(/private/mym_v2/css/styleLightTheme.css);

:root {
   --blue: #007bff;
   --indigo: rgb(153, 10, 227);
   --purple: rgb(111, 66, 193);
   --pink: #e83e8c;
   --red: #dc3545;
   --orange: #fd7e14;
   --yellow: #ffc107;
   --green: #28a745;
   --teal: #20c997;
   --cyan: #17a2b8;
   --white: #fff;
   --black: #000000;
   --danger: red;
   --gray: #6c757d;
   --dark-text-color: #8d949d;
   --bg-dark: #0d1117;
   --dark-border-color: rgb(34, 38, 44);
   --dark-purple: #11011B;
   --dark-top-bar-bg: rgb(22, 25, 30);
   --light-black: rgb(51, 51, 51);
   --light-gray: rgb(241, 241, 241);
   --gray-dark: #343a40;
   --primary: #007bff;
   --secondary: #6c757d;
   --success: #28a745;
   --info: #17a2b8;
   --light: #f6f6f6;
   --dark-blue: rgb(28, 35, 45);
   --dark: #343a40;
   --purple-dark-border: rgba(190, 60, 238, 0.3);
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
   --breakpoint-md: 768px;
   --breakpoint-lg: 992px;
   --breakpoint-xl: 1200px;
   --qr-code0mym: "/../private/icons/icons/Qr_Code_mymoldcell.svg";
   --giftbox: "GiftBox";
   --grid-background: linear-gradient(135deg, rgba(0,0,0, 0.2), rgba(190, 60, 238, 0.2));
   --blue-gradient: linear-gradient(130deg, rgb(6, 8, 63	) 0%, rgb(77, 111, 150));
   --promo-section-bg: linear-gradient(130deg, var(--purple)0%, var(--indigo));
   /*# 240339*/
}

.theme-toggle {
   background-color: var(--accent-color);
   color: var(--text-color);
   padding: 8px 16px;
   border-radius: 8px;
   cursor: pointer;
   transition: background-color 0.3s;
}

.theme-toggle:hover {
   background-color: var(--dark-primary);
}


::-webkit-scrollbar {
   width: 8px;
}

::-webkit-scrollbar-track{
   background: var(--gray-dark);
}

::-webkit-scrollbar-thumb {
   background: var(--purple);
   border-radius: 12px;
   cursor: pointer;
 }

::-webkit-scrollbar-thumb:hover{
   background: var(--indigo);
}

* {
   scrollbar-width: thin;
   scrollbar-color: var(--purple) var(--gray-dark); 
}

body{
   scroll-behavior: smooth!important;
   margin: 0px;
   background: var(--bg-dark);
   padding: 0px!important;
   color: var(--light-gray);
   width: 100%;
   max-width: 100vw!important;
   font-weight: 300;
   font-family: "Roboto", sans-serif;
   font-weight: 300;
   font-style: normal;
   position: relative;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   overflow-x: hidden;
}

.main-content{
   margin: auto;
   padding: 0px;
   width: 100%;
   max-width: 1400px;
   height: auto;
   box-sizing: border-box;
}

@media (width < 992px){
   body{
      padding: 0px!important;
      max-width: 100vw!important;
   }

   .main-content{
      padding: 0px;
   }

   p.desc{
      margin: 0px 0px 24px 0px!important;
   }
}


nav ul {
   background-color: rgba(241, 241, 241, 0.2);
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 18px;
   padding: 12px;
   margin: 24px auto;
   width: fit-content;
   max-width: 1000px;
   border-radius: 44px;
   box-sizing: border-box;
   backdrop-filter: blur(4px);
}

nav ul li {
   background-color: var(--white);
   padding: 18px 32px;
   border-radius: 32px;
   cursor: pointer;
   color: var(--light-black);
   font-weight: 500;
   display: flex;
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
   white-space: nowrap;
   flex: 1;
   box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}

nav ul li:hover {
   background-color: var(--indigo);
   color: var(--white);
}

nav ul li.active {
   background-color: var(--purple);
   color: var(--white);
}

li a::before {
   content: "";
   display: inline-block;
   width: 24px;
   height: 24px;
   background-position: center !important;
   background-size: 18px 18px !important;
   background-repeat: no-repeat !important;
   margin-right: 8px;
   border-radius: 50%;
}

li a.giftbox::before {
   background: url(/private/mym_v2/icons/nav/giftBox.svg);
}

li a.myOptions::before{
   background: url(/private/mym_v2/icons/nav/myOptions.svg);
}

li a.possibilities::before{
   background: url(/private/mym_v2/icons/nav/possibilities.svg);
}


li a.myNumbers::before{
   background: url(/private/mym_v2/icons/nav/myNumbers.svg);
}

nav svg{
   fill: var(--pink);
}

nav a {
   text-decoration: none;
   color: inherit;
   display: flex;
   align-items: center;
}

@media (max-width: 992px) {
   nav {
      position: fixed; 
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%; 
      max-width: 100vw;
      box-sizing: border-box;
      padding: 14px 8px 20px 8px; 
      z-index: 2;
   }

   nav ul {
      display: flex;
      justify-content: center;
      padding: 8px; 
      margin: 0;
      max-width: 96%;
      box-sizing: border-box;
      margin: auto;
      gap: 8px;
      box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
   }

   nav ul li {
      padding: 8px; 
      flex: 1; 
      min-width: 80px;
      max-width: 25%;
   }

   nav ul li span {
      font-size: 8px;
      font-weight: 300;
      white-space: normal;
   }

   nav ul li a::before {
      margin-right: 0;
      width: 20px; 
      height: 20px;
   }

   nav ul li a {
      display: flex;
      flex-direction: column;
      gap: 4px; 
   }

   h2{
      font-size: 22px!important;
   }
}

h1{
   font-weight: 500;
   font-size: 64px;
   line-height: 100%;
}

h2{
   font-weight: 500;
   font-size: 40px;
   line-height: 100%;
}

h3{
   font-weight: 400;
   font-size: 24px;
   line-height: 100%;
}

.m-0{
   margin: 0;
}

p{
   font-size: 22px;
}


.col{
   max-width: 100%;
   width: 100%;
   box-sizing: border-box;
   padding: 0;
   display: flex;
   flex-direction: column;
}

.row{
   max-width: 100%;
   box-sizing: border-box;
   padding: 0;
   display: flex;
}

.app-download{
   display: none;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   border: solid 1px var(--white);
   gap: 12px;
   padding: 12px 36px;
   text-decoration: none;
   box-sizing: border-box;
   color: var(--white)!important;
   border-radius: 36px;
   cursor: pointer;
   transition: all 0.3s ease;
}

.app-download:hover{
   background-color: #11011B;
}

.app-download img{
   width: 24px;
   height: 24px;
}

.rounded{
   border-radius: 12px;
}

.bg-text-block{
   position: absolute;
   text-align: left;
   line-height: 100%;
}

.bg-text-block p{
   margin: 0;
   line-height: 100%;
}

p.s{
   font-size: 24px;
   font-weight: 300;
   margin: 0;
}

p.b{
   font-size: 52px;
   font-weight: 600;
   margin: 0;
}

p.cta{
   font-size: 32px;
   color: var(--white);
   font-weight: 500;
   background-color: none;
   padding: 0;
   text-transform: none;
   margin: 0px 0px 12px 0px!important;
   border-radius: 12px;
}

p.desc{
   font-size: 18px!important;
   color: var(--dark-text-color);
   font-weight: 300;
   margin: 0px 0px 32px 0px!important;
}

.bg-text-block:first-child{
   top: 12px;
   left: 12px;
}

.bg-text-block:last-child{
   text-align: right;
   bottom: 12px;
   right: 12px;
}

.badge-section{
   display: flex;
   position: absolute;
   align-items: center;
   justify-content: center;
   flex-direction: row!important;
   gap: 12px!important;
   bottom: 12px;
   right: 12px;
}

.badge{
   background-color: rgba(0, 0, 0, 0.2);
   border: solid 1px rgba(256, 256, 256, 0.2);
   padding: 8px 24px;
   line-height: 100%;
   border-radius: 12px;
   font-size: 18px;
   box-sizing: border-box;
   cursor: pointer;
   transition: all 0.3s ease;
   color: var(--gray);
   box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}

.badge:hover,
.badge.reacted{
   background-color: var(--indigo);
   color: var(--white);
}

.badge::content:hover{
   scale: 1.01;
}

.bubble {
   position: fixed;
   border-radius: 50%;
   background: radial-gradient(circle, rgba(255,255,255,0.8), rgba(255,255,255,0.1));
   animation: moveBubbles 20s linear infinite, flicker 3s infinite;
}

@keyframes moveBubbles {
   0% {
      transform: translate(0, 0);
   }
   100% {
      transform: translate(calc(100vw * var(--random-x)), calc(100vh * var(--random-y)));
   }
}

.slider-section{
   width: 90vw;
   max-width: 1400px;
   box-sizing: border-box;
   position: relative;
   height: auto;
   overflow: hidden;
   margin: auto;
   padding: 24px;
   background: linear-gradient(135deg, rgba(0,0,0, 0.2), rgba(190, 60, 238, 0.2));
   border-radius: 16px;
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(5px);
   -webkit-backdrop-filter: blur(5px);
   border: 1px solid var(--dark-border-color);
}

 .swiper-container {
   width: 100%;
   max-width: 1200px;
   height: auto;
   margin: auto;
   padding: 20px;
 }

 .swiper-slide {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 8px!important;
   background: linear-gradient(135deg, rgba(52,58,64,1) 0%, rgba(36, 36, 36, 0.696) 100%);
   border-radius: 16px;
   box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
   text-align: left;
   position: relative;
   height: 700px; 
   padding: 12px;
   box-sizing: border-box;
 }

 .swiper-slide h3{
   color: var(--white);
 }

 .swiper-slide .badge-icon{
   box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
   border-radius: 50%;
 }

 .swiper-slide p{
   color: var(--gray);
   font-size: 18px;
 }
 
 .slider-content{
   margin: 12px!important;
 }

 .swiper-pagination{
   bottom: 10px!important;
   z-index: 1;
 }
 @media (max-width: 768px) {
   .swiper-slide {
     height: 600px; 
   }

   .swiper-slide img.screen{
      max-width: 80px;
   }

   .swiper-pagination-bullet {
     width: 10px;
     height: 10px;
   }

   .badge{
      font-size: 10px!important;
   }

   .swiper-button-next,
   .swiper-button-prev{
      display: none;
   }

   .p-2{
      padding: 12px;
   }

   p.b{
      font-size: 46px;
   }

   p.cta{
      font-size: 24px;
      margin: 40px 0px 0px 0px;
   }
   
   p.desc{
      font-size: 16px!important;
   }
   
 }
 .swiper-pagination-bullet {
   background-color: var(--gray);
   opacity: 1;
   transition: background-color 0.3s ease;
   z-index: 1;
 }

 .swiper-pagination-bullet-active {
   background-color: var(--indigo); 
 }

 .swiper-button-next,
 .swiper-button-prev {
   color: var(--pink);
 }

 .swiper-slide img.screen{
   max-width: 90%;
   width: auto;
   height: auto;
   aspect-ratio: 0.616;
 }

 .swiper-slide .badge-icon{
   position: absolute;
   top: 12px;
   left: 12px;
   width: 40px;
   height: 40px;
 }

 .swiper-slide .badge-icon img{
   width: 100%;
   height: 100%;
 }

 .p-2{
   padding: 20px;
 }

 @keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.hover-effect {
   --x: 0;
   --y: 0;
   position: relative;
   overflow: hidden;
   border-radius: 16px;
}

.hover-effect:before,
.hover-effect:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   border-radius: inherit;
   background: radial-gradient(800px circle at var(--x) var(--y), rgba(153, 10, 227, 0.2), transparent 40%);
   pointer-events: none;
}

.hover-effect:before {
   z-index: -1;
}

.hover-effect:after {
   opacity: 0;
   z-index: -2;
   transition: opacity 0.4s ease;
}

.hover-effect:not(:hover)::before, 
.hover-effect:not(:hover):after {
   opacity: 0!important;
}

.hover-effect:hover:after {
   opacity: 1;
}

::selection {
   background-color: var(--black); 
   color: var(--pink);  
}

::-moz-selection {
   background-color: var(--black);
   color: var(--pink);
}


.tilt-effect {
   transition: transform 0.1s ease;
   transform-style: preserve-3d;
   perspective: 1000px;
   border: solid 2px var(--purple);
 }
 
 @media (max-width: 992) {
   .tilt-effect {
     transform: none !important;
     transition: none !important;
   }
 }


 .promo-section{
   margin: 40px auto;
   width: 90vw;
   max-width: 1400px;
   background: var(--promo-section-bg) ;
   height: 400px;
   display: flex;
   align-items: center;
   padding: 40px;
   box-sizing: border-box;
   border: var(--indigo) solid 1px!important;
   position: relative;
   -webkit-animation: glowing 1s ease-in-out infinite alternate;
   -moz-animation: glowing 1s ease-in-out infinite alternate;
   animation: glowing 1s ease-in-out infinite alternate;
 }

 /*
 @keyframes glowing {
   from {
     box-shadow: 
                 0 0 30px rgba(255, 0, 255, 0.3), 
                 0 0 40px rgba(0, 255, 255, 0.3), 
                 0 0 50px rgba(230, 0, 115, 0.3), 
                 0 0 60px rgba(230, 0, 115, 0.2), 
                 0 0 70px rgba(230, 0, 115, 0.1);
   }
   to {
     box-shadow:
                 0 0 30px rgba(255, 77, 166, 0.4), 
                 0 0 40px rgba(255, 77, 166, 0.3), 
                 0 0 50px rgba(255, 77, 166, 0.2), 
                 0 0 60px rgba(255, 77, 166, 0.2), 
                 0 0 70px rgba(255, 77, 166, 0.1), 
                 0 0 80px rgba(255, 77, 166, 0.1);
   }
}*/

.promo-img-box{
   animation: shake 8s linear infinite;
}

@keyframes shake {
   0% { transform: translate(0); }
   25% { transform: translate(0, -5px); }
   50% { transform: translate(0, 5px); }
   75% { transform: translate(0, -5px); }
   100% { transform: translate(0); }
}

@media (992px < width < 1200px){
   .promo-img-box{
      max-width: 450px;
      width: 80vw;
   }
}

@media (max-width: 992px) {
   .promo-section{
      flex-direction: column;
      height: auto;
      padding: 20px;
      box-sizing: border-box;
      max-width: 90vw;
   }

   .promo-img-box{
      max-width: 250px;
      width: 80vw;
   }

   .app-download{
      display: flex;
      box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
   }

   span.note,
   span.users{
      font-size: 16px!important;
   }
}

span.note,
span.users{
   color: var(--yellow);
   font-size: 24px;
   padding: 4px 24px;
   background-color: var(--indigo);
   font-weight: 400;
   box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
   font-variant-numeric: tabular-nums;
}

span.note::after,
span.users::after{
   display: inline-block;
   margin-left: 4px;
   padding: 4px;
}


span.note::after{
   content: "⭐";
}

span.users::after{
   content: "📱";
}

.grid-section {
   display: grid;
   gap: 20px;
   padding: 0px;
   margin: 80px auto;
   height: auto;
   width: 1400px;
   max-width: 90vw;
   grid-template-columns: repeat(7, 1fr);
   min-height: 400px;
 }
 
 .grid-item {
    box-sizing: border-box;
    height: 100%;
    display: flex;
    padding: 0;
    justify-content: left;
    align-items: center;
    grid-column: span 3;
    text-align: left;
    border: 1px solid #ccc;
    border: solid 2px var(--indigo);
    position: relative;
    background: var(--grid-background);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid var(--dark-border-color);
 }
 
 .grid-item.large{
    grid-column: span 4;
    padding-bottom: 50px;
 }
 
 .grid-item img.box-img
 {
    max-width: 100%;
    margin: 0px auto;
    height: auto;
    animation: rotate 8s linear infinite;
    z-index: 1;
 }
 
 
 .grid-item img.toggle-img{
    max-width: 95%;
    margin: 100px auto 10px auto !important;
    height: auto;
    animation: shake 8s linear infinite;
    z-index: 1;
 }

 .col.description{
   padding: 52px;
 }
 
 /*
 .col.description p,
 .col.description p.s,
 .col.description p.b {
    margin: 0px 0px 12px 0px !important;
 }*/
 
 @keyframes rotate {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(-3deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(3deg); }
    100% { transform: rotate(0); }
 }
 
 @media (max-width: 992px) {
    .grid-item {
       padding: 0;
       flex-direction: column;
       justify-content: center;
       align-items: center;
    }
 
    .col.description{
      padding: 32px;
    }

    /*
    .col.description p,
    .col.description p.s,
    .col.description p.b {
       margin: 0px 0px 12px 0px!important;
    }*/
 
    .grid-section {
       grid-template-columns: 1fr;
    }
 
    .grid-item, .grid-item.large {
       grid-column: span 1;
    }
 
    
    .grid-item img.box-img,
    .grid-item img.toggle-img {
       max-width: 300px;
    }
 
    .grid-item img.box-img{
      margin: 50px auto!important;
    }
 
    img.toggle-img{
       margin-top: 90px;
    }
 }


 .top-bar{
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 8px 40px;
   color: var(--white);
   margin: 0;
   font-size: 18px;
   background-color: var(--dark-top-bar-bg);
   box-sizing: border-box;
   max-width: 100vw;
   position: sticky;
   top: 0;
   z-index: 3;
   width: 100%;
}

a.moldcell-link{
   text-decoration: none;
   color: var(--indigo);
   transition: all 0.3 ease;
   font-weight: 500;
}

.top-bar a.moldcell-link::before{
   content: "🏠";
   display: inline-block;
   width: auto;
   height: auto;
   margin-right: 4px;
}

a.moldcell-link:hover{
   color: var(--purple);
}

a.lang-toggle{
   display: inline-block;
   text-wrap: nowrap;
   color: var(--gray);
   text-decoration: none;
   line-height: 100%;
   transition: all 0.3 ease;
}

a.lang-toggle:hover{
   color: var(--indigo);
}

a.lang-toggle span::after{
   content: "🌐";
   display: inline-block;
   margin-left: 4px;
   opacity: 0.8;
   transition: all 0.3s ease;
}

a.lang-toggle:hover span::after{
   opacity: 1;
}

.faq-container {
   width: 1400px;
   max-width: 90vw;
   margin: 40px auto;
   padding: 10px;
}

.faq-item {
   border: 1px solid var(--dark-blue);
   margin-bottom: 10px;
   overflow: hidden;
   backdrop-filter: blur(5px);
   box-sizing: border-box;
}

.faq-question {
   padding: 15px 40px;
   cursor: pointer;
   font-weight: bold;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   gap: 8px;
}

.faq-answer {
   padding: 0px 40px 20px 40px;
   display: none;
   max-height: 0;
   height: 0;
   overflow: hidden;
   transition: max-height 0.4s ease-in-out;
   background-color: var(--bg-dark);
}

.faq-answer p{
   font-size: 18px!important;
   color: var(--dark-text-color);
}

.faq-answer h4{
   line-height: 100%;
   margin-top: 40px;
   font-size: 22px;
   margin-bottom: 0px;
}

.faq-ansert h4:first-child{
   margin-top: 0px;
}

.faq-item.active .faq-question{
   color: var(--indigo);
}

.faq-item.active .faq-answer {
   display: block;
   max-height: 500vh;
   height: auto;
}

@media (max-width: 768px) {
   .faq-question, .faq-answer p{
      font-size: 16px;
   }
}

.faq-item.active .faq-question .icon-faq{
   transform: rotate(180deg);
}

.faq-item.active .faq-question .icon-faq svg{
   fill: var(--pink);
}

.faq-question .icon-faq{
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: var(--dark);
   width: 32px;
   height: 32px;
   border-radius: 32px;
   color: var(--white);
   transition: transform 0.2s ease-in-out;
}

.faq-question .icon-faq svg{
   fill: var(--white);
   margin-top: 2px;
}



footer {
   background: var(--grid-background);
   width: 1400px;
   max-width: 90vw;
   margin: 80px auto;
   padding: 20px 40px;
   display: flex;
   align-items: flex-start;
   backdrop-filter: blur(5px);
   box-sizing: border-box;
   border: var(--dark-border-color) solid 1px; 
   text-align: left;
   color: var(--white);
   overflow: hidden;
   gap: 40px;
}

.app-download-block {
   gap: 12px;
   margin: auto;
   width: 100%;
   display: none;
   flex-direction: row;
   justify-content: start;
   align-items: center;
}

.app-download-block img.app-store:hover {
   transform: scale(1.1);
   transition: all 0.3s ease;
}

.app-download-block a {
   text-decoration: none;
   color: inherit;
}

.app-download-block span {
   position: relative;
   display: inline-block;
   text-align: center;
}

.app-download-block img.app-store {
   display: block;
   margin: 0 auto;
}

.app-download-block img.app-store::after {
   display: block;
   font-size: 12px;
   color: #999999;
   margin-top: 5px;
   content: "";
}

.app-download-block span.apple::after {
   content: "App Store";
}

.app-download-block span.google::after {
   content: "Google Play";
}

img.qr-code-mym {
   width: 88px;
   height: 88px;
   display: block;
}

footer .col {
   width: 50%;
   display: flex;
   flex-direction: column;
}

.line-devider {
   height: 90%;
   width: 4px;
   display: flex;
   margin: auto;
   background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
   background-size: 400% 400%;
   animation: gradient 15s ease infinite;
   opacity: 0.4;
}

@keyframes gradient {
   0% {
      background-position: 0% 50%;
   }
   50% {
      background-position: 100% 50%;
   }
   100% {
      background-position: 0% 50%;
   }
}

@media (max-width: 992px) {
   footer .col {
      width: 100%;
      margin: auto;
   }

   footer {
      flex-direction: column-reverse;
      padding: 12px;
   }

   .app-download-block {
      justify-content: center;
      align-items: center;
      display: flex;
   }

   .line-devider {
      width: 90%;
      height: 4px;
   }

   .wrapper {
      text-align: center;
   }

   img.qr-code-mym{
      display: none;
   }
   
}