@font-face {
    font-family: ownFont;
    src: url(Eina01-SemiBold.ttf);
}

body, html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.html {
    scroll-behavior: smooth;
}

.background-image {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url('DREAMR.png');
    background-size: cover;
    background-attachment: fixed;
    min-height: 100vh;
    z-index: -1;
}



.title {
    font-family: ownFont;
    font-size: 5rem; /* Adjust the base font size as needed */
    color: #FFA500; /* Main color for the text */
    padding-bottom: 2rem; /* Space above the black section */
}

.title .larger {
    font-family: ownFont;
    font-size: 6rem; /* Larger size for the 'D' and 'R' */
    color: #FFA500; /* Keep the color consistent with the title */
}

.title .flipped {
    font-family: ownFont;
    display: inline-block;
    transform: scaleX(-1); /* Flip the 'E' horizontally */
    color: #FFFFFF; /* White color for the 'E' */
}

.subtitle {
    font-family: ownFont;
    color: #FFFFFF; /* White color for the subtitle */
    font-size: 2rem; /* Smaller font size for the subtitle */
    text-align: center;
    margin-top: -50px !important; /* Space above subtitle, now negative */
}

.content {
    font-family: ownFont;
    position: relative;
    width: 40%; /* Adjust the width as needed */
    margin: 0 auto;
    z-index: 2;
}

.section-upcoming, .section-news, .section-about {
    min-height: 90vh;
    padding: 0; /* Remove padding to avoid any spacing */
    margin: 0; /* Remove margins to avoid any spacing */
}

.section-upcoming {
    background-color: #000; /* Black */
    color: #fff; /* White text */
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.section-news {
    background-color: #fff; /* White */
    color: #000; /* Black text */
    display: flex; /* Changed this */
    flex-direction: column; /* Changed this */
    justify-content: center; /* Changed this */
    text-align: center; /* Changed this */
    padding: 2rem; /* Changed this */
    min-height: 90vh; /* Changed this */
}

.section-news-black {
    background-color: rgb(19, 47, 101);
    color: #ffffff; /* Black text */
    display: flex; /* Changed this */
    flex-direction: column; /* Changed this */
    justify-content: center; /* Changed this */
    text-align: center; /* Changed this */
    padding: 2rem; /* Changed this */
    min-height: 90vh; /* Changed this */
}

.news-video-container {
    display: flex;
    justify-content: center; /* Center the video horizontally */
    align-items: center; /* Center the video vertically */
    overflow: hidden; /* Optional: Prevents content from overflowing the container */
}

.news-video {
    width: 560px; /* Adjust based on your layout's needs */
    height: 315px; /* Adjust based on your layout's needs */
    border: none; /* Removes the default iframe border */
    border: 2px solid #fff;
    /* Add more styling as needed */
}

.section-news2 {
    background-color: transparent; /* White */
    color: #ffffff; /* Black text */
    display: flex; /* Changed this */
    flex-direction: column; /* Changed this */
    justify-content: center; /* Changed this */
    text-align: center; /* Changed this */
    padding: 2rem; /* Changed this */
    min-height: 90vh; /* Changed this */
}


.dreamrtext{
    background-color: transparent; /* White */
    color: #000; /* Black text */
    display: flex; /* Changed this */
    flex-direction: column; /* Changed this */
    justify-content: center; /* Changed this */
    text-align: center; /* Changed this */
    padding-top: 45px;
    padding-bottom: 35px;
    min-height: 25vh; /* Changed this */
}

.section-news4 {
    background-color: rgb(44, 63, 114); /* White */
    color: #ffffff; /* Black text */
    display: flex; /* Changed this */
    flex-direction: column; /* Changed this */
    justify-content: center; /* Changed this */
    text-align: center; /* Changed this */
    padding: 2rem; /* Changed this */
    min-height: 90vh; /* Changed this */
}

.section-news0 {
    background-color: rgb(0, 0, 0); /* White */
    color: #ffffff; /* Black text */
    display: flex; /* Changed this */
    flex-direction: column; /* Changed this */
    justify-content: center; /* Changed this */
    text-align: center; /* Changed this */
    padding: 2rem; /* Changed this */
    min-height: 90vh; /* Changed this */
}

.section-news6 {
    background-color: rgb(131, 155, 220); /* White */
    color: #000000; /* Black text */
    display: flex; /* Changed this */
    flex-direction: column; /* Changed this */
    justify-content: center; /* Changed this */
    text-align: center; /* Changed this */
    padding: 2rem; /* Changed this */
    min-height: 90vh; /* Changed this */
}

.section-news7 {
    background-color: transparent;
    color: #ffffff; /* Black text */
    display: flex; /* Changed this */
    flex-direction: column; /* Changed this */
    justify-content: center; /* Changed this */
    text-align: center; /* Changed this */
    padding: 2rem; /* Changed this */
    min-height: 90vh; /* Changed this */
}


.news-title {
    font-family: ownFont;
    font-size: 3rem; /* Matching size with .upcoming-title - Changed this */
    margin-bottom: 1rem; /* Changed this */
}

.news-titlee {
    font-family: ownFont;
    font-size: 10rem; /* Base font size */
    margin-bottom: 1rem; /* Bottom margin */
    color: #FFA500; /* Text color */
    text-transform: uppercase; /* Make text uppercase */
    white-space: nowrap; /* Prevent wrapping to a new line */
}

.news-titlee .larger {
    font-size: 1.2em; /* Slightly larger than the base size */
    display: inline-block; /* This can help maintain layout */

}

/* Flipped "E" */
.news-titlee .flipped {
    display: inline-block;
    transform: scaleX(-1); /* Flip horizontally */
    color: #FFFFFF; /* White color */
   
}

.news-date {
    font-family: ownFont;
    font-size: 1.6rem; /* Matching size with .upcoming-subtitle - Changed this */
    margin-bottom: 1rem; /* Changed this */
    color: #888888;
}

.news-date2 {
    font-family: ownFont;
    font-size: 1.6rem; /* Matching size with .upcoming-subtitle - Changed this */
    margin-bottom: 1rem; /* Changed this */
    color: #252525;
}

.news-description {
    font-family: ownFont;
    font-size: 1.5rem; /* Increased size for better visibility - Changed this */
    margin-bottom: 2rem; /* Changed this */
    padding: 0 10%; /* Add padding to keep text from extending to the edges - Changed this */
    text-align: left;
}

.news-image-container {
    text-align: center; /* Center the movie poster image */
    margin-bottom: 1rem;
}

.news-image {
    max-width: 80%; /* Ensure the image is responsive and fits the container */
    height: auto; /* Maintain aspect ratio */
}

.section-about {
    background-color: #FFA500; /* Orange */
    color: #000; /* Black text */
}

.upcoming-title {
    color: #FFFFFF;
    font-size: 3rem; /* Increased size for the upcoming title */
    margin-bottom: 1rem;
}

.upcoming-subtitle {
    color: #888888;
    font-size: 2rem; /* Increased size for the upcoming subtitle */
    margin-bottom: 1rem;
}

.upcoming-text {
    color: #FFFFFF;
    font-size: 1.5rem; /* Increased size for the upcoming smaller text */
    line-height: 1.5;
    padding: 0 10%; /* Add padding to keep text from extending to the edges */
}

.button-container {
    text-align: center; /* Center the button container */
    margin: 20px 0; /* Provide some vertical space around the button container */
    margin-bottom: 50px;
}

.youtube-button {
    background-color: #000; /* Button is black */
    color: white; /* Text is white */
    text-decoration: none; /* Remove underline from link */
    padding: 10px 20px; /* Padding inside the button */
    margin: 0 auto; /* Center the button within the button container */
    display: inline-block; /* Allows the button to respect text-align center */
    border: none; /* No border */
    cursor: pointer; /* Cursor becomes a hand icon on hover */
    transition: background-color 0.3s ease-in-out; /* Smooth transition for hover effect */
}

.youtube-button:hover {
    background-color: rgb(255, 221, 0); /* Button turns yellow on hover */
}

.youtube-button2 {
    background-color: #ffffff; /* Button is black */
    color: #000000; /* Text is white */
    text-decoration: none; /* Remove underline from link */
    padding: 10px 20px; /* Padding inside the button */
    margin: 0 auto; /* Center the button within the button container */
    display: inline-block; /* Allows the button to respect text-align center */
    cursor: pointer; /* Cursor becomes a hand icon on hover */
    transition: background-color 0.3s ease-in-out; /* Smooth transition for hover effect */
}

.youtube-button0 {
    background-color: #000000; /* Button is black */
    color: #ffffff; /* Text is white */
    text-decoration: none; /* Remove underline from link */
    padding: 10px 20px; /* Padding inside the button */
    border: 2px solid #fff;
    margin: 0 auto; /* Center the button within the button container */
    display: inline-block; /* Allows the button to respect text-align center */
    cursor: pointer; /* Cursor becomes a hand icon on hover */
    transition: background-color 0.3s ease-in-out; /* Smooth transition for hover effect */
}

.youtube-button0:hover {
    background-color: rgb(255, 255, 255);  /* Button turns yellow on hover */
    color: #000000;
}

.youtube-button2:hover {
    background-color: rgb(252, 171, 128);  /* Button turns yellow on hover */
}
.youtube-button3 {
    background-color: #000; /* Button is black */
    color: rgb(231, 233, 232); /* Text is white */
    text-decoration: none; /* Remove underline from link */
    padding: 10px 20px; /* Padding inside the button */
    margin: 0 auto; /* Center the button within the button container */
    display: inline-block; /* Allows the button to respect text-align center */
    border: none; /* No border */
    cursor: pointer; /* Cursor becomes a hand icon on hover */
    transition: background-color 0.3s ease-in-out; /* Smooth transition for hover effect */
}

.youtube-button3:hover {
    background-color: rgb(111, 102, 147); /* Button turns yellow on hover */
}
.youtube-button4 {
    background-color: #000; /* Button is black */
    color: #fff; /* Text is white */
    text-decoration: none; /* Remove underline from link */
    padding: 10px 20px; /* Padding inside the button */
    margin: 0 auto; /* Center the button within the button container */
    display: inline-block; /* Allows the button to respect text-align center */
    border: none; /* No border */
    cursor: pointer; /* Cursor becomes a hand icon on hover */
    transition: background-color 0.3s ease-in-out; /* Smooth transition for hover effect */
}

.youtube-button4:hover {
    background-color: rgb(211, 253, 232); /* Button turns yellow on hover */
}
.youtube-button5 {
    background-color: #000; /* Button is black */
    color: #fff; /* Text is white */
    text-decoration: none; /* Remove underline from link */
    padding: 10px 20px; /* Padding inside the button */
    margin: 0 auto; /* Center the button within the button container */
    display: inline-block; /* Allows the button to respect text-align center */
    border: none; /* No border */
    cursor: pointer; /* Cursor becomes a hand icon on hover */
    transition: background-color 0.3s ease-in-out; /* Smooth transition for hover effect */
}

.youtube-button5:hover {
    background-color: rgb(255, 162, 0); /* Button turns yellow on hover */
}
.youtube-button6 {
    background-color: #000; /* Button is black */
    color: #fff; /* Text is white */
    text-decoration: none; /* Remove underline from link */
    padding: 10px 20px; /* Padding inside the button */
    margin: 0 auto; /* Center the button within the button container */
    display: inline-block; /* Allows the button to respect text-align center */
    border: none; /* No border */
    cursor: pointer; /* Cursor becomes a hand icon on hover */
    transition: background-color 0.3s ease-in-out; /* Smooth transition for hover effect */
}

.youtube-button6:hover {
    background-color: rgb(188, 174, 165); /* Button turns yellow on hover */
}

.news-section-header {
    font-family: ownFont;
    font-size: 3.5rem; /* Slightly larger than .news-title */
    color: #000; /* Black text */
    text-align: center; /* Center the text */
    margin: 0; /* Reset margin */
    padding: 10px 0; /* Add some padding at the top and bottom */
}

.section-about {
    background-color: #FFA500; /* Orange */
    padding: 2rem;
    display: flex;
    justify-content: center; /* Horizontally centers the content */
    align-items: center; /* Vertically centers the content */
    min-height: 90vh; /* Adjust height as needed */
    text-align: left; /* Aligns text to the left */
}

.about-content {
    display: flex;
    align-items: center;
    justify-content: center; /* Ensures the content group is centered in the section */
    /* Increase the size of the content area if necessary */
    max-width: 1200px; /* Or any max-width you prefer */
}

.profile-picture {
    border-radius: 50%; /* Makes the image round */
    width: 200px; /* Increased size */
    height: 200px; /* Increased size */
    object-fit: cover; /* Ensures the image covers the area without stretching */
    margin-right: 2rem; /* Space between the image and the text */
}

.text-content {
    max-width: 600px; /* Prevents the text content from stretching too wide */
}



.about-title {
    font-size: 3rem; /* Increased font size */
    margin-bottom: 0.5rem; /* Reduced bottom margin */
}

.about-description {
    font-size: 1rem; /* Increased font size */
    margin-bottom: 0.5rem; /* Reduced bottom margin */
    color: white;
    text-align: left;
}


/* Responsive adjustments */
@media (max-width: 768px) {

    .news-titlee {
        font-family: ownFont;
        font-size: 6rem; /* Matching size with .upcoming-title - Changed this */
        margin-bottom: 1rem; /* Changed this */
    }


    .content {
        width: 80%; /* Larger width for smaller screens */
    }

    .section-about {
        flex-direction: column; /* Stack image and text vertically on small screens */
    }

    .profile-picture {
        margin-right: 0; /* Remove the margin since it will be above the text */
        margin-bottom: 1rem; /* Add space below the image */
    }

    .about-text {
        text-align: center; /* Center the title text */
    }

 
        .news-section-header {
            font-size: 5vw; /* Adjust the font size for smaller screens - Changed this */
        }

    .youtube-button {
        padding: 8px 16px; /* Slightly smaller padding on smaller screens - Changed this */
    }

    .section-upcoming, .section-news, .section-about {
        min-height: 50vh; /* Adjusted height for smaller screens */
    }

    .upcoming-title {
        font-size: 4vw;
    }

    .upcoming-subtitle {
        font-size: 3vw;
    }

    .upcoming-text {
        font-size: 2vw;
    }

    .title {
        font-size: 7vw;
    }

    .title .larger {
        font-size: 8.5vw;
    }

    .subtitle {
        font-size: 3vw;
    }

    .news-title {
        font-size: 5vw; /* Changed this */
    }

    .news-date {
        font-size: 4vw; /* Changed this */
    }

    .news-date2 {
        font-size: 4vw; /* Changed this */
    }

    .news-description {
        font-size: 3vw; /* Changed this */
    }
}

@media (max-width: 1240px) {
    .content {
        width: 70%; /* Even larger width for very small screens */
    }
}


@media (max-width: 980px) {
    .content {
        width: 90%; /* Even larger width for very small screens */
    }
}

@media (max-width: 780px) {


    .upcoming-title {
        font-size: 5.5vw;
    }

    .upcoming-subtitle {
        font-size: 4.5vw;
    }

    .upcoming-text {
        font-size: 3.3vw;
    }

    .title {
        font-size: 9.6vw;
    }

    .title .larger {
        font-size: 12vw;
    }

    .subtitle {
        font-size: 4.5vw;
    }
}



/* Class to add when scrolling */



.nav-link {
    text-decoration: none;
    margin-left: 2rem;
    color: #fff;
    padding: 0.5rem 0;
    transition: color 0.3s ease-in-out;
}

.nav-link:hover {
    color: #FFA500;
}

.nav-link:hover {
    color: #FFA500; /* Change color on hover */
}

/* Responsive adjustments for the navbar */


.sticky {
    position: fixed;
    top: 0;
    width: 100%;
  }


.hamburger-menu {
    display: none;
    cursor: pointer;
    /* Adjust size as necessary */
}

.line {
    width: 30px;
    height: 3px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}

/* Hide the menu links and display the hamburger menu on smaller screens */
@media (max-width: 767px) {
    .navbar-links {
        display: none;
        flex-direction: column;
        width: 100%; /* Adjust as needed */
    }

    .navbar-links a {
        text-align: center;
        padding: 10px;
        border-top: 1px solid #ffffff;
        background: #000; /* Adjust background and color as needed */
    }

    .hamburger-menu {
        display: block;
    }
}

.rotate45 {
    transform: rotate(45deg) translate(6.2px, 6.2px);
}

.remove {
    opacity: 0;
}

.rotate-45 {
    transform: rotate(-45deg) translate(6.2px, -6.2px);
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 500;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.5s ease; /* Adjust the time for smoother or faster transition */
  
  }
  
  .header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  
  .header-scrolled {
      background-color: white;
    }
  
  .header-black {
    background-color: black !important;
  }
  
  nav.navbar a:hover {
    color: rgb(255, 122, 42) !important;
    transition: 0.5s ease;
  }
  
.navbar a {
    margin-right: 50px;
    font-family: ownFont;
    transition: color 0.5s ease;
}


  .no-transition::after {
    transition: none !important;
  }
  
  .header::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);
    transition: .5s;
  }
  
  .animate-header::after {
    left: 100%;
  }
  
  .animation-end-state::after {
    left: 100%;
  }
  
  

  
  .navbar .scroll-link.scrolled {
      color: black;
    }
  
    .navbar .scroll-shop {
      padding: 10px 20px; /* Adjust the padding to suit your design */
      background-color: rgb(255, 122, 42); /* This is a placeholder purple color */
      color: white; /* Text color */
      font-weight: bold; /* Makes the text bold */
      transition: background-color 0.3s, color 0.3s; /* Smooth transition for color and background */
    }
    
    .navbar .scroll-shop:not(.scrolled) {
      background-color: transparent;
      color: white;
    }
  
    .navbar .scroll-shop.scrolled {
      background-color: rgb(255, 122, 42); /* Background color from the image you uploaded */
      color: white; /* Keeps the text white */
      border: none; /* Removes border if you added it */
    }
    
  #check {
    display: none;
  }
  
  .icons {
    position: absolute;
    right: 5%;
    font-size: 2.8rem;
    color: white;
    cursor: pointer;
    display: none;
    transition: color 0.3s ease;
  }
  
  


  nav ul li {
    display: inline-block;
    line-height: 80px;
    margin: 0 5px;
  }
  
  nav ul li a {
    color: white;
    font-size: 17px;
    padding: 7px 13px;
    border-radius: 3px;
    text-transform: uppercase;
  }


  
  nav ul li {
    display: inline-block;
    line-height: 80px;
    margin: 0 5px;
  }
  
  nav ul li a {
    color: white;
    font-size: 17px;
    padding: 7px 13px;
    border-radius: 3px;
    text-transform: uppercase;
  }

  @media (max-width: 952px) {
    label.logo {
      font-size: 30px;
      padding-left: 50px;
    }
    nav ul li a {
      font-size: 16px;
    }
  }

  @media (max-width: 858px) {
    .checkbtn {
      display: block;
    }
    .social {
      position: fixed;
      width: 100%;
      height: 100vh;
      background: #2c3e50;
      top: 80px;
      left: -100%;
      text-align: center;
      transition: all .5s;
    }
    nav ul li {
      display: block;
      margin: 50px 0;
      line-height: 30px;
    }
    nav ul li a {
      font-size: 20px;
    }
    a:hover, a.active {
      background: none;
      color: #0082e6;
    }
    #check:checked ~ ul {
      left: 0;
    }
  }

  nav.navbar a:hover {
    color: black !important;
    transition: 0.5s ease;
  }

  .navbar a {
    font-size: 1.55rem;
    color: white;
    text-decoration: none;
    font-weight: 500;
    margin-left: 2.5rem;
  }
  
  .navbar .scroll-link.scrolled {
      color: black;
    }
  
    .navbar .scroll-shop {
      padding: 10px 20px; /* Adjust the padding to suit your design */
      background-color: rgb(255, 122, 42); /* This is a placeholder purple color */
      color: white; /* Text color */
      font-weight: bold; /* Makes the text bold */
      transition: background-color 0.3s, color 0.3s; /* Smooth transition for color and background */
    }
    
    .navbar .scroll-shop:not(.scrolled) {
      background-color: transparent;
      color: white;
    }
  
    .navbar .scroll-shop.scrolled {
      background-color: rgb(255, 122, 42); /* Background color from the image you uploaded */
      color: white; /* Keeps the text white */
      border: none; /* Removes border if you added it */
    }

 
    
    
      #check:checked~.navbar {
        height: 27.7rem;
      }
    
 
    
 
    

      .header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding: 1.3rem;
        z-index: 500;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: background-color 0.5s ease; /* Adjust the time for smoother or faster transition */
      
      }
      
      .header::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
      }
      
      .header-scrolled {
          background-color: white;
        }
      
      .header-black {
        background-color: black !important;
      }

      .header::after {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent);
        transition: .5s;
      }
      
   

      @media (max-width: 998px) {
        .icons {
          display: inline-flex;
        }
      
        #check:checked~.icons #menu-icon {
          display: none;
        }
      
        .icons #close-icon {
          display: none;
        }
      
        #check:checked~.icons #close-icon {
          display: block;
        }
      
        .navbar {
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          height: 0;
          background: black;
          box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .3);
          overflow: hidden;
          transition: .3s ease;
        }
      
      
      
        #check:checked~.navbar {
          height: 27.7rem;
        }
      
        .navbar a {
          display: block;
          font-size: 1.1rem;
          margin: 1.5rem 0;
          text-align: right;
          margin-right: 50px;
          transform: translateY(-50px);
          opacity: 0;
          transition: .3s ease;
        }
      
        #check:checked~.navbar a {
          transform: translateY(0);
      opacity: 1;
          transition-delay: calc(.15s * var(--i));
        }
      }
          @media (max-width: 826px) {
            .LA {
              font-size: 46px !important;
            }}
          
            @media (max-width: 678px) {
              .LA {
                font-size: 30px !important;
              }}
          
            @media (max-width: 736px) {
              .consume {
                font-size: 30px !important;
              }}
          
              @media (max-width: 961px) {
                .consume {
                  font-size: 40px;
                }}
          
                @media (max-width: 826px) {
                  .consume {
                    font-size: 32px;
                  }}
          
                  @media (max-width: 678px) {
                    .consume {
                      font-size: 21.5px !important;
                    }}

                    .logo5 {
                        height: 70px;
                      width: 70px;
                      cursor: pointer;
                    }

                    .footer-container{
                        max-width: 1170px;
                        margin:auto;
                    }
                    .row{
                        display: flex;
                        flex-wrap: wrap;
                    }
                    .footerul{
                        list-style: none;
                    }
                    .footer{
                        background-color: black;
                        padding: 70px 0;
                    }
                    .footer-col{
                       width: 25%;
                       padding: 0 15px;
                    }
                    .footer-col h4{
                        font-size: 18px;
                        color: #ffffff;
                        text-transform: capitalize;
                        margin-bottom: 35px;
                        font-weight: 500;
                        position: relative;
                    }
                    .footer-col h4::before{
                        content: '';
                        position: absolute;
                        left:0;
                        bottom: -10px;
                        background-color: rgb(255, 122, 42);
                        height: 2px;
                        box-sizing: border-box;
                        width: 50px;
                    }
                    .footer-col ul li:not(:last-child){
                        margin-bottom: 10px;
                    }
                    .footer-col ul li a{
                        font-size: 16px;
                        text-transform: capitalize;
                        color: #ffffff;
                        text-decoration: none;
                        font-weight: 300;
                        color: #bbbbbb;
                        display: block;
                        transition: all 0.3s ease;
                    }
                    .footer-col ul li a:hover{
                        color: #ffffff;
                        padding-left: 8px;
                    }
                    .footer-col .social-links a{
                        display: inline-block;
                        height: 40px;
                        width: 40px;
                        background-color: rgba(255,255,255,0.2);
                        margin:0 10px 10px 0;
                        text-align: center;
                        line-height: 40px;
                        border-radius: 50%;
                        color: #ffffff;
                        transition: all 0.5s ease;
                    }
                    .footer-col .social-links a:hover{
                        color: #24262b;
                        background-color: #ffffff;
                    }
                    
                    /*responsive*/
                    @media(max-width: 767px){
                      .footer-col{
                        width: 50%;
                        margin-bottom: 30px;
                    }
                    }
                    @media(max-width: 1084px){
                      .tarzannn {
                        font-size: 7px !important;
                      }
                    
                    
                      
                    
                      .footer-container{
                        margin-left: 50px;
                    }
                    
                    .footer-text{
                      transform: translateX(-30px) !important;
                    }
                    
                    }
                    
                    .footer-image-container {
                      display: flex;
                      justify-content: center;
                      align-items: center;
                      padding: 20px 0;
                      padding-top: 65px;
                    }
                    
                    .footer-image-container img {
                      max-width: 100%;
                      height: auto;
                      padding: 0 10px; /* Adjust spacing between images */
                    }
                    
                    /* Responsive adjustments */
                    @media(max-width: 704px){
                      .footer-image-container {
                        display: none;
                      }
                      .footer-image-container img {
                        padding: 10px 0; /* Adjust spacing for mobile view */
                      }
                      .nakedandafraid {
                        height: 48px;
                        width: 112px;
                        margin-top: 20px;
                        margin-bottom: 20px;
                      }
                    }

                    .footer-text {
                        text-align: center;
                        color: #d1d1d1; /* Choose the color that fits your design */
                        font-size: 16px; /* Adjust font size as needed */
                        font-weight: 305;
                        transform: translateY(50px);
                      }
                      
                      .tarzannn {
                      font-size: 15px;
                      }
                      
                      .tarzannn {
                        color: #bbbbbb;
                      }
                      .yeah {
                        color: #bbbbbb;
                      }
                      
                      .sajtfabriken-link {
                        color: rgb(197, 197, 197); /* Sets the initial color to white */
                        text-decoration: none; /* Optional: removes underline from the link */
                        transition: color 0.3s ease;
                      }
                      
                      .sajtfabriken-link:hover {
                        color: rgb(35, 205, 203); /* Changes to blue on hover */
                        cursor: pointer; /* Changes the cursor to a pointer to indicate it's clickable */
                      }

                      .privacy-link {
                        color: rgb(197, 197, 197); /* Sets the initial color to white */
                        text-decoration: none; /* Optional: removes underline from the link */
                        transition: color 0.3s ease;
                      }
                      
                      .privacy-link:hover {
                        color: rgb(253, 120, 11); /* Changes to blue on hover */
                        cursor: pointer; /* Changes the cursor to a pointer to indicate it's clickable */
                      }

                      a.privacy-link:visited {
                        color: rgb(197, 197, 197); /* or any other color */
                      }
                      
                      @media only screen and (min-width: 1014px) and (max-width: 1353px) {
                        .diving2 {
                          margin-bottom: 100px !important;
                        }
                      
                      .text-box2 {
                        margin-top: 110px !important;
                       }
                      }
                      
                      .framtidtest-number-box {
                        font-family: myFont;
                        font-size: 9vw !important;
                      }
                      
                      
                      .footer-container{
                          max-width: 1170px;
                          margin:auto;
                      }
                      .row{
                          display: flex;
                          flex-wrap: wrap;
                      }
                      .footerul{
                          list-style: none;
                      }
                      .footer{
                          background-color: black;
                          padding: 70px 0;
                      }
                      .footer-col{
                         width: 25%;
                         padding: 0 15px;
                      }
                      .footer-col h4{
                          font-size: 18px;
                          color: #ffffff;
                          text-transform: capitalize;
                          margin-bottom: 35px;
                          font-weight: 500;
                          position: relative;
                      }
                      .footer-col h4::before{
                          content: '';
                          position: absolute;
                          left:0;
                          bottom: -10px;
                          background-color: rgb(255, 122, 42);
                          height: 2px;
                          box-sizing: border-box;
                          width: 50px;
                      }
                      .footer-col ul li:not(:last-child){
                          margin-bottom: 10px;
                      }
                      .footer-col ul li a{
                          font-size: 16px;
                          text-transform: capitalize;
                          color: #ffffff;
                          text-decoration: none;
                          font-weight: 300;
                          color: #bbbbbb;
                          display: block;
                          transition: all 0.3s ease;
                      }
                      .footer-col ul li a:hover{
                          color: #ffffff;
                          padding-left: 8px;
                      }
                      .footer-col .social-links a{
                          display: inline-block;
                          height: 40px;
                          width: 40px;
                          background-color: rgba(255,255,255,0.2);
                          margin:0 10px 10px 0;
                          text-align: center;
                          line-height: 40px;
                          border-radius: 50%;
                          color: #ffffff;
                          transition: all 0.5s ease;
                      }
                      .footer-col .social-links a:hover{
                          color: #24262b;
                          background-color: #ffffff;
                      }
                      
                      /*responsive*/
                      @media(max-width: 767px){
                        .footer-col{
                          width: 50%;
                          margin-bottom: 30px;
                      }
                      }
                      @media(max-width: 1084px){
                        .tarzannn {
                          font-size: 7px !important;
                        }
                      
                      
                        
                      
                        .footer-container{
                          margin-left: 50px;
                      }
                      
                      .footer-text{
                        transform: translateX(-30px) !important;
                      }
                      
                      }
                      
                      .footer-image-container {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        padding: 20px 0;
                        padding-top: 65px;
                      }
                      
                      .footer-image-container img {
                        max-width: 100%;
                        height: auto;
                        padding: 0 10px; /* Adjust spacing between images */
                      }
                      
                      /* Responsive adjustments */
                      @media(max-width: 704px){
                        .footer-image-container {
                          display: none;
                        }
                        .footer-image-container img {
                          padding: 10px 0; /* Adjust spacing for mobile view */
                        }
                        .nakedandafraid {
                          height: 48px;
                          width: 112px;
                          margin-top: 20px;
                          margin-bottom: 20px;
                        }
                      }
                      
                      .footer-text {
                        text-align: center;
                        color: #d1d1d1; /* Choose the color that fits your design */
                        font-size: 16px; /* Adjust font size as needed */
                        font-weight: 305;
                        transform: translateY(50px);
                        font-family: ownFont;
                      }

                      .nakedandafraid {
                        height: 48px;
                        width: 112px;
                        margin-left: 20px;
                        margin-right: 20px;
                      }
                    
                      .discovery {
                        height: 48px;
                        width: 112px;
                      }
                    
                    
                    .sajtfabriken {
                        height: 48px;
                        width: 112px;
                    }

                    

                 


                    .producer-composer-text {
                        font-size: 2rem;
                        color: white;
                    }

                    @media (max-width: 568px) {

                      .news-titlee {
                          font-family: ownFont;
                          font-size: 5rem; /* Matching size with .upcoming-title - Changed this */
                          margin-bottom: 1rem; /* Changed this */
                      }
                    }

                    @media (max-width: 468px) {

                      .news-titlee {
                          font-family: ownFont;
                          font-size: 4rem; /* Matching size with .upcoming-title - Changed this */
                          margin-bottom: 1rem; /* Changed this */
                      }

                      .logo5 {
                        height: 60px;
                      width: 60px;
                    }

                    }

                    @media (max-width: 368px) {

                      .news-titlee {
                          font-family: ownFont;
                          font-size: 3rem; /* Matching size with .upcoming-title - Changed this */
                          margin-bottom: 1rem; /* Changed this */
                      }
                    }

.icons {
  margin-right: 40px;
}

@media only screen and (min-width: 1241px) and (max-width: 1406px) {
  .news-titlee {
    transform: translateX(-100px);
  }
}

@media only screen and (min-width: 1406px) and (max-width: 1644px) {
  .news-titlee {
    transform: translateX(-50px);
  }
}

@media only screen and (min-width: 1644px) and (max-width: 1700px) {
  .news-titlee {
    transform: translateX(-25px);
  }
}

@media (max-width: 998px) {
  nav.navbar a:hover {
    color: rgb(255, 255, 255) !important;
    transition: 0.5s ease;
  }

  }