/*==================================================================================
    Custom Stylesheet (Any custom styling you want to apply should be defined here).
====================================================================================*/

.single-price-body>span {
	margin-top:1.2rem;
    font-size: 35px;
    font-weight: 600;
    color: #222;
    text-align:left;
	justify-content: space-around;
}
.single-price-plan .price-title {
    background: #36324a;
    padding: 15px;
    border-radius: 10px;
    text-align:left;
    color: #FFF;
	text-align: center;
    font-size: 22px;
	font-weight: bold;
}

.single-price-plan .product-body{
    background: #fff;
    border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    position: relative;
    padding: 30px;
}
.single-price-plan:hover {
    padding: 85px 0 80px;
}
.single-price-plan{
  margin-bottom:0px;
  border:none;
}
.single-price-body .btn,.blog-btn{
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius:.25rem;
}
.blog-btn{
  color: #6ac378;
  border-color: #6ac378;
}
.blog-btn:before {
    background: #36324a;
}
.blog-btn:hover {
    border-color: #36324a;
    background: #36324a;
}
.search-form input{
  border-radius:0px !important;
	    height: 70px !important;
}
.search-form button{
  border-radius:0px !important;
height: 55px !important;
}
.user-interact-inner .btn-outline-info, .user-interact-inner .btn-info {
	color: #6ac376;
}
.user-interact-inner .btn-outline-info:hover{
	border-color:  #6ac376;
	background:  #6ac376;
}
.user-interact-inner .btn-outline-info:before{
	background:  #6ac376;
}
.buttons{
	margin-top:10px;
	display:flex;
	justify-content: space-between;
}
.btn-sc{
	padding: 5px 15px;
			width: 50px;
	font-size:20px;
}
.btn-sc i{
	display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 30px;
}
.btn-twitter{
	border-color:  #00d4ff;
	background:  #fff;
}
.btn-twitter i{
	color:#00d4ff;
}
.btn.btn-twitter:hover i{
	color:#fff !important;
}
.btn.btn-twitter:hover, .btn.btn-twitter:before{
	border-color:  #00d4ff;
	background:  #00d4ff;
}

.btn-facebook{
	border-color:  #4267B2;
	background:  #fff;
}
.btn-facebook i{
	color:#4267B2;
}
.btn.btn-facebook:hover i{
	color:#fff !important;
}
.btn.btn-facebook:hover, .btn.btn-facebook:before{
	border-color:  #4267B2;
	background: #4267B2;
}

.btn-telegram{
	border-color:  #0088CC;
	background:  #fff;
}
.btn-telegram i{
	color:#0088CC;
}
.btn.btn-telegram:hover i{
	color:#fff !important;
}
.btn.btn-telegram:hover, .btn.btn-telegram:before{
	border-color:  #0088CC;
	background: #0088CC;
}

.btn-whatsapp{
	border-color:  #00c754;
	background:  #fff;
}
.btn-whatsapp i{
	color:#00c754;
}
.btn.btn-whatsapp:hover i{
	color:#fff !important;
}
.btn.btn-whatsapp:hover, .btn.btn-whatsapp:before{
	border-color:  #00c754;
	background: #00c754;
}

@media screen and (max-width:768px)
{
	.user-interact-inner{
	  margin-top: 15px;
	}
	.buttons{
    justify-content: center;
	}
	.buttons .btn-outline-info{
		padding: 2px 5px !important;
font-size: 10px;
height: 31px;
width: 150px;
border-radius: 0px;
	}
	.buttons .icons{
		text-align:center;
		display: flex;
	}
	.btn-sc{
		padding: 2px 5px;
    width: 38px;
		border-radius: 0px;
    font-size: 14px;
    height: 31px;
	}
	.btn-sc i{
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 20px;
	}
}