.text-justify{text-align: justify;}
p{ font-weight:300 !important; letter-spacing:0.8px !important }
.inner-pages{ padding: 0px 0px !important; background: #e9f0fc !important; }
.inner-title{ font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--dark-gray); }

/*navbar*/
.navbar{ background-color: #1e66ca !important }
.navbar-nav .nav-link { color: #ffffff !important; font-weight: 400!important; font-size:15px !important; letter-spacing: 0.4px !important; }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus {color:#C6F72F !important}
.nav-link.active {
    color: #C6F72F !important; /* Green text */
    border: 1px solid #C6F72F;
    border-radius: 5px;
    padding: 10px 15px;
    font-weight: 600 !important;
}


.carousel-caption { max-width:700px !important; left:5% !important }

/*Footer*/
.footer-links ul{ font-size:14px !important; font-weight:300 !important; letter-spacing:0.8px !important }
.footer-text { font-size:14px !important; font-weight:300 !important; letter-spacing:0.8px !important }

.industry-img{height: 50% !important; margin-top: 15% !important;  }


.service-card:hover{ box-shadow:0 15px 30px rgba(30,102,202, 0.2) !important }

.testimonial p{ font-weight: 300 !important;
    letter-spacing: 0.8px !important; font-size:1rem !important }
.testimonial-card {
            background: linear-gradient(145deg, #f3f4f6, #ffffff);
            border-radius: 20px;
            box-shadow: 8px 8px 16px #d1d9e6, -8px -8px 16px #ffffff;
            transition: transform 0.3s ease;
        }

        .testimonial-card:hover {
            transform: translateY(-5px);
        }

        .quote-icon {
            font-size: 4rem;
            color: #6366f1;
            opacity: 0.2;
        }

        /*.avatar {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            object-fit: cover;
            border: 4px solid #ffffff;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .carousel-control-prev,
        .carousel-control-next {
            width: 40px;
            height: 40px;
            background-color: #6366f1;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
        }

        .carousel-control-prev {
            left: -20px;
        }

        .carousel-control-next {
            right: -20px;
        }

        .carousel-indicators {
            bottom: -50px;
        }

        .carousel-indicators button {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #6366f1;
            opacity: 0.5;
        }

        .carousel-indicators .active {
            opacity: 1;
        }*/