.cookie-alert {
    background-color:#cba2cc;
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 320px;
  margin: 0 !important;
  z-index: 999;
  opacity: 0;
  transform: translateY(100%);
  transition: all 500ms ease-out;
}

.cookie-alert.show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 1000ms;
}
  .mdimension{
      margin-left:-50px; 
  }
  @media (min-width: 1440px){
    .mdimension{
    margin-left:-650px; 
    margin-top:-60px;
}
}
  
  .cgradient{
    margin-top:-200px; 
    margin-left:-300px;
    width: 900px; 
    position: relative; 
    z-index: -1;
}

  .about-space{
      margin-top:-50px;
  }
  @media only screen and (max-width: 600px){
      html, body {
    overflow-x: hidden; /* Disable horizontal scrolling */
    width: 100vw; /* Set viewport width */
    
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Ensure padding and border are included in the element's total width and height */
}

* {
    box-sizing: inherit;
}

   .cgradient{
    margin-top:25px; 
    margin-left:-45px;
    width: 450px; 
    position: relative; 
   
}



      .about-space{
      margin-top:10px;
  }
  }
      .headlinee{
          font-size: 50px;
      }
      .marginn-topp{
          margin-top:150px; 
          margin-bottom:100px;
      }
      .account{
          margin-top:0px;
      }
      @media only screen and (max-width: 600px){
       .headlinee{
         font-size: 40px;
      }
      
      .account{
          margin-top:-150px;
      }
      .about-space{
      margin-top:-550px;
  }
      .marginn-topp{
          margin-top:-500px; 
          margin-bottom:100px;
      }
      }
      
      .abtmg1{
       width:150px;
       margin-top:5px;
       margin-bottom:-20px;    
      }
      
      .abtmg2{
          width:100px; 
          padding-left:10px;
      }
      
      .abtmg3{
          width:80px;
          margin-top:-20px;
          margin-bottom:-20px;
      }
      @media only screen and (max-width: 600px){
       .abtmg1{
       width:150px;
       margin-top:5px;
       margin-bottom:-20px;
       margin: 5px auto -20px auto;
      }   
     
      .abtmg2{
          width:100px; 
          
          margin-left:-15px;
      }
      .abtmg3{
          width:80px;
          margin-top:-20px;
          margin-bottom:-20px;
          margin-left:-20px;
      }
      }
      
      .nav-logo{
     width:150px; 
     margin-top:-50px; 
     margin-left:-50px;   
    }
    @media only screen and (max-width: 600px){
     .nav-logo{
     width:150px; 
     margin-top:-50px; 
     margin-left:-20px;   
    }   
    }
    .mont{
        font-family: 'Montserrat', sans-serif;
    }
    
    
    .cookie-alert {
    background-color:#cba2cc;
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 320px;
  margin: 0 !important;
  z-index: 999;
  opacity: 0;
  transform: translateY(100%);
  transition: all 500ms ease-out;
}

.cookie-alert.show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 1000ms;
}
  .mdimension{
      margin-left:-50px; 
  }
  @media (min-width: 1440px){
    .mdimension{
    margin-left:-650px; 
    margin-top:-60px;
}
}
  
  .cgradient{
    margin-top:-200px; 
    margin-left:-300px;
    width: 900px; 
    position: relative; 
    z-index: -1;
}

  .about-space{
      margin-top:-50px;
  }
  @media only screen and (max-width: 600px){
      html, body {
    overflow-x: hidden; /* Disable horizontal scrolling */
    width: 100vw; /* Set viewport width */
    
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* Ensure padding and border are included in the element's total width and height */
}

* {
    box-sizing: inherit;
}

   .cgradient{
    margin-top:25px; 
    margin-left:-45px;
    width: 450px; 
    position: relative; 
   
}



      .about-space{
      margin-top:10px;
  }
  }
      .headlinee{
          font-size: 50px;
      }
      .marginn-topp{
          margin-top:150px; 
          margin-bottom:100px;
      }
      .account{
          margin-top:0px;
      }
      @media only screen and (max-width: 600px){
       .headlinee{
         font-size: 40px;
      }
      
      .account{
          margin-top:-150px;
      }
      .about-space{
      margin-top:-550px;
  }
      .marginn-topp{
          margin-top:-500px; 
          margin-bottom:100px;
      }
      }
      
      .abtmg1{
       width:150px;
       margin-top:5px;
       margin-bottom:-20px;    
      }
      
      .abtmg2{
          width:100px; 
          padding-left:10px;
      }
      
      .abtmg3{
          width:80px;
          margin-top:-20px;
          margin-bottom:-20px;
      }
      @media only screen and (max-width: 600px){
       .abtmg1{
       width:150px;
       margin-top:5px;
       margin-bottom:-20px;
       margin: 5px auto -20px auto;
      }   
      .abtmg2{
          width:100px; 
          
          margin-left:-15px;
      }
      .abtmg3{
          width:80px;
          margin-top:-20px;
          margin-bottom:-20px;
          margin-left:-20px;
      }
      }
      
      .nav-logo{
     width:150px; 
     margin-top:-50px; 
     margin-left:-50px;   
    }
    @media only screen and (max-width: 600px){
     .nav-logo{
     width:150px; 
     margin-top:-50px; 
     margin-left:-20px;   
    }   
    }