/*Custom Fonts*/
@font-face {
    font-family: 'Figtree';
    src: url('Fonts/Figtree-Regular.eot') format('embedded-opentype');
    src: url('Fonts/Figtree-Regular.woff2') format('woff2');
    src: url('Fonts/Figtree-Regular.woff') format('woff');
    src: url('Fonts/Figtree-Regular.ttf') format('truetype');
        
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Figtree-Bold';
    src: url('Fonts/Figtree-Bold.eot') format('embedded-opentype');
    src: url('Fonts/Figtree-Bold.woff2') format('woff2');
    src: url('Fonts/Figtree-Bold.woff') format('woff');
    src: url('Fonts/Figtree-Bold.ttf') format('truetype');
        
    font-weight: Bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Figtree-ExtraBold';
    src: url('Fonts/Figtree-ExtraBold.eot') format('embedded-opentype');
    src: url('Fonts/Figtree-ExtraBold.woff2') format('woff2');
    src: url('Fonts/Figtree-ExtraBold.woff') format('woff');
    src: url('Fonts/Figtree-ExtraBold.ttf') format('truetype');
        
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Figtree';
    margin: 0; 
}

@media only screen and (max-width: 600px) and (orientation: portrait) {
    .Intro_Menu_bar {
        background-color: #172577;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        position: fixed; /* Fix the position */
        top: 0; /* Align it to the top */
        z-index: 1000; /* Ensure it appears above other content */
    }

    .CC_Logo {
        width: 200px;
        height: auto;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 10px;
        box-sizing: border-box;
        flex-grow: 1;
    }

    .CC_Logo img {
        max-width: 200px;
        height: auto;
    }

    .Buttons{
        Display:block;
        align-items: end;
        justify-content: center;
    }

    .DropdownLanguage {
        display: block;
        flex-grow: 1;
        align-items: center;
        justify-content:end;
        position: relative;
        padding-right: 10px;
        
    }

    .dropbtnLanguage {
        height: 46px;
        width: 50px;
        background-color: #172577;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0; 
        
    }
    
    .dropbtnLanguage img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* Ensure the image fits inside the button */
    }
    .dropdown-contentLanguage {
        display: none;
        position: absolute;
        background-color:#172577;
        min-width: 100px;
        z-index: 1;
        right:20%;
        touch-action:manipulation;
        
    }

    .dropdown-contentLanguage a {
        color: white;
        padding: 6px 8px;
        text-decoration: none;
        display: block;
        touch-action: manipulation;
    }

    .dropdown-contentLanguage a:hover {
        background-color: #172577;
        font-size: 1.1em;
        font-weight: 700;
    }

    .dropbtnLanguage:focus + .dropdown-contentLanguage,
    .dropdown-contentLanguage:hover {
        display: block;
    }

    .Dropdown {
        display: block;
        flex-grow: 1;
        align-items: center;
        justify-content: end;
        position: relative;
        padding-right: 10px;
        
    }
    .dropbtn {
        height: 50px;
        width: 40px;
        background-color: #172577;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0; 
        
    }
    
    .dropbtn img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* Ensure the image fits inside the button */
    }
    .dropdown-content {
        display: none;
        position: absolute;
        background-color:#172577;
        min-width: 100px;
        z-index: 1;
        right:20%;
        touch-action: manipulation;
        
    }

    .dropdown-content a {
        color: white;
        padding: 6px 8px;
        text-decoration: none;
        display: block;
        touch-action: manipulation;
    }

    .dropdown-content a:hover {
        background-color: #172577;
        font-size: 1.1em;
        font-weight: 700;
    }

    .dropbtn:focus + .dropdown-content,
    .dropdown-content:hover {
        display: block;
    }
    .dropbtnLanguage:focus + .dropdown-contentLanguage,
    .dropdown-contentLanguage:hover,
    .dropbtn:focus + .dropdown-content,
    .dropdown-content:hover {
    display: block;
    }
/***********************************************************Opening Section Begins*/
    .Opening_Section{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        padding: 0px;
        margin-top: 125px;
        margin-left: 0px;
        margin-right: 0px;
     }
     .Ingredient_Slogan{
        padding-left: 10px;
        text-align:center;
    }

    .Slogan{
        font-size: 2.1em;
        font-family: 'Figtree-Bold';
        font-weight:bold;
        color: #172577;
        padding-left: 5px;
        padding-right: 5px;
      }

     .Ingredient_Image{
        display: block;
        justify-content: center; 
        align-items: center; 
        margin: 0 auto;
        width: 100%;
        height: 310px;
        width: 394px;

    }
    .Ingredient_Image img{
        height: 310px;
        width: 394px;
    }

    .Ingredient_Text{
        text-align:center;
    }
    .Slogan_Text{
        color: #172577;
        font-size: 1.2em;
        padding-left: 5px;
        padding-right: 5px;
        margin: 0 auto;        
    }

/***********************************************************Middle Bar Begins*/
    .Slogan_Two {
        background-color: #00BF63;
        color: white;
        width: auto; /* Set width to auto to fit the content */
        display: inline-block;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 2.1em;
        font-family: 'Figtree-Bold';
        font-weight: bold;
        margin: 0 auto; /* Center horizontally */
        padding-right: 5px;
        padding-left: 5px;
    }

    .Slogan_Two_we a {
        text-decoration: underline;
        color: #172577;
        font-family:'Figtree-Bold';
        font-weight:bold;
}
/***********************************************************Explanation Section Begins*/
    .What_we_Do{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 0 auto;
    }
    .Explanation_Image{
        padding-top: 20px;
        display: inline-block; 
        justify-content: center; 
        align-items: center; 
        height: 285px;
        width: 390px;
        margin: 0 auto;
    }
    .Explanation_Image img{
        height: 285px;
        max-width: 390px;
    }
    .Text_Explanation{
        color:#172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
        
    }

/***********************************************************Form Section Begins*/
    .Form_section{
        background-color: rgba(220, 220, 220, 0.5); /*light grey (Gainsboro #DCDCDC) but in rbg to change transparency */
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
  }
    .formheadertext {
        font-size: 1.5em;
        color: #FF4910;
        font-family:'Figtree-Bold';
        font-weight:bold;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        box-sizing: border-box;
        flex-grow: 1;
  }
  
    .form-row {
        display: flex;
        margin-bottom: 15px;
        margin-left: 5px;
        color:#172577;
        font-size: 1em;
  }
  
   .form-group {
        flex: 1;
        margin-right: 10px;
        color:#172577;
        font-size: 1em;
  }

    .form-row-button{
        margin-bottom: 15px;
        margin:0 auto;
        margin-bottom: 15px;
        max-width: 100%;
        width:100%;
        text-align: center;
        align-items: center;
    }
    
  
    .Form_section input[type="email"],
    .Form_section input[type="tel"],
    .Form_section input[type="text"],
    .Form_section input[type="url"],
    .Form_section textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        font-size: 100%;
        margin-bottom: 15px;
        border: 1px solid #FF4910;
        font-family: inherit; 
}
  
    input[type="submit"] {
        width: 100%;
        display: block;
        box-sizing: border-box;
        background-color:#00BF63;
        color:white;
        font-family:'Figtree-ExtraBold';
        font-size: 1em;
        font-weight: 800;
        padding: 10px 0;
        border: 1px solid #00BF63;
   }
/***********************************************************Social Media & Footer Section Begins*/
    .contact_info {
        background-color:#172577;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        margin: 0px;
        
}
    .contact-info {
        display: flex;
        justify-content: center;
        align-items: center;
}

    .contact-info div {
        margin: 0 10px;  /* Add some space between each icon */
  }
   
    .image-email_icon img,
    .image-linkedIn_icon img,
    .image-twitter_icon img,
    .image-instagram_icon img,
    .image-facebook_icon img {
        width: 50px;
        height: auto;
        margin-left: 10px;
}

    footer {
        text-align: center;
        font-size: 100%;
        background-color:#172577;
        color:white;
        padding-bottom: 5px;
        padding-top: 20px;
        box-sizing: border-box;
  }
}
/******************************************************************Cell phones in landscape mode**********************************************************************************************/

@media only screen and (min-width: 481px) and (max-width: 767px) and (orientation: landscape) {
    .Intro_Menu_bar {
        background-color: #172577;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        position: fixed; /* Fix the position */
        top: 0; /* Align it to the top */
        z-index: 1000; /* Ensure it appears above other content */
    }

    .CC_Logo {
        width: 200px;
        height: auto;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 10px;
        box-sizing: border-box;
        flex-grow: 1;
    }

    .CC_Logo img {
        max-width: 200px;
        height: auto;
    }

    .Buttons{
        Display:block;
        align-items: end;
        justify-content: center;
    }

    .DropdownLanguage {
        display: block;
        flex-grow: 1;
        align-items: center;
        justify-content:end;
        position: relative;
        padding-right: 10px;
        
    }

    .dropbtnLanguage {
        height: 46px;
        width: 50px;
        background-color: #172577;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0; 
        
    }
    
    .dropbtnLanguage img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* Ensure the image fits inside the button */
    }
    .dropdown-contentLanguage {
        display: none;
        position: absolute;
        background-color:#172577;
        min-width: 100px;
        z-index: 1;
        right:20%;
        touch-action:manipulation;
        
    }

    .dropdown-contentLanguage a {
        color: white;
        padding: 6px 8px;
        text-decoration: none;
        display: block;
        touch-action: manipulation;
    }

    .dropdown-contentLanguage a:hover {
        background-color: #172577;
        font-size: 1.1em;
        font-weight: 700;
    }

    .dropbtnLanguage:focus + .dropdown-contentLanguage,
    .dropdown-contentLanguage:hover {
        display: block;
    }

    .Dropdown {
        display: block;
        flex-grow: 1;
        align-items: center;
        justify-content: end;
        position: relative;
        padding-right: 10px;
        
    }
    .dropbtn {
        height: 50px;
        width: 40px;
        background-color: #172577;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0; 
        
    }
    
    .dropbtn img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* Ensure the image fits inside the button */
    }
    .dropdown-content {
        display: none;
        position: absolute;
        background-color:#172577;
        min-width: 100px;
        z-index: 1;
        right:20%;
        touch-action: manipulation;
        
    }

    .dropdown-content a {
        color: white;
        padding: 6px 8px;
        text-decoration: none;
        display: block;
        touch-action: manipulation;
    }

    .dropdown-content a:hover {
        background-color: #172577;
        font-size: 1.1em;
        font-weight: 700;
    }

    .dropbtn:focus + .dropdown-content,
    .dropdown-content:hover {
        display: block;
    }
    .dropbtnLanguage:focus + .dropdown-contentLanguage,
    .dropdown-contentLanguage:hover,
    .dropbtn:focus + .dropdown-content,
    .dropdown-content:hover {
    display: block;
    }
/***********************************************************Opening Section Begins*/
    .Opening_Section{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        padding: 0px;
        margin-top: 125px;
        margin-left: 0px;
        margin-right: 0px;
     }
     .Ingredient_Slogan{
        padding-left: 10px;
        text-align:center;
    }

    .Slogan{
        font-size: 2.1em;
        font-family: 'Figtree-Bold';
        font-weight:bold;
        color: #172577;
        padding-left: 5px;
        padding-right: 5px;
      }

     .Ingredient_Image{
        display: block;
        justify-content: center; 
        align-items: center; 
        margin: 0 auto;
        width: 100%;
        height: 310px;
        width: 394px;

    }
    .Ingredient_Image img{
        height: 310px;
        max-width: 394px;
    }

    .Ingredient_Text{
        text-align:center;
    }
    .Slogan_Text{
        color: #172577;
        font-size: 1.2em;
        padding-left: 5px;
        padding-right: 5px;
        margin: 0 auto;        
    }

/***********************************************************Middle Bar Begins*/
    .Slogan_Two {
        background-color: #00BF63;
        color: white;
        width: auto; /* Set width to auto to fit the content */
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 2.1em;
        font-family: 'Figtree-Bold';
        font-weight: bold;
        margin: 0 auto; /* Center horizontally */
        padding-right: 5px;
        padding-left: 5px;
    }

    .Slogan_Two_we a {
        text-decoration: underline;
        color: #172577;
        font-family:'Figtree-Bold';
        font-weight:bold;
}
/***********************************************************Explanation Section Begins*/
    .What_we_Do{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 0 auto;
    }
    .Explanation_Image{
        padding-top: 20px;
        display: flex; 
        justify-content: center; 
        align-items: center; 
        height: 285px;
        width: 390px;
        margin: 0 auto;
    }
    .Explanation_Image img{
        height: 285px;
        max-width: 390px;
    }
    .Text_Explanation{
        color:#172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
        
    }

/***********************************************************Form Section Begins*/
    .Form_section{
        background-color: rgba(220, 220, 220, 0.5); /*light grey (Gainsboro #DCDCDC) but in rbg to change transparency */
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
  }
    .formheadertext {
        font-size: 1.5em;
        color: #FF4910;
        font-family:'Figtree-Bold';
        font-weight:bold;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        box-sizing: border-box;
        flex-grow: 1;
  }
  
    .form-row {
        display: flex;
        margin-bottom: 15px;
        margin-left: 5px;
        color:#172577;
        font-size: 1em;
  }
    .form-group {
        flex: 1;
        margin-right: 10px;
        color:#172577;
        font-size: 1em;
  }
  
  .form-row-button{
    margin-bottom: 15px;
    margin:0 auto;
    margin-bottom: 15px;
    max-width: 100%;
    width:100%;
    text-align: center;
    align-items: center;
}
    .Form_section input[type="email"],
    .Form_section input[type="tel"],
    .Form_section input[type="text"],
    .Form_section input[type="url"],
    .Form_section textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        font-size: 100%;
        margin-bottom: 15px;
        border: 1px solid #FF4910;
        font-family: inherit; 
}
  
    input[type="submit"] {
        width: 100%;
        display: block;
        box-sizing: border-box;
        background-color:#00BF63;
        color:white;
        font-family:'Figtree-ExtraBold';
        font-size: 1em;
        font-weight: 800;
        padding: 10px 0;
        border: 1px solid #00BF63;
   }
/***********************************************************Social Media & Footer Section Begins*/
    .contact_info {
        background-color:#172577;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        margin: 0px;
}
    .contact-info {
        display: flex;
        justify-content: center;
        align-items: center;
}

    .contact-info div {
        margin: 0 10px;  /* Add some space between each icon */
  }
   
    .image-email_icon img,
    .image-linkedIn_icon img,
    .image-twitter_icon img,
    .image-instagram_icon img,
    .image-facebook_icon img {
        width: 50px;
        height: auto;
        margin-left: 10px;
}

    footer {
        text-align: center;
        font-size: 100%;
        background-color:#172577;
        color:white;
        padding-bottom: 5px;
        padding-top: 20px;
        box-sizing: border-box;
  }    
}

/******************************************************************Tablets and larger landscape cell phones************************************************************************************/

@media only screen and (min-width: 601px) and (max-width: 1024px) and (orientation: portrait),
       (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        .Intro_Menu_bar {
            background-color: #172577;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0px;
            margin-top: 0px;
            margin-left: 0px;
            margin-right: 0px;
            position: fixed; /* Fix the position */
            top: 0; /* Align it to the top */
            z-index: 1000; /* Ensure it appears above other content */
        }
    
        .CC_Logo {
            width: 200px;
            height: auto;
            padding-left: 10px;
            padding-top: 5px;
            padding-bottom: 10px;
            box-sizing: border-box;
            flex-grow: 1;
        }
    
        .CC_Logo img {
            max-width: 200px;
            height: auto;
        }
    
        .Buttons{
            Display:block;
            align-items: end;
            justify-content: center;
        }
    
        .DropdownLanguage {
            display: block;
            flex-grow: 1;
            align-items: center;
            justify-content:end;
            position: relative;
            padding-right: 10px;
            
        }
    
        .dropbtnLanguage {
            height: 46px;
            width: 50px;
            background-color: #172577;
            border: none;
            cursor: pointer;
            outline: none;
            padding: 0; 
            
        }
        
        .dropbtnLanguage img {
            width: 100%;
            height: 100%;
            object-fit: contain; /* Ensure the image fits inside the button */
        }
        .dropdown-contentLanguage {
            display: none;
            position: absolute;
            background-color:#172577;
            min-width: 100px;
            z-index: 1;
            right:20%;
            touch-action:manipulation;
            
        }
    
        .dropdown-contentLanguage a {
            color: white;
            padding: 6px 8px;
            text-decoration: none;
            display: block;
            touch-action: manipulation;
        }
    
        .dropdown-contentLanguage a:hover {
            background-color: #172577;
            font-size: 1.1em;
            font-weight: 700;
        }
    
        .dropbtnLanguage:focus + .dropdown-contentLanguage,
        .dropdown-contentLanguage:hover {
            display: block;
        }
    
        .Dropdown {
            display: block;
            flex-grow: 1;
            align-items: center;
            justify-content: end;
            position: relative;
            padding-right: 10px;
            
        }
        .dropbtn {
            height: 50px;
            width: 40px;
            background-color: #172577;
            border: none;
            cursor: pointer;
            outline: none;
            padding: 0; 
            
        }
        
        .dropbtn img {
            width: 100%;
            height: 100%;
            object-fit: contain; /* Ensure the image fits inside the button */
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color:#172577;
            min-width: 100px;
            z-index: 1;
            right:20%;
            touch-action: manipulation;
            
        }
    
        .dropdown-content a {
            color: white;
            padding: 6px 8px;
            text-decoration: none;
            display: block;
            touch-action: manipulation;
        }
    
        .dropdown-content a:hover {
            background-color: #172577;
            font-size: 1.1em;
            font-weight: 700;
        }
    
        .dropbtn:focus + .dropdown-content,
        .dropdown-content:hover {
            display: block;
        }
        .dropbtnLanguage:focus + .dropdown-contentLanguage,
        .dropdown-contentLanguage:hover,
        .dropbtn:focus + .dropdown-content,
        .dropdown-content:hover {
        display: block;
        }
    /***********************************************************Opening Section Begins*/
        .Opening_Section{
            background-color: white;
            width: 100%;
            display: block;
            align-items: center;
            padding: 0px;
            margin-top: 125px;
            margin-left: 0px;
            margin-right: 0px;
         }
         .Ingredient_Slogan{
            padding-left: 10px;
            text-align:center;
        }
    
        .Slogan{
            font-size: 2.69em;
            font-family: 'Figtree-Bold';
            font-weight:bold;
            color: #172577;
            padding-left: 5px;
            padding-right: 5px;
          }
    
         .Opening_Section_Images{
            display: flex; 
            justify-content: center; 
            align-items: center; 
            width: 100%;
        }
    
         .Ingredient_Image{
            display: block;
            justify-content: center; 
            align-items: center; 
            margin: 0 auto;
            width: 100%;
            height: 504px;
            width: 397px;
    
        }
        .Ingredient_Image img{
            height: 504px;
            max-width: 397px;
        }
    
        .Ingredient_Text{
            text-align:center;
        }
        .Slogan_Text{
            color: #172577;
            font-size: 1.54em;
            padding-left: 5px;
            padding-right: 5px;
            margin: 0 auto;        
        }
    
    /***********************************************************Middle Bar Begins*/
        .Slogan_Two {
            background-color: #00BF63;
            color: white;
            width: auto; /* Set width to auto to fit the content */
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-size: 2.69em;
            font-family: 'Figtree-Bold';
            font-weight: bold;
            margin: 0 auto; /* Center horizontally */
            padding-right: 5px;
            padding-left: 5px;
        }
    
        .Slogan_Two_we a {
            text-decoration: underline;
            color: #172577;
            font-family:'Figtree-Bold';
            font-weight:bold;
    }
    /***********************************************************Explanation Section Begins*/
        .What_we_Do{
            background-color: white;
            width: 100%;
            display: block;
            align-items: center;
            justify-content: center;
            text-align: center;
            margin:0 auto;
        }
        .Explanation_Image{
            padding-top: 20px;
            display: flex; 
            justify-content: center; 
            align-items: center; 
            height: 365px;
            width: 499px;
            margin: 0 auto;
        }
        .Explanation_Image img{
            height: 365px;
            max-width: 499px;
        }
        .Text_Explanation{
            color:#172577;
            text-align: center;
            font-size: 1.54em;
            margin-left: 10px;
            margin-right: 10px;
            
        }
    
    /***********************************************************Form Section Begins*/
        .Form_section{
            background-color: rgba(220, 220, 220, 0.5); /*light grey (Gainsboro #DCDCDC) but in rbg to change transparency */
            width: 100%;
            align-items: center;
            padding: 0px;
            margin:0 auto;
            width:100%;
      }
        .formheadertext {
            font-size: 1.92em;
            color: #FF4910;
            font-family:'Figtree-Bold';
            font-weight:bold;
            text-align: center;
            margin:0 auto;
            width:100%;               
      }
      
        .form-row {
            display: flex;
            margin-bottom: 15px;
            margin-left: 5px;
            color:#172577;
            font-size: 1.2em;
            margin:0 auto;
            width:100%; 
      }
      
        .form-group {
            margin-right: 10px;
            margin-left: 10px;
            color:#172577;
            font-size: 1.2em;
            text-align: center;
            align-items: center;
            width:100%; 
      }

      .form-row-button{
        margin-bottom: 15px;
        margin:0 auto;
        margin-bottom: 15px;
        max-width: 400px;
        width:100%;
        text-align: center;
        align-items: center;
      }
      
        .Form_section input[type="email"],
        .Form_section input[type="tel"],
        .Form_section input[type="text"],
        .Form_section input[type="url"],
        .Form_section textarea {
            width: 100%;
            box-sizing: border-box;
            padding: 10px;
            font-size: 100%;
            margin-bottom: 15px;
            border: 1px solid #FF4910;
            font-family: inherit; 
    }
      
        input[type="submit"] {
            width: 100%;
            display: block;
            box-sizing: border-box;
            background-color:#00BF63;
            color:white;
            font-family:'Figtree-ExtraBold';
            font-size: 1.2em;
            font-weight: 800;
            padding: 10px 0;
            border: 1px solid #00BF63;
       }
    /***********************************************************Social Media & Footer Section Begins*/
        .contact_info {
            background-color:#172577;
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: space-between;
            padding-top: 10px;
            padding-left: 5px;
            padding-right: 5px;
            margin: 0px;  
    }

        .image-email_icon img,
        .image-linkedIn_icon img,
        .image-twitter_icon img,
        .image-instagram_icon img,
        .image-facebook_icon img {
            width: 50px;
            height: auto;
            margin-left: 10px;
    }
    
        footer {
            text-align: center;
            font-size: 100%;
            background-color:#172577;
            color:white;
            padding-bottom: 5px;
            padding-top: 20px;
            box-sizing: border-box;
      }
}

/******************************************************************Regular to Large monitors**********************************************************************************************/

@media only screen and (min-width: 1025px) {
    .Intro_Menu_bar {
        background-color: #172577;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        position: fixed; /* Fix the position */
        top: 0; /* Align it to the top */
        z-index: 1000; /* Ensure it appears above other content */
    }

    .CC_Logo {
        width: 200px;
        height: auto;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 10px;
        box-sizing: border-box;
        flex-grow: 1;
    }

    .CC_Logo img {
        max-width: 200px;
        height: auto;
    }

    .Buttons{
        Display:block;
        align-items: end;
        justify-content: center;
    }

    .DropdownLanguage {
        display: block;
        flex-grow: 1;
        align-items: center;
        justify-content:end;
        position: relative;
        padding-right: 10px;
        
    }

    .dropbtnLanguage {
        height: 46px;
        width: 50px;
        background-color: #172577;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0; 
        
    }
    
    .dropbtnLanguage img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* Ensure the image fits inside the button */
    }
    .dropdown-contentLanguage {
        display: none;
        position: absolute;
        background-color:#172577;
        min-width: 100px;
        z-index: 1;
        right:20%;
        touch-action:manipulation;
        
    }

    .dropdown-contentLanguage a {
        color: white;
        padding: 6px 8px;
        text-decoration: none;
        display: block;
        touch-action: manipulation;
    }

    .dropdown-contentLanguage a:hover {
        background-color: #172577;
        font-size: 1.1em;
        font-weight: 700;
    }

    .dropbtnLanguage:focus + .dropdown-contentLanguage,
    .dropdown-contentLanguage:hover {
        display: block;
    }

    .Dropdown {
        display: block;
        flex-grow: 1;
        align-items: center;
        justify-content: end;
        position: relative;
        padding-right: 10px;
        
    }
    .dropbtn {
        height: 50px;
        width: 40px;
        background-color: #172577;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0; 
        
    }
    
    .dropbtn img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* Ensure the image fits inside the button */
    }
    .dropdown-content {
        display: none;
        position: absolute;
        background-color:#172577;
        min-width: 100px;
        z-index: 1;
        right:20%;
        touch-action: manipulation;
        
    }

    .dropdown-content a {
        color: white;
        padding: 6px 8px;
        text-decoration: none;
        display: block;
        touch-action: manipulation;
    }

    .dropdown-content a:hover {
        background-color: #172577;
        font-size: 1.1em;
        font-weight: 700;
    }

    .dropbtn:focus + .dropdown-content,
    .dropdown-content:hover {
        display: block;
    }
    .dropbtnLanguage:focus + .dropdown-contentLanguage,
    .dropdown-contentLanguage:hover,
    .dropbtn:focus + .dropdown-content,
    .dropdown-content:hover {
    display: block;
    }
/***********************************************************Opening Section Begins*/
    .Opening_Section{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        padding: 0px;
        padding-bottom: 20px;
        margin-top: 125px;
        margin-left: 0px;
        margin-right: 0px;
     }
     .Ingredient_Slogan{
        padding-left: 10px;
        text-align:center;
    }

    .Slogan{
        font-size: 3.59em;
        font-family: 'Figtree-Bold';
        font-weight:bold;
        color: #172577;
        padding-left: 5px;
        padding-right: 5px;
      }

      .Min_1025_Opening_Container{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr; 
        grid-gap: 5px;
        padding-bottom: 10px;
    }

            .Ingredient_Image{
                align-items: center;
                justify-content: center;
                margin:0 auto;
                height: 572px;
                width: 450px;

            }
            .Ingredient_Image img{
                height: 572px;
                max-width: 450px;
            }

            .Ingredient_Text{
                text-align:center;
                margin-left: 10px;
                margin-right: 10px;
                align-self: center;  
                margin: 0 auto;     
            }
            .Slogan_Text{
                color: #172577;
                font-size: 2.05em;
            }

/***********************************************************Middle Bar Begins*/
    .Slogan_Two {
        background-color: #00BF63;
        color: white;
        width: auto; /* Set width to auto to fit the content */
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 3.59em;
        font-family: 'Figtree-Bold';
        font-weight: bold;
        margin: 0 auto; /* Center horizontally */
        padding-right: 5px;
        padding-left: 5px;
    }

    .Slogan_Two_we a {
        text-decoration: underline;
        color: #172577;
        font-family:'Figtree-Bold';
        font-weight:bold;
}
/***********************************************************Explanation Section Begins*/
    .What_we_Do{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
 
    }

    .Min_1025_Explanation_Container{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr; 
        grid-gap: 5px;
        
    }

            .Text_Explanation{
                color:#172577;
                font-size: 2.05em;
                text-align:center;
                margin: 0 auto; 
                margin-left: 10px;
                margin-right: 10px;
                align-self: center;  
                order:1;
            }
            
            .Explanation_Image{
                align-items: center;
                justify-content: center;
                align-self: center;  
                margin:0 auto;
                width:100%;
                height: 366px;
                width: 500px;
                order:2;
            }
            .Explanation_Image img{
                height: 366px;
                max-width: 500px;
            }


/***********************************************************Form Section Begins*/
    .Form_section{
        background-color: rgba(220, 220, 220, 0.5); /*light grey (Gainsboro #DCDCDC) but in rbg to change transparency */
        width: 100%;
        align-items: center;
        padding: 0px;
        margin:0 auto;
        width:100%;
  }
    .formheadertext {
        font-size: 2.57em;
        color: #FF4910;
        font-family:'Figtree-Bold';
        font-weight:bold;
        text-align: center;
        margin:0 auto;
        width:100%;               
  }
  
    .form-row {
        display: flex;
        margin-bottom: 15px;
        margin-left: 5px;
        color:#172577;
        font-size: 1.2em;
        margin:0 auto;
        width:100%; 
  }
  
    .form-group {
        margin-right: 10px;
        margin-left: 10px;
        color:#172577;
        font-size: 1.2em;
        text-align: center;
        align-items: center;
        width:100%; 
  }

  .form-row-button{
    margin-bottom: 15px;
    margin:0 auto;
    margin-bottom: 15px;
    max-width: 400px;
    width:100%;
    text-align: center;
    align-items: center;
  }
  
    .Form_section input[type="email"],
    .Form_section input[type="tel"],
    .Form_section input[type="text"],
    .Form_section input[type="url"],
    .Form_section textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        font-size: 100%;
        margin-bottom: 15px;
        border: 1.2px solid #FF4910;
        font-family: inherit; 
}
  
    input[type="submit"] {
        width: 100%;
        display: block;
        box-sizing: border-box;
        background-color:#00BF63;
        color:white;
        font-family:'Figtree-ExtraBold';
        font-size: 1.5em;
        font-weight: 800;
        padding: 10px 0;
        border: 1px solid #00BF63;
   }
/***********************************************************Social Media & Footer Section Begins*/
    .contact_info {
        background-color:#172577;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: space-between;
        padding-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
        margin: 0px;  
}

    .image-email_icon img,
    .image-linkedIn_icon img,
    .image-twitter_icon img,
    .image-instagram_icon img,
    .image-facebook_icon img {
        width: 50px;
        height: auto;
        margin-left: 10px;
}

    footer {
        text-align: center;
        font-size: 100%;
        background-color:#172577;
        color:white;
        padding-bottom: 5px;
        padding-top: 20px;
        box-sizing: border-box;
  }
}