.futurs_color{
         color : rgb(0,116,116);
}

.futurs_color_section{
        background-color: rgb(0, 116, 116); 
        color: rgb(243,207,153); 
        /*width : 100%!important; */
        
}

.title{
    font-size : 22px;
}

.sub_title{
    font-size : 18px;
}

.futurs_sections_bg{
        background: rgb(243,207,153);
        color: rgb(0, 116, 116); 
        height: 100%;      
}

.futurs_navbar{
        background-color: rgb(0, 116, 116); 
        color : #ffffff;
}

.nav_link {
        color: #ffffff;
        text-decoration: none;
}

.futurs_color_button {
        background-color: rgb(0, 116, 116); 
        color: rgb(243,207,153);                       
        border: none;  
        padding : 25px;                    
}



.futurs_color_button:hover {
        background-color: rgb(243,207,153); 
        color: rgb(0, 116, 116);      
        padding : 25px;  
        border : 1px solid rgb(0, 116, 116);                  
    }

.futurs_color_button:hover  .rounded_circle_inverse{
        background-color: rgb(0, 116, 116)!important; 
}

.futurs_color_button:hover  .rounded_circle{
        background-color: rgb(0, 116, 116)!important; 
}

.futurs_color_button_inverse {
        background-color: rgb(243,207,153);  
        color : rgb(0, 116, 116);                       
        border: none;  
        padding : 25px;                    
}



.futurs_color_button_inverse:hover{
        background-color:rgb(0, 116, 116)!important;
        color : rgb(200,170,120);         
}

.futurs_color_button_inverse:hover + .rounded_circle_inverse{
        background-color: rgb(0, 116, 116)!important; 
}

.partner{
        border: 1px solid rgb(243,207,153);
        border-radius: 20px;
}

.rounded{
        border: 1px solid rgb(243,207,153)!important;
        border-radius: 20px!important;
}

#typeform-container {
      text-align: center;
      width: 100%;
      height: 630px;
      
 }

 .fw-light{
       font-weight: 100;
       
 }

 a {
      color: #ffffff;
 }

 a:hover{
    color : #ffffff;
 }
      
 body{
        background-color: #f9f7f0; 
        padding : 0px !important;     
        margin : 0px !important;  
        width: 100%!important;

 }
 
 html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}


 .intro_text h2 {
        font-weight: 400;
        
 }

 .intro_text h3{
        font-weight: 200;
        
 }

 .rounded_circle{
        background-color : #f0b24c !important;
        font-size: 35px !important;
        font-weight: 500 !important;
        color : white !important;
        width:70px;
        height:70px; 
        min-width:70px; 
        min-height:70px; 
 }

.rounded_circle_inverse{
        background-color :  #f0b24c !important;
        font-size: 35px !important;
        font-weight: 500 !important;
        color : white !important;
 }

 .rounded_circle_inverse:hover{
        background-color : rgb(0, 116, 116)!important;
        
 }

 

 .rounded-pill{
        border-radius: 30px !important;
 }

 .section_container {
        padding-top : 30px !important;
 }

 .mb-7 {
  margin-bottom: 5rem;
}

 .mb-9 {
  margin-bottom: 9rem;
}


.whats_futurs{
        border : 1px solid  rgb(0, 116, 116);
        color : rgb(243,207,153)!important;
        background-color: rgb(0, 116, 116)!important;
        border-radius: 20px;
        font-size: 18px;
        padding-right : 150px!important;;
}

.whats_futurs_right{
        border : 1px solid  rgb(243,207,153)!important;
        background-color : rgb(243,207,153)!important;
        color: rgb(0, 116, 116)!important;
        border-radius: 20px;
        font-size: 18px;
        margin-left: -50px;
        margin-top: 25px;
}



.header_whats_futurs{
        margin-bottom: 45px;
        margin-top: 80px;
}

.chef{
        background-color : rgb(22,141,144);
        color : rgb(243,207,153)!important;
}

.chef_title{
        font-size: 48px;
        font-weight: 600;
        vertical-align: middle!important;
}


.content_chef{
        background-color:  rgb(243,207,153)!important;
        color : rgb(0,116,116)!important;
        border-radius: 20px;
        font-size : 22px;
        padding-right : 150px!important;
        font-size : 18px;
}

.sign{
        font-size: 28px;
        font-weight: 600;
        margin-right : -120px;
        font-size: 18px;
}

i {
    font-size: 40px!important;
    line-height:1;
}

.contact{
    font-size: 56px;
}

.log_white{
    margin-bottom: 80px;;
}

.chef_image{
    margin-left: -120px!important;
    margin-top: -50px!important;
    border-radius: 20px;
}

 .footer_{
    color: rgb(240,183,32);
 }


/*css for mobile*/

@media (max-width: 767.98px) {

i {
    font-size: 22px!important;
    line-height:1;
}    

.chef {
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.sign{
        font-size: 28px;
        font-weight: 600;
        margin-right : 10px;
        font-size: 18px;
}    

.subscribe_button{
    margin-left: 15px!important;
    margin-right : 15px!important;;
}

 .mb-9 {
  margin-bottom: 1rem;
}

  .whats_futurs_right{
       
        margin-left: 0px;
        margin-top : 0px;
        
 }

 .whats_futurs{
        padding-right : 0px!important;
        
 }


 body{
        width: 100%!important;
                
 }

 .chef_image_container{
    text-align: center!important;
 }

 .chef_image{
 
    margin-left: 0px!important;
    margin-top: 0px!important;
    border-radius: 20px;
    
}

 .rounded_circle_inverse,
 .rounded_circle {
        
        font-size: 22px !important;
        font-weight: 500 !important;
        color : white !important;
        width:35px !important;
        height:35px !important;
        min-width:35px !important;
        min-height:35px !important; 
 }

 .content_chef{
    text-align : center!important;
    padding : 25px!important;
 }


}

/*end css for mobile*/