/*

[Custom Stylesheet]

Project     :   ColorHost - Responsive HTML5 Web Hosting and WHMCS Template
Version     :   2.9
Author      :   ThemeLooks
Author URL  :   https://themeforest.net/user/themelooks


NOTE:
------
WRITE YOUR OWN CUSTOM CSS STYLES HERE.

*/

/*------------------------------------*\
    USER STYLES
\*------------------------------------*/

.whatsapp{
	user-select: none; 
    position: fixed;
	right: 0;
    top: 50%;
    margin-top: -10rem;
    padding: 1rem;
    line-height: 1rem;
	z-index: 10;
	color: #fff;
	font-weight: 700;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
    font-size: 0.875rem;
    background-color: #25d366;
	display: flex;
    animation: bounceInUp 2s linear;
}
    .whatsapp .text:after {
        content:"\000A";
        white-space: pre;
    }
	.whatsapp img{
		margin-right:0.625rem;
	}


@media (max-width: 768px) {
.whatsapp{
    right:0;
    padding:0.8rem;
    transform: none;
    margin-top:1rem;
}
    .whatsapp img {
        margin:0;
    }
    .whatsapp br{
        display:none
    }
    .whatsapp .phone{
        font-size: 0.66rem;
        display: none;
    }
    .whatsapp .text{
        font-size: 0.66rem;
        display: none;
    }
}
.social-support-page{
    background:#ee7d2b;
    color:#FFF;
    padding:3rem 1rem
}
    .social-support-page .container-fluid{
        max-width: 1440px;
    }
    .social-support-page .service-icon img{
        max-width:100%;
        height:18rem;
    }
    .social-support-page .serviceBox{
        color:#FFF;
        text-align: center;
        padding-bottom:1.6rem;
    }
    .social-support-page .serviceBox h3{
        font-weight: bold;
        font-size:2.2rem;
        line-height: 1.2;
        margin-bottom:3px;
        margin-top:1rem;
    }
    .social-support-page .serviceBox a{
        font-weight: bold;
        color: #fff !important;
    }
    .social-support-page .serviceBox p{
        line-height: 1.2;
        font-size:1.5rem;
    }
.bold-first-li > li,.panel-body > ul > li{
    font-weight: bold;
}
.panel-body > ul > li li{
    font-weight: normal;
}