/* 
Theme Name: CAS BIZ Theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: CAS BIZ Child Theme, Created by CAS-BIZ
Author: CAS-BIZ
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
*/

/* Add your custom styles here */

body,
.row{
    padding: 0 !important;
	margin: 0 !important;
}
a:focus,
button:focus{
	outline:0 !important; 
}

h1.wp-block-heading ,
h2.wp-block-heading ,
h3.wp-block-heading ,
h4.wp-block-heading,
h5.wp-block-heading ,
h6.wp-block-heading {
   margin-bottom: 2rem;
	margin-top: 2rem;
}

.elementor-button span{
	text-decoration:none;
}

select{
	padding:0.5rem 1rem;
}

.section-header{
	font-size:38px;
	font-weight:700;
}

.container{
    max-width: 1320px !important;
	margin: auto !important;
}

.new-btn{
    background-color: #DB2777 !important;
    color: white !important;
	font-size:10px;
    padding: 5px 10px !important;
    border-radius: 20px !important;
    border: none !important;
}

.update-btn{
    background-color: #0977E9 !important;
    color: white !important;
	font-size:10px;
    padding: 5px 10px !important;
    border-radius: 20px !important;
    border: none !important;
}

.addon-btn{
    background-color: #0D9488;
    color: white;
	font-size:10px;
    padding: 5px 10px !important;
    border-radius: 20px !important;
    border: none !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	border-radius: 0 !important;
    background-color: rgb(83,183,0) !important;
    color: white !important;
	text-decoration: none !important;
}

.nav-pills .nav-link{
    color: black !important;
	width:100%;
}
/* .nav-pills .nav-link.pills-annual:hover{
	background-color: rgb(83,183,0) !important;
	color: white !important;
} */

.feature-list:hover{
    text-decoration: underline !important;
}

.pills-annual:hover{
    border: none !important;
	background:transparent !important;
	color: rgb(83,183,0) !important;
}
.pills-monthly:hover{
    border: none !important;
	background:transparent !important;
	color: rgb(83,183,0) !important;
}

.pills-annual{
/*     border-radius: 0 !important;
	border: none !important; */
	text-decoration: underline !important;
}
.pills-monthly{
/*     border-radius: 0 !important;
	border: none !important; */
	text-decoration: underline !important;
	font-size:14px !important;
}

.disclaimer{
	font-size: 13px;
	margin: 0px;
}

button.freedemo{
    padding: 0.5rem 1rem !important;
    border-radius: 3px !important;
}

button.FAOaddon{
    background-color: #0D9589 !important;
	padding: 0.5rem 1rem !important;
    border-radius: 3px !important;
	border: none !important;
    color: white !important;
}

button.FAaddon{
    background-color: #38BDF8 !important;
 	padding: 0.5rem 1rem !important;
    border-radius: 3px !important;
	border: none !important;
    color: white !important;
}

span.ltrText {
	unicode-bidi: bidi-override;
	direction: rtl;
}

.pricing{
	font-size:20px !important;
	font-weight: 600 !important;
}

.pt-100, .pb-100{
    padding-top: 100px !important;
}

.p-100{
    padding: 100px !important;
}

.py-100{
    padding: 100px 0 !important;
}

.p-50{
    padding: 50px !important;
}

.py-50{
    padding: 50px 0 !important;
}

.pb-50{
	padding-bottom:50px !important;
}

.pt-50{
	padding-top:50px !important;
}

.h-400{
    height: 450px !important;
}

.h-300{
    height: 350px !important;
}

.feature-tabs a{
	text-decoration:none !important;
}

.btn-features{
    border: 2px solid #53B700;
	padding: 15px 30px;
	text-wrap:nowrap;
	line-height:1.2rem;
}

.btn-features-active:hover,
.btn-features:hover{
    background-color: #53B700 !important; 
    color: white !important;
}

.btn-features-active{
    background-color: #53B700 !important;
    color: white !important;
}

.header-page .attachment-post-thumbnail{
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center center;
}

a button{
	border-radius:3px !important;
}

.modal-content{
	border:none !important;
	border-radius:10px !important;
}

.w-70{
	width:70%;
}

.w-30{
	width:30%;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
	.section-header{
		font-size:22px;
	}
	.w-sm-100{
		width:100% !important;
	}
}