html {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0;}
*, *:before, *:after {box-sizing:inherit;-moz-box-sizing:inherit;-webkit-box-sizing:inherit;}

body {background-color: #000;overflow-x: hidden;margin:0; font-family: 'Roboto', sans-serif;; position: relative;}

p {margin: 0; padding: 0; color: white;}
h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0;}
strong {}
a{color:inherit; text-decoration: none;}

.header {
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    position: fixed;
    top: 0; /* This line ensures that the header stays at the top of the page */
    z-index: 100;
    width: 100%;
    height: 28vw; /* This sets the height of the header */
    color: black;
    transition: 1s;
    background-image: linear-gradient(black, transparent);
}

.header-logo{
        display: inline-block;
    height: 15vw;
    margin: 0 0.2vw;
}

.header-logo2{
        display: inline-block;
    height: 1.2vw;
    margin: 0 0.2vw;
}

.hRight {
        text-align: right;
        display: inline-block;
        position: absolute;
        top: 28px;
        right: 20px;
    }

.hRight-d{
    display: none;
}

.hRight-d a:hover{
    color: #93d600;
    cursor: pointer;
}

.hRight-m {
    display: block;
}


.headerBG{
    background-image: url('images/.png'); background-size: 100% 100%; 
    background-repeat: no-repeat;
}

.headerBG .hRight{
    top: 0.2vw;
}

.hLeft {
    position: absolute;
    left: 10px;
    top: 10px;
}

.hLeft-d{
    display: none;
}

.hLeft-m {
    display: block;
    font-family: 'Roboto', sans-serif;
    color: white;
    font-style: italic;
    letter-spacing: normal;
    font-size: .9em;
}
    
.hamburger-menu {
    height: 10vw;
}

.sidebar {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 2000;
        top: 0;
        right: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidebar a {
        padding: 8px 8px 8px 8px;
        text-decoration: none;
        font-size: 20px;
        color: #ffffff;
        display: block;
        white-space: nowrap;
        transition: 0.3s;
        font-family: 'Roboto', sans-serif;
    }

    .sidebar .closebtn {
        position: absolute;
        top: 0;
        right: 20px;
        font-size: 32px;
        margin-left: 40px;
    }
    

.sidebar {
  background-image: url('https://7knp34ihk3yjbgl2pchkpxjr7o3qik4i4tvw77tylihwm6z4eioa.arweave.net/-pr98QdW8JCZeniOp90x-7cEK4jk62_-eFoPZns8Ihw');
}



   .sidebar .sidebar-image {
    display: block; /* If you want it to be a block-level element */
    width: 100%; /* Set the width to fill the sidebar */
    margin-bottom: 20px; /* Optional: add some space below the image */
    }


    .hRight-all{
        display: inline-block;
        vertical-align: middle;
    }
    
    .hLeft-all{
        display: block;
    }


.oct-reg {font-family: 'Roboto', sans-serif;font-weight: 400;font-style: normal;}
.oct-bold {font-family: 'Roboto', sans-serif;font-weight: 700;font-style: normal;}

.mdin-reg { font-family: 'Roboto', sans-serif; font-weight: normal; font-style: normal; }
.mdin-med {  font-family: 'Roboto', sans-serif; font-weight: normal; font-style: normal; }
.mdin-bold { font-family: 'Roboto', sans-serif; font-weight: normal; font-style: normal; }

.mdew-amcap { font-family: 'Roboto', sans-serif;; font-weight: normal; font-style: normal; }

.stdi {
  font-size: 3.5vw; padding: 0 6vw; display: inline-flex;
  line-height:  14vw; height: 14vw; background-image: url('https://defibillboard.png'); background-size: 100% 100%; 
  font-family: 'Roboto', sans-serif; background-color: transparent;
  outline: none; border: none;
  font-style: italic;
}

.enterstdi {
  font-size: 3.5vw; padding: 0 6vw; display: inline-flex;
  line-height:  14vw; height: 12vw; background-image: url('https://defibillboard.png'); background-size: 100% 100%; 
  font-family: 'Roboto', sans-serif;background-color: transparent;
  outline: none; border: none; margin: 0 -3vw 0 0; color: white;
  font-style: italic; vertical-align: bottom;
}

.stdi option{
    color: black;
}

.enterDiv{
    position: fixed;
    bottom: 0;
    right: -2vw;
    z-index: 99;
}

.stdbtn { color:#fff;
  font-size: 3.5vw; padding: 5px 6vw 10px; display: inline-flex; justify-content: center; align-items: center; font-style: italic;
  min-width: 43vw; text-align: center; line-height:  0; height: 12vw;
  background-image: url('https://defibillboards.png'); background-size: 100% 100%; 
  font-family: 'Roboto', sans-serif; font-weight: normal; font-style: normal; 
  outline: none; border: none; cursor: pointer; background-color: transparent;
}

.footerstdbtn { color:#fff;
  font-size: 3.5vw; padding: 5px 6vw 10px; display: inline-flex; justify-content: center; align-items: center; font-style: italic;
  min-width: 43vw; text-align: center; line-height:  0; height: 12vw;
  background-image: url('https://defibillboards.png'); background-size: 100% 100%; 
  font-family: 'Roboto', sans-serif; font-weight: normal; font-style: normal; 
  outline: none; border: none; cursor: pointer; background-color: transparent;
}

.stdbtn2 { color:#fff;
  font-size: 3.5vw; padding: 5px 6vw 10px; display: inline-flex; justify-content: center; align-items: center; font-style: italic;
  min-width: 43vw; text-align: center; line-height:  0; height: 12vw;
  background-image: url('https://defibillboards.png'); background-size: 100% 100%; 
  font-family: 'Roboto', sans-serif; font-weight: normal; font-style: normal; 
  outline: none; border: none; cursor: pointer; background-color: transparent;
}

.footer-cont {background-color: #000;}

.footer {
        font-size: .9em;
        background-image: linear-gradient(transparent, black);
        padding: 40px 0 20px;
        position: relative;
        width: 100%;
        text-align: center;
        z-index: 2;
    }
    
    .landingFooterM p{
        letter-spacing: .6vw;
        font-size: 3vw;
        margin: .5vw 0;
    }
    
    .footerLine{
        display: none;
    }
    
    .footerLineM{
        display: inline-block;
        vertical-align: middle;
        width: 5vw;
    }
    
    .cont-smoke{
        display: block;
        width: 100%;
        position:absolute;
        bottom: 0;
        z-index: 1;
    }
    
    .footerLogo{
        display: block;
        width: 20vw;
        margin: 0 auto 20px;
    }

.cookie-consent {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #000;
  padding: 10px;
  box-sizing: border-box;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.consent-content {
  display: flex;
  align-items: center;
}

.cookie-image {
  width: 50px; /* Adjust size as needed */
  margin-right: 10px;
}

.text-content h2 {
  margin: 0;
  color: #fff; /* Title color */
}

.text-content p {
  margin: 0;
  color: #ccc; /* Paragraph text color */
}

.buttons {
  display: flex;
  align-items: center;
}

.settings-button, .reject-button, .accept-button {
  margin-left: 10px;
  border: none;
  padding: 5px 15px;
  cursor: pointer;
  outline: none;
}

.settings-button {
  background: transparent;
  border: 1px solid #fff; /* White border */
  color: #fff;
}

.reject-button {
  background: transparent;
  color: #fff;
}

.accept-button {
  background: #E91E63; /* Pink background */
  color: #000; /* Black text */
  border-radius: 20px; /* Rounded corners */
}

.close-consent {
  background: none;
  border: none;
  color: white;
  font-size: 1.5em;
  cursor: pointer;
}

/* Additional styles for responsiveness and interactivity */
@media (max-width: 768px) {
  .consent-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .buttons {
    margin-top: 10px;
  }
}

.buttons button:hover {
  opacity: 0.8;
}


.blur-effect {
  filter: blur(5px);
  pointer-events: none;
  user-select: none;
}

/* Ensure the cookie consent banner is not blurred */
.cookie-consent {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 1001; /* Higher than the content to stay above the blur */
  /* ... other styles ... */
}


@media only screen and (min-width: 751px)
{ 
    .footerLogo{
        display: none;
    }
    
    .cont-smoke{
        display: none;
    }
    
    .hamburger-menu {
        height: 1.2vw;
    }
    
    .headerBG .hRight{
        top: 0;
    }
    
    .mobileBreak{
        display: none;
    }

    .hLeft {
        position: absolute;
    }
    
    .header{
        height: 5vw;
    }
    
    .hLeft-d{
        display: block;
    }

    .hLeft-m {
        display: none;
    }

    .header-logo {
        display: inline-block;
        height: 4vw;
        margin: 0 .2vw;
    }

    .hRight {
        text-align: right;
        background: url(https://defibillboards.png) no-repeat;
        background-size: cover;
        padding: 0 1vw 0 2vw;
        display: inline-block;
        position: absolute;
        right: 0;
    }

    .hRight p {
        padding: 0 1.5vw;
        font-size: .8vw;
        color: white;
        display: inline-block;
        letter-spacing: .15vw;
    }

    
  
  .stdi {  font-size: 1.2vw; padding: 0 2vw; line-height: 3vw; height: 3vw;  }
  .enterstdi {  font-size: 1.2vw; padding: 0 2vw; line-height: 3vw; height: 3vw; width: 20vw; }
  .stdbtn { font-size: 1.2vw; padding: 0 2vw; transition: .5s; padding-bottom: 0.5vw; min-width: 14vw; line-height:  0; height: 3vw; font-style: italic;}
  .stdbtn2 { font-size: 1.4vw; padding: 0 2vw; transition: .5s; padding-bottom: 0.5vw; min-width: 14vw; line-height:  0; height: 3vw; font-style: italic;}
  .footerstdbtn{font-size: 1.7vw; padding: 0 2vw 0 1vw; transition: .5s; padding-bottom: 0.5vw; min-width: 16vw; line-height:  0; height: 3.5vw; font-style: italic;}
  .stdbtn:hover{transform: scale(1.1);}
  .landingbtn:hover{transform: scale(1.1) translate(-45%, 0);}
  .tabText .stdbtn:hover{transform: scale(1.1) translate(-45%, 0);}
  .comingbtnMD:hover{transform: scale(1.1) translate(-45%, 0);}
  .comingbtnGF:hover{transform: scale(1.1) translate(-45%, 0);}
  .comingbtnD:hover{transform: scale(1.1) translate(-45%, 0);}
  
  .hRight-d{
        display: inline-block;
        vertical-align: top;
    }
    
    .hRight-all{
        vertical-align: top;
    }
    
    .hRight-m{
        display: none;
    }
    
    .footer {
        font-size: 1vw;
        background-image: linear-gradient(transparent, black);
        padding: 40px 0 20px;
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: center;
        z-index: 99;
    }

    .footer p {
        display: inline-block;
        vertical-align: middle;
        line-height: 1em;
        font-family: 'motive_din_reg';
    }
    
    .footerLine{
        display: inline-block;
        vertical-align: middle;
        width: 2vw;
    }
    
    .footerLineM{
        display: none;
    }

    .fBreak {
        margin: 0 30px;
    }

    .fLine{
        width: 90%;
        height:2px;
        border-width:0;
        color:white;
        background-color:white;
        margin: 20px auto 15px;
    }

    .footer-logos{
        display: inline-block;
        vertical-align: middle;
    }

    .footer-logos img{
        display: inline-block;
        vertical-align: middle;
        height: 60px;
        margin: 0 5px;
    }

    .footer-legal{
        width: 40%;
        margin: 0 0 0 5vw;
        vertical-align: middle;
        display: inline-block;
        max-width: 750px;
    }

 

@media only screen and (min-width: 1400px){
    .headerBG .hRight{
        top: 0.2vw;
    }
    
    .hRight-d{
        display: inline-block;
        vertical-align: middle;
    }
    
    .hRight-all{
        vertical-align: middle;
    }
}

.wp-figure { text-align:center; margin:1.25rem 0 2rem; }
.wp-figure img { max-width:900px; width:100%; height:auto; border-radius:10px; box-shadow:0 6px 24px rgba(0,0,0,.35); }
.wp-figure button { padding:0; border:0; background:transparent; cursor:zoom-in; }

.lb.hidden { display:none; }
.lb { position:fixed; inset:0; background:rgba(0,0,0,.84); display:flex; flex-direction:column; align-items:center; justify-content:center; z-index:9999; }
.lb__inner { max-width:min(96vw,1200px); max-height:80vh; }
.lb__inner img { max-width:100%; max-height:80vh; width:auto; height:auto; border-radius:12px; box-shadow:0 10px 40px rgba(0,0,0,.5); }
.lb__close { position:absolute; top:18px; right:22px; font-size:32px; line-height:1; background:transparent; border:0; color:#fff; cursor:pointer; }
.lb__actions { margin-top:10px; }
.lb__btn { font:600 14px/1.2 system-ui, sans-serif; padding:.6rem .9rem; border-radius:8px; background:#1f6feb; color:#fff; text-decoration:none; }
.lb__btn:hover { filter:brightness(1.05); }