*{
    margin:0px;
    padding:0px;
    box-sizing:border-box;
}
.bk-color{
    background-image:url("hero-bg.svg");
    padding-bottom:60px;
}
.first-container{
    padding:15px;
    /* border:1px  solid red; */
}
.center-div{
    text-align:center;
    align-items: center;
    justify-content: center;
}
.zuri-logo h2{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:bold;
    margin:100px 0px 100px 0px;
    text-transform: capitalize;
    font-size:30px;
}
.zuri-motto h2{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:bold;
    text-transform:capitalize;
    font-size:30px;
   /* opacity:0.7; */
   margin-bottom:35px;
}
.zuri-motto p{
    line-height:25px;
    font-family: 'Roboto Condensed', sans-serif;
    color:rgb(49, 47, 47);
    /* font-weight: 900; */
    opacity:0.8;
    font-size:18px;
    margin-bottom:100px;
}
.zuri-motto a{
    text-decoration:none;
    color: red;
}
.btn{
    display:flex;
    flex-direction:column;
    max-width:200px ;
    align-items: center !important;
    margin:0 auto ;
}
.btn a{
    border:1px solid red;
    padding:10px;
    margin:0px 0px 20px 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
}
.btn-1{
    color:#fff !important;
    background-color:red;
}
.btn-1:hover{
    color:rgb(247, 136, 136) !important;
    background-color:#fff;
}
.btn-2{
    color:rgb(247, 136, 136) !important;
    background-color:#fff;
}
.btn-2:hover{
    color:#fff !important;
    background-color:rgb(247, 66, 66);
}
@media(min-width:1000px){
    .zuri-motto{
        max-width:680px !important;
        /* align-items:center;
        justify-content: center; */
        margin:0 auto;
    }
    .btn{
        display: flex;
        flex-direction: row;
        max-width:400px;
         justify-content: space-between;   
    }
    .btn a{
        padding:15px 20px; 
    }
    .bk-color{
       
        padding-bottom:180px;
    }
    .zuri-vision{
        margin-top:100px;
    }
    .main{
        display:flex;
        position: relative;
    }
   .main-contain-1{
    margin-left:40px;
   }
   .main-contain-2{
    margin-right: 20px;
    margin-left: 20px;
   }
    .main-contain-3{
        margin-right:40px;
    }
    
    .left-img,.right-img{
        display:flex !important;
        width:300px;
       z-index:-1;
    }
    .left-img{
        position:absolute;
        left:-20px;
        top: -70px;
    }
    .right-img{
        position:absolute;
        right:-15px;
        top: -70px;
    }
    .footer{
        display:flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .footer-3{
        margin-top:20px;
    }
    .footer-4{
        margin-top:25px;
        display: block;
    }
    .footer-4 h2{
        margin-bottom: 10px;
        font-size:18px;
    }
    .icon{
        width:20px;
    }
}
.left-img,.right-img{
    display:none;
}
.width-checker-1{
    padding:20px;
}
.zuri-vision{
    /* border:1px solid red; */
    text-align: center;
}
.zuri-vision h2{
    color:red;
    /* font-weight:bold; */
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: capitalize;
    padding:15px;
}
.zuri-vision P{
    line-height:40px;
    font-family: 'Roboto Condensed', sans-serif;
    color:rgb(49, 47, 47);
    /* font-weight: 900; */
    opacity:0.8;
    font-size:22px;
    text-transform: capitalize;
}
.main{
    /* border:1px solid red; */
    margin-top:50px;
    /* opacity:0.5; */
}
.main-contain-1,.main-contain-3,.main-contain-2{
    /* border:1px solid blue; */
    background-color:rgb(253, 239, 242,0.8);
    padding:0px 10px;
    margin-bottom:30px;
}
.ctn-1,.ctn-3,.ctn-2{
    /* border:1px solid green; */
    padding:20px 30px 80px 40px;
    margin:30px 0px 0px 0px;
}
.ctn-1 img, .ctn-2 img, .ctn-3 img{
    margin-bottom:20px;
}
.ctn-1 p, .ctn-2 p, .ctn-3 p{
    line-height:25px;
    font-family: 'Roboto Condensed', sans-serif;
    color:rgb(49, 47, 47);
    /* font-weight: 900; */
    opacity:0.8;
    font-size:18px;
    margin-bottom:20px;
}
.ctn-1 a, .ctn-2 a, .ctn-3 a{
    color:red;
    text-decoration: none;
    /* font-weight: 900; */
    font-size:18px;
    font-family: 'Roboto Condensed', sans-serif;
}
.footer{
    margin-top:100px;
    border:1px black;
    padding: 10px 15px;
    text-align:center;
    /* border-bottom: 1px solid rgba(12, 11, 11, 0.5); */
}
.footer-1{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:bold;
    text-transform: capitalize;
    font-size:30px;
    margin:30px;

}
.footer-2{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:bold;
    text-transform: capitalize;
    padding:15px;   
}
.footer-2 h2{
    margin-bottom:10px;
}
.footer-2 a{
    padding:0px;
    margin-bottom:15px;
    text-decoration:none;
    color:red;
    display:block;
}
.footer-3{
    font-family: 'Roboto Condensed', sans-serif;
    margin-bottom:20px;
}
.footer-3 h2, .footer-3 p{
    /* font-weight:bold; */
    padding:5px;   
}
.footer-4{
    font-family: 'Roboto Condensed', sans-serif;
    /* i dont know why this code no dey run */
    border-bottom: black;
}
.last{
    /* border:1px solid red; */
    text-align:center;
    padding:15px;
}
.last h2{
    margin-top:10px;
    font-size:18px;
    font-family: 'Roboto Condensed', sans-serif;
}