body {width: 100vw;height: 100vh;max-width: 100%;max-height: 100%;overflow: hidden;background-repeat: no-repeat;background-color: #0d0d0f }body, html {margin: 0;padding: 0;height: 100%;font-family: 'Oswald', Arial, sans-serif;background-color: #0d0d0f;display: flex;flex-direction: column;justify-content: space-between;overflow-x: hidden;overflow-y: auto;}body{position: relative }.header-container h1 {position: relative;z-index: 9999;color: #fff;text-align: center;font-size: 20px;margin-bottom: 0px;}.logo img {width: 100px }h3 {font-family: Montserrat, sans-serif }.logo {z-index: 2;position: relative;display: flex;justify-content: center;align-items: center;}footer, h3, span {text-align: center }.slider-content ul {margin-left: -20px;list-style: none;}.slider-content ul li {position: relative;margin: 5px 0px;}.slider-content ul li::before {content: '';position: absolute;left: -20px;top: 0;bottom: 0;width: 4px;background-color: #F57D1F;}.main h1{display: block;width: 100%;text-align: center;}.left, .right {padding: 20px;box-sizing: border-box;padding: 20px 10px;color: #fff;}footer, footer a {color: #cdcccc }footer, footer a {text-decoration: none }footer {position: absolute;bottom: 0;left: 50%;font-size: 9px;transform: translateX(-50%) }@media (max-width:768px) {body {background-image: url("../img/bg-m.jpg");background-size: 100%;background-position: 50% 70%;background-repeat: no-repeat;background-color: #0d0d0f }.clouds {position: absolute;top: 20%;left: -50%;width: 300%;height: 100%;object-fit: cover }h3 {padding: 15px;width: 75% }.main{flex-direction: column;}.left, .right{width: 100%;}.right {text-align: center;margin-top: -60px;}.slide h2 {font-size: 20px;}.slide p {font-size: 16px;}.separator {font-size: 24px;padding: 0px;}.time-value {font-size: 26px;font-weight: bold;min-width: 50px;}.slider-indicators {margin-right: 20px;margin-left: 0px;}}@media (min-width:768px) and (max-width:1024px) {.clouds {position: absolute;top: 0;left: -50% }body {background-image: url("../img/bg.jpg");background-size: 1920px }}@media (min-width:1025px) {.main {display: flex;justify-content: space-between;align-items: center;width: 80%;margin: 0 auto;flex-grow: 1;}.left {width: 60%;}.right {width: 35%;text-align: center;font-size: 20px;z-index: 2;}.slide h2 {font-size: 44px;}.slide p {font-size: 20px;}.separator {font-size: 44px;padding: 0 10px;}.timer .time-value {font-size: 34px;font-weight: bold;min-width: 60px;}.slider-indicators {margin-right: 60px;margin-left: -60px;}.clouds {position: absolute;top: 0;left: -50%;z-index: 1 }body {background-image: url("../img/bg.jpg");background-size: 100%;background-position: 50% 60% }}.slider-container {display: flex;align-items: center;z-index: 9999;}.slider-indicators {display: flex;flex-direction: column;}.slider-indicators div {width: 10px;height: 15px;margin: 5px 0;background-color: #ccc;cursor: pointer;z-index: 9999;}.slider-indicators div.active {background-color: #F57D1F;}.slider-content {overflow: hidden;position: relative;width: 90%;min-height: 300px;cursor: pointer;}.slide {position: absolute;top: 100%;width: 100%;opacity: 0;transition: top 0.5s ease, opacity 0.5s ease;}.slide.active {top: 0;opacity: 1;}.slide-exit {top: -100%;opacity: 0;}.slide h1, .slide p {opacity: 0;transform: translateY(100%);transition: opacity 0.5s ease, transform 0.5s ease;}.slide.active h2, .slide.active p {opacity: 1;transform: translateY(0);}.slide-exit h2, .slide-exit p {opacity: 0;transform: translateY(-100%);}.slide h2 {margin: 0;color: #F57D1F;z-index: 9999;position: relative }.slide p {margin: 10px 0 0;}.cntr{margin-top: -20px;}.timer {font-family: 'Oswald', Arial, sans-serif;display: flex;justify-content: center;align-items: center;font-size: 32px;color: #F57D1F;gap: 10px;}.timer div {display: flex;flex-direction: column;align-items: center;}.timer .time-label {font-size: 15px;color: #cdcccc;}.separator {color: #fff;display: flex;justify-content: center;align-items: flex-start;margin-bottom: 25px;}.social-link img {max-width: 30px;}.social-link a {display: inline-flex;justify-content: center;max-width: 40px;background: #242323;border-radius: 50%;padding: 5px;width: 40px;height: 40px;}.orng{color: #F57D1F;}.clouds{object-fit:cover;animation:70s linear infinite slideClouds;position:absolute;top:0;left:-50%;width:300%;height:100%;object-fit:cover}@keyframes slideClouds{from{transform:translateX(0)}to{transform:translateX(-50%)}}.header-container {margin-bottom: 120px;}