.elementor-71 .elementor-element.elementor-element-f65bc21{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ========== CUSTOM ============ */

	@font-face {
		font-family: 'Gotham Book';
		src: url('https://randompanda.ae/wp-content/uploads/fonts/Gotham-Book.woff') format('woff2');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	}
	
	body, html {margin: 0;padding: 0;height: 100%;width: 100%;overflow: hidden;font-family: 'Gotham Book';background: #000;}
	body * {font-family: 'Gotham Book'!important;}
	.coming-soon-container {position: relative;width: 100%;height: 100vh;overflow: hidden;}
	.video-wrapper {position: fixed;top: 0; left: 0;width: 100vw;height: 100vh;overflow: hidden;z-index: 0;background: black; /* fallback */}
	.video-wrapper h1 {font-weight: 600;text-align: center;font-size: 8vw;line-height: 7vw;margin: 0;display: none;}
	.video-wrapper h1 .small-title {font-weight: 300;font-size: 5vw;margin: 0 0 -10px 0;display: block;}
	.video-background {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;max-width:none !important;max-height:none !important;}
	.top-bar {position: fixed;z-index: 2;width: 100%;display: flex;justify-content: space-between;padding: 20px;box-sizing: border-box;align-items: center;}
	.logo {width:180px;}
	.email {color: #fff;font-size:13px;text-decoration: none;font-weight: 500;display:block;}
	.email:hover {text-decoration: underline;}
	.bottom-bar {position: fixed;z-index: 2;width: 100%;bottom:40px;text-align:center;}
	.bottom-bar button {padding: 10px 18px;font-size: 14px;background: transparent;border:1px solid #fff;border-radius: 6px;cursor: pointer;font-weight: 300;transition: 0.3s;color:#fff;box-shadow:none!important;}
	.bottom-bar button:hover {scale:1.05;}
	@media(max-width:600px){
		.logo {width:140px!important;}	
		.email {font-size:12px;}
	}
	
  .fade {opacity: 0;transition: opacity 1s ease;}
  .fade.show {display: block;opacity: 1;}
	@media only screen and (max-width: 550px) {
		.video-wrapper {
    		width: calc(100% - 30px);
            margin: 0 15px;
            display: flex !important;
            flex-direction: column;
            height: auto;
            top: 50%;
            transform: translateY(-50%);
            gap: 30px;
            z-index: 1;
		}
		.video-wrapper .video-background {
		    position: static;
            top: unset;
            left: unset;
            transform: unset;
            object-fit: cover;
            max-width: 100% !important;
            width: 100% !important;
            aspect-ratio: 16 / 9;
            height: auto !important;
            border-radius: 10px;
		}
		.video-wrapper h1 {
		    display: block;
		}
	}/* End custom CSS */