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

/***********************************************************Intro Section Begins*/
    .Begin_Service_Section{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        padding-left: 0px;
        padding-right:0px;
        margin-top: 115px;
        margin-left: 0px;
        margin-right: 0px;
        
    }

    .Banner_Message{
        color: #00BF63;
        text-align: center;
        font-size: 2.1em;
        font-family:'Figtree-Bold';
        font-weight:bold;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Banner_Text{
        color: #172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Intro_To_Services{
        color:white;
        background-color: #00BF63;
        text-align: center;
        font-size: 2.1em;
        padding-top: 10px;
        padding-bottom: 10px;
        font-family:'Figtree-ExtraBold';
        font-weight:800;
    }
/***********************************************************Services Section Begins*/
    .Five_Year_Fcst{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Five_Year_Fcst_Title{
        color:#FF4910;
        text-align: center;
        font-size: 1.5em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Five_Year_Fcst_Image{
        align-items: center;
        justify-content: center;
        width:250px;
        height: 184px;
        margin: 0 auto;
    }
    .Five_Year_Fcst_Image img{
        max-width:250px;
        height: 184px;
    }
    .Five_Year_Fcst_Description{
        color:#172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Website_Launch_Hosting{
        background-color: rgba(220, 220, 220, 0.5); 
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 1px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Website_Launch_Hosting_Title{
        color:#FF4910;
        text-align: center;
        font-size: 1.5em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Website_Launch_Hosting_Image{
        align-items: center;
        width:250px;
        height: 177px;
        margin: 0 auto;
    }
    .Website_Launch_Hosting_Image img{
        max-width:250px;
        height: 177px;
    }
    .Website_Launch_Hosting_Description{
        color:#172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .KPI{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .KPI_Title{
        color:#FF4910;
        text-align: center;
        font-size: 1.5em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .KPI_Image{
        align-items: center;
        width:250px;
        height: 250px;
        margin: 0 auto;
    }
    .KPI_Image img{
        max-width:250px;
        height: 250px;
    }
    .KPI_Description{
        color:#172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .KPI_Trial{
        color:#172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Calculator a {
        color:#00BF63;
        text-align: center;
        font-size: 1.2em;
        font-style: italic;
        text-decoration: underline;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Cost_Benefit{
        background-color: rgba(220, 220, 220, 0.5); 
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 1px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Cost_Benefit_Title{
        color:#FF4910;
        text-align: center;
        font-size: 1.5em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Cost_Benefit_Image{
        align-items: center;
        width:250px;
        height: 149px;
        margin: 0 auto;
    }
    .Cost_Benefit_Image img{
        max-width:250px;
        height: 149px;
    }
    .Cost_Benefit_Description{
        color:#172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Closing_Section{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Closing_Message{
        color: #00BF63;
        text-align: center;
        font-size: 2.1em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }

    .Closing_Text{
        color: #172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Button_div{
        text-align: center;   
        padding-bottom: 10px;  
    }

    .button {
        display: inline-block;
        padding: 10px 20px;
        background-color:#FF4910; 
        color:white; 
        font-family:'Figtree-Bold';
        font-weight:bold;
        text-decoration: none;
        border-radius: 10px; 
        transition: background-color 0.3s ease;
    }
    
    .button:hover {
        background-color: #d13f00; /* Darker background color on hover */
    }

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


/***********************************************************Intro Section Begins*/
    .Begin_Service_Section{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        padding-left: 0px;
        padding-right:0px;
        margin-top: 115px;
        margin-left: 0px;
        margin-right: 0px;
        
    }

    .Banner_Message{
        color: #00BF63;
        text-align: center;
        font-size: 2.1em;
        font-family:'Figtree-Bold';
        font-weight:bold;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Banner_Text{
        color: #172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Intro_To_Services{
        color:white;
        background-color: #00BF63;
        text-align: center;
        font-size: 2.1em;
        padding-top: 10px;
        padding-bottom: 10px;
        font-family:'Figtree-ExtraBold';
        font-weight:800;
    }
/***********************************************************Services Section Begins*/
    .Five_Year_Fcst{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Five_Year_Fcst_Title{
        color:#FF4910;
        text-align: center;
        font-size: 1.5em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Five_Year_Fcst_Image{
        align-items: center;
        justify-content: center;
        width:250px;
        height: 184px;
        margin: 0 auto;
    }
    .Five_Year_Fcst_Image img{
        max-width:250px;
        height: 184px;
    }
    .Five_Year_Fcst_Description{
        color:#172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Website_Launch_Hosting{
        background-color: rgba(220, 220, 220, 0.5); 
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 1px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Website_Launch_Hosting_Title{
        color:#FF4910;
        text-align: center;
        font-size: 1.5em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Website_Launch_Hosting_Image{
        align-items: center;
        width:250px;
        height: 177px;
        margin: 0 auto;
    }
    .Website_Launch_Hosting_Image img{
        max-width:250px;
        height: 177px;
    }
    .Website_Launch_Hosting_Description{
        color:#172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .KPI{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .KPI_Title{
        color:#FF4910;
        text-align: center;
        font-size: 1.5em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .KPI_Image{
        align-items: center;
        width:250px;
        height: 250px;
        margin: 0 auto;
    }
    .KPI_Image img{
        max-width:250px;
        height: 250px;
    }
    .KPI_Description{
        color:#172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }
    .KPI_Trial{
        color:#172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Calculator a {
        color:#00BF63;
        text-align: center;
        font-size: 1.2em;
        font-style: italic;
        text-decoration: underline;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Cost_Benefit{
        background-color: rgba(220, 220, 220, 0.5); 
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 1px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Cost_Benefit_Title{
        color:#FF4910;
        text-align: center;
        font-size: 1.5em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Cost_Benefit_Image{
        align-items: center;
        width:250px;
        height: 149px;
        margin: 0 auto;
    }
    .Cost_Benefit_Image img{
        max-width:250px;
        height: 149px;
    }
    .Cost_Benefit_Description{
        color:#172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Closing_Section{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Closing_Message{
        color: #00BF63;
        text-align: center;
        font-size: 2.1em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }

    .Closing_Text{
        color: #172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Button_div{
        text-align: center;   
        padding-bottom: 10px;  
    }

    .button {
        display: inline-block;
        padding: 10px 20px;
        background-color:#FF4910; 
        color:white; 
        font-family:'Figtree-Bold';
        font-weight:bold;
        text-decoration: none;
        border-radius: 10px; 
        transition: background-color 0.3s ease;
    }
    
    .button:hover {
        background-color: #d13f00; /* Darker background color on hover */
    }

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

/***********************************************************Intro Section Begins*/
    .Begin_Service_Section{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        padding-left: 0px;
        padding-right:0px;
        margin-top: 115px;
        margin-left: 0px;
        margin-right: 0px;
        
    }

    .Banner_Message{
        color: #00BF63;
        text-align: center;
        font-size: 2.69em;
        font-family:'Figtree-Bold';
        font-weight:bold;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Banner_Text{
        color: #172577;
        text-align: center;
        font-size: 1.54em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Intro_To_Services{
        color:white;
        background-color: #00BF63;
        text-align: center;
        font-size: 2.69em;
        padding-top: 10px;
        padding-bottom: 10px;
        font-family:'Figtree-ExtraBold';
        font-weight:800;
    }
/***********************************************************Services Section Begins*/
    .Five_Year_Fcst{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Five_Year_Fcst_Title{
        color:#FF4910;
        text-align: center;
        font-size: 1.92em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Five_Year_Fcst_Image{
        align-items: center;
        justify-content: center;
        width:320px;
        height: 236px;
        margin: 0 auto;
    }
    .Five_Year_Fcst_Image img{
        max-width:320px;
        height: 236px;
    }
    .Five_Year_Fcst_Description{
        color:#172577;
        text-align: center;
        font-size: 1.54em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Website_Launch_Hosting{
        background-color: rgba(220, 220, 220, 0.5); 
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 1px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Website_Launch_Hosting_Title{
        color:#FF4910;
        text-align: center;
        font-size: 1.92em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Website_Launch_Hosting_Image{
        align-items: center;
        width:320px;
        height:227px;
        margin: 0 auto;
    }
    .Website_Launch_Hosting_Image img{
        max-width:320px;
        height:227px;
    }
    .Website_Launch_Hosting_Description{
        color:#172577;
        text-align: center;
        font-size: 1.54em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .KPI{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .KPI_Title{
        color:#FF4910;
        text-align: center;
        font-size: 1.92em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .KPI_Image{
        align-items: center;
        width:320px;
        height: 320px;
        margin: 0 auto;
    }
    .KPI_Image img{
        max-width:320px;
        height: 320px;
    }
    .KPI_Description{
        color:#172577;
        text-align: center;
        font-size: 1.54em;
        margin-left: 10px;
        margin-right: 10px;
    }
    .KPI_Trial{
        color:#172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Calculator a {
        color:#00BF63;
        text-align: center;
        font-size: 1.2em;
        font-style: italic;
        text-decoration: underline;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Cost_Benefit{
        background-color: rgba(220, 220, 220, 0.5); 
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 1px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Cost_Benefit_Title{
        color:#FF4910;
        text-align: center;
        font-size: 1.92em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Cost_Benefit_Image{
        align-items: center;
        width:320px;
        height:191px;
        margin: 0 auto;
    }
    .Cost_Benefit_Image img{
        max-width:320px;
        height:191px;
    }
    .Cost_Benefit_Description{
        color:#172577;
        text-align: center;
        font-size: 1.54em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Closing_Section{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Closing_Message{
        color: #00BF63;
        text-align: center;
        font-size: 2.69em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }

    .Closing_Text{
        color: #172577;
        text-align: center;
        font-size: 1.54em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Button_div{
        text-align: center;   
        padding-bottom: 10px;  
    }

    .button {
        display: inline-block;
        padding: 10px 20px;
        background-color:#FF4910;
        font-size: 1.28em; 
        color:white; 
        font-family:'Figtree-Bold';
        font-weight:bold;
        text-decoration: none;
        border-radius: 10px; 
        transition: background-color 0.3s ease;
    }
    
    .button:hover {
        background-color: #d13f00; /* Darker background color on hover */
    }

       /***********************************************************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;
    }
/***********************************************************Intro Section Begins*/
    .Begin_Service_Section{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        padding-left: 0px;
        padding-right:0px;
        margin-top: 135px;
        margin-left: 0px;
        margin-right: 0px;
        
    }

    .Banner_Message{
        color: #00BF63;
        text-align: center;
        font-size: 2.69em;
        font-family:'Figtree-Bold';
        font-weight:bold;
        margin-left: 190px;
        margin-right: 190px;
    }

    .Banner_Text{
        color: #172577;
        text-align: center;
        font-size: 2.05em;
        margin-left: 20px;
        margin-right: 20px;
    }

    .Intro_To_Services{
        color:white;
        background-color: #00BF63;
        text-align: center;
        font-size: 2.69em;
        padding-top: 10px;
        padding-bottom: 10px;
        font-family:'Figtree-ExtraBold';
        font-weight:800;
    }
/***********************************************************Services Section Begins*/
    .Five_Year_Fcst{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Five_Year_Fcst_Title{
        color:#FF4910;
        text-align: center;
        font-size: 2.57em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Min_1025_FC_Container{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr; 
        grid-gap: 5px;
        padding-bottom: 10px;
    }
        .Five_Year_Fcst_Image{
            align-items: center;
            justify-content: center;
            width:450px;
            height: 331px;
            margin: 0 auto;

    }
        .Five_Year_Fcst_Image img{
            max-width:450px;
            height: 331px;
    }
        .Five_Year_Fcst_Description{
            color:#172577;
            text-align: center;
            font-size: 2.05em;
            margin-left: 10px;
            margin-right: 10px;
            align-self: center;
    }

    .Website_Launch_Hosting{
        background-color: rgba(220, 220, 220, 0.5); 
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 1px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Website_Launch_Hosting_Title{
        color:#FF4910;
        text-align: center;
        font-size: 2.57em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Min_1025_WH_Container{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr; 
        grid-gap: 5px;
        padding-bottom: 20px;
    }
        .Website_Launch_Hosting_Image{
            align-items: center;
            width:500px;
            height:355px;
            margin: 0 auto;
            order:2;
    }
        .Website_Launch_Hosting_Image{
            width:500px;
            height:355px;
    }
        .Website_Launch_Hosting_Description{
            color:#172577;
            text-align: center;
            font-size: 2.05em;
            margin-left: 10px;
            margin-right: 10px;
            order:1;
            align-self: center;
    }

    .KPI{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .KPI_Title{
        color:#FF4910;
        text-align: center;
        font-size: 2.57em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Min_1025_KPI_Container{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr; 
        grid-gap: 5px;
        padding-bottom: 10px;
    }
    .KPI_Image{
        align-items: center;
        width:450px;
        height: 450px;
        margin: 0 auto;
    }
    .KPI_Image img{
        max-width:450px;
        height: 450px;
    }
    .KPI_Description{
        color:#172577;
        text-align: center;
        font-size: 2.05em;
        margin-left: 10px;
        margin-right: 10px;
        align-self: center;
    }
    .KPI_Trial{
        color:#172577;
        text-align: center;
        font-size: 1.2em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Calculator a {
        color:#00BF63;
        text-align: center;
        font-size: 1.2em;
        font-style: italic;
        text-decoration: underline;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Cost_Benefit{
        background-color: rgba(220, 220, 220, 0.5); 
        width: 100%;
        display: block;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 1px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Cost_Benefit_Title{
        color:#FF4910;
        text-align: center;
        font-size: 2.57em;
        font-family:'Figtree-Bold';
        font-weight:bold;
    }
    .Min_1025_CB_Container{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr; 
        grid-gap: 5px;
        padding-bottom: 10px;
    }
    .Cost_Benefit_Image{
        align-items: center;
        width:450px;
        height:269px;
        margin: 0 auto;
        order:2;
    }
    .Cost_Benefit_Image img{
        max-width:450px;
        height:269px;
    }
    .Cost_Benefit_Description{
        color:#172577;
        text-align: center;
        font-size: 2.05em;
        margin-left: 10px;
        margin-right: 10px;
        order:1;
    }

    .Closing_Section{
        background-color: white;
        width: 100%;
        display: block;
        align-items: center;
        padding: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .Closing_Message{
        color: #00BF63;
        text-align: center;
        font-size: 3.59em;
        font-family:'Figtree-Bold';
        font-weight:bold;
        padding-top: 10px;
    }

    .Closing_Text{
        color: #172577;
        text-align: center;
        font-size: 2.05em;
        margin-left: 10px;
        margin-right: 10px;
    }

    .Button_div{
        text-align: center;   
        padding-bottom: 10px;  
    }

    .button {
        display: inline-block;
        padding: 10px 20px;
        background-color:#FF4910;
        font-size: 1.71em; 
        color:white; 
        font-family:'Figtree-Bold';
        font-weight:bold;
        text-decoration: none;
        border-radius: 10px; 
        transition: background-color 0.3s ease;
    }
    
    .button:hover {
        background-color: #d13f00; /* Darker background color on hover */
    }

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