/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 23 may. 2025, 20:42:21
    Author     : arielrubijimenez
*/
body{
    background-color: #fff;
}
.header .header-container, .navmenu .dropdown ul {
    background: linear-gradient(rgb(23, 234, 217) 0%, rgb(96, 120, 234) 100%);
}
.navmenu li:hover>a, .navmenu .active, .navmenu .active:focus,
.navmenu .dropdown ul a:hover, .navmenu .dropdown ul .active:hover, .navmenu .dropdown ul li:hover>a {
    color: #fff;
}
.navmenu a, .navmenu a:focus, .navmenu .dropdown ul a {
    color: #000;
}
.hero .main-heading h1 {
    font-size: 4rem;
}

section, .section {
    color: #000;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}
.hero .description p {
    color: #000;
}
h1, h2, h3, h4, h5, h6 {
    color: #000;
}
.section-title div {
    color: #000;
}
.services .service-header .service-intro .service-heading{
    color: #000;
}
.hero .cta-button .btn{
    border: 1px solid #000;
    color: #000;
}
.feature-item h1, .feature-item h2, .feature-item h3, .feature-item h4, .feature-item h5, .feature-item h6{
    color: #000;
}
.feature-item p{
    color: #fff;
}
.services .service-card {
    border: 1px solid #ccc;
}

.service-card p, .service-card h3, .services .service-card h3 a, .services .service-card p{
    color: #000;
}
.services .service-card .service-icon i{
    color: #000;
}
.services .service-card:hover::before {
    background: linear-gradient(rgb(23, 234, 217) 0%, rgb(96, 120, 234) 100%);
}
.services .service-card:hover h3 a, .services .service-card:hover .service-icon i{
    color: #fff;
}
.services .service-card:hover .card-action {
    background-color: #000;
}
.steps h3 {
    color: #000;
}
.steps p {
    color: #fff;
}
.steps .step-info {
    background: linear-gradient(rgb(23, 234, 217) 0%, rgb(96, 120, 234) 100%);
}
.steps .step-icon {
    background: linear-gradient(rgb(23, 234, 217) 0%, rgb(96, 120, 234) 100%);
    border: unset;
}
.steps .step-icon i {
    color: #fff;
}
.pricing .pricing-card {
    background: linear-gradient(rgb(23, 234, 217) 0%, rgb(96, 120, 234) 100%);
    border: unset;
}
.pricing .pricing-card.popular {
    border: 2px solid #000;
}
.pricing .plan-cta .btn-plan {
    background-color: #fff;
    color: #000;
}
.pricing .pricing-card.popular .plan-cta .btn-plan {
    background-color: #000;
    color: #fff;
}
.header .btn-getstarted, .header .btn-getstarted:focus {
    color: #fff;
    background: #000;
}
.pricing .plan-header .plan-icon i {
    color: #fff;
}
.pricing h3{
    color: #000;
}
.pricing .plan-header p{
    color: #fff;
}
.about .about-content .btn-primary:hover {
    background: linear-gradient(rgb(23, 234, 217) 0%, rgb(96, 120, 234) 100%);
    border: unset;
}
.about .about-content .btn-primary {
    background: #000;
    border: unset;
}
.about .about-content .feature-item {
    background: linear-gradient(rgb(23, 234, 217) 0%, rgb(96, 120, 234) 100%);
}
.about .about-content .feature-item i {
    color: #fff;
}

.hero .cta-button .btn:hover {
    background: linear-gradient(rgb(23, 234, 217) 0%, rgb(96, 120, 234) 100%);
    border: unset;
    color: #fff;
}
.pricing .plan-cta .btn-plan:hover {
    background: #000;
    color: #fff;
}
.pricing .plan-features ul li {
    padding: 5px 0;
}
.header .btn-getstarted:hover, .header .btn-getstarted:focus:hover {
    background: #fff;
    color: #000;
}
.contact .contact-info-box {
    background: linear-gradient(rgb(23, 234, 217) 0%, rgb(96, 120, 234) 100%);
}
.contact .contact-info-box .icon-box {
    color: #fff;
}
.scroll-top{
    background: #000;
    color: #fff;
}
.pricing .plan-features ul li i.bi-check-circle-fill {
    color: #fff;
}
.contact .contact-form-wrapper{
    background: linear-gradient(rgb(23, 234, 217) 0%, rgb(96, 120, 234) 100%);
}
.contact .contact-form-wrapper .form-group .input-with-icon .form-control:focus{
    border-color: unset;
}
.contact .contact-form-wrapper .form-group .input-with-icon .form-control{
    background-color: #fff;
    color: #000;
}
.contact .contact-form-wrapper h2{
    color: #fff;
}
.contact .contact-form-wrapper h2:after{
    background-color: #fff;
}
.contact .contact-form-wrapper .form-group .input-with-icon .form-control::placeholder {
    color: #000;
}
.contact .contact-form-wrapper .form-group .input-with-icon i {
    color: #000;
}
.contact .contact-form-wrapper .btn-submit{
    background: #000;
}
.contact .contact-form-wrapper .btn-submit:hover {
    background-color: #fff;
    color: #000;
}
.php-email-form .loading{
    color: #fff;
}
.php-email-form .loading:before{
    border: 3px solid #fff;
    border-top-color: #000;
}
.footer{
    background: linear-gradient(rgb(23, 234, 217) 0%, rgb(96, 120, 234) 100%);
}
.services .service-card .service-icon{
    background: linear-gradient(rgb(23, 234, 217) 0%, rgb(96, 120, 234) 100%);
}
#preloader {
    background: linear-gradient(rgb(23, 234, 217) 0%, rgb(96, 120, 234) 100%);
}
#preloader:before {
    border-color: #fff transparent #fff transparent;
}
@media (max-width: 1196px){
    .navmenu ul {
        background: linear-gradient(rgb(23, 234, 217) 0%, rgb(96, 120, 234) 100%);
        height: 210px;
    }
}
@media (max-width: 768px){
    .header .logo img {
        max-height: 25px;
    }

    .hero .main-heading h1 {
        font-size: 2.2rem;
    }
}