

body
{
font-family: "Urbanist", sans-serif;
  font-style: normal;    

}


.Pcontainer

{
    
    position: relative;
  text-align: center;
  color: #423b2a;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight:500;
  font-size:4vw;
}

.center

{
    
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

.listInfoColumn h3
{
    
    font-weight:500;

    
}
.oShortDesc h3
{
    
    font-weight:700;

    
}


.hLogo, .hLogo a
{
    
    
    font-size:35px;
    font-weight: 500;
    color:black;
  
}

.grayButton{
    background-color: #525656 !important;
}

.grayButton:hover {
    color: #3fbf5f;
    background-color: #599b6f !important;
}

                
.payLogoText
{
    
    margin-top:15px;
    color:white;
    padding:10px;
    border:2px solid #F7F7F7;
    border-radius:3px;
    text-align:center;
}
           
.colorLoginBox
{
    
        color:#000000 !important;
    
    
}

p
{
    
margin-top:5px !important;
margin-bottom:5px !important;


font-family: "Urbanist", sans-serif;
}

h1
{
    
margin-top:20px !important;
margin-bottom:30px !important;
border-bottom:1px solid #EEE !important;

}


h2
{
    
margin-top:40px;
margin-bottom:20px !important;
border-bottom:0px solid #EEE !important;
}

}


h2.noTopMargin
{
    
    margin-top:10px !important;
    
    
    
    
}


.grayButton, .grayButton:hover
{
    
    
    
font-family: 'Open Sans', sans-serif !important;
font-style: normal;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 1.2em;
    text-transform: none;
    font-size: 18px;
    color: #fff;
    background-color: #a8a6a1;
    border-color: #fff;
    padding: 1.2rem 2.004rem;
    border-radius:5px;
    text-decoration:none;
    display:inline-block;
}





#divDesktopMenu ul {
    float:right;
font-family: "Urbanist", sans-serif;
    margin-top:10px;
    width:100%;
    margin-bottom: 0px;
    color:#ffffff !important;
}



#divDesktopMenu li {
    padding: 5px 15px 5px 0px;
    float:left;
    display:inline;
    list-style-type:none;
    margin-top:5px;
    color:#ffffff !important;
}

#divDesktopMenu ul.smalMenu  li {
    padding:5px 5px 5px 5px;
    float:left;
    display:inline;
    list-style-type:none;
    margin-top:5px;
    margin-right:10px;
color:#ffffff !important;
}



#divDesktopMenu li a {
    font-size:18px;
    font-weight: 800;
   
    text-decoration:none;

   color:#000000;
    cursor:pointer;

    }
    
#divDesktopMenu li a:active {
  color: #224dcf !important;
  background-color: none;
  text-decoration:none;
  
   } 
   
#divDesktopMenu li a:hover {
    font-size:18px;

     color: #224dcf !important;
    text-decoration:none;


    cursor:pointer;

    }
    

    
    #divDesktopMenu li.mainMenuSelected a {

     color:#224dcf !important;


    cursor:pointer;

    }
    
    
    
    
  #divDesktopMenu ul.smalMenu li a {
    font-size:14px;
color:#000000;


    }  
    
       
  #divDesktopMenu ul.smalMenu li a:hover {
    font-size:14px;

      color:#224dcf;
    text-decoration:none;


    cursor:pointer;

    }  
    
  #divDesktopMenu ul.smalMenu {
   margin-top:0;
margin-bottom: 20px;
    }  
    
    
#divDesktopMenu li:hover
{

    color:#599b6f !important;

}

#divMobileMenu ul {
   
    margin-top:10px;
    width:100%;
font-family: "Urbanist", sans-serif;
}

#divMobileMenu li {
    padding:10px 10px 5px 10px;
   
    list-style-type:none;
    margin-top:5px;
  color:#ffffff;
}



#divMobileMenu li a {
    font-size:18px;
 
 color:#000000 !important;
    text-decoration:none;



    cursor:pointer;

    }
    

    
    
    
#divMobileMenu li a:Hover {
    font-size:18px;
 
    color:#599b6f;
    text-decoration:none;



    cursor:pointer;

    }
#divMobileMenu li:hover
{
    color:#599b6f;
    

}
#divMobileMenu li:active
{
    color:#599b6f;
    

}
     


#divNavBarMenu {
    padding-bottom: 0px;
    margin-bottom: 0px;

}

.navbar-brand {
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
   
}


.elegant-linje {
  width: 100%; /* Bredd på linjen */
  height: 5px;
  background: linear-gradient(to top, #e0e0e0, transparent, #e0e0e0);
}

.iconHeader {
  letter-spacing: 2px; /* Använd det värde som passar ditt behov */
  font-weight: bold;
}



/*---------Login section style------*/

.loginMenu hr {
    background-color: #0a4bcc !important;

}

/* Ändra färgen på knappen "Admin" */
.loginMenu .btn-info:nth-child(1) {
    background-color: #79ac54 !important;
    border-color: #79ac54 !important;
}

.loginMenu .btn-info:nth-child(1):hover {
    background-color: #79ac5450 !important;
    color: black !important;
}

/* Ändra färgen på knappen "Mitt konto" */
.loginMenu .btn-info:nth-child(2) {
    background-color: #0a4bcc !important;
    border-color: #0a4bcc !important;
}

.loginMenu .btn-info:nth-child(2):hover {
    background-color: #0a4bcc50 !important;
    color: black !important;
}

/* Ändra färgen på knappen "Logga ut" */
.loginMenu .btn-warning {
    background-color: #606da5 !important;
    border-color: #606da5 !important;
}

.loginMenu .btn-warning:hover {
    background-color: #606da550 !important;
    color: black !important;
}

/*ERBJUDANDE RUTA*/

  .offer-box {
             max-width: 400px;
            background: #f8f9fa;
            border: 2px solid #ccc;
            border-radius: 12px;
            padding: 20px;
            text-align: center;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
            
        }
        .offer-title {
            font-size: 24px;
            font-weight: bold;
            color: #d9534f;
            margin-bottom: 10px;
        }
        .offer-text {
            font-size: 18px;
            color: #333;
            margin-bottom: 10px;
        }
        .offer-price {
            font-size: 20px;
            font-weight: bold;
            color: #5cb85c;
        }
        .center-continer {
            display: flex;
            flex-direction: column;
            align-items: left;
            justify-content: left;
           
            margin: 0;
           
        }

