/*Customize Floating Social Icons*/
.social-icons {
    width: 145px;
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 40%;
    right: 0%;
    z-index: 999;
}

    .social-icons a {
        text-decoration: none;
        padding: 3px;
        margin: 2px 0 2px 0;
        font-size: 14px;
        color: #fff !important;
        text-align: left;
        border-radius: 50px 0px 0px 50px;
        transform: translate(100px, 0px);
        transition: all 0.5s;
    }

        .social-icons a i {
            font-size: 16px;
        }

        .social-icons a:hover {
            transform: translate(0px, 0px);
        }

        .social-icons a i {
            background-color: #fff !important;
            color: #000 !important;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            margin-right: 25px;
            line-height: 35px;
            text-align: center;
            transition: all 0.8s;
        }

        .social-icons a:hover i {
            transform: rotateY(360deg);
        }

        .social-icons a i.fa-facebook-f {
            color: #1778f2 !important;
        }

        .social-icons a i.fa-twitter {
            color: #1da1f2 !important;
        }

        .social-icons a i.fa-youtube-play {
            color: #ff0000 !important;
        }

        .social-icons a i.fa-instagram {
            color: #d6249f !important;
        }

        .social-icons a i.fa-whatsapp {
            color: #25D366 !important;
        }

        .social-icons a i.fa-archive {
            color: #830e0e !important;
        }

.facebook {
    background-color: #1778f2 !important;
    color: #fff;
}

.youtube {
    background-color: #ff0000 !important;
    color: #fff;
}

.twitter {
    background-color: #1da1f2 !important;
    color: #fff;
}

.whatsapp {
    background-color: #25D366 !important;
    color: #fff;
}

.donation {
    background-color: #830e0e !important;
    color: #fff;
}

.instagram {
    background: #f09433;
    background: -moz-linear-gradient( 45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100% );
    background: -webkit-linear-gradient( 45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100% );
    background: linear-gradient( 45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100% );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

@media screen and (max-width: 768px) {
    /*Customize Floating Social Icons*/
    .social-icons a:hover {
        transform: translate(100px, 0px);
    }

        .social-icons a:hover i {
            transform: rotateY(360deg);
        }

    .top-social-icon {
        display: none;
    }

    .banner-text h3 {
        margin-top: 30px !important;
    }

        .banner-text h3 span {
            font-size: 14px !important;
        }
}