.row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
}

.card {
    background: #9cc5cd;
    
    border-radius: 20px;
    margin: 15px;
}

.col-md-4 {
    width: 23%;
    background: #9cc5cd;
    margin: 7px;
    border-radius: 20px;
    padding: 19px;
}

.heading{
    text-align: center;
}
.col-md-4 .card p{
    text-align: center;
    width: 100%;
    font-size: 14px !important;
    margin: 0 !important;
}

.col-md-4 .card  a{
    text-align: center;
    width: 100%;
    font-size: 14px !important;
    margin: 0 !important;
    padding: 0;
}


.col-md-4 .card img{
    text-align: center;
    width: 40%;
}
div#message {
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 20px;
    border: none;
    background: #00b000;
    }
    div#error {
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 20px;
    border: none;
    background: red;
    }
    .submit_button {
    color: #ffffff !important;
    background-color: #060724 !important;
    padding:10px 30px;
    }
    img.footer_logo {
        width: 100%;
    }
    #footer{
        background-color: #060724;
    }

    .col-md-5 {
        width: 33.33%;
    }
    .heading_footer{
        text-align: center;
        font-size: 20px;
        color: white;
    }
    .heading_footer a{
        
        color: white;
    }
    #footer .row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }
    p.copy_right {
        color: white;
    }
    .col-md-6{
        width: 50%;
    }
    .header_logo{
        width: 40%;
    }
    #header{
        background-color: #060724;
        padding: 0px 10%;
    }
    #header .row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }
    #header_infdo {
        float: right;
        margin: 0px;
        padding: 31px 30px;
    }
    #header_infdo li {
        list-style: none;
        margin: 10px 0px;
    }
    #header_infdo li a.btn {
        background: #cde4e8;
        color: #060724;
        padding: 10px 20px;
        border-radius: 40px;
    }
    #btn {
        display: flex;
        align-items: center;
        column-gap: 10px;
    } .u-header .u-menu-1{
        margin: 0 auto!important;
    }
    section#about .row {
        align-items: center;
    }
    section#about h2 {
        text-align: center;
        padding: 0px 30px;
    }
    section#about {
        margin: 0 auto;
        padding: 90px 250px;
    }
    section#about  p{
        margin: 0px;
    }
    section#about img {
        border-radius: 30px;
        width: 90%;
        margin: 10px;
        padding: 10px;
        box-shadow: 4px 4px 8px -2px #060723;
    }

    section#about_two {
        margin: 0 auto;
        padding: 90px 250px;
    }
    section#about_two .row{
        align-items: center;
    }
    section#about_two .section_imag{
        width: 90% !important;
        border-radius: 30px;
        margin: 10px;
        padding: 10px;
        box-shadow: 4px 4px 8px -2px #060723;
    }
    section#about_two .col-md-6 .row {
        align-items:center;
        column-gap: 6px;
    }
    section#about_two .col-md-6 img {
       width:auto;
    }
    
    section#about_two .col-md-6 .row .col-md-3 {
        background:#8dbcc5;
        text-align:center !important;
        padding:20px 15px !important;
        border-radius:30px;
    }
    section#about_two .col-md-6 .row .col-md-3 .u-text{
        text-align:center !important;
        display:inline-block !important;
        margin:0px !important;
    }
    .col-md-3{
        width:25%;
    }
    .col-md-9{
        width:70%;
    }
    section#about_three {
        margin: 0 auto;
        padding: 90px 250px;
        text-align: center;
        background-image: linear-gradient(#f2f8f9, #f2f8f9);
    }
    a.btn_about {
        background: #060723;
        padding: 20px 60px;
        color: white;
        border-radius: 110px;
        text-align: center;
    }


@media (max-width:800px){
    section#about img {
        border-radius: 30px;
        width: 100%;
        margin-bottom: 10px !important;
        margin: 0;
        padding: 10px;
        box-shadow: 4px 4px 8px -2px #060723;
    }
    a.btn_about {
        background: #060723;
        padding: 20px 28px;
        color: white;
        border-radius: 110px;
        text-align: center;
        display: block;
    }
    section#about_three .row {
        row-gap: 20px;
    }
    section#about_three {
        padding: 50px 24px;
    }
    section#about_three .row {
        justify-content: center;
    }
    section#about {
        padding: 50px 24px;
    }
    section#about_two {
        padding: 50px 24px;
    }
    .col-md-3 {
        width: 100%;
    }
    .col-md-9 {
        width: 100%;
    }
    section#about_two .section_imag{
        width: 100% !important;
        margin: 0;
    }
    .row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-around;
    }
    .col-md-4 {
        width: 100%;
    }
    .u-section-8 .u-container-layout-1{
        padding: 0px;
    }
    .u-image.u-logo img {
        display: block;
        width: 100%;
        height: 100%;
    }
    a.u-active-palette-1-light-3.u-border-1.u-border-active-custom-color-3.u-border-hover-palette-1-base.u-border-palette-1-base.u-btn.u-btn-round.u-button-style.u-custom-color-3.u-hover-palette-1-light-2.u-radius-12.u-text-active-custom-color-1.u-text-hover-white.u-btn-1 {
        font-size: 13px;
    }
    header#sec-2830 {
        padding: 20px;
    }
    #footer .row {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
    }
    .col-md-5 {
        width: 100%;
    }
    #header {
        padding: 15px 0px;
    }
    
    #header .row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }
    .col-md-6{
        width: 100%;
    }
    #header_infdo {
        float: unset;
        margin: 0px auto;
        display: table;
        padding: 0px;
    }
    .u-header .u-menu-1{
        margin: 0 !important;
    }
}