/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 25, 2024, 10:24:59 AM
    Author     : NGhebremeskel
*/

.landingpage {
    display: flex;
    width: 100%;
        padding-bottom: 2%;
/*    border: 2px solid red;*/
}
.container-landingpage {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 10px;
/*    box-shadow: 0 0 10px rgba(0,0,0,0.1);*/
    overflow: hidden;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
/*    border: 2px solid red;*/
}
.image-container-landingpage {
    flex: 1 1 30%;
    max-width: 50%;
}
.image-container-landingpage img {
    width: 100%;
    height: auto;
    display: block;
}
.text-container-landingpage {
    flex: 1 1 50%;
    padding-left: 20px;
    box-sizing: border-box;
    
}

.text-container-landingpage p {
    font-size: 25px
    
}
.text-container-landingpage p em{
    color: #002F6C;
    font-weight: bold;   
}

@media (min-width: 1300px){
    .text-container-landingpage p {
    font-size: 2vw;
    
}
}

@media (max-width: 1000px) {
    .text-container-landingpage p {
    font-size: 16px
    
}
}
@media (max-width: 600px) {
    .image-container-landingpage, .text-container-landingpage {
        flex: 1 1 100%;
        max-width: 100%;
    }
}