/*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;
    }
/***********************************************************Mission Section Begins*/
    .Mission_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;
    }

    .Mission_Title{
        text-align: center;
        font-size: 2.1em;
        color:#FF4910;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Mission_Container{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 2fr; 
        grid-gap: 5px;

    }
        .Mission_Stmt{
            text-align: center;
            align-self: center;
            font-size: 1.2em;
            color:#172577;
            padding-left: 5px;
            padding-right: 5px;
        }
        .Mission_Image{
            height: 158px;
            width: 250px;
            align-items: center;
            align-self: center;
            margin:0 auto;
        }
        .Mission_Image img{
            height: 158px;
            max-width: 250px;
        }
/***********************************************************Values Section Begins*/
    .Values_Section{
        background-color: rgba(220, 220, 220, 0.5); 
        width: 100%;
        align-items: center;
        display:block;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }
    .Values_Title{
        text-align: center;
        font-size: 2.1em;
        color:#FF4910;
        font-family:'Figtree-Bold';
        font-weight:bold;
        padding-bottom: 20px;
    }
    .Values_Grid{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr; 
        grid-template-rows: 1fr 1fr;
        grid-gap: 10px;
    }
    .Value1{
        width: 100%;
        display:block;
        align-items: center;
        align-content: center;
        margin: 0 auto;
        padding-bottom: 10px;
        
    }
        .Mutual_Growth_Image{
            height: 150px;
            width: 176px;
            margin: 0 auto;
            padding-bottom: 10px;
            align-items: center;
            align-content: center;
        }
        .Mutual_Growth_Image img{
            height: 150px;
            max-width: 176px;
        }
        .Value1_Title{
            font-size: 1.5em;
            color:#00BF63;
            text-align: center;
            font-family:'Figtree-Bold';
            font-weight:bold;
            margin: 0 auto;
        }
        .Value1_Text{
            font-size: 1.2em;
            color:#172577;
            text-align: center;
            margin: 0 auto;
        }
    .Value2{
        width: 100%;
        display:block;
        align-items: center;
        align-content: center;
        margin: 0 auto;
        padding-bottom: 10px;
        }
        .Inclusion_Image{
            height: 150px;
            width: 153px;
            margin: 0 auto;
            align-items: center;
            align-content: center;
            padding-bottom: 10px;
            }
        .Inclusion_Image img{
            height: 150px;
            max-width: 153px;
            }
        .Value2_Title{
            font-size: 1.5em;
            color:#00BF63;
            text-align: center;
            font-family:'Figtree-Bold';
            font-weight:bold;
            margin: 0 auto;
            }
        .Value2_Text{
            font-size: 1.2em;
            color:#172577;
            text-align: center;
            margin: 0 auto;
            }

    .Value3{
        width: 100%;
        display:block;
        align-items: center;
        align-content: center;
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 10px;
        }
        .Commitment_Image{
            height: 150px;
            width: 166px;
            margin: 0 auto;
            align-items: center;
            align-content: center;
            padding-bottom: 10px;
            }
        .Commitment_Image img{
            height: 150px;
            max-width: 166px;
            }
        .Value3_Title{
            font-size: 1.5em;
            color:#00BF63;
            text-align: center;
            font-family:'Figtree-Bold';
            font-weight:bold;
            margin: 0 auto;
            }
        .Value3_Text{
            font-size: 1.2em;
            color:#172577;
            text-align: center;
            margin: 0 auto;
            }

    .Value4{
        width: 100%;
        display:block;
        align-items: center;
        align-content: center;
        margin: 0 auto;
        padding-bottom: 10px;
        }
        .Integrity_Image{
            height: 150px;
            width: 118px;
            margin: 0 auto;
            align-items: center;
            align-content: center;
            padding-bottom: 10px;
            }
        .Integrity_Image img{
            height: 150px;
            max-width: 118px;
            }
        .Value4_Title{
            font-size: 1.5em;
            color:#00BF63;
            text-align: center;
            font-family:'Figtree-Bold';
            font-weight:bold;
            margin: 0 auto;
            }
        .Value4_Text{
            font-size: 1.2em;
            color:#172577;
            text-align: center;
            margin: 0 auto;
            }

/***********************************************************History Section Begins*/
    .Our_History_Section{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .Our_History_Title{
        text-align: center;
        font-size: 2.1em;
        color:#FF4910;
        font-family:'Figtree-Bold';
        font-weight:bold;
        padding-bottom: 10px;
    }
    .Our_History_Image{
        justify-content: center; 
        align-items: center; 
        width: 100%;
        width: 400px;
        height:167px;
        margin: 0 auto;
    }
    .Our_History_Image img{
        max-width: 400px;
        height: 167px;
    }
    .Our_History_Text{
        font-size: 1.2em;
        color:#172577;
        text-align: center;  
        padding-left: 5px;
        padding-right: 5px;
        margin: 0 auto;  
        max-width: 100%;
    }

    /***********************************************************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;
    }
/***********************************************************Mission Section Begins*/
    .Mission_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;
    }

    .Mission_Title{
        text-align: center;
        font-size: 2.1em;
        color:#FF4910;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Mission_Container{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 2fr; 
        grid-gap: 5px;

    }
        .Mission_Stmt{
            text-align: center;
            align-self: center;
            font-size: 1.2em;
            color:#172577;
            padding-left: 5px;
            padding-right: 5px;
        }
        .Mission_Image{
            height: 158px;
            width: 250px;
            align-items: center;
            align-self: center;
            margin:0 auto;
        }
        .Mission_Image img{
            height: 158px;
            max-width: 250px;
        }
/***********************************************************Values Section Begins*/
    .Values_Section{
        background-color: rgba(220, 220, 220, 0.5); 
        width: 100%;
        align-items: center;
        display:block;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }
    .Values_Title{
        text-align: center;
        font-size: 2.1em;
        color:#FF4910;
        font-family:'Figtree-Bold';
        font-weight:bold;
        padding-bottom: 20px;
    }
    .Values_Grid{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr; 
        grid-template-rows: 1fr 1fr;
        grid-gap: 10px;
    }
    .Value1{
        width: 100%;
        display:block;
        align-items: center;
        align-content: center;
        margin: 0 auto;
        padding-bottom: 10px;
        
    }
        .Mutual_Growth_Image{
            height: 150px;
            width: 176px;
            margin: 0 auto;
            padding-bottom: 10px;
            align-items: center;
            align-content: center;
        }
        .Mutual_Growth_Image img{
            height: 150px;
            max-width: 176px;
        }
        .Value1_Title{
            font-size: 1.5em;
            color:#00BF63;
            text-align: center;
            font-family:'Figtree-Bold';
            font-weight:bold;
            margin: 0 auto;
        }
        .Value1_Text{
            font-size: 1.2em;
            color:#172577;
            text-align: center;
            margin: 0 auto;
        }
    .Value2{
        width: 100%;
        display:block;
        align-items: center;
        align-content: center;
        margin: 0 auto;
        padding-bottom: 10px;
        }
        .Inclusion_Image{
            height: 150px;
            width: 153px;
            margin: 0 auto;
            align-items: center;
            align-content: center;
            padding-bottom: 10px;
            }
        .Inclusion_Image img{
            height: 150px;
            max-width: 153px;
            }
        .Value2_Title{
            font-size: 1.5em;
            color:#00BF63;
            text-align: center;
            font-family:'Figtree-Bold';
            font-weight:bold;
            margin: 0 auto;
            }
        .Value2_Text{
            font-size: 1.2em;
            color:#172577;
            text-align: center;
            margin: 0 auto;
            }

    .Value3{
        width: 100%;
        display:block;
        align-items: center;
        align-content: center;
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 10px;
        }
        .Commitment_Image{
            height: 150px;
            width: 166px;
            margin: 0 auto;
            align-items: center;
            align-content: center;
            padding-bottom: 10px;
            }
        .Commitment_Image img{
            height: 150px;
            max-width: 166px;
            }
        .Value3_Title{
            font-size: 1.5em;
            color:#00BF63;
            text-align: center;
            font-family:'Figtree-Bold';
            font-weight:bold;
            margin: 0 auto;
            }
        .Value3_Text{
            font-size: 1.2em;
            color:#172577;
            text-align: center;
            margin: 0 auto;
            }

    .Value4{
        width: 100%;
        display:block;
        align-items: center;
        align-content: center;
        margin: 0 auto;
        padding-bottom: 10px;
        }
        .Integrity_Image{
            height: 150px;
            width: 118px;
            margin: 0 auto;
            align-items: center;
            align-content: center;
            padding-bottom: 10px;
            }
        .Integrity_Image img{
            height: 150px;
            max-width: 118px;
            }
        .Value4_Title{
            font-size: 1.5em;
            color:#00BF63;
            text-align: center;
            font-family:'Figtree-Bold';
            font-weight:bold;
            margin: 0 auto;
            }
        .Value4_Text{
            font-size: 1.2em;
            color:#172577;
            text-align: center;
            margin: 0 auto;
            }

/***********************************************************History Section Begins*/
    .Our_History_Section{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .Our_History_Title{
        text-align: center;
        font-size: 2.1em;
        color:#FF4910;
        font-family:'Figtree-Bold';
        font-weight:bold;
        padding-bottom: 10px;
    }
    .Our_History_Image{
        justify-content: center; 
        align-items: center; 
        width: 100%;
        width: 400px;
        height:167px;
        margin: 0 auto;
    }
    .Our_History_Image img{
        max-width: 400px;
        height: 167px;
    }
    .Our_History_Text{
        font-size: 1.2em;
        color:#172577;
        text-align: center;  
        padding-left: 5px;
        padding-right: 5px;
        margin: 0 auto;  
        max-width: 100%;
    }

    /***********************************************************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;
        }
    /***********************************************************Mission Section Begins*/
        .Mission_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;
        }
    
        .Mission_Title{
            text-align: center;
            font-size: 2.69em;
            color:#FF4910;
            font-family:'Figtree-Bold';
            font-weight:bold;
        }
        .Mission_Container{
            width: 100%;
            display: grid;
            grid-template-columns: 1fr 2fr; 
            grid-gap: 5px;
    
        }
            .Mission_Stmt{
                text-align: center;
                align-self: center;
                font-size: 1.54em;
                color:#172577;
                padding-left: 5px;
                padding-right: 5px;
            }
            .Mission_Image{
                height: 240px;
                width: 380px;
                align-items: center;
                align-self: center;
                margin:0 auto;
            }
            .Mission_Image img{
                height: 240px;
                max-width: 380px;
            }
    /***********************************************************Values Section Begins*/
        .Values_Section{
            background-color: rgba(220, 220, 220, 0.5); 
            width: 100%;
            align-items: center;
            display:block;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 0px;
        }
        .Values_Title{
            text-align: center;
            font-size: 2.69em;
            color:#FF4910;
            font-family:'Figtree-Bold';
            font-weight:bold;
            padding-bottom: 20px;
        }
        .Values_Grid{
            width: 100%;
            display: grid;
            grid-template-columns: 1fr 1fr; 
            grid-template-rows: 1fr 1fr;
            grid-gap: 10px;
        }
        .Value1{
            width: 100%;
            display:block;
            align-items: center;
            align-content: center;
            margin: 0 auto;
            padding-bottom: 10px;
            
        }
            .Mutual_Growth_Image{
                height: 200px;
                width: 235px;
                margin: 0 auto;
                padding-bottom: 10px;
                align-items: center;
                align-content: center;
            }
            .Mutual_Growth_Image img{
                height: 200px;
                max-width: 235px;
            }
            .Value1_Title{
                font-size: 1.92em;
                color:#00BF63;
                text-align: center;
                font-family:'Figtree-Bold';
                font-weight:bold;
                margin: 0 auto;
            }
            .Value1_Text{
                font-size: 1.54em;
                color:#172577;
                text-align: center;
                margin: 0 auto;
            }
        .Value2{
            width: 100%;
            display:block;
            align-items: center;
            align-content: center;
            margin: 0 auto;
            padding-bottom: 10px;
            }
            .Inclusion_Image{
                height: 200px;
                width: 204px;
                margin: 0 auto;
                align-items: center;
                align-content: center;
                padding-bottom: 10px;
                }
            .Inclusion_Image img{
                height: 200px;
                max-width: 204px;
                }
            .Value2_Title{
                font-size: 1.92em;
                color:#00BF63;
                text-align: center;
                font-family:'Figtree-Bold';
                font-weight:bold;
                margin: 0 auto;
                }
            .Value2_Text{
                font-size: 1.54em;
                color:#172577;
                text-align: center;
                margin: 0 auto;
                }
    
        .Value3{
            width: 100%;
            display:block;
            align-items: center;
            align-content: center;
            margin: 0 auto;
            padding-top: 20px;
            padding-bottom: 10px;
            }
            .Commitment_Image{
                height: 200px;
                width: 222px;
                margin: 0 auto;
                align-items: center;
                align-content: center;
                padding-bottom: 10px;
                }
            .Commitment_Image img{
                height: 200px;
                max-width: 222px;
                }
            .Value3_Title{
                font-size: 1.92em;
                color:#00BF63;
                text-align: center;
                font-family:'Figtree-Bold';
                font-weight:bold;
                margin: 0 auto;
                }
            .Value3_Text{
                font-size: 1.54em;
                color:#172577;
                text-align: center;
                margin: 0 auto;
                }
    
        .Value4{
            width: 100%;
            display:block;
            align-items: center;
            align-content: center;
            margin: 0 auto;
            padding-bottom: 10px;
            }
            .Integrity_Image{
                height: 200px;
                width: 157px;
                margin: 0 auto;
                align-items: center;
                align-content: center;
                padding-bottom: 10px;
                }
            .Integrity_Image img{
                height: 200px;
                max-width: 157px;
                }
            .Value4_Title{
                font-size: 1.92em;
                color:#00BF63;
                text-align: center;
                font-family:'Figtree-Bold';
                font-weight:bold;
                margin: 0 auto;
                }
            .Value4_Text{
                font-size: 1.54em;
                color:#172577;
                text-align: center;
                margin: 0 auto;
                }
    
    /***********************************************************History Section Begins*/
        .Our_History_Section{
            background-color: white;
            width: 100%;
            display: block;
            align-items: center;
            padding: 0px;
            margin-top: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }
        .Our_History_Title{
            text-align: center;
            font-size: 2.69em;
            color:#FF4910;
            font-family:'Figtree-Bold';
            font-weight:bold;
            padding-bottom: 10px;
        }
        .Our_History_Image{
            justify-content: center; 
            align-items: center; 
            width: 100%;
            width: 600px;
            height:250px;
            margin: 0 auto;
        }
        .Our_History_Image img{
            max-width: 600px;
            height: 250px;
        }
        .Our_History_Text{
            font-size: 1.54em;
            color:#172577;
            text-align: center;  
            padding-left: 5px;
            padding-right: 5px;
            margin: 0 auto;  
            max-width: 100%;
        }
    
        /***********************************************************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;
      }
}

/******************************************************************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;
    }
/***********************************************************Mission Section Begins*/
    .Mission_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;
    }

    .Mission_Title{
        text-align: center;
        font-size: 3.59em;
        color:#FF4910;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Mission_Container{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 2fr; 
        grid-gap: 5px;

    }
        .Mission_Stmt{
            text-align: center;
            align-self: center;
            font-size: 2.05em;
            color:#172577;
            padding-left: 5px;
            padding-right: 5px;
        }
        .Mission_Image{
            height: 316px;
            width: 500px;
            align-items: center;
            align-self: center;
            margin:0 auto;
        }
        .Mission_Image img{
            height: 316px;
            max-width: 500px;
        }
/***********************************************************Values Section Begins*/
    .Values_Section{
        background-color: rgba(220, 220, 220, 0.5); 
        width: 100%;
        align-items: center;
        display:block;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
    }
    .Values_Title{
        text-align: center;
        font-size: 3.59em;
        color:#FF4910;
        font-family:'Figtree-Bold';
        font-weight:bold;
        padding-bottom: 20px;
    }
    .Values_Grid{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr; 
        grid-template-rows: 1fr 1fr;
        grid-gap: 10px;
    }
    .Value1{
        width: 100%;
        display:block;
        align-items: center;
        align-content: center;
        margin: 0 auto;
        padding-bottom: 10px;
        
    }
        .Mutual_Growth_Image{
            height: 250px;
            width: 293px;
            margin: 0 auto;
            padding-bottom: 10px;
            align-items: center;
            align-content: center;
        }
        .Mutual_Growth_Image img{
            height: 250px;
            max-width: 293px;
        }
        .Value1_Title{
            font-size: 2.57em;
            color:#00BF63;
            text-align: center;
            font-family:'Figtree-Bold';
            font-weight:bold;
            margin: 0 auto;
        }
        .Value1_Text{
            font-size: 2.05em;
            color:#172577;
            text-align: center;
            margin: 0 auto;
        }
    .Value2{
        width: 100%;
        display:block;
        align-items: center;
        align-content: center;
        margin: 0 auto;
        padding-bottom: 10px;
        }
        .Inclusion_Image{
            height: 250px;
            width: 255px;
            margin: 0 auto;
            align-items: center;
            align-content: center;
            padding-bottom: 10px;
            }
        .Inclusion_Image img{
            height: 250px;
            max-width: 255px;
            }
        .Value2_Title{
            font-size: 2.57em;
            color:#00BF63;
            text-align: center;
            font-family:'Figtree-Bold';
            font-weight:bold;
            margin: 0 auto;
            }
        .Value2_Text{
            font-size: 2.05em;
            color:#172577;
            text-align: center;
            margin: 0 auto;
            }

    .Value3{
        width: 100%;
        display:block;
        align-items: center;
        align-content: center;
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 10px;
        }
        .Commitment_Image{
            height: 250px;
            width: 277px;
            margin: 0 auto;
            align-items: center;
            align-content: center;
            padding-bottom: 10px;
            }
        .Commitment_Image img{
            height: 250px;
            max-width: 277px;
            }
        .Value3_Title{
            font-size: 2.57em;
            color:#00BF63;
            text-align: center;
            font-family:'Figtree-Bold';
            font-weight:bold;
            margin: 0 auto;
            }
        .Value3_Text{
            font-size: 2.05em;
            color:#172577;
            text-align: center;
            margin: 0 auto;
            }

    .Value4{
        width: 100%;
        display:block;
        align-items: center;
        align-content: center;
        margin: 0 auto;
        padding-bottom: 10px;
        }
        .Integrity_Image{
            height: 250px;
            width: 196px;
            margin: 0 auto;
            align-items: center;
            align-content: center;
            padding-bottom: 10px;
            }
        .Integrity_Image img{
            height: 250px;
            max-width: 196px;
            }
        .Value4_Title{
            font-size: 2.57em;
            color:#00BF63;
            text-align: center;
            font-family:'Figtree-Bold';
            font-weight:bold;
            margin: 0 auto;
            }
        .Value4_Text{
            font-size: 2.05em;
            color:#172577;
            text-align: center;
            margin: 0 auto;
            }

/***********************************************************History Section Begins*/
    .Our_History_Section{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .Our_History_Title{
        text-align: center;
        font-size: 3.59em;
        color:#FF4910;
        font-family:'Figtree-Bold';
        font-weight:bold;
        padding-bottom: 10px;
    }
    .Our_History_Image{
        justify-content: center; 
        align-items: center; 
        width: 100%;
        width: 800px;
        height: 333px;
        margin: 0 auto;
    }
    .Our_History_Image img{
        max-width: 800px;
        height: 333px;
    }
    .Our_History_Text{
        font-size: 2.05em;
        color:#172577;
        text-align: center;  
        padding-left: 5px;
        padding-right: 5px;
        margin: 0 auto;  
        max-width: 100%;
    }

    /***********************************************************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;
  }
}