*{
    box-sizing:border-box;
}
a{
    text-decoration: none;;
}
body{
    font-family: "Dosis", sans-serif;
    margin:0px;
    padding:0px;
    font-size:18px;
    color:gray;
}
footer{
    background:#b9d2f7;
    color:white;
    padding:20px;
    text-align: center;
}
h1, h2, h3, h4, h5, h6{
    color:#3e4094;
}
img{
    max-width: 100%;;
}
table{
    border:1px solid #3e4094;
    width:100%;
    background:#f0f0f0;
}
table tr{
    border:1px solid #3e4094;
    text-align: center;
    padding:5px;
    background-color: #fbfbfb;
}
table th{
    background:#b9d2f7;
    color:white;
    text-align: center;
    color:#3e4094;
}
table td{
    padding:5px;
}
.about{
    background-image: url('../images/about-bg.png');
    background-position: center center;
    background-size: cover;
    padding:30px 0;
}
.about__in{
    align-items: center;
    display:flex;
    justify-content: center;;
}
.about__in h2{
    font-size:35px;
}
.about__in section{
    padding:2%;
    width:50%;
}
.about__in img{
    max-width:100%;
}
.banner{
    align-items: center;
    background-image: url('../images/hero.jpg');
    background-position: center center;
    background-size: cover;
    display: flex;
    height: 600px;
    justify-content:center;
    text-align: center;
}
.banner h1{
    font-size: 45px;
}
.banner p{
    font-size:25px;
    padding-bottom:20px;
}
.banner__in {
    text-align: center;
}


.banner__in div ul{
    display: flex;
    list-style: none;
    justify-content: center;
    padding: 0;

}
.banner__in div ul li{
    max-width:30px;
    margin: 0 1%;

}
.banner__in div ul li img{
    width:100%;

}
.banner__in div a {
    display: block;
    max-width: 30px;
}

.box{
    margin-left:auto;
    margin-right:auto;
    max-width:1600px;
    padding:0 5%;
    width: 100%;
}
.box25{
    width:40%;
}
.box75{
    width:60%;
}
.colapse{
    overflow: auto;
    height:0px;
}
.donor{
    background:#b9d2f7;
    padding:30px 0;
}
.donor__ovum{
    display:flex;
    flex-wrap:wrap;
}
.donor__in h2 , .donor__ovum h2{
    text-align: center;
    font-size:35px;
    width:100%;
}
.donor__ovum h3{
    text-align: center;
}
.donor__ovum section{
    padding:5%;
    width:50%;
}
.donor__ovum section img{
    max-width:120px;
    display: block;
    margin: 0 auto;
}
.donorInfo{
    margin-bottom:20px;
    margin-top:20px;
    font-size:18px;
}
.donorInfo strong{
    color: #3e4094;
}
.donorInfo__main{
    display:flex;
    align-items: flex-start;
    justify-content: center;
}
.donorInfo__main--info{
    padding:20px 50px;
}
.donorInfo__main--img{
    max-width:280px;
    width:100%;
}
.donorInfo__second--content h2{
    text-align: center;
    color:white;
    background-color: #b9d2f7;
    border-radius:10px;
    width:100%;
    padding:10px;
    background-image:url('../images/down.svg'); 
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    background-size:2%;
    cursor:pointer;
}

.headerIn{
    background:#b9d2f7;
    padding:20px;
}
.headerIn img{
    display: block;
    max-width:250px;
    margin:0 auto;
}
.hi h1{
    text-align: center;
}
.hide{
    display:none;
}
.information__instructions ul{
    display: flex;
    list-style: none;
    align-items:flex-start;
    justify-content:center;
}
.information__instructions li{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:3%;
    max-width:20%;
}
.information__instructions li p{
    width:100%;
}
.information__instructions span{
    border:1px solid #3e4094;
    background:#3e4094;
    color:white;
    padding-top:12px;
    border-radius:50%;
    text-align: center;
    display:block;
    width:50px;
    height:50px;
}
.noCenter{
    text-align: left !important;
}
.open{
    right:0% !important;
}
.pagination{
    display:block;
    margin:10px auto;
    max-width:300px;
}
.pagination a{
    display: flex;
    height:100%;
    width:100%;
    justify-content: center;
    align-items: center;
}
.pagination ul{
    list-style: none;
    display:flex;
}
.pagination ul li{
    width:30px;
    height:30px;
    padding:0px;
    border-radius: 50%;
    border:2px solid #3e4094;
    background-color: #b9d2f7;
    color: #3e4094;
    text-align: center;
    margin: 0 10px;
    font-size:12px;
    font-weight: 500;
}
.pagination .active{
    background-color: #3e4094;
}
.pagination .active a{
    color:white;
}
.people a:hover > img{
    scale: 1.1;
    transition:.3s all;
    opacity:1;
}
.people ul{
    display:flex;
    flex-wrap:wrap;
    list-style: none;
    justify-content: center;
}
.people ul li{
    width:23%;
    margin:1%;
    max-width:320px;
    overflow: hidden;
    border-radius:10px;
}
.people img{
    scale: 1;
    width:100%;
    transition:.3s all;
    opacity:.9;
}
.sidemenu{
    position:fixed;
    width:100%;
    height:100%;
    background:black;
    max-width:350px;
    top:0px;
    right:-100%;
    background: #3e4094;
    padding:20px;
    color:white;
    transition:.4s all;
}
.sidemenu input[type="number"]{
    border-radius:10px;
    padding:10px;
    width:70%;
}
.sidemenu input[type="submit"]{
    background:#b9d2f7;
    color:white;
    padding:10px;
    color:#3e4094 ;
    cursor:pointer;
    border-radius:10px;
    border:none;
}
.sidemenu h3{
    color:white;
    text-align: center;
}
.sidemenu__close{
    width:30px;
    cursor:pointer;
    margin-right:0px;
    float: right;
}
.subt{
    background: #f2f2f2;
    color: #3e4094;
    padding:5px;
}
.subrogacy{
    padding:30px 0;
    padding-bottom:0px;
}
.subrogacy h2{
    font-size:35px;
}
.subrogacy__in{
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

}
@media screen and (max-width: 600px) {
    .about__in{
        flex-wrap:wrap;
    }
    .about__in section{
        width: 100%;
    }
    .banner__in{
        display:block;
    }
    .banner__in div {
        display: block;
        margin: 10px auto;
    }
    .box75 {
    
        width: 100%;
    }
    .box25 {
        display: none;
    }
    .donor__ovum section {
        width: 100%;
    }
    .donorInfo__main{
        flex-wrap:wrap;

    }
    .donorInfo__main--info{
        width:100%;
        padding:0px;
    }
    
    .sidemenu{
        max-width: 600px;
    }
    .subrogacy{
        background:url('../images/woman2.png');
        background-position: left bottom;
        background-repeat:no-repeat;
    }
    
}