/**
Theme Name: Divine Supports
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: divine-supports
Template: astra
*/

.vc_column-inner{
padding-top:0px!important;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li, footer p, .ubtn-ctn-center, .ubtn-ctn-left, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
 margin-bottom: 0px!important;
}

html{
	scroll-behavior:smooth;
}

a{
	text-decoration:none!important;
}

:focus{
outline:0px!important;
}

.ast-title-bar-wrap{
	    background-size: contain!important;
    background-repeat: repeat!important;
}

.ubtn{
      background: #3D572C!important;
    color: #fff !important;
    border-radius: 0px !important;
    padding: 15px 30px!important;
    font-size: 18px!important;
    outline: 1px solid #ffffff85!important;
    outline-offset: -4px!important;
}

.ubtn-hover{
	background:#854A9C!important;
	 outline: 1px solid #ffffff85!important;
    outline-offset: -4px!important;
}

.white-btn .ubtn-hover, .gform_button:hover{
	background:#fff!important;
	outline-color:#854A9C!important;
}

.white-btn:hover .ubtn-text, .gform_button:hover {
	color:#854A9C!important;
}

.button{
	 outline: 1px solid #ffffff85!important;
    outline-offset: -4px!important;
}

footer .widget-title{
	    color: #fff;
    font-size: 30px;
    font-weight: 200;
    margin-bottom: 20px;
}

#media_image-3{
	margin-bottom:20px;
}

.footer-contact i{
	width: 35px;
    height: 35px;
    background: #854A9C;
    text-align: center;
    line-height: 35px;
    color: #ffffff;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: -3px;
    font-size: 15px;
}

.footer-contact p{
	        color: #fff;
    padding-left: 48px;
    position: relative;
    margin-bottom: 20px!important;
    min-height: 43px;
    font-size: 17px;
}

.footer-contact p a, footer .menu li a{
	color:#fff!important;
}

footer .menu li:before{
	content: '\f101';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: #854a9c;
    font-family: 'Font Awesome 5 Pro';
	
}

footer .menu li{
	   padding-left: 25px;
    position: relative;
    padding-bottom: 10px;
}

.trans-blocks .vc_row .wpb_column.vc_column_container .vc_column-inner > .wpb_wrapper{
	background: #fff;
    padding: 0px 20px 30px;
    text-align: center;
	height:100%;
	margin-bottom:20px;
}

.trans-blocks .vc_row .wpb_column.vc_column_container .vc_column-inner > .wpb_wrapper:hover i{
	background:#3D572C;
	transition:0.5s;
}

.trans-blocks .vc_row i{
	       width: 90px;
    height: 90px;
    line-height: 90px;
    color: #fff;
    background: #854A9C;
    border-radius: 100px;
    font-size: 35px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -45px;
	transition:0.5s;
}

.trans-blocks .vc_row p{
	    padding-top: 60px;
    font-size: 20px;
}

.stretchMe{
position: relative;
    width: 100vw !important;
    left: 50% !important;
    margin-left: -50vw !important;
}

.bullet-points li:before{
	    content: '\f35a';
    display: block;
    position: absolute;
    left: 0px;
    top: 2px;
    font-family: 'Font Awesome 5 Pro';
    color: #854A9C;
}

.white-bullet li:before{
	color:#fff;
}

.bullet-points ul{
	margin:0px;
}

.bullet-points li{
	    position: relative;
    list-style-type: none;
    padding-left: 34px;
    padding-bottom: 10px;
    color: #000;
}

.quote-left input[type=text], .quote-left input[type=email], .quote-left input[type=tel], .quote-left textarea{
    border: 0px;
    border-bottom: 1px solid #ccc;
    background: #fff;
    color: #000;
    font-size: 16px;
}

input[type=text], input[type=email], input[type=tel], textarea{
	    padding: 15px!important;
}

.gform_footer, .gform_confirmation_message{
    text-align:center;
}

.contact-right:before{
	content: '';
    display: block;
    background: #000000ad;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 25px;
}

.contact-right{
	position:relative;
}

.ast-container.ast-title-bar-align-center{
	    max-width: 100%;
    padding: 0;
}

.ast-advanced-headers-title{
	    display: inline-block;
    background: #854A9C;
    padding: 15px 30px;
    color: #fff;
    outline: 1px solid #ffffffa6;
    outline-offset: -10px;
}

#media_image-4 img{
	width:220px;
}

/* --------- Media Screen Css -------------- */

@media only screen and (max-width:767px){
	.trans-blocks .vc_row .wpb_column.vc_column_container .vc_column-inner > .wpb_wrapper{
		margin-bottom:65px!important;
	}
	
	.trans-blocks .last-trans .vc_column-inner > .wpb_wrapper{
		margin-bottom:25px!important;
	}
	
	.quote-right .vc_column-inner{
		border-bottom-left-radius:30px;
		border-bottom-right-radius:30px;
	}
	
	.quote-left .vc_column-inner{
		border-top-left-radius:30px;
		border-top-right-radius:30px;
	}
}

@media only screen and (min-width:768px){
	.clean-right{
	margin-top:60px;
}

.clean-left{
	margin-bottom: 60px;
}
	
	.quote-right .vc_column-inner{
		border-top-right-radius:30px;
		border-bottom-right-radius:30px;
	}
	
	.quote-left .vc_column-inner{
		border-top-left-radius:30px;
		border-bottom-left-radius:30px;
	}

}

@media only screen and (max-width:500px){
.info1 .aio-icon-title{
	font-size: 20px !important;
}
.footer-widget-area{
    text-align: left !important;
}
.ubtn-link {
	padding-left: 0px !important; 
}
}

@media only screen and (max-width:768px)  and (max-width: 1023px){
.footer-widget-area{
    text-align: left !important;
}
.ubtn-link {
	padding-left: 0px !important; 
}
}