/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 
body{
    background-color: #fff;
}
.cmt-15{
    margin-top: 15px;
}
.cmt-20{
    margin-top: 20px;
}
.cursor-pointer {
    cursor: pointer;
}
.background-primary{
    background-color: #3D23FF;
}
.background-light{
    background-color: #F6F6F6;
}
.border-rounded-20{
    border-radius: 20px;
}
.border-rounded-10{
    border-radius: 10px;
}
.cbtn {
    font-family: var(--font-family-primary);
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.cbtn-primary{
    color: #fff !important;
    background-color: #2F2F2F !important;
    border-color: #2F2F2F !important;
}
.cbtn-white{
    color: #2F2F2F;
    background-color: #fff;
    border-color: #fff;
}
.cbtn-primary-o{
    color: #2F2F2F;
    background-color: transparent;
    border-color: #2F2F2F;
}
.cbtn-rounded {
    border-radius: 50px;
}
.gradient-bg-primary{
    background-image: url('./assets/images/backgrounds/gradient-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.border-gradient-primary{
    border-image: linear-gradient(90deg, #E11BCA, #5601FC) 1 !important;
}
.border-gradient-primary-rounded::before{
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 10px;
    background: linear-gradient(90deg, #E11BCA, #5601FC) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.border-gradient-primary-rounded{
    position: relative;
    border: none;
    padding: 0px;
    border-radius: 10px;
}
.border-2{
    border: 1px solid;
}
.fl-page-nav-collapse.collapse.navbar-collapse ul li.menu-item a {
    font-family: var(--font-family-primary-semibold) !important;
    font-size: 20px;
    color: #000000;
}
.fl-page-header-container.container {
    width: 1320px;
}
.fl-page-nav-right .fl-page-header-wrap{
    border: unset;
}
.custom-contact-form input[type=text], .custom-contact-form input[type=password], .custom-contact-form input[type=email], .custom-contact-form input[type=tel], .custom-contact-form input[type=date], .custom-contact-form input[type=month], .custom-contact-form input[type=week], .custom-contact-form input[type=time], .custom-contact-form input[type=number], .custom-contact-form input[type=search], .custom-contact-form input[type=url], .custom-contact-form textarea{
    font-size: 18px !important;
}
.custom-contact-form button, .custom-contact-form input[type=button], .custom-contact-form input[type=submit]{
    color: #fff;
    background-color: #2F2F2F;
    border-color: #2F2F2F;
    border-radius: 50px;
    padding: 10px 65px;
    font-size: 18px
}
.background-gradient-primary{
    background: -webkit-linear-gradient( 180deg, #D827FF, #3D23FF);
}

.background-gradient-secondary{
    background: -webkit-linear-gradient( 180deg, #FBEBFF, #EEECFF);
}
button.cbtn.cbtn-primary:hover{
    background-color: #2F2F2F;
    color: #fff;
    border: 1px solid #2F2F2F;
    text-decoration: none;
}
button.cbtn.cbtn-primary-o:hover{
    background-color: #fff;
    color: #2F2F2F;
    border: 1px solid #2F2F2F;
    text-decoration: none;
}
button.cbtn.cbtn-white:hover{
    color: #2F2F2F;
    background-color: #fff;
    border-color: #fff;
}


.accordion-gradient-primary  .fl-accordion-button-label {
    font-size: 30px;
    color: #060606;
    font-family: var(--font-family-primary-bold);
}
.accordion-gradient-primary  .fl-accordion-button-label:hover, .fl-accordion-button-label:focus, .fl-accordion-button-label:active{
    color: #060606;
}
.accordion-gradient-primary .fl-accordion-content{
    color: #4E4E4E;
    font-family: var(--font-family-primary);
     font-size: 20px;
}
.accordion-gradient-primary .fl-accordion-button-icon i {
    color: #4C4E50;
    font-size: 25px;
}
.accordion-gradient-primary .fl-accordion-item-active .fl-accordion-button {
    border-image: linear-gradient(90deg, #D827FF, #3D23FF) 1 !important;
    border-bottom-width: 2px !important;
    border: 1px solid transparent;
    border-top: none;
    border-left: none;
    border-right: none;
}
.accordion-gradient-primary .fl-accordion-small .fl-accordion-button {
    padding: 15px 25px;
}
.accordion-gradient-primary .fl-accordion-small .fl-accordion-content {
    padding: 25px 25px 10px 25px;
}
.accordion-gradient-primary .fl-accordion-item-active.fl-accordion-item {
    background: linear-gradient(90deg, #FBEBFF, #EEECFF) !important;
}
.accordion-gradient-primary .fl-accordion-item::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 15px;
    padding: 2px;
    background: linear-gradient(90deg, #D827FF, #3D23FF) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.accordion-gradient-primary .fl-accordion-item {
    position: relative;
    border: none;
    padding: 0px;
    border-radius: 15px;
}

.header-bg {
    background-image: url('./assets/images/backgrounds/home-main-banner-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
}

.gradient-bg-light-primary{
    background-image: linear-gradient(180deg, #EEECFF 0%, #FBEBFF 100%);
}

.hover-bg-gradient-primary:hover{
    background: -webkit-linear-gradient( 180deg, #D827FF, #3D23FF);
    border: none;
}

.show-on-hover{
    display: none;
}
.hover-bg-gradient-primary:hover .show-on-hover{
    display: block;
}
.hover-bg-gradient-primary:hover .hide-on-hover{
    display: none;
}
.hover-bg-gradient-primary:hover .white-on-hover{
    color: #fff !important;
}
.fl-page-nav-right .fl-page-nav-collapse{
    justify-content: space-between !important;
}

.fl-page-nav-collapse.collapse.navbar-collapse:not(.fl-nav-offcanvas-collapse) ul li.login-btn.menu-item > a.nav-link {
    border-radius: 50px;
    padding: 10px 25px !important;
    border: 1px solid #2F2F2F;
    text-transform: uppercase;
    color: #2F2F2F;
}

.fl-page-nav-collapse.collapse.navbar-collapse:not(.fl-nav-offcanvas-collapse) ul li.signup-btn.menu-item > a.nav-link {
    background: #2F2F2F;
    border-radius: 50px;
    padding: 10px 25px !important;
    color: #ffffff !important;
    margin-left: 15px;
}
.breadcrumps a{
    text-decoration: none;
}
.breadcrumps a:hover{
    text-decoration: none;
    color: var(--text-color-primary);
}
.blog-sidebar-wrapper {
    border-radius: 10px;
    box-shadow: 0px 0px 5px 0px #e3e3e3;
    padding: 20px 15px;
    min-height: 350px;
}
.fl-page-header-container{
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.card-author-info > img {
    border-radius: 50px;
}
/* .navbar-collapse.fl-nav-offcanvas-collapse li.signup-btn.menu-item > a.nav-link, 
.navbar-collapse.fl-nav-offcanvas-collapse li.login-btn.menu-item > a.nav-link{
    background: unset;
    border-radius: unset;
    padding: inherit;
    color: #2F2F2F;
    border: none;
    margin-left: inherit;
} */