html,body {margin: 0px; padding: 0px; font-family: 'Ubuntu', sans-serif;}
.container {max-width: 1280px; margin: 0 auto;}
.navbar-brand img {width: 29%;}
.top_banner_section {float: left; width: 100%; position: relative;}
.navbar-brand {

    float: left;
    width: 52%;
}
.nav-item {margin-left: 30px;}
.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: 18px;
    font-weight: var(--bs-nav-link-font-weight);
    color: #000;
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    font-weight: 600;
}
.navbar-nav .nav-link:hover {
    color: rgb(84 195 131);
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #000;
}
.why_choose_inner_section {
    float: left;
    width: 100%;
    margin-top: 52px;
    margin-bottom: 52px;
}

.btn_main {
    background-color: #62d577;
    width: 221px !important;
    text-align: center;
    font-size: 19px;
    text-decoration: none;
    color: #000;
    padding: 16px 16px;
    border-radius: 53px;
    margin-top: 23px;
    margin: 15px auto;
    text-align: center;
    display: block;
}

.banner_contant {
    position: absolute;
    top: 0;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}
.banner_contant h3 {
    color: #FFF;
    font-size: 44px;
    margin-bottom: 0px;
    /* text-transform: uppercase; */
    /* letter-spacing: 1px; */
    font-weight: 900;
}
.inner_right_why {
    float: left;
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.banner_contant a {
    background-color: #62d577;
    width: 221px;
    text-align: center;
    font-size: 19px;
    text-decoration: none;
    color: #000;
    padding: 10px 0px;
    border-radius: 53px;
    margin-top: 23px;
}

.why_choose_we_clean {
    float: left;
    width: 100%;
    
    border: 1px solid #ededed;
}
.title {
    font-size: 41px;
    color: #5e5e5e;
    text-transform: capitalize;
    padding-bottom: 60px;
    text-align: center;
    font-weight: 500;
    width: 100%;
}
.svg {
    width: 9%;
    filter: invert(1);
    margin-right: 14px;
}


header{    background-color: #4723d0 !important; float: left; width: 100%;}

.inner_right_why ul {
    list-style: none;
    padding: 0px;
    margin-bottom: 0;
}
.inner_right_why li {
    color: #5e5e5e;
    font-size: 20px;
    line-height: 87px;
}
.inner_right_why li img {
    width: 67px;
    margin-right: 17px;
}
.serives_section_inner {
    float: left;
    width: 100%;
    padding: 50px 0px;
    background-color: #dcf6ff;
}

.inverst_section {float: left; width: 100%; padding: 50px 0px; background-color: #0aa1cb;}
.inverst_section h2 {
    font-size: 35px;
    text-align: center;
    color: #fff;
}

.support_program {
    float: left;
    width: 100%;
    padding: 50px 0px;
    background-color: #dcf6ff;
}


footer {float: left; width: 100%; background-color: #262b35; padding: 50px 0px;}
.footer_box_section {float: left; width: 100%;}

.footer_logo {width: 50%; margin-bottom: 15px;}
.footer_box_section  p  {font-size: 16px; color: #FFF; }
.btn {
    background-color: #62d577;
    width: 129px;
    text-align: center;
    font-size: 19px;
    text-decoration: none;
    color: #000;
    padding: 7px 0px;
    border-radius: 5px;
    margin-top: 7px;
}
.btn:hover {background-color: #FFF; color: #000;}

.footer-title {
    color: #bec9e4;
    margin-bottom: 27px;
}

.footer_box_section ul {list-style: none; margin: 0px; padding: 0px;}
.footer_box_section ul li a {    color: #8890a4;text-decoration: none;
    transition: 0.3s;
    display: inline-block; 
    line-height: 1;
    font-family: 'Poppins', sans-serif;}
.footer_box_section ul li {
    line-height: 39px;
}


.margin_left {padding-left: 30%;}
.propostion_box {
    float: left;
    width: 100%;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
    padding: 30px;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #dfdfdf;
    margin-bottom: 36px;
}

.propostion_box h3 {
    margin-bottom: 0px;
    font-size: 30px;
    color: #0a6aa7;
}
.propostion_box img {margin-bottom: 15px;}

.navbar-brand img {
    width: 29%;
    float: left;
}
.navbar-nav {
    display: flex;
    justify-content: space-between;
    width: 64%;
    margin-top: -12px;
}


@media(max-width:768px){
    
    .copyright {
    display: block;
    align-items: center;
    float: right;
    justify-content: center;
    font-size: 15px;
    line-height: 15px;
    float: left;
    width: 100%;
    background: #3a4150;
    border-radius: 6px;
    padding: 11px;
    margin-bottom: 8px;
    position: relative;
    z-index: 999;
    text-align: center;
}
    
    .container {
    max-width: 680px;
    margin: 0 auto;
}
 .title {
    font-size: 30px;
    color: #5e5e5e;
    text-transform: capitalize;
    padding-bottom: 60px;
    text-align: center;
    font-weight: 500;
    width: 100%;
}   
   .propostion_box h3 {
    margin-bottom: 0px;
    font-size: 22px;
    color: #0a6aa7;
} 
.btn_main {
    background-color: #62d577;
    width: 204px !important;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    padding: 11px 11px;
    border-radius: 53px;
    margin-top: 23px;
    margin: 15px auto;
    text-align: center;
    display: block;
    margin-bottom: 0;
}



}


@media(max-width:600px){
    
    .container {
    max-width: 570px;
    margin: 0 auto;
}
    .title {
        font-size: 27px;
        color: #5e5e5e;
        text-transform: capitalize;
        padding-bottom: 45px;
        text-align: center;
        font-weight: 500;
        width: 100%;
    }
  
   .propostion_box h3 {
    margin-bottom: 0px;
    font-size: 22px;
    color: #0a6aa7;
} 
.btn_main {
    background-color: #62d577;
    width: 204px !important;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    padding: 11px 11px;
    border-radius: 53px;
    margin-top: 23px;
    margin: 15px auto;
    text-align: center;
    display: block;
    margin-bottom: 0;
}



}



@media(max-width:480px){
    
    .propostion_box h4 {font-size:19px;}
    
    
    .container {
    max-width: 440px;
    margin: 0 auto;
}
    .title {
        font-size: 24px;
        color: #5e5e5e;
        text-transform: capitalize;
        padding-bottom: 45px;
        text-align: center;
        font-weight: 500;
        width: 100%;
    }

  
   .propostion_box h3 {
    margin-bottom: 0px;
    font-size: 22px;
    color: #0a6aa7;
} 
.btn_main {
    background-color: #62d577;
    width: 204px !important;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    padding: 11px 11px;
    border-radius: 53px;
    margin-top: 23px;
    margin: 15px auto;
    text-align: center;
    display: block;
    margin-bottom: 0;
}

.propostion_box h3 {
    margin-bottom: 0px;
    font-size: 19px;
    color: #0a6aa7;
}

}

@media(max-width:414px){
    
    .container {
    max-width: 400px;
    margin: 0 auto;
}
       .title {
        font-size: 21px;
        color: #5e5e5e;
        text-transform: capitalize;
        padding-bottom: 45px;
        text-align: center;
        font-weight: 500;
        width: 100%;
    }

  
   .propostion_box h3 {
    margin-bottom: 0px;
    font-size: 22px;
    color: #0a6aa7;
} 
.btn_main {
    background-color: #62d577;
    width: 204px !important;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    padding: 11px 11px;
    border-radius: 53px;
    margin-top: 23px;
    margin: 15px auto;
    text-align: center;
    display: block;
    margin-bottom: 0;
}

.propostion_box h3 {
    margin-bottom: 0px;
    font-size: 19px;
    color: #0a6aa7;
}
#footer .footer-top a {
    color: #8890a4;
    padding: 0px 0px;
    text-decoration: none;
}
}


@media(max-width:375px){
    
    .container {
    max-width: 340px;
    margin: 0 auto;
}
       .title {
        font-size: 21px;
        color: #5e5e5e;
        text-transform: capitalize;
        padding-bottom: 45px;
        text-align: center;
        font-weight: 500;
        width: 100%;
    }

  
   .propostion_box h3 {
    margin-bottom: 0px;
    font-size: 22px;
    color: #0a6aa7;
} 
.btn_main {
    background-color: #62d577;
    width: 204px !important;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    padding: 11px 11px;
    border-radius: 53px;
    margin-top: 23px;
    margin: 15px auto;
    text-align: center;
    display: block;
    margin-bottom: 0;
}

.propostion_box h3 {
    margin-bottom: 0px;
    font-size: 19px;
    color: #0a6aa7;
}
#footer .footer-top a {
    color: #8890a4;
    padding: 0px 0px;
    text-decoration: none;
}
}


@media(max-width:360px){
    
    .container {
    max-width: 340px;
    margin: 0 auto;
}
       .title {
        font-size: 21px;
        color: #5e5e5e;
        text-transform: capitalize;
        padding-bottom: 45px;
        text-align: center;
        font-weight: 500;
        width: 100%;
    }

  
   .propostion_box h3 {
    margin-bottom: 0px;
    font-size: 22px;
    color: #0a6aa7;
} 
.btn_main {
    background-color: #62d577;
    width: 204px !important;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    padding: 11px 11px;
    border-radius: 53px;
    margin-top: 23px;
    margin: 15px auto;
    text-align: center;
    display: block;
    margin-bottom: 0;
}

.propostion_box h3 {
    margin-bottom: 0px;
    font-size: 19px;
    color: #0a6aa7;
}
#footer .footer-top a {
    color: #8890a4;
    padding: 0px 0px;
    text-decoration: none;
}
}