h1.text-color-light.font-weight-extra-bold.text-12.mb-3.appear-animation.animated.blurIn.appear-animation-visible {
    background: linear-gradient(180deg, #FF4E60 0%, #FFA92D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
   
}
.workshop-title h5{
    padding: 10px 30px;
    font-weight: 700;
    color: white;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    margin-bottom: -3px;
    border: 3px solid #43e812;
    width: auto;
    max-width: 192px;
    background-color: #43e812;
}
a.btn.btn-modern.btn-dark.btn-arrow-effect-1.w-100 {

    border-radius: 25px 8px 8px 0px !important;
    background-image: linear-gradient(#43e812, #c9e812);
    font-weight: 800;
    font-size: 12px;
    border: none;
}
a.btn.btn-modern.btn-dark.btn-arrow-effect-1 {

    border-radius: 25px 8px 8px 0px !important;
    background-image: linear-gradient(#43e812, #c9e812);
    font-weight: 800;
    font-size: 12px;
    border: none;
}
.align-middle {
    margin-bottom: -12px;
}
.form-style-3 .form-control {
    background-color: #F2FFE8;
    border: 2px solid #43e812;
    color: #43e812;
    font-weight: 600;
}

.custom-form-home{
    border-style: solid;
    border-color: #43e812;
    border-top-left-radius: 0px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: #f2ffe8;
}
.process.process-shapes .process-step-circle .process-step-circle-content, .process.process-shapes .process-step-circle:before, .process.process-shapes .process-step-circle:after {
    background-color: #2ecc00;
}
h6.mb-1.font-weight-bold {
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    background: linear-gradient(180deg, #39E913 0%, #A9DE08 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.process.process-shapes .process-step-circle .process-step-circle-content {
    width: 30px;
    height: 30px;
    font-size: 15px;
}
img.img-fluid.position-relative.appear-animation.mb-2.animated.expandIn.appear-animation-visible {
    top: -160px;
    left: 133px;
}
h2.text-color-dark.text-6.mb-2 {
    font-weight: 600;
    line-height: 1.2;
}
html .list-primary.list-icons li > [class*="fa-"]:first-child, html .list-primary.list-icons li a:first-child > [class*="fa-"]:first-child, html .list-primary.list-icons li > .icons:first-child, html .list-primary.list-icons li a:first-child > .icons:first-child {
    color: #43e812 !important;
}
.section-custom {
border-color: #0077b3 !important;
    background-color: #e5e5f7;
    opacity: 0.8;
    background-image: radial-gradient(#51e812 0.5px, #f9f9f9 0.5px);
    background-size: 10px 10px;
}
.counters strong {
    font-weight: 900 !important;
    font-size: 28px !important;
    line-height: 34px !important;
}
html .counters .counter-primary [class*="fa-"], html .counters .counter-primary .icons, html .counters .counter-primary strong {
    color: #000000 !important;
}
.hcustom {
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 27px;
    color: #A3A3A3;
    margin: 0 0 14px 0;
}
.card-img-top-circle{
    box-sizing: border-box;
position: absolute;
width: 62px;
height: 62px;
border: 5px solid #FAFAFA;
border-radius: 20px;
}
.customhr {
    background: rgba(0, 0, 0, 0.06);
    border: 0;
    height: 4px !important;
    margin: 22px 0;
    opacity: 1;
}
i.fa.fa-star {
    color: #ffba00 !important;
}
img.img-fluid.rounded-circle.justify-content-center {
    width: 69px;
    margin-top: -39px;
    margin-left: 40%;
}
.list.list-icons li > [class*="fa-"]:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .icons:first-child {
    color: #5ae812 !important;
    border-color: #5ae812 !important;
}
.card-custom{
    margin-top: -45px;
    margin-bottom: -35px;
}
a.btn.btn-modern.btn-dark.btn-arrow-effect-1.cardp-btn {
    border-radius: 25px 25px 0px 0px !important;
    background-image: linear-gradient(#43e812, #c9e812);
    font-weight: 800;
    font-size: 10px;
    border: none;
}
img.card-img-top {
    border-radius: 20px 20px 0px 0px !important;
}
.card {
    border: 0px solid rgba(0, 0, 0, 0.06) !important;
    background-color: #fafafa !important;
}
a.btn.btn-modern.btn-dark.btn-arrow-effect-1.cardp-btn-center {
    border-radius: 25px 25px 0px 0px !important;
    background-image: linear-gradient(#43e812, #c9e812);
    font-weight: 800;
    font-size: 12px;
    border: none;
}
.d-flex.justify-content-between {
    z-index: 999 !important;
}
html .accordion-modern-status-primary.accordion-modern-status > .card .card-header a:not(.collapsed) {
   
    border-radius: 20px 0px 0px 0px;
}

section.section {
    background: #f7f7f700;
}
img.rounded-circle.justify-content-center {
    width: 120px;
}
.call-to-action.call-to-action-in-footer:before {
    border-top: 20px solid #f5fff400 !important;
}

#footer {
    background: #ffffff !important;
    border-top: 4px solid #ffffff !important;
 
}
#footer .footer-copyright {
    background: #ffffff !important;
}
/* 
-----how its work ------ */
.feature-box.feature-box-style-6 .feature-box-icon:after {
    border: 3px solid #3ef00b !important;
}
.feature-box.feature-box-style-6 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-6 .feature-box-icon .icons {
    color: #3eef0b;
}
.feature-box.feature-box-style-6 .feature-box-icon {
    border: 1px solid #3ef00b00;
    background: transparent;
    line-height: 32px;
}

#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
    color: #43e812 !important;
}
#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
    background: #43e812 !important;
}
#header .header-nav.header-nav-line nav > ul li:hover > a {
    color: #43e812 !important;
}

#header .header-btn-collapse-nav {
    background: #4be711 !important;
}
@media (max-width: 991px){
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
    background: #0088cc00 !important;
}}

@media (max-width: 991px){
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
    color: #000000;
}}

#footer a:not(.btn):not(.no-footer-css):hover {
    text-decoration: none;
    color: #3eef0a !important;
}