@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400&family=Poppins:wght@300&display=swap');*{padding: 0; margin: 0;}body{height: auto; color: #000; line-height: 1.63; font-family: 'Cairo', sans-serif;}.row{width: 70%; margin: auto;}.logo{width:343px}a{text-decoration: none;}.topBar{background-color: #34495e;}.topBarContent{display: flex; align-items: center; justify-content: center; height: 45px;}.topBarContent h1{font-family: 'Montserrat', sans-serif; color: white; font-weight: 700; font-size: 12px;}.dropbtn{color: #000; text-decoration: none; font-size: 13px; line-height: 19px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; cursor: pointer; font-weight: 700; padding:15px 15px ;}.dropdown{position: relative; display: inline-block;}.my-3{text-decoration: underline;}.dropdown-content{display: none; position: absolute; background-color: #fff; min-width: 180px; z-index: 1;}.dropdown-content a{color: black; padding: 12px 16px; text-decoration: none; display: block; font-size: 12px;}.start{;display: flex; background-color: #34495e; padding: 20px 15px; width: 1100px; margin: auto; justify-content: space-around;}.start .startText{width: 50%;display:flex;align-items:center;}.grayDiv{position: relative; top: -30px;}.start .startText h2{color: #fff; font-size: 32px; font-weight: 700;}.start .startButton{display: flex; align-items: center; width: 45%; justify-content: flex-end;}.services{width: 1300px; padding: 0; margin: auto; margin-top: 20px; display: flex; height: auto; align-items: center; justify-content: space-between;}.bigTitles{text-align:center;text-transform:uppercase;font-size:32px;font-weight:700;margin-bottom:24px;font-family:'Montserrat';}.service{display: flex; flex-direction: column; align-items: center; justify-content: space-around; justify-content: center; text-align: center; width: 24%;}.service div{margin-top: 15px;}.service div p{font-weight: 600; font-size: 17px;}.div{width:1200px;margin:auto; margin-top: 60px;}.firstSection{width: 1200px; margin: auto;}.secondSection{width: 1200px; margin: auto;}.secondSection .bigArticle{margin-top: 80px;}.secondSection .bigArticle h3{font-size: 18px; height: 20px; margin-bottom: 40px; font-weight: 600; font-family: Verdana, Geneva, Tahoma, sans-serif;}.secondSection .bigArticle div{width: 83%; margin: auto; margin-top: 25px; margin-bottom: 35px ;}.secondSection .bigArticle div p{text-align: center; font-weight: 600;}.secondSection .bigArticle img{display: block; margin: auto; width: 90%; height: 459px;}.secondSection .bigArticle iframe{display: block; margin: auto; width: 90%; height: 459px; margin-top: 25px;}.secondSection .bigArticle h4{display: block;margin: auto;background-color: #5284AF;width: fit-content;padding: 12px;color: white;font-size: 18px;cursor: pointer;}.secondSection .bigArticle h4:hover{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}.firstSectionPresentation{width: 90%; margin: auto; background-color: #EEEE;display:flex;align-items:center;justify-content:center; padding: 8px 20px; border-radius: 15px;}.firstSectionPresentation p{font-size: 18px; font-weight: 700;}.dropdown-content a:hover{background-color: #fff;}.dropdown:hover .dropdown-content{display: block;box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;}.dropdown:hover .dropbtn{background-color: #fff;color: #000;box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;}.firstSectionMain{width: 90%; margin: auto; margin-top: 25px; display: grid; grid-template-columns: 32% 32% 32%; gap: 20px;}.article{width: 100%;}.article h3{font-size: 18px; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight: 600; text-transform: capitalize; height: 30px;}.article img{height: 250px; width: 100%; margin-top: 10px;}.article div{margin-top: 15px;}.article div p{font-weight: 600;}.cnt{width: 85%; margin: auto;}.bigBtn{display: block;margin: auto;background-color: #5284AF;width: fit-content;padding: 12px;color: white;font-size: 18px;cursor: pointer;margin-top: 45px;}.bigBtn:hover{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}@media(max-width:1600px){.start{width:70% ;}.start .startText h2{font-size: 1.8vw;}.services{width: 90%;}.div{width:75% ;}.firstSection{width: 75%;}.secondSection{width: 75%; margin: auto;}}@media(max-width:1000px){.start{width: 100%;}.firstSection{width:100%;}.secondSection{width: 90%;}.grayDiv{position: relative; top: 0px; width: 100%;}.cnt{width: 100%;}}@media(max-width:748px){.start .startButton{}.start .startText{width: 100%;}.start .startText h2{font-size: 28px; text-align: center;}.services{width: 100%;}.firstSectionPresentation{width: 100%;}.firstSectionMain{padding: 5px; width: 100%; grid-template-columns: 48% 48%;}.article h3{font-size: 16px;}.bigTitles{font-size: 24px;}.secondSection .bigArticle h3{margin-bottom: 60px; font-size: 16px;}.secondSection .bigArticle img{width: 98%; height: auto;}.secondSection .bigArticle iframe{width: 98%;}.secondSection{width: 100%;}}@media(max-width:510px){.start .startText h2{font-size:16px;}.secondSection .bigArticle div{width: 100%;}.logo{width: 160px;}.firstSectionMain{padding: 5px; width: 100%; grid-template-columns: 100%;}.services{flex-wrap: wrap;}.service{width:100%;}}@media only screen and (max-width: 992px){html body{font-size: 14px; line-height: 1.5;}.row{width: 100%;}}
.footer{
    background-color: #34495E;
    padding: 70px 0;
    margin-top: 150px;
    border-top: 1px solid gainsboro;
}
#homeImage{
    height:580px;
    width:75%;
}
nav{
    text-transform: uppercase;
}
.footer-col{
   width: 25%;
   padding: 0 15px;
}
.firstSectionPresentation p{
    text-align: center;
    font-size: 18px;

}
h4{
    text-align:center;
}
.box{
    font-size: 20px;
    background-color: #EEEEEE;
    border: 0px solid #CCCCCC;
    border-radius: 10px;
    padding: 20px;
    text-align: center;

}

.btn{
    background: #5284af;
    font-size: 18px;
    color: #fff;
    border: none;
    border-radius:none ;
    margin: 2rem;
    padding: 10px 22px;
}

.btn:hover{
    color: white;
    border: none;
    outline: none;

}
.footer-col h4{
    font-size: 18px;
    color: white;
    text-transform: capitalize;
    margin-bottom: 35px;
    font-weight: 500;
    position: relative;
    text-align:left;
}
.footer-col p{
    color: darkgrey;
    font-size: 14px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.footer-col h4::before{
    content: '';
    position: absolute;
    left:0;
    bottom: -10px;
    background-color: #eed202 ;
    height: 2px;
    box-sizing: border-box;
    width: 50px;
}
.footer ul{
    list-style: none;
}
.footer-col ul li {
    font-size: 16px;
    text-transform: capitalize;
   
    text-decoration: none;
    font-weight: 300;
    color: darkgrey;
    display: block;
    transition: all 0.3s ease;
}
.footer-col ul li:not(:last-child){
    margin-bottom: 10px;
}
.footer-col ul li a{
    font-size: 16px;
    text-transform: capitalize;
   
    text-decoration: none;
    font-weight: 300;
    color: darkgrey;
    display: block;
    transition: all 0.3s ease;
}
.footer-col ul li a:hover{
    color: white;
    padding-left: 8px;
    font-weight: 600;
}
.footer-col .social-links a{
    display: inline-block;
    height: 40px;
    width: 40px;
    background-color: rgba(255,255,255,0.2);
    margin:0 10px 10px 0;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: darkgray;
    transition: all 0.5s ease;
}
.footer-col .social-links a:hover{
    color: #cce7d0;
    background-color: #eed202 ;
}


@media(max-width: 767px){
  .footer-col{
    width: 50%;
    margin-bottom: 30px;
}
.start{
    flex-wrap:wrap;
    height:190px;
   
    
}
.start .startButton{
    
    width: 100%;
    justify-content:center;
    font-size:14px;
}
.start .startButton button{
    
    font-size:14px;
}
}
@media(max-width: 574px){
  .footer-col{
    width: 100%;
    
}
.div{
    width:95%;
}
#homeImage{
    height:270px;
    width:100%;
}
.bigTitles {
    font-size: 18px;
}
.firstSectionPresentation p {
    text-align: center;
    font-size: 14px;
}
     .secondSection .bigArticle div p {
    text-align: left;
    
}
.secondSection .bigArticle h3{
    margin-left:10px;
    
}
.secondSection .bigArticle div {
    padding-left: 10px;
}
 .services{
        display:none;
    }
#mediaFix{
    display:none;
}
}
@media(max-width: 350px){
    .bigTitles {
        font-size: 14px;
    }
    .firstSectionPresentation p {
   
        font-size: 12px;
    }
   
        
    }
.visualServices{
    margin-bottom:26px;
    width: 1200px;
    margin: auto;
    display: flex;
    background-color: #fff;
    justify-content: space-around;

}
.visualServices .visualService{
    width: 23%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height:275px;
   
}
.visualServices .visualService img{
    transition:400ms;
    cursor:pointer;
}
.visualServices .visualService img:hover{
   transform: translate(2px,5px);
    
}
.visualServices .visualService .visualServiceParagraphe{
    margin-bottom: 8px;
     margin-top:8px;
   
  
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    text-align: center;
    height: 25%;
}

.visualServices .visualService h4{
    margin: 0;
    font-size: 28px;
    color: #FDB813;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
}
@media(max-width:1600px){
    .visualServices{
        width: 75%;

    }

}

@media(max-width:1200px){
    .visualServices{
        width: 95%;

    }
    .visualServices .visualService{
        width: 250px;
        margin-top: 12px;
    }
    .visualServices{
       flex-wrap: wrap;


    }
  
    
}