@import url('https://fonts.cdnfonts.com/css/montserrat');
 .menu-body{
    background-image: url('https://web.bbroshost.com/wp-content/uploads/2021/09/Group-69-1.svg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #F7F7F7;
    background-size: 156% 100%;
    background-position: absolute;
    background-position:right right; 
}

.menu-header{
    display: flex;
    justify-content: space-between;
    padding-right: 80px;
    padding-top: 70px;
    padding-left: 80px;

}

.menu-header .menu-menu{
    display: flex;
    margin-top: 10px;
}

.menu-header .menu-menu .menu-menu-paragraph p{
    color: #DE332B;
    font-size: 20px;
    border-bottom: 1px solid red;
    margin-right: 40px;
    font-family: 'Montserrat';
    font-weight: 600;
    margin-top: 4px;
}

.menu-content{
    width: 80%;
    margin: 20px auto;
    display: flex;
    justify-content: space-between;
}

.menu-content .menu-list{
    list-style-type: none;
    margin: 9px 9px 9px 9px;  
}

.menu-list li a{
    transition: 300ms;
}

.menu-content .menu-list a{
    list-style-type: none;
    font-size: 60px;
    color: #1F303F;
    padding-left:16%;
    text-decoration: none;
}

.menu-content .menu-second-column {
    margin-top: auto;
    font-size: 24px;
    font-family: 'Montserrat';
    padding-bottom: 7%;
}

.menu-content .menu-second-column .contact {
    color: #DE332B;
    border-bottom: 1px solid red;
    margin-right: 29%;
    width: fit-content;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 24px;
}

.menu-content .menu-second-column .address{
    font-size: 24px;
    color: #1F303F;
}

.menu-second-column .menu-content{
    font-weight: 600;
    font-family: 'Montserrat';
}

.menu-second-column .address{
    font-weight: 600;
    font-family: 'Montserrat';
}
.menu-first-column{
    width: 50%;
}
.menu-first-column .menu-list{
    font-weight: 800;
    font-family: 'Montserrat';
}
.menu-first-column .menu-list li{
    padding: 15px 0;
    margin: 0;
}

.menu-content .menu-first-column .menu-menu-left{
    transform: rotate(270deg);
    position: absolute;
    margin-top: 2.5%;
    font-weight: 700;
    font-family: 'Montserrat';
    color: #1F303F;
    font-size: 16px;
}

.services-body{
    background-color: #F7F7F7;
    margin: 0%;
}

.services-header{
    display: flex;
    justify-content: space-between;
    padding-right: 88px;
    padding-top: 88px;
    padding-left: 80px;
}

.services-menu{
    display: flex;
    
}
.services-menu .services-menu-paragraph{
    color: #DE332B;
    font-size: 20px;
    border-bottom: 1px solid red;
    margin-right: 40px;
    font-family: 'Montserrat';
    font-weight: 600;
    margin-top: 4px;
}

.services-box{   
    display:flex;
    padding-left: 100px;
    position: absolute;
    margin-top: 70px;
}
.services-first-box{
    width: 523px;
    height: 300px;
    border:1px solid #1F303F;
    border-right: none;
    height: 715px;
    margin-top: 13.5%;
}

.services-first-box .services-first-title{
    color: #1F303F;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 25px;
}
.services-first-box .services-first-content{
    color: #DE332B;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 17px;
}

.services-second-box{
    width: 570px;
    height: 300px;
    border:1px solid #1F303F;
    border-bottom: none;
    height: 446px;
}

.services-second-box .services-second-title{
    color: #1F303F;
    font-family: 'Montserrat';
    padding-left: 40px;
    font-weight: 600;
    font-size: 40px;
}

.services-second{
    display: flex;
    justify-content: center;
    }

.services-third-box{
    width: 550px;
    height: 432px;
    border: 1px solid #1F303F;
    border-right: none;
    background-color: #1F303F;
    margin-right: 1px;
    margin-top: 26.4%;
    color: white;
    font-family: 'Montserrat';
    font-weight: 500;
    text-align: center;
    font-size: 30px;
    }

.services-third-box p{
    margin-top: 60px;
    }

.services-third-box img{
    margin-top: 30px;
}

.services-fourth-box{
    width: 500px;
    height: 667px;
    border: 1px solid #1F303F;
    background: linear-gradient(to top, white 0%, white 35%, #1F303F 35%, #1F303F 100%);
    margin-right: 5px;
    margin-top: 14%;
    z-index: 1;

}
.services-fourth-box p{
    color: white;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 22px;
    padding-left: 10px;
}
.services-fourth-box .services-fourth-box-paragraph{
    color: #1F303F;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 52px;
    padding-left: 10px;
    margin-top: 57%;}

.services-content{
    display: flex;
   
}
.services-left-content{
    padding-left: 80px;
    padding-right: 180px;
    height: 502px;
    border-right: 2px solid #1F303F;
    width: 36%;
}

 .services-left-title{
    color:#DE332B;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 30px;
    
}
.services-second-single-left-title{
    color:#1F303F;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 40px;
    padding-left: 20%;
}
.services-second-single-left-text{
    color:#1F303F;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 30px;
    padding-left: 20%;
    padding-right: 80px;
}

 .services-left-text{
    color:#1F303F;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 20px;
    width: 100%;
}

.services-right-content{
    padding-left: 4%;
    height: 502px; 
 }
 .services-right-content .services-right-title{
    color:#DE332B;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 30px;
    margin-right: 80px;
}

.services-right-content .services-right-text{
    color:#1F303F;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 20px;
    width: 569px;
}

.services-hr{
    border-bottom: 2px solid #1F303F;
    margin-top: 20px;
    margin-left: 80px;
    margin-right: 80px;
}
.services-second-content{
    display: flex;
    padding-top: 1%;
}

.services-single-content .services-left-content{
    border: none;
     margin-top: 20px;
}

.services-second-single-content .services-second-left-single-content{
    /* text-align: center; */
   border:none;

}
.services-second-single-content{
   height: 150px;
}

.services-second-single-content .title{
   padding-left: 300px;
   color: #1F303F;
   font-family: 'Montserrat';
   font-weight: 700;
   font-size: 50px;
   border:none;
}
.services-second-single-content .content{
   padding-left: 300px;
   color: #1F303F;
   font-family: 'Montserrat';
   font-weight: 400;
   font-size: 30px;
   width: 1210px;
   padding-right: 80px;
   border:none;
}

.services-second-single-content ul{
   color: #1F303F;
   font-family: 'Montserrat';
   font-weight: 700;
   font-size: 55px;
}

.services-second-single-content ul li{
list-style-type: disc 1px;
color: #1F303F;
font-size: 33px;

}
.services-second-single-content ul li i{
color:  #DE332B;
font-size: 63px;

}
.services-first-single-ul{
   display: flex;
   padding-left: 80px;
   font-family: 'Montserrat';
   font-weight: 500;
}

.services-second-single-ul{
padding-left: 20%;
}
.services-second-single-content  .services-second-single-ul li{
list-style-type: disc 1px;
color: #DE332B;
font-size: 33px;
}

.services-second-single-content .services-second-single-ul li i{
list-style-type: disc 1px;
color: #1F303F;
font-size: 45px;
}
.services-footer{
    width: 100%;
    margin-top: 2%;
}

.services-second-footer{
    display: flex;
    justify-content: space-between;   
    padding-top: 60px;      
}

.services-footer .services-footer-ul li p{
   color: white;
   font-family: 'Montserrat';
   font-weight: 700;
}

.services-footer .services-footer-ul li {
list-style-type: disc 1px;
color: #DE332B;
font-size: 28px;
}

.services-footer .services-footer-ul ul .services-footer-li .services-footer-p{
   border-bottom: 2px solid #DE332B;
   font-size: 24px;
   font-family: 'Montserrat';
   font-weight: 400;
   width: fit-content;
}

.services-footer .services-footer-ul ul .services-footer-second-li .services-footer-second-p{
   font-size: 24px;
   font-family: 'Montserrat';
   font-weight: 400;
}

.services-footer .services-footer-ul ul .services-footer-second-li{
   list-style: none;
}

.services-footer .services-footer-ul ul .services-footer-second-li{
   list-style: none;
}

.services-footer .services-footer-ul ul .services-footer-li{
   list-style: none;
}

.services-footer .services-footer-ul ul .li3 .services-footer-second-p{
   font-size: 30px;
   font-family: 'Montserrat';
   font-weight: 400;
}
.services-footer .services-footer-ul{
    display: flex;
    justify-content: space-around;
    padding: 0 148px;
    padding-bottom: 113px;
}
.services-footer{
    background-color: #1F303F;
    width: 100%;
}
.services-second-footer-left{
    margin-top: 39px;
    padding-left: 80px;

   }
   .services-second-footer-right{
       display: flex;
       margin-top: 20px;
       padding-right: 80px;
   }
   .services-second-footer-right .services-second-footer-right-paragraph{
        color: white;
        font-family: 'Montserrat';
        font-weight: 700;
        font-size: 37px;
   }
   .services-second-footer-right .services-second-footer-right-paragraph-paragraph2{
        color: #DE332B;
        font-family: 'Montserrat';
        font-weight: 700;
        font-size: 37px;
       border-bottom: 2px solid #DE332B;
   }
   .services-footer-bottom{
    display: flex;
    justify-content: space-between;
    padding-left: 80px;
    padding-right: 80px;
    font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 400;
    color: rgba(255,255,255, 0.5);
}
.services-footer-ul{    padding-bottom: 5%;
}
.services-footer-bottom .services-footer-bottom-left{
    display: flex;
}
.nr{
    font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 700;
    color: #1F303F;
    padding-bottom: 15%;
}
.extra { 
     display: none;
     color: #1F303F;
     font-family: 'Montserrat';
     font-weight: 400;
     font-size: 20px;
 }
 .services-second-box-title{
     color: #1F303F;
     text-align: center;
     font-size: 25px;
     font-family: 'Montserrat';
     font-weight: 700;
 } */

.case-studies-body{
	background-color: #1F303F;
    margin: 0%;
}

.case-studies-header{
    display: flex;
    justify-content: space-between;
    padding-right: 80px;
    padding-top: 80px;
    padding-left: 80px;
}
.case-studies-menu{
    display: flex;
}
.case-studies-paragraph{
    color: #DE332B;
    font-size: 20px;
    /* border-bottom: 1px solid red; */
    padding-right: 40px;
    font-family: 'Montserrat';
    font-weight: 600;
    margin-top: 4px;
   
}

.case-studies-box{
    margin-top: 70px;
    height: 1140px;
}
.case-studies-first{
    display: flex;
    justify-content: center;
    position: absolute;
    left: 4%;   
}
.case-studies-first-box{
    border:1px solid white;
    margin-top: 20.7%;
    width: 645px;
    height: 854px;
    border-right: none;
}
.case-studies-first-box p{
    color: white;
    text-align: center;
    font-size: 30px;
    font-family: 'Montserrat';
    font-weight: 500;
 }
.case-studies-second-box{
    border:1px solid white;
    width: 645px;
    height: 700px;
    border-bottom: none;
}
.case-studies-second-box p{
    color: white;
    font-size: 64px;
    font-family: 'Montserrat';
    font-weight: 600;
    padding-left: 9%;
  }
.case-studies-second{
    display: flex;
    justify-content: center;
    position: absolute;
    top: 40.4%;
    right: 7%;
}
.case-studies-third-box{
    width: 695px;
    height: 578px;
    border:1px solid white;
    margin-top: 29.75%;
    background-color: white;
}
.case-studies-third-box img{
  padding-left: 40%;
  padding-top: 10%;
}
.case-studies-third-box .case-studies-third-box-text{
    color: #DE332C;
    font-size: 50px;
    font-family: 'Montserrat';
    font-weight: 600;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    /* padding-right: 20px; */
}

.case-studies-third-box-hr{
    width: 73px;
    border: 1px solid #1F303F;
    float: center;
    margin-left: 44%;
}
.case-studies-fourth-box{
    width: 615px;
    height: 826px;
    border: 1px solid white;
    background: linear-gradient(to top, #1F303F 0%, #1F303F 40%, white 40%, white 100%);
    margin-left: 2px;
    margin-top: 11%;
    border-left: none;
}
.case-studies-content{
    display: flex;
    padding-left: 80px;
    padding-right: 80px;
}
.case-studies-content-left{
    border-right: 1px solid white;
    width: 48%;
    height: 500px;
}
.case-studies-content-left .case-studies-content-left-title{
    color: #DE332B;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 40px;
    margin-top: 100px;
}
.case-studies-content-left .case-studies-content-left-text{
    width: 74%;
    color: white;
    font-family: 'Montserrat';
    font-weight: 400;
}
.case-studies-content-right-text{
    width: 54%;
    color: white;
    font-family: 'Montserrat';
    font-weight: 400;
}
.case-studies-content-right{
    padding-left: 50px;
    height: 500px;
}
.case-studies-hr{
    margin-left: 80px;
    margin-right: 80px;
    margin-top: 1%;
}

.case-studies-second-content{
    display: flex;
    padding-left: 80px;
    padding-right: 80px;
    margin-top: 1.2%;
}
.case-studies-footer{
    background-color: white;
    margin-top: 5%;
    width: 100%;
}

.case-studies-top-footer{
    display: flex;
    justify-content: space-between;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 2%;
}
.case-studies-top-footer .image{
    margin-top: 2%;
}
.case-studies-top-footer-text{
    display: flex;
}
.case-studies-top-footer-text-blue{
    font-family: 'Montserrat';
    color:#1F303F;
    font-weight: 700;
    font-size: 35px;
    margin-top: 3%;
}
.case-studies-top-footer-text-red{
    font-family: 'Montserrat';
    border-bottom: 2px solid #DE332B;
    width: fit-content;
    color:#DE332B;
    font-weight: 700;
    font-size: 35px;
    margin-top: 3%;

}
.case-studies-footer-ul{
    display: flex;
    justify-content: space-around;
    color: #1F303F;
    margin-top: 4%;
}
.case-studies-footer-first-ul li{
    color: #DE332B;
    font-size: 26px;
}
.case-studies-footer-second-ul li{
    color: #DE332B;
    font-size: 26px;
}
.case-studies-footer-third-ul li{
    color: #DE332B;
    font-size: 26px;
}
.case-studies-p-title{
    color: #1F303F;
    font-size: 26px;
    font-family: 'Montserrat';
    font-weight: 700;
}

.case-studies-li{
    list-style: none;
    color: #1F303F;
}
.case-studies-bottom-footer{
    display: flex;
    justify-content: space-between;
    padding-left: 80px;
    padding-right: 80px;
    color: rgba(31, 48, 63, 0.7);
    font-family: 'Montserrat';
}
.case-studies-info{
    color: #1F303F;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 500;
}
.case-studies-info-line{
    color: #1F303F;
    border-bottom: 2px solid #DE332B;
    width: fit-content;
    font-weight: 500;
    font-family: 'Montserrat';
}
.case-studies-content-title{
    color: #DE332B;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 40px;
    margin-top: 100px;
}

.case-studies-content-left-text{
    width: 732px;
    color: white;
    font-family: 'Montserrat';
    font-weight: 400;
}
#textButton{
    border:none;
    color: #DE332B;
    background-color: #1F303F;
    font-family: 'Montserrat';
    font-size: 15px;
}
#services-textButton{
    border:none;
    color: #DE332B;
    background-color: #F7F7F7;
    font-family: 'Montserrat';
    font-size: 15px;
}
.case-studies-nr{
    color: white;
    margin-top: 50px;
    font-family: 'Montserrat';
}
.case-studies-third-box-text2{
    color: #DE332C;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 600;
    text-align: center;
}
.case-studies-fourth-box-red-text{
    color: #DE332B;
    font-family: 'Montserrat';
    font-weight: 500;
    padding-left: 7%;
    padding-top: 3%;
    font-size: 23px;

}
.case-studies-fourth-box-white-text{
    margin-top: 75%;
    color: white;
    font-size: 50px;
    font-family: 'Montserrat';
    font-weight: 500;
    padding-left: 20px;
    padding-left: 7%;
}

.contact-body{
    background-color: #F7F7F7;
    margin: 0%;
}
.contact-header{
    display: flex;
    justify-content: space-between;
    padding-right: 88px;
    padding-top:88px;
    padding-left: 80px;
}
.contact-menu{
    display: flex;
}
.contact-menu-text{
    color: #1F303F;
    font-size: 20px;
    margin-right: 40px;
    font-family: 'Montserrat';
    font-weight: 600;
    margin-top: 6px;
}
.contact-title .contact-title-paragraph{
    color: #1F303F;
    font-size: 70px;
    font-family: 'Montserrat';
    font-weight: 700;
    /* margin-top: 142px; */
    padding-left: 15%;
}

.contact-title{
    padding-top: 80px;
}
.contact-title img{
    position: absolute;
    right: 14%;
    z-index: -1;
}
.contact-content{
    display: flex;
    margin-top: 7%;
}
.contact-content .contact-form{
    width: 50%;
    padding-left: 80px;
    padding-right: 80px;
}
.contact-form form input[type=text]{
    border-bottom:2px solid #DE332B;
    border-top: none;
    border-right: none;
    border-left: none;
    background-color: #F7F7F7;
    width: 80%;
    padding-top: 70px;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 400;
    color: #1F303F;
    outline:none
}
.contact-form form input[type=submit]{
    border-bottom:2px solid #1F303F;
    border-top: none;
    border-right: none;
    border-left: none;
    background-color: #F7F7F7;
    /* width: 104px; */
    padding-top: 49px;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 500;
    color: #1F303F;
    margin-left: 70%;
    width: fit-content;
    margin-top: 27px;
}

.contact-second-content{
    width: 668px;
    margin-top: 5%;
}

.contact-first-content-text{
    font-size: 30px;
    color: #1F303F;
    font-weight: 400;
    font-family: 'Montserrat';
}
.contact-second-content .contact-second-text{
    font-size: 30px;
    color: #DE332B;
    font-weight: 400;
    font-family: 'Montserrat';
    margin-top: -15px;
}
.contact-second-content .contact-third-text{
    font-size: 30px;
    color: #1F303F;
    font-weight: 400;
    font-family: 'Montserrat';
}
.contact-footer{
    background-color: #1F303F;
    margin-top: 15%;
    justify-content: space-between;
    padding-left: 80px;
    padding-right: 80px;
 }
 
 .contact-top-footer{
     display: flex;
     margin-top: 2%;
     justify-content: space-between  ;
 }
 
 .contact-top-footer .logo{
     margin-top: 2%;
 }
 .contact-footer .contact-top-footer-text{
    display: flex;
    margin-top: 2%;
}
.contact-top-footer-center{
    display: flex;
    justify-content: space-around;
    font-family: 'Montserrat';
}
.contact-top-footer-center li{
color: #DE332B;
font-family: 'Montserrat';
font-family: 26px;
}
.contact-info-line{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 24px;
    color: #FFFFFF;
    border-bottom: 1px solid #DE332C;
}
.contact-info{
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 24px;
    color: #FFFFFF;
}

.contact-top-footer-center li .info-title{
color: white;
font-family: 'Montserrat';
font-family: 'Montserrat';
font-family: 26px;
font-weight: 700;
}
.contact-bottom-footer{
    display: flex;
    justify-content: space-between;
   
    color: rgba(255, 255, 255, 0.7);
    font-family: 'Montserrat';
    }

.contact-top-footer-first-text{
    color: #FFFFFF;
    font-size: 35px;
    margin-left: 107px;
    font-family: 'Montserrat';
    font-weight: 700;
}

.homepage-body{
    background-color: #1F303F;
    background-image: url('https://web.bbroshost.com/wp-content/uploads/2021/09/homelogo.svg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 156% 100%;
    background-position: absolute;
    background-position:right right; 
}
.homepage-header{
    display: flex;
    justify-content: space-between;
    padding-right: 80px;
    padding-top: 66px;
    padding-left: 80px;

}

.homepage-menu{
    display: flex;  
    
}
.homepage-menu-paragraph{
    color: #DE332B;
    font-size: 20px;
    margin-right: 40px;
    font-family: 'Montserrat';
    font-weight: 600;
}
.contact-footer-hr{
    border: 1px solid #DE332C;
    margin-top: 4%;
}
.homepage-menu-logo{
    margin-top: 15px;
}
.homepage-content{
/* position: absolute; */
padding-top: 5%;
padding-left: 20%;
/* width: 100%; */

}
.homepage-title{
    color: #DE332B;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 20px;
}
.homepage-paragraph{
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 55px;
    margin-top: 20px;
 
}
.homepage-span{
    padding-left: 1%;
}

.homepage-second-paragraph{
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 20px;
    margin-top: 20px;
    line-height: 1.8;
}
.homepage-bottom{
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 20px;
    margin-top: 8%;
}
.homepage-circle{
    /* margin-top: 4%; */
    position: relative;
}
.homepage-bottom-text{
   margin-top: -3.5%;
   padding-left: 1%;
    }

.about-body{
    background-color: #1F303F;
    margin: 0%;
}

.about-header{
    display: flex;
    justify-content: space-between;
    padding-right: 85px;
    padding-top: 80px;
    padding-left: 80px;
}
.about-menu{
    display: flex;
    margin-top: 10px;
}
.about-menu p{
    color: #DE332B;
    font-size: 20px;
    border-bottom: 1px solid red;
    margin-right: 40px;
    font-family: 'Montserrat';
    font-weight: 600;
    margin-top: 4px;
}
.about-title{
    margin-left: 12%;
    margin-top: 9%;
}
.about-title .about-title-p{
    font-size: 65px;
    font-family: 'Montserrat';
    font-weight: 700;
    color: white;
}
.about-title img{
    position: absolute;
    right: 19%;
    top: 29%;
    z-index: -1;
 }
.about-first-section{
    display: flex;
    justify-content: right;
    padding-right:100px;
}
.about-first-content{
    min-width:387px;
}
.about-first-content .about-first-paragraph{
    color: #DE332B;
    font-size: 40px;
    font-family: 'Montserrat';
    font-weight: 700;
    padding-top: 119px;
}
.about-first-content .about-second-text{
    color: #FFFFFF;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 500;
}
.about-second-content .about-first-paragraph {
    color: #DE332B;
    font-size: 40px;
    font-family: 'Montserrat';
    font-weight: 700;
    /* margin-left: 289px; */
    margin-top: 160px;
}
.about-second-content .about-second-paragraph{
    color: #FFFFFF;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 500;
    /* margin-left: 289px; */
    width: 639px;
}
.about-hr{
    margin-right: 80px;
    margin-left: 80px;
    margin-top: 5%;
}
.about-about-paragraph{
    color: #DE332B;
    font-size: 24px;
    padding-left: 79px;
    font-family: 'Montserrat';
    font-weight: 700;
}
.about-second-section{
    display: flex;
    justify-content: space-between;
}

.about-company .about-company-text{
    width:468px;
    color: #DE332B;
    font-family: 'Montserrat';
    font-weight: 700;
    padding-left: 79px;
    font-size: 40px;
    margin-top: 380px;
}
.about-company .about-company-paragraph{
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 400;
    padding-left: 79px;
    width: 577px;
}
.about-images{
    display: flex;
    flex-direction: column-reverse;
}
.about-first-photos{
    padding-right: 80px;
    width: 531px;
    height: 599px;
    display: flex;
    flex-direction: row-reverse;
}
.about-first-image{
    position: absolute;
    margin-top: 9px;
    right: 34%;
    height: 58%;
}
.about-second-image{
    position: absolute;
    right: 10%;
    z-index: 0;
}

.about-second-image:hover{
   z-index: 2;
}
.about-second-photos{
    padding-right: 80px;
    width: 531px;
    height: 599px;
    display: flex;
    flex-direction: row-reverse; 
}
.about-third-image{
    position: absolute;
    margin-top: 3%;
    right: 28%;
    z-index: 2;
}
.about-third-image:hover{
    z-index: 3;
 }
 .about-first-image:hover{
    z-index: 4;

 }
.about-fourth-image{
    position: absolute;
    right: 6%;
    z-index: 7;
}

.about-fourth-image:hover{
   z-index: 9;
   /* width: 550px; */
   /* height: 630px; */
}
.about-comapny-paragraph{
    color:#DE332B;
    padding-left: 80px;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 700;
}
.about-third-section{
    display: flex;
    padding-left: 525px;
    margin-top: 6%;
}
.about-communication-title{
    color: #FFFFFF;
    font-size: 40px;
    font-family: 'Montserrat';
    font-weight: 600;
    width: 351px;
}
.about-communication-paragraph{
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 300;
    width: 574px;
}
.about-synergy{
    padding-left: 11%;
}
.about-synergy-title{
    color: #FFFFFF;
    font-size: 40px;
    font-family: 'Montserrat';
    font-weight: 600;
    width: 176px;
    margin-top: 34px;
  
 }
 .about-synergy-paragraph{
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 300;
    width: 576px;
    margin-top: -9px;
 }

 .about-fourth-section{
    display: flex;
    padding-left: 80px;
    padding-right: 80px;
    margin-top: 6%;
    justify-content: space-between;
 }
.about-innovation img{
width: 72.96px;
height: 73.23px;
}
.about-innovation-title{
   width:234px;
   color: #FFFFFF;
   font-family: 'Montserrat';
   font-weight: 600;
   font-size: 40px;
}

.about-innovation-paragraph{
   width:527px;
   color: #FFFFFF;
   font-family: 'Montserrat';
   font-weight: 300;
   font-size: 20px;
}
.about-learning{
    padding-left: 8%;
}
.about-learning-title{
    width:193px;
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 40px;
 }
 
 .about-learning-paragraph{
    width:462.81px;
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 20px;
 }
 .about-creativity-title{
    width:319px;
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 40px;
    padding-right: 80px;
 }
 
 .about-creativity-paragraph{
    width:444px;
    color: #FFFFFF;
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 20px;
 }

.about-fifth-section{
    display: flex;
    padding-left: 79px;
    margin-top: 5% !important;
 }
 
 .about-fifth-section .about-first .about-first-title{
    color: #FFFFFF;
    font-size: 28px;
    font-family: 'Montserrat';
    font-weight: 600;
 }
 
 .about-fifth-section .about-second .title{
    color: #FFFFFF;
    font-size: 28px;
    font-family: 'Montserrat';
    font-weight: 600;
 }
 
 .about-fifth-section .about-third .about-third-title{
    color: #FFFFFF;
    font-size: 28px;
    font-family: 'Montserrat';
    font-weight: 600;
 }
 
 .about-fifth-section .about-fourth .about-second-title{
    color: #FFFFFF;
    font-size: 28px;
    font-family: 'Montserrat';
    font-weight: 600;
 }
 .about-fifth-section .about-fourth .about-fourth-title{
    color: #FFFFFF;
    font-size: 28px;
    font-family: 'Montserrat';
    font-weight: 600;
 }
 
 .about-fifth-section .about-first .about-first-text{
    color:#DE332B;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 400;
    width: 386px;
    text-align: center;
 
 }
 .about-fifth-section .about-second .about-second-text{
    color:#DE332B;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 400;
    width: 386px;
    text-align: center;
 
 }
 .about-fifth-section .about-third .about-third-text{
    color:#DE332B;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 400;
    width: 386px;
    text-align: center;
 }
 .about-fifth-section .about-fourth .about-fourth-text{
    color:#DE332B;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 400;
    width: 386px;
    text-align: center;
 }
 .about-fifth-section .about-fourth .about-fourth-paragraph{
    color:#DE332B;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 400;
    width: 386px;
    text-align: center;
 }
 
 .about-fifth-section .about-second{
    margin-left: 78px;
 }
 
 .about-fifth-section .about-third{
    margin-left: 78px;
 }
 
 .about-fifth-section .about-fourth{
    margin-left: 70px;
 }
 
 .about-fifth-section .about-first .about-first-title{
 text-align: center;
 }
 
 .about-fifth-section .about-first img{

 }
 .about-first{
     text-align: center;
 }
 .about-second{
    text-align: center;
}.about-third{
    text-align: center;
}.about-fourth{
    text-align: center;
}
 
 .about-fifth-section .about-second .about-second-title{
 text-align: center;
 color: #FFFFFF;
 font-size: 28px;
    font-family: 'Montserrat';
    font-weight: 600;
 }
 .about-fifth-section .about-third .about-third-title{
 text-align: center;
 }
 .about-fifth-section .about-fourth .about-fourth-title{
 text-align: center;
 }

.about-sixth-section{
    display: flex;
    padding-left: 79px;
 }
 
 .sectabout-sixth-sectionion6 .about-sixth-first-photo .about-sixth-title{
    color: #FFFFFF;
    font-size: 28px;
    font-family: 'Montserrat';
    font-weight: 700;
 }
 .about-sixth-section .about-sixth-first-photo .about-sixth-title{
    color: #FFFFFF;
    font-size: 28px;
    font-family: 'Montserrat';
    font-weight: 700;
 }
 .about-sixth-section .content3 .about-sixth-title{
    color: #FFFFFF;
    font-size: 28px;
    font-family: 'Montserrat';
    font-weight: 700;
 }
 .about-sixth-section .about-sixth-first-photo .about-sixth-text{
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 400;
 }
 .about-sixth-section .content2 .about-sixth-text{
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 400;
 }
 .about-sixth-section .content3 .about-sixth-text{
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'Montserrat';
    font-weight: 400;
 }
 
 .about-sixth-section .content3{
 margin-left: 41px;
 }
 
 .about-sixth-section .content2{
 margin-left: 41px;
 }
 .about-sixth-section img{
     padding-left: 10px;
 }
 footer{
    /* height: 751px; */
    background-color: #FFFFFF;
 }
 
 .section7{
    display: flex;
    justify-content: space-between;
    margin-top:79px;
    padding-right: 80px;
    padding-left: 80px;
    height: 49px;
 }
 
 .section7 .text{
    font-size: 37px;
    color: #DE332B;
    margin-top: 120px;
    width: 1529px;
 }
 
 .section7 .logo {
 margin-top: 163px;
 }
 
 .ul{
    display: flex;
    margin-top: 15%;
     justify-content: space-around;
    padding: 10px;
 }
 
 .ul .content1 .p{
    font-size: 26px;
    color: #1F303F;
    font-family: 'Montserrat';
    font-weight: 700;
 }
 
 .ul .content2 .p{
    font-size: 26px;
    color: #1F303F;
    font-family: 'Montserrat';
    font-weight: 700;
 }
 
 .ul .content3 .p{
    font-size: 26px;
    color: #1F303F;
    font-family: 'Montserrat';
    font-weight: 700;
 }
 
 .ul .content1 .p1{
    color: #1F303F;
    font-size: 24px;
    border-bottom: 2px solid #DE332B;
 
 }
 .ul .content2 .p1{
    color: #1F303F;
    font-size: 24px;
 }
 
 .ul .content3 .p1{
    color: #1F303F;
    font-size: 24px;
 }
 
 .footer hr{
    padding-left: 80px;
    padding-right: 80px;
    background-color: #DE332B;
 }
 
 .text img{
    position: absolute;
    right: 17%;
    top: 24%;
 }
 .bottom{
    display: flex;
    justify-content: space-between;
    padding-left: 80px;
    padding-right: 80px;
    color: rgba(31, 48, 63, 0.7);
    font-family: 'Montserrat';
 }
 .about-second-paragraph{
    color: #FFFFFF;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 500;
    width: 639px;
 }

 .about-footer{
    background-color: #FFFFFF;
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
  
    width: 100%;
 }

 
 .about-top-footer{
    display: flex;
     justify-content: space-between;
     padding-right: 80px;
     padding-left: 80px;
     height: 49px;

 }
 
 .about-top-footer .about-top-footer-text{
    color: #DE332B;
    display: flex;
    margin-right: 80px;
    font-family: 'Montserrat';
    font-weight: 700;
    margin-top: 2%;
 }
 .about-top-footer-logo{
     margin-top: 3%;
 }
 
 .about-ul{
    display: flex;
    margin-top: 6%;
    justify-content: space-around;
    padding: 10px;
 }
 
 .about-ul .about-first-ul .p{
    font-size: 26px;
    color: #1F303F;
    font-family: 'Montserrat';
    font-weight: 700;
 }
 .about-ul .about-second-ul{
     margin-right: 2%;
 }
 .about-ul .about-second-ul .p{
    font-size: 26px;
    color: #1F303F;
    font-family: 'Montserrat';
    font-weight: 700;
 }
 
 .about-ul .about-third-ul .p{
    font-size: 26px;
    color: #1F303F;
    font-family: 'Montserrat';
    font-weight: 700;
 }
 
 .about-ul .about-first-ul .p1{
    color: #1F303F;
    font-size: 24px;
    border-bottom: 2px solid #DE332B;
    font-family: 'Montserrat';
    font-weight: 500;
 }
 .about-ul .about-second-ul .p1{
    color: #1F303F;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 500;
 }
 
 .about-ul .about-third-ul .p1{
    color: #1F303F;
    font-size: 24px;
    font-family: 'Montserrat';
    font-weight: 500;
 }
 
 .footer hr{
    padding-left: 80px;
    padding-right: 80px;
    background-color: #DE332B;
 }
 
 .text img{
    position: absolute;
    right: 17%;
    top: 24%;
 }
 .about-bottom-footer{
    display: flex;
    justify-content: space-between;
    padding-left: 80px;
    padding-right: 80px;
    color: rgba(31, 48, 63, 0.7);
    font-family: 'Montserrat';
 }
 .about-footer-hr{
     border: 1px solid #DE332B;
 }
.about-top-footer-text-blue{
    color: #1F303F;
    font-family: 'Montserrat';
    font-size: 35px;
   
}

.about-top-footer-text-red{
    color: #DE332B;
    font-family: 'Montserrat';
    font-size: 35px;
    
    width: fit-content;
}

.case-studies-footer-hr{
    margin-right: 80px;
    margin-left: 80px;
    margin-top: 2%;
    border:1px solid #DE332B;
}


.clonedElement {
    /* Should take whole screen */
    position: fixed;
    top: 0; bottom: 0; left: 0; right: 0;
    background-color: #1F303F;
    /* Semi-transparent black */
    opacity: 0.5;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
}
.menu{
    position: relative; /* So that z-index can work */
    display: inline-block;
}
.outstaff-body{
    background-color: #F7F7F7;
    margin: 0%;
}
.outstaff-header{
    display: flex;
    justify-content: space-between;
    padding-right: 88px;
    padding-top: 88px;
    padding-left: 80px;
 
}
.outstaff-menu{
    display: flex;
}
.outstaff-menu-paragraph{
    color: #DE332B;
    font-size: 20px;
    border-bottom: 1px solid red;
    margin-right: 40px;
    font-family: 'Montserrat';
    font-weight: 600;
    margin-top: 4px;
}
.outstaff-box{
    margin-top: 70px;
    min-height: 1137px;
}
.outstaff-first{
    display: flex;
    justify-content: center;
    position: absolute;
    left: 4%;
}
.outstaff-first-box{
    border: 1px solid #1F303F;
    margin-top: 21%;
    width: 645px;
    min-height: 854px;
    border-right: none;
}
.outstaff-first-box-p{
    color: #DE332B;
    text-align: center;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 30px;
}

.outstaff-second-box{
    border: 1px solid #1F303F;
    width: 645px;
    min-height: 700px;
    border-bottom: none;
}
.outstaff-second{
    display: flex;
    justify-content: center;
    position: absolute;
    top: 40.8%;
    right: 7%;
}

.outstaff-third-box{
    border:1px solid #1F303F;
    background-color: #1F303F;
    width: 695px;
    min-height: 578px;
    border: 1px solid white;
    margin-top: 29.75%;
}
.outstaff-third-box img{
    padding-left: 40%;
  padding-top: 10%;
}

.outstaff-third-box p{
    color: white;
    font-size: 45px;
    font-family: 'Montserrat';
    font-weight: 600;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
}
.outstaff-third-box-text2{
    color: white;
    font-size: 25px !important;
    font-family: 'Montserrat';
    font-weight: 600;
    text-align: center;
    padding-top: 5%;
}
.outstaff-third-box-hr{
    width: 73px;
    border: 1px solid #DE332B;
    float: center;
    margin-left: 44%;
}

.outstaff-fourth-box{
   
    border:1px solid #1F303F;
    background: linear-gradient(to top, white 0%, white 50%,  #1F303F 50%, #1F303F 100%);
    width: 615px;
    min-height: 826px;
    margin-top: 11%;
    border-left: none;
}
.outstaff-fourth-box-first-p{
    color: white;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 20px;
    padding-left: 7%;
    padding-top: 3%;
}
.outstaff-fourth-box-second-p{
    color: #1F303F;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 45px;
    margin-top: 70%;
    padding-left: 7%;
}
.outstaff-second-box-p{
    color: #1F303F;
    font-family: 'Montserrat';
    font-weight: 700;
    text-align: center;
    font-size: 60px;
}

.outstaff-content-title{
    color: #DE332B;
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: 700;
    padding-left: 80px;
  
}

.outstaff-content-text{
    display: flex;
    justify-content: space-between;
}
.outstaff-content-first-text{
    width:700px;
    margin-top: 200px;
}
.outstaff-content-text-title{
    color: #DE332B;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 30px;
    padding-left: 80px;
}

.outstaff-content-second-text{
    color: #1F303F;
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: 400;
    padding-left: 80px;
}
.outstaff-images{
    width: 50%;
    position: relative;
}
.outstaff-images img{
  position: absolute;
}
.outstaff-first-photo{
    top: 75%;
    right: 59%;
}
.outstaff-second-photo{
    right: 54%;
    top: 10%;
}
.outstaff-third-photo{
    top: 80% !important;
    right: 11% !important;
}
.outstaff-fourth-photo{
    left: 30%;  
}
.outstaff-fourth-photo:hover{
    z-index: 2;
}
.outstaff-third-photo:hover{
    z-index: 2;
}
.outstaff-first-photo:hover{
    z-index: 2;
}
.outstaff-second-photo:hover{
    z-index: 2;
}
.outstaff-footer{
    background-color: #1F303F;
    margin-top: 30%;
}
.outstaff-top-footer{
    display: flex;
    padding-left: 80px;
    padding-right: 80px;
    justify-content: space-between;
}
.outstaff-top-footer{
    margin-top: 20px;
}
.outstaff-top-footer-text{
    margin-top: 10px;
    font-size: 25px;
    font-family: 'Montserrat';
    font-weight: 600;
    margin-top: 3%;

}
.outstaff-content{
    height: 1100px;
}
.outstaff-top-footer-logo{
    margin-top: 3%;
}
.outstaff-top-footer-first-text{
    color: white;
    font-family: 'Montserrat';
    font-weight: 700;
}
.outstaff-top-footer-second-text{
    color: #DE332B;
    font-family: 'Montserrat';
    font-weight: 700;
    border-bottom: 2px solid #DE332B;
    width: fit-content;
}
.outstaff-footer-ul{
    display: flex;
    justify-content: space-around;
    margin-top: 60px;
    font-family: 'Montserrat';
}
.outstaff-footer-first-ul-title{
    color: #DE332B;
    font-size: 30px;
}
.outstaff-footer-first-ul-p{
    color: white;
    font-size: 28px;
    font-weight: 700;
}
.outstaff-footer-first-ul-info{
    list-style: none;
    color: white;
    font-family: 'Montserrat';
    font-size: 24px;
}
.outstaff-bottom-footer{
    display: flex;
    justify-content: space-between;
    padding-left: 80px;
    padding-right: 80px;
    color: rgba(255, 255, 255, 0.7);
    font-family: 'Montserrat';
}
.outstaff-footer-first-ul-info-line{
    list-style: none;
    color: white;
    font-family: 'Montserrat';
    font-size: 24px;
    border-bottom: 2px solid #DE332B;
    width: fit-content;
}

.blog-content{
    display: flex;
}
.blog-left-content{
    padding-left: 80px;
    padding-right: 180px;
    border-right: 2px solid #1F303F;
    width: 33%;

}

 .blog-left-title{
    color:#DE332B;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 42px;
}
.blog-second-single-left-title{
    color:#1F303F;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 40px;
    padding-left: 20%;
}
.blog-second-single-left-text{
    color:#1F303F;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 30px;
    padding-left: 20%;
}

 .blog-left-text{
    color:#1F303F;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 20px;
    width: 100%;
    padding-bottom: 15%;
}

.blog-right-content{
    padding-left: 4%;
    height: 502px; 
 }
 .blog-right-content .blog-right-title{
    color:#DE332B;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 42px;
    padding-right: 80px;
}

.blog-right-content .blog-right-text{
    color:#1F303F;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 20px;
    width: 529px;
}

.blog-hr{
    border-bottom: 2px solid #1F303F;
    margin-top: 20px;
    margin-right: 80px;
    margin-left: 80px;
}
.blog-second-content{
    display: flex;
}
.blog-second-content{
    padding-bottom: 36px;
}
.about-hr-img{
    margin-left: 80px;
    margin-right: 80px;
}
@media  (max-width: 1556px) {
    .contact-title .contact-title-paragraph{
       font-size: 50px;
   }
   .contact-title{
    padding-top: 48px;
    padding-left: 80px;
    }
   .contact-title img{
    position: absolute;
    right: 13%;
    top: 26%;
    width: 160px;
    z-index: -1;
    }
    .contact-form form input[type=text]{
        width: 80%;
        padding-top: 50px;
        font-size: 20px;
        font-family: 'Montserrat';
        font-weight: 400;
        color: #1F303F;
        outline:none
    }
    .contact-form form input[type=submit]{
        padding-top: 30px;
        font-size: 20px;
        font-family: 'Montserrat';
        font-weight: 500;
        color: #1F303F;
    }
    .contact-first-content-text{
        font-size: 25px;
        padding-right: 50px;
    }
    .contact-second-content .contact-second-text{
        font-size: 25px;
       
    }
    .contact-second-content{
        margin-top:3%;
    }
    .contact-second-content .contact-third-text{
        font-size: 25px;
        padding-right: 60px;
        padding-top: 15px;
    }
        .services-header{
            padding-top: 52px;
            padding-right: 88px;
        }
       .services-second-footer-right{
           display: flex;
          
           padding-right: 80px;
       }
       .services-second-footer-right .services-second-footer-right-paragraph{
            font-size: 24px;
       }
       .services-second-footer-right .services-second-footer-right-paragraph-paragraph2{
            font-size: 24px;
       }
       .services-footer-bottom{
        display: flex;
        justify-content: space-between;
        padding-left: 80px;
        padding-right: 80px;
        font-size: 20px;
        font-family: 'Montserrat';
        font-weight: 400;
        color: rgba(255,255,255, 0.5);
    }
    .services-footer .services-footer-ul li p {
        font-size: 20px;
    }
    .services-second-footer{
        padding-top: 30px;
    }
    
    .services-footer .services-footer-ul {
        padding :0px 80px 0px 102px
    }
    .services-footer .services-footer-ul ul .services-footer-li .services-footer-p{
        font-size: 20px;
    }
    .services-footer .services-footer-ul ul .services-footer-second-li .services-footer-second-p {
        font-size: 20px;
    }
    .homepage-content{
        padding-top: 3%;
    }
    .homepage-title{
        font-size: 17px;
    }
    .homepage-paragraph{
        font-size: 45px;
    }
    .homepage-second-paragraph{
        font-size: 17px;
    }
    .homepage-bottom-text{
        font-family: 'Montserrat';
        font-size: 17px;
        margin-top: -4.5%;
        /* padding-left: 1.5%; */
        
    }
    .menu-content .menu-list a{
        font-size: 50px;
    }
    .menu-content .menu-second-column .address{
        font-size: 20px;
    }
    .menu-content .menu-second-column .contact{
        font-size: 20px;
    }
    .menu-content .menu-first-column .menu-menu-left{
        font-size: 13px;
    }
    .outstaff-fourth-box{
        width: 500px;
    }
    .outstaff-header{
        padding-top: 52px;
        padding-right: 88px;
    }
    .outstaff-third-box{
        width: 500px;
        padding-right: 0px;
    } 
    .outstaff-second-box{
        width: 500px;
    } .outstaff-first-box{
        width: 500px;
    }
    .outstaff-third-box p{
        font-size: 40px;
    }
    .outstaff-second{
        /* padding-top: 94px; */
        /* top: 30%; */
        top: 42%;
    }
    .blog-left-text{
        font-size: 15px;
    }
    .blog-left-title{
        font-size: 30px;
    }
    .blog-right-content .blog-right-text {
        font-size: 15px;
    }
    .blog-right-content .blog-right-title{
        font-size: 30px;
    }

    .outstaff-second-photo{
        width: 400px;
        height: 400px;
        top: 4%;
        right: 48%;
        z-index: 1;
    }
    .outstaff-first-photo{
        width: 400px;
        height: 400px;
        top: 46%;
        right: 50%;
    }.outstaff-third-photo{
        width: 350px;
        height: 350px;
        top: 50% !important;
    }.outstaff-fourth-photo{
        width: 400px;
        height: 400px;
        left: 37% !important;
    }
    .outstaff-content-text{
        padding-bottom: 130px;
    }
    .outstaff-content-text-title{
        font-size: 25px;
    }
    .services-body{
        width: 100vw;
    }
    .services-hr{
        margin-left: 60px;
        margin-right: 60px;
    }
    .services-left-text{
        font-size: 15px;
    }
    .services-right-content .services-right-text{
        font-size: 15px;
       
    }
    .services-right-content .services-right-title{
        font-size: 25px;
    }
    .services-left-title{
        font-size: 25px;
    }
    .services-left-content{
        width: 32%;
    }
    .services-second-single-left-title{
        font-size: 35px;
    }
    .services-second-single-left-title{
        font-size: 20px;
    }

    .services-second-single-content ul{
        font-size: 20px;
    }
    .services-second-single-content .services-second-single-ul li i{
        font-size: 35px;
    }
    .services-second-single-content ul li i{
        font-size: 40px;
    }
    .services-first-single-ul {
        padding-top: 40px;
    }
    .services-footer-hr{
        /* margin-right: 80px;
        margin-left: 80px;
        padding-top: 3%; 
        border-bottom: 1px solid #F7F7F7;   
        border-top: none; */
        border: 1px solid #DE332B;
        margin-right:80px;
        margin-left:80px;
        margin-top:3%;
    }
  .case-studies-first-box{
      width: 550px;
  }
  .case-studies-second-box{
      width: 550px;
  }
  .case-studies-third-box{
      width: 550px;
  }
  .case-studies-fourth-box{
      width: 550px;
      height: 785px;
  }
  .case-studies-second{
    top: 48.4%;
  }
  .case-studies-second-box p{
      font-size: 50px;
  }
  .case-studies-content-left{
    /* padding-left: 80px; */
    padding-right: 180px;
  }
  .case-studies-content-right{
      padding-left: 0px;
      width: 49%;
  }
  .case-studies-content{
      display: flex;
  }
  .case-studies-content-left .case-studies-content-left-title{
      font-size: 24px;
  }
  
  .case-studies-content-left .case-studies-content-left-text{
    font-size: 15px;
    width: 108%;
  }
 
  #textButton{
      padding-left: 60px;
  }
 .case-studies-right-nr{
     padding-left: 80px;
     color: #FFFFFF;
    
 }
 .about-title .about-title-p{
     font-size: 45px;
 }
 .about-title img{
     top: 27%;
 }
 .about-first-content{
    min-width:287px;
    padding-left: 40%;
}
.about-first-content .about-first-paragraph{
    color: #DE332B;
    font-size: 30px;
    font-family: 'Montserrat';
    font-weight: 700;
    padding-top: 119px;
}
.about-second-content .about-first-paragraph{
    font-size: 30px;
}
.about-second-content .about-second-paragraph{
    font-size: 17px;
    padding-right: 80px;
    width: 430px;
}
.about-first-content .about-second-paragraph{
    font-size: 17px;
    width: 450px;
}
.about-first-content{
    padding-right: 13%;
}

.about-first-content .about-second-text{
    font-size: 17px;
}
.about-first-content .about-first-paragraph{
    width: 400px;
}
.about-hr{
    padding-left: 80px;
    padding-right: 80px;
}
.about-about-paragraph{
    font-size: 20px;
}
.about-company .about-company-text{
    font-size: 30px;
}
.about-company .about-company-paragraph{
    font-size: 17px;
}
.about-third-image{
    width: 350px;
    top: 130%;
    height: 500px;
}
.about-first-image{
    width: 350px;
    right: 25%;
    top: 190%;
    height: 500px;

}
.about-second-image{
    width: 340px;
    top: 190%;
    right: 10%;
    height: 500px;

}
.about-fourth-image{
    width: 350px;
    top: 140%;
    height: 500px;
}
.about-third-image:hover{
    /* width:350px; */
    z-index: 12;
}
.about-first-image:hover{
    /* width:350px; */
    z-index: 8;
}
.about-second-image:hover{
    /* width:350px; */
    z-index: 14;
}
.about-fourth-image:hover{
    /* width:350px; */
    z-index: 6;
}
.about-hr-img{
    padding-right: 80px;
    padding-left: 80px;
    /* margin-top: -10%; */
    /* margin-bottom: 90%; */
}
.about-comapny-paragraph{
    font-size: 20px;
}
.about-communication-title{
    font-size: 20px;
}
.about-communication-paragraph{
    font-size: 17px;
    width: 430px;
}
.about-synergy-title{
    font-size: 20px;
}
.about-third-section{
    padding-left: 28%;
}
.about-synergy-paragraph{
    font-size: 17px;
    width: 430px;
    padding-right: 80px;
}
.about-innovation-title{
    font-size: 20px;
}
.about-learning-title{
    font-size: 20px;
}
.about-creativity-title {
    font-size: 20px;
}
.about-innovation-paragraph {
    font-size: 17px;
    width: 400px;
}
.about-learning-paragraph{
    font-size: 17px;
    width: 400px;
}
.about-learning{
    padding-left: 1%;
}
.about-creativity-paragraph {
    font-size: 17px;
    width: 400px;
}
.about-first img{
    width: 100px;
   
}
.about-second img{
    width: 100px;
}
.about-third img{
    width: 100px;
}
.about-fourth img{
    width: 100px;
}
.about-fifth-section .about-second{
    margin: 10px;
}
.about-fifth-section .about-third{
    margin: 10px;
}.about-fifth-section .about-fourth{
    margin: 10px;
}
.about-fifth-section .about-first .about-first-title{
    font-size: 20px;
    text-align: center;
}
.about-fifth-section .about-second .about-second-title{
    font-size: 20px;
    text-align: center;

}
.about-fifth-section .about-third .about-third-title{
    font-size: 20px;
    text-align: center;

}
.about-fifth-section .about-fourth .about-fourth-title{
    font-size: 20px;
    text-align: center;

}
.about-fifth-section .about-first .about-first-text{
    font-size: 15px;
    width: 310px;
}
.about-fifth-section .about-second .about-second-text{
    font-size: 15px;
    width: 310px;
}
.about-fifth-section .about-third .about-third-text{
    font-size: 15px;
    width: 310px;
}
.about-fifth-section .about-fourth .about-fourth-text{
    font-size: 15px;
    width: 310px;
}
.about-header{
    padding-top: 45px;
    padding-right: 88px;
}
.about-sixth-section img{
    width: 410px;
    padding-top: 60px;
   
}
.about-sixth-section .about-sixth-first-photo .about-sixth-title{
    font-size: 20px;
    padding-left: 15px;
}
.about-sixth-section .about-sixth-first-photo .about-sixth-text{
    font-size: 15px;
    padding-left: 15px;
    padding-bottom: 80px;
}
.about-top-footer-text-blue{
    font-size: 24px;
    
}
.about-top-footer .about-top-footer-text{
    padding-right: 0px;
}
.about-top-footer-text-red{
    font-size: 24px;
}
.about-ul .about-first-ul .p{
    font-size: 20px;
}
.about-ul .about-second-ul .p{
    font-size: 20px;
}
.about-ul .about-third-ul .p{
    font-size: 20px;
}
.about-ul .about-first-ul .p1{
    font-size: 20px;
}
.about-ul .about-second-ul .p1{
    font-size: 20px;
}
.about-ul .about-third-ul .p1{
    font-size: 20px;

}
.about-ul{
    display: flex;
    justify-content: space-around;
    padding: 0 90px 90px 158px;
}
.case-studies-header{
    padding-top: 48px;
    padding-right: 80px;
}
.case-studies-content-left .case-studies-content-title{
    font-size: 20px;
}
.case-studies-content-right .case-studies-content-title{
padding-left: 60px;
font-size: 20px;
}
.case-studies-content-right{
    width: 800px;
}
.case-studies-content-right .case-studies-content-left-text{
    padding-left: 60px;
   width: 500px;

}
.case-studies-content-right .case-studies-nr{
    padding-left: 60px;
}
.case-studies-top-footer-text-blue{
    font-size: 24px;
}
.case-studies-top-footer-text-red{
    font-size: 24px;
}
.case-studies-p-title{
    font-size: 20px;
}
.case-studies-info-line{
    font-size: 20px;
}
.case-studies-info{
    font-size: 20px;
}
.case-studies-footer-ul {
    display: flex;
    justify-content: space-around;
    padding: 0px 80px 0px 102px
}
.outstaff-content-second-text{
    max-width: 500px;
}
.outstaff-content-text-title{
    max-width: 400px;
}
.outstaff-content{
    padding-bottom: 80px;
}
.outstaff-first-box-p{
    font-size: 25px;
    font-weight: 600;
}
.menu-header{
    padding-top: 25px;
}
.menu-menu-paragraph{
    margin-top: 10px;
}
.logo{
    margin-top: 9px;
}
.homepage-header{
    padding-top: 20px;
}
.homepage-menu-paragraph{
   margin-top: 12px;
}
.homepage-menu-logo{
    margin-top: 26px;
}
.homepage-logo img{
    padding-top: 15px;
}
.homepage-circle{
    left: -10px;
}
.contact-header{
    padding-top: 52px;
    padding-right: 90px;
}
}
#contact{
    animation: bounce 250ms infinite linear;
    -webkit-animation: bounce 250ms infinite linear;
}

@keyframes bounce {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-5px); }
    100% { transform: translateY(0); }
  }
@-webkit-keyframes bounce {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-5px); }
    100% { transform: translateY(0); }
}