.topbar {
    background: #39d4ff;
    background: #0c3c7c;
}

.topbar__info::after {
    background: linear-gradient(270deg, #fff 4.55%, rgba(255, 255, 255, 0.9) 100%);
}


.topbar__contact li {
    color: #fff;
}

.topbar__info li a:hover,
.topbar__pages li a:hover,
.topbar__contact li a:hover {
    color: #dddddd;
}

:root {
    --truehelp-base: #0c3c7c;
    --truehelp-primary: #39d4ff;
}

.main-header__link::after {
    border: 0;
}

.main-slider-two__bg__shape-2 {
    background: radial-gradient(50% 50% at 50% 50%, rgba(110, 132, 254, 0.19) 0%, rgba(255, 255, 255, 0) 100%);
}

.support-categories__card__title {
    font-size: 30px;
    line-height: 40px;
}

.support-categories__card__text {
    color: #000;
}

.support-categories__card {
    padding-left: 15px;
    padding-right: 15px;
}


.main-footer {
    background-color: #fff;
}

.main-slider-two__carousel.owl-carousel .owl-nav button
{
    margin-right: 30px !important;
}


#cprs p,
#cprs ul li
{
    text-align: left;
    font-size: 20px;
    color: #000;
   
}
#cprs p
{
 margin-top: 20px;
}

.projectimages .col-md-3 img,
.projectimages .col-md-4 img 
{
    width: 100%;
    margin-bottom: 30px;
}
.projectp
{
    margin-top: 10%;
    padding-top: 20px;
}

#cyber p,
#laptop p 
{
    font-size: 20px;
    color: #000;
    text-align: left;
    margin-top: 20px;
    padding-left: 2%;
}

#annie
{
    padding-top: 40px;
}

.donate-one.toper 
{
    padding-top: 40px;
}

#annie p 
{
    color: #000;
    text-align: left;
    font-size: 20px;
    margin-top: 40px;
}

#volunteer
{
    padding-top: 3%;
}

.owl-carousel .owl-item img
{
    min-height: 500px;
}

.addtop20
{
    padding-top: 40px;
}

#rotractinteract .rotars
{
    padding-top: 3%;
    text-align: left;
    padding-left: 3%;
}

#rotractinteract .rotars p 
{
    color: #000;
    font-size: 20px;
}

#rotractinteract .rotars img 
{
    width: 40%;
    padding-top: 3%;
    padding-bottom: 3%;
}

#rotractinteract .rotars ul li 
{
    color: #000;
}

.sampi
{
    padding-top: 4%;
    padding-bottom: 4%;
}
.sampi p 
{
    color: #000;
    padding-top: 10px;
    padding-left: 10%;
    text-align: left;
    font-size: 25px;
}


@media (max-width: 800px) {
    .main-header .container-fluid {
        padding: 0;
    }

    .main-header__inner {
        padding: 9px 0;
    }

    .main-header__logo {
        margin-left: 22%;
    }

    .logo-box img {
        background: #fff;
        padding: 10px;
    }

    .main-slider-two__item {
        padding-top: 30px;
        padding-bottom: 100px;
    }

    .main-footer {
        padding-top: 10px;
        padding-left: 0%;
    }

    .main-footer .main-footer__top .container .row>.col-xl-4:nth-of-type(1),
    .main-footer .main-footer__top .container .row>.col-xl-4:nth-of-type(2) {
        width: 50%;
    }

    .main-footer .main-footer__top .container .row>.col-xl-4:nth-of-type(2) {
        margin-top: 15%;
    }

    .main-footer .main-footer__top .container .row>.col-xl-4:nth-of-type(3) {
        padding-left: 25%;
    }

    .main-footer .main-footer__shape-1 {
        display: none;
    }
    .main-slider-two__carousel.owl-carousel .owl-nav button
        {
            margin-right: 20px !important;
        }
}