* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 font-family: Arial, sans-serif;
}

.wrapper {height: 88vh;border-radius:0}

/* Background Styling */
body { 

 background-color: #000;
 height: 100vh;
 display: flex;
 align-items: center;
 flex-direction: column;
    justify-content: center;
}

/* Main Container */
.container {
 display: flex;
 align-items: center;
 gap: 40px; 
 backdrop-filter: blur(10px);
 padding: 40px 60px;
 border-radius: 20px;
 color: #fff;
}

/* Image Card */
.card {
 text-align: center;
}

.card img {
 width: 250px;
 height: 250px;
 border-radius: 20px;
}

.caption {
 color: lightgray;
 font-size: 14px;
 margin-top: 5px;
}

/* Text Content */
.text-content {
 color: white;  
}

h1 {
 font-family: 'DrukWideCyr-Medium';
 font-weight: 500;
 font-size: 36px;
 line-height: 56px;
 letter-spacing: .03em;
 text-transform: uppercase;
margin-top: -5px;
}

.highlight {
 color: #ADFF2F;
 font-family: 'DrukWideCyr-Medium';
 font-weight: 500;
 font-size: 42px;
 line-height: 56px;
 letter-spacing: .03em;
 text-transform: uppercase;
}

p {
 font-size: 18px;
 margin: 10px 0 20px;
    color: #d3d3d3;
    text-shadow: -1px 0px 7px black;
}

/* Button */
.text-content button {
 background: #ADFF2F;
 border: none;
 padding: 12px 20px;
 font-size: 16px;
 font-weight: bold;
 cursor: pointer;
 border-radius: 10px;
 transition: 0.3s;
}

.text-content button:hover {
 background: #89db1f;
}

/* Button */
.text-content button {
 background: #ADFF2F;
 border: none;
 padding: 12px 20px;
 font-size: 16px;
 font-weight: bold;
 cursor: pointer;
 border-radius: 10px;
 transition: 0.3s;
 box-shadow: 0 5px 15px rgba(173, 255, 47, 0.4);
}

.text-content button:hover {
 background: #89db1f;
 transform: scale(1.05);
 box-shadow: 0 5px 20px rgba(173, 255, 47, 0.6);
}

/* Media Queries for Responsiveness */
@media screen and (max-width: 768px) {

.remodal { 
    padding: 0!important;
}
h1 { 
    line-height: initial;
}
 .container {
 flex-direction: column;
 padding: 20px;
 }

 h1 {
 font-size: 28px;
 text-align: center;
 }

 p {
 font-size: 16px; 
 }

 button {
 width: 100%;
 }
}

@media screen and (max-width: 480px) {
 h1 {
 font-size: 21px;
 }

 p {
 font-size: 14px;
 }

 .container {
 padding: 15px;
 }
}

.blogPage {
 background-size: cover;
 filter: blur(50px);
 transform: scale3d(1.5, 1.5, 1.5);
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 opacity: .95;
}

.scroll-down {
 display: flex
;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 text-align: center;
 width: 100%;
 cursor: pointer;
}

 .app-page-con .auth-page-wrap .user-auth-con .scroll-down .icon-con {
 max-width: 32px;
 margin-bottom: 32px;
 }

.my-element {
 animation-name: my-animation;
 animation-duration: 2s;
 animation-iteration-count: infinite;
}



/* Necessary styles of the wrapper */

.remodal-wrapper {
 position: fixed;
 z-index: 10000;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;

 display: none;
 overflow: auto;

 text-align: center;

 -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
 display: inline-block;

 height: 100%;
 margin-left: -0.05em;

 content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
 position: relative;
 border-radius: 10px;
 outline: none;

 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
 text-size-adjust: 100%;
}

.remodal-is-initialized {
 /* Disable Anti-FOUC */
 display: inline-block;
}


/*
 * Remodal - v1.1.1
 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 * http://vodkabears.github.io/remodal/
 *
 * Made by Ilya Makarov
 * Under MIT License
 */

/* ==========================================================================
 Remodal's default mobile first theme
 ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
 -webkit-filter: blur(3px);
 filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
 background: rgba(43, 46, 56, 0.97);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
 -webkit-animation-duration: 0.3s;
 animation-duration: 0.3s;
 -webkit-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
 -webkit-animation-name: remodal-overlay-opening-keyframes;
 animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
 -webkit-animation-name: remodal-overlay-closing-keyframes;
 animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
 padding: 10px 20px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
 box-sizing: border-box;
 width: 100%;
 margin-bottom: 10px;
 padding: 35px;

 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);

 color: #2b2e38;
 background: #fff;
}
 

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
 -webkit-animation-duration: 0.3s;
 animation-duration: 0.3s;
 -webkit-animation-fill-mode: forwards;
 animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
 -webkit-animation-name: remodal-opening-keyframes;
 animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
 -webkit-animation-name: remodal-closing-keyframes;
 animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
 vertical-align: middle;
}

/* Close button */
.remodal-close {
 position: absolute;
 bottom: -42px;
 left: 50%;
 margin-left: -17.5px !important;
 display: block;
 overflow: visible;
 width: 35px;
 height: 35px;
 margin: 0;
 padding: 0; 
 -webkit-transition: color 0.2s;
 transition: color 0.2s;
 text-decoration: none;
 color: #ffffff;
 border: 0;
 outline: 0;
 background: transparent;
}


.remodal-close:hover,
.remodal-close:focus {
 color: #fff;
}

.remodal-close:before {
 font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
 font-size: 43px;
 line-height: 35px;

 position: absolute;
 top: 0;
 left: 0;

 display: block;

 width: 35px;

 content: "\00d7";
 text-align: center;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
 font: inherit;

 display: inline-block;
 overflow: visible;

 min-width: 110px;
 margin: 0;
 padding: 12px 0;

 cursor: pointer;
 -webkit-transition: background 0.2s;
 transition: background 0.2s;
 text-align: center;
 vertical-align: middle;
 text-decoration: none;

 border: 0;
 outline: 0;
}

.remodal-confirm {
 color: #fff;
 background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
 background: #66bb6a;
}

.remodal-cancel {
 color: #fff;
 background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
 background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
 padding: 0;

 border: 0;
}

/* Keyframes
 ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
 from {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);

 opacity: 0;
 }
 to {
 -webkit-transform: none;
 transform: none;

 opacity: 1;

 -webkit-filter: blur(0);
 filter: blur(0);
 }
}

@keyframes remodal-opening-keyframes {
 from {
 -webkit-transform: scale(1.05);
 transform: scale(1.05);

 opacity: 0;
 }
 to {
 -webkit-transform: none;
 transform: none;

 opacity: 1;

 -webkit-filter: blur(0);
 filter: blur(0);
 }
}

@-webkit-keyframes remodal-closing-keyframes {
 from {
 -webkit-transform: scale(1);
 transform: scale(1);

 opacity: 1;
 }
 to {
 -webkit-transform: scale(0.95);
 transform: scale(0.95);

 opacity: 0;

 -webkit-filter: blur(0);
 filter: blur(0);
 }
}

@keyframes remodal-closing-keyframes {
 from {
 -webkit-transform: scale(1);
 transform: scale(1);

 opacity: 1;
 }
 to {
 -webkit-transform: scale(0.95);
 transform: scale(0.95);

 opacity: 0;

 -webkit-filter: blur(0);
 filter: blur(0);
 }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
 from {
 opacity: 0;
 }
 to {
 opacity: 1;
 }
}

@keyframes remodal-overlay-opening-keyframes {
 from {
 opacity: 0;
 }
 to {
 opacity: 1;
 }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
 from {
 opacity: 1;
 }
 to {
 opacity: 0;
 }
}

@keyframes remodal-overlay-closing-keyframes {
 from {
 opacity: 1;
 }
 to {
 opacity: 0;
 }
}

/* Media queries
 ========================================================================== */

@media only screen and (min-width: 641px) {
 .remodal {
 max-width: 1000px;padding:0;
 }
}


@media (max-width:768px){

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

.remodal-close { 
    color: #000000;
}
.text-content a button {color:#000!important}
body { 
    height: 89vh;
}

.wrapper {
    height:80vh;
}

.remodal, .remodal-wrapper:after {
 vertical-align: text-top;
}

body {padding: 0;} 
.h-sidebar {left:0} 
}
/* IE8
 ========================================================================== */

.lt-ie9 .remodal-overlay {
 background: #2b2e38;
}

.lt-ie9 .remodal {
 width: 700px;
}



.tumidlogan {width:100%;margin:0 auto}
.tumidlogan img {padding:20px 0 0 15px; width: 50px;}
.tumidlogan .open:hover {transition: all 200ms;box-shadow: 1px 4px 21px -17px #c44bff; background:#f0f2f5;border-color: #e2e2e2;} 
.tumidlogan .open {text-shadow: 0px -1px 0px #6579dd;box-shadow: 1px 4px 21px -17px #a7a7a7;position: relative; border: 1px solid #f6f6f6; border-radius: 10px;cursor: pointer; overflow: hidden;margin:0 auto; display: block; width: 128px;height:140px;background:#fff;}
.tumidlogan .open span {text-align: center;font-size:16px;position: absolute; bottom: 20px; z-index: 9999999999;left: 15px;font-weight: 600; color: #000;}
.tumidlogan .open a { color:#fff; text-shadow: 1px 1px 2px #00000049;text-decoration:none} 

div#carousel-items {
 padding-bottom: 25px;
}
.swiper-button-next, .swiper-button-prev {
 top: 40%; 
}
.swiper-button-next{
 right: -40px !important;
}

.swiper-button-prev{
 left: -40px !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
 font-size: 24px !important;
 color:#000;
}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0px !important}
 .p1rhmy4 { font-size: 1rem; }

.remodal-wrapper {
z-index: 99999;    background: #ADFF2F
}

.remodal {
box-shadow: 1px -1px 8px #00000033;
}