@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Raleway", serif;
}

:root {
    --logo-color: #04BAF1;
    --swiper-navigation-size: 16px;
    --primary-color: #131D33;
    --text-black-col: #000000;
    --bg-header: #222327;
    --bg-light-white: #F8F8F8;
    --dark-blue-bg: #0c1a36;

}

.roboto-slab {
    font-family: "Roboto Slab", serif;
    font-optical-sizing: auto;
}

.raleway {
    font-family: "Raleway", serif;
}


.upper-header {
    background-color: #0c1a36;
    color: white;
    font-size: 14px;
    padding: 10px 0;
}

.upper-header a {
    color: white;
    text-decoration: none;
    margin: 0 10px;
}

.upper-header a:hover {
    text-decoration: underline;
}

.uppper-head-callus {
    font-family: "Roboto Slab", serif;
}

.header {
    background-color: white;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}

.header.scrolled {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
    left: 0;
}

.logo {
    font-size: 22px;
    font-weight: bold;
    /* color: #6d0c6d; */
    color: var(--logo-color);
    display: flex;
    align-items: center;
}

.logo img {
    width: 60px;
    margin-right: 10px;
}

.navbar-nav .nav-item {
    margin: 0 10px;
}

.navbar-nav .nav-link {
    color: #333;
    font-weight: 700;
}

.navbar-nav .nav-link:hover {
    /* color: #6d0c6d; */
    color: var(--logo-color);
}

.navbar-nav .nav-link.active {
    color: var(--logo-color);

}

/* Dropdown Hover */
.dropdown:hover .dropdown-menu {
    display: block;
    width: 200px;
    background-color: white;
    margin-top: 0.5rem;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    border-radius: 4px;

    /* padding: 0.3rem; */
}

.dropdown-menu .dropdown-item {
    /* font-size: 1rem;
    color: #333;
    font-weight: 600; */
    padding: 14px 25px;
    color: #232323;
    border-bottom: 1px solid #eee;
    font-weight: 500;

}


/* margin: 0.2rem; */
.dropdown-menu .dropdown-item.active {
    color: var(--logo-color) !important;
    background-color: transparent !important;
}

.dropdown-menu hr {
    margin: 0.2rem;
    color: rgb(173, 172, 172);
}

.dropdown-menu .dropdown-item:hover {
    background-color: #f3f0f0;
    /* color: var(--bg-light-white); */
    color: #333;
    font-weight: 500;
}

/* Show dropdown on click */
.dropdown-menu {
    display: none;
}

.dropdown.show .dropdown-menu {
    display: block;
}

/* Submenu (Our Team) Styling */
.dropdown-submenu {
    position: relative;

}

.dropdown-submenu .dropdown-menu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin-top: -1px;
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
}

.search-icon {
    font-size: 18px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .upper-header {
        text-align: center;
    }

    .upper-header a {
        font-size: 0.9rem !important;
    }

    .navbar-nav {
        text-align: center;
    }

    .navbar-nav .nav-link {
        font-size: 0.9rem;
    }
}





/* Slider Container */
.swiper {
    width: 100%;
    height: 550px;
    position: relative;
}

/* Slide */
.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative;
    overflow: hidden;
}

/* Image Styling */
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

/* Text Content */
.slide-content {
    position: relative;
    z-index: 2;
    max-width: 40%;
    padding-left: 60px;
    /* color: #0c1a36; */
    background: rgba(0, 0, 0, 0.2);
    color: var(--text-black-col);
    opacity: 0;
    transform: translateX(-50px);
    padding: 2rem;
    border-radius: 8px;
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}

.swiper-slide-active .slide-content {
    opacity: 1;
    transform: translateX(0);
}

.swiper-slide-active img {
    opacity: 1;
}

/* Headline */
.slide-content h2 {
    font-size: 28px;
    font-weight: 800;
    color: white;
    margin-bottom: 15px;
}

.slide-content p {
    font-weight: 600;
    color: rgb(233, 229, 229);
}

/* Button */
.slide-content .btn {
    background-color: #0c1a36;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
}

.btn {
    background-color: #0c1a36;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    font-weight: bold;
}

.btn:hover {
    background-color: #1e2a47;
    color: #f8f8f8;
}

.slide-content .btn:hover {
    background-color: #1e2a47;
}

/* Navigation Buttons */
.swiper-button-prev,
.swiper-button-next {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 15px;
    border-radius: 50%;
    transition: background 0.3s, opacity 0.3s;
    opacity: 0;
    /* Hidden by default */
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper:hover .swiper-button-prev,
.swiper:hover .swiper-button-next {
    opacity: 1;
    /* Show on hover */
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.swiper-button-prev {
    left: 10px;
}

.swiper-button-next {
    right: 10px;
}

.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}



@media (max-width: 991px) {
    .slide-content {
        max-width: 100% !important;
    }
}


/* CTA section start */
.cta-section {
    background: var(--primary-color);
    color: white;
    text-align: center;
    padding: 40px 20px;
    /* border-radius: 10px; */
    /* margin: 30px auto; */
    max-width: 100%;
}

.cta-content h2 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 1.2rem;
}

.cta-content p {
    font-size: 0.9rem;
    margin-bottom: 1.4rem;

}

.cta-btn {
    background-color: #1FABE0;
    color: white;
    padding: 10px 23px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: 0.3s;
    font-size: 0.9rem;

}

.cta-btn:hover {
    background-color: #128ab6;
}

/* CTA section end */



.what-we-do {
    background: #f9f9f9;
    padding: 60px 0;
    border-radius: 10px;
}

.what-we-do .mean-title {
    /* font-size: 2rem;
    font-weight: 700;
    color: #1FABE0; Primary color */
    font-family: "Roboto Slab", serif;
    margin-bottom: 0.5rem !important;
}

.description {
    font-size: 1.1rem;
    font-weight: 500;
    color: #555;
    max-width: 800px;
    margin: auto;
    margin-top: -1.5rem;
}

.growth-box {
    background: #ffffff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
    margin-top: 1rem;
    /* height: 220px; */

}

.growth-box h5 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    font-family: "Raleway", serif;
}

.growth-box:hover {
    transform: translateY(-5px);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
}

.what-we-do p {
    font-weight: 500;
    color: #777777;
}

.btn-custom {
    display: inline-block;
    padding: 12px 25px;
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-color);
    /* Primary color */
    /* border-radius: 50px; */
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.2s ease;
    margin-top: 2rem;
}

.btn-custom:hover {
    background: #127BA6;
    transform: scale(1.05);
}



/* websites */
.dream-team {
    background: #0c1a36;
    padding: 60px 0;
    text-align: center;
    color: #ffffff;
}

.team-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 40px;
    font-family: "Raleway", sans-serif;
}

.team-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.team-member {
    background: #ffffff;
    color: #0c1a36;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    width: 250px;
    box-shadow: 0 4px 10px rgba(255, 255, 255, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.team-member:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(255, 255, 255, 0.3);
}

.team-member img {
    width: 120px;
    height: 120px;
    aspect-ratio: 1 /1;
    object-fit: contain;
    margin-bottom: 15px;
}

.team-member h4 {
    font-size: 1.2rem;
    font-weight: 600;
}

.team-member p {
    font-size: 0.9rem;
    font-weight: 500;
    color: #555;
}

.team-member a {
    text-decoration: none;
}

.team-member .visit-btn {
    font-size: 0.9rem;
    font-weight: 700;
}







/* home page services start */
.home-services {
    width: 100%;
    padding: 4rem 0rem;
    text-align: center;
}

.home-services .services-image {
    width: 100%;
    height: 400px;
    /* margin: 2rem; */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}

.home-services .services-image img {
    width: 100%;
    height: 100%;
    padding: 8px;
    border: 1px solid grey;
}

.mean-title {
    color: #232323;
    font-weight: 700;
    font-family: "Roboto Slab", serif;
    margin-bottom: 2.8rem;

}

.services-title {
    text-align: left;
    padding: 2rem 0rem;
}

.services-title h5 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.services-title p {
    font-weight: 500;
    color: #777777;
}

/* home page services end */





.our-reach {
    background: url('Images/pd1.jpeg') no-repeat center center/cover;
    background-attachment: fixed;
    /* Keeps the image fixed while scrolling */
    position: relative;
    text-align: center;
    padding: 6rem 20px;
    color: #fff;
    position: relative;
    width: 100%;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    /* Dark overlay for better readability */
    /* padding: 50px; */
    /* border-radius: 10px; */
    top: 0;
    left: 0;
}

.our-reach-text {
    position: relative;
}

.our-reach h2 {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 2.4rem;
}

.stats {
    /* display: flex; */
    /* width: 80%; */
    display: flex;
    justify-content: center;
    /* background-color: red; */
    /* gap: 50px; */
}

.stat {
    width: 200px;
    /* background-color: red; */
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    /* background-color: green; */
}

.stat h3 {

    font-size: 2rem;
    font-weight: bold;
}

.stat p {
    font-size: 1.2rem;
    margin-top: 10px;
    font-weight: 700;
    color: #E5E6E6;
}


@media (max-width: 991px) {
    .stat {
        width: 100%;
    }
}



/* bussiness growth start */
.business-growth-section,
.what-we-do {
    position: relative;
    /* background: url('your-image.jpg') no-repeat center center/cover; */
    /* background: rgba(0, 0, 0, 0.6); */
    background-color: var(--bg-light-white);
    color: var(--text-black-col);
    padding: 80px 10%;
    text-align: left;
}


.content {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.growth-left,
.growth-right {
    width: 100%;
    margin-top: 1rem;
    padding: 1rem;
}

.growth-left h2 {
    font-weight: 600;

}

.growth-left .mean-title,
.growth-right .mean-title {
    margin-bottom: 1rem;
}

.growth-left p,
.growth-right p {
    font-weight: 500;
    color: #777777;
}

.growth-right-img {
    width: 100%;
    height: 350px;
}

.growth-right-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* why choose us */
.why-choose-us {
    position: relative;
    background: url("Images/services/img5.jpeg") no-repeat center center/cover;
    background-attachment: fixed;
    /* Keeps the image fixed while scrolling */
    padding: 80px 10%;
    text-align: center;
    color: #1E1E1E;
}

.why-choose-us .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    /* Dark overlay for better readability */
    z-index: 1;
}

.why-choose-text {
    position: relative;
    z-index: 2;
}

.why-choose-text h2 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 30px;
    position: relative;
    color: #ffff;
}

.features {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.feature {
    display: flex;
    align-items: flex-start;
    width: 30%;
    margin: 10px;
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.feature .icon {
    font-size: 24px;
    color: #1FABE0;
    margin-right: 10px;
}

.feature h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

.feature p {
    font-weight: 500;
    color: #777777;
    text-align: left;
    margin-top: .5rem;
}

@media (max-width: 768px) {
    .features {
        flex-direction: column;
        align-items: center;
    }

    .feature {
        width: 90%;
    }
}



/* bussiness partner */
/* background: #f8f9fa; */
/* .business-partners {
    text-align: center;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
}

.business-partners h2 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #111;
}

.partners-scroll {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    margin-top: 2rem;
}
.partners-scroll .company-logo-wrapper{
    width: 100%;
    height: 120px;
}
.our-bussiness-coll-sec{
    width: 100%;
}
.our-bussiness-coll{
    width:100px;
    height: 300px;
}
.our-bussiness-coll img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.partner-logos {
    display: flex;
    gap: 20px;
    animation: scrollLeft 15s linear infinite;
}

.company-logo-wrapper img {
    width: 100%;
    height: 100%;
    object-fit:contain;
}

 @keyframes scrollLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}  */

/* Business Partners Section */
.business-partners {
    text-align: center;
    padding: 60px 0;
    /* background: #0c1a36; Dark Theme */
    color: #ffffff;
}

.section-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
}

/* Partner Card */
.partner-card {
    background: var(--dark-blue-bg);
    color: #0c1a36;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 10px rgba(255, 255, 255, 0.2);
}

.partner-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(255, 255, 255, 0.3);
}

.partner-logo {
    width: 120px;
    height: 120px;
    margin: 0 auto 15px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.partner-logo img {
    width: 100%;
    height: 100%;
    padding: 1rem;
    object-fit: contain;
}

.partner-card h6 {
    color: var(--bg-light-white);
}

/* Responsive Design */
@media (max-width: 768px) {
    .partner-card {
        margin-bottom: 20px;
    }

    .section-title {
        font-size: 1.2rem;
    }
}


/*------ footer --------- */
footer {
    /* background-color: #242424; */
    background-color: var(--bg-header);
    padding: 5rem 0;
    position: relative;
    /* background: url(img/bg3.jpg); */
    /* background-size: cover; */
}

footer .footer-wraper {
    position: relative;
    z-index: 20;
}

footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 2;
}

footer .footer-img-top {
    position: absolute;
    top: -80px;
    left: -30px;
    z-index: 0;
}

footer-img {
    border-radius: 30px;
}

footer .footer-img-bottom {
    position: absolute;
    bottom: 0;
    right: -30px;
    z-index: 0;
}

footer p {
    color: #d7cbc4;
    font-size: 0.9rem;
    line-height: 2;
    font-weight: 500;
    font-family: "Roboto Slab", serif;
}

footer .footer-socail {
    display: flex;
    align-items: center;
    text-decoration: none;
}

footer .footer-socail p {
    padding: 0;
    margin: 0;
}

footer .footer-socail a {
    text-decoration: none;
}

footer .footer-socail i {
    color: #d7cbc4;
    width: 14px;
    height: 14px;
    padding: 1rem;
    border-radius: 50%;
    margin-right: 0.9rem;
    background-color: #3a3a3a;
    transition: all 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .footer-socail i:hover {
    background-color: #fff;
    color: #404040;
}

footer h4 {
    color: #f5f5f5;
    text-transform: uppercase;
    margin-bottom: 1.6rem;

}

footer .bx-link {
    padding-left: 3rem;
}

footer .bx-link ul li {
    /* justify-content: center; */
}

footer ul {
    padding: 0;
    list-style-type: none;
}

footer ul li {
    color: #d7cbc4;
    display: flex;
    font-size: 0.97rem;
    margin-bottom: 1rem;
    line-height: 1.6;
    font-weight: 500;
    font-family: "Roboto Slab", serif;
}

footer ul li a {
    text-decoration: none;
    color: #d7cbc4;
    font-size: 0.97rem;
    transition: all 0.4s;
}

footer ul li a:hover {
    color: #fff;
}

footer ul li i {
    display: block;
    margin-top: 4px;
    padding-right: 0.8rem;
}

footer .tag-line {
    color: #fff !important;
    font-size: 1.3rem;
    font-family: serif;
}

footer .icon-text li {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /* align-items: center; */
}

/* scroll top button */

.scrolltop {
    position: fixed;
    bottom: 4.5rem;
    right: 2rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1.4rem;
    padding: 0.3rem;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    transform: translateX(200px);
    z-index: 99;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(12, 105, 184, 0.1);
    /* animation: rubber 4s linear infinite; */
}

.scrolltop i {
    color: #fff;
    font-weight: 600;
}

.scrolltop.active {
    transform: translateX(0px);
}

.scrolltop:hover {
    background-color: var(--logo-color);

    color: #fff;
}

/* social media icon  */

.fabs .action {
    position: fixed;
    left: -350px;
    bottom: 3rem;
    height: 35px;
    width: 45px;
    height: 45px;
    background-color: var(--primary-color);
    color: #fff;
    z-index: 999;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-radius: 50%;
    transition: 0.4s;
}

.fabs .action i {
    transition: .3s;
}

.fabs .action.show {
    left: 2rem;
}

.fabs .action i.active {
    transform: rotate(45deg);
}

.fabs .box {
    overflow: hidden;
    position: fixed;
    bottom: 3rem;
    left: 2.1rem;
    height: 0;
    transition-delay: 0.3s;
    transition: 0.4s;
    width: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fabs .box.active {
    height: 150px;
    bottom: 7rem;
}

.fabs .box a {
    text-decoration: none;
    color: #fff
}

.fabs .box .item {
    overflow: hidden;
    background-color: var(--primary-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}

.fabs .box .item:hover {
    background-color: rgba(48, 19, 19, 0.712);
    color: #fff;
}

.fabs .box .item-1 {
    transition-delay: 0.3s;

}

.fabs .box .item-1 {
    transition-delay: 0.5s;

}

.fabs .box .item-1 {
    transition-delay: 0.6s;

}


@media screen and (max-width: 990px) {
    footer h4 {
        margin-bottom: 1rem;
    }

    footer .bx-link {
        padding: 0;
    }

    footer .footer-img-bottom {
        bottom: -54px;
    }
}

/* copy-right */
.copy-right {
    /* background-color: #233844; */
    background-color: var(--primary-color);
    padding: 1.1rem 0;
}

.copy-right h6 {
    color: #fff;
    font-weight: 400;
    font-size: 0.9rem;
}




/* About Us Section */
.about-us {
    padding: 60px 0;
    /* background-color: #F8F8F8; */
    background-color: white;
}

.about-us h2 {
    /* color: #1FABE0; */
    color: var(--primary-color);
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
}

.about-us p {
    font-size: 16px;
    line-height: 1.6;
}

.about-us .bharatPPT:hover {
    text-decoration: underline !important;
}

.about-image {
    max-width: 100%;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

/* Vision & Mission Section */
.vision-mission {
    padding: 60px 0;
    background-color: var(--primary-color);
    color: white;
}

.vision-mission .card {
    background-color: white;
    color: #333;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    margin: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.vision-mission .card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
}

.vision-mission h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}







/* founder page */
.subtitle-sec {
    padding: 15px 0;
    /* background-color: #F8F8F8; */
    background-color: white;
    border-bottom: 1px solid #ddd;
}

.subtitle-sec h5 {
    font-family: "Raleway", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    font-style: normal;
}

/*-------- Team Section ---------*/
.founder {
    padding: 5rem 0;
}


.founder h2 {
    color: var(--text-color-black);
    font-weight: 500;
}

.founder h2 span {
    color: var(--text-color);
}

.founder p {
    color: #555;
    font-size: 0.9rem;
    padding: 1rem;
}

.founder .team-wrapper h3 {
    width: 100%;
    font-size: 1.2rem;
    /* background-color: var(--text-color); */
    padding: 0.5rem 0.7rem;
    font-weight: 600;
    color: var(--text-color);
    position: relative;
    border-bottom: 1px solid var(--text-color);
    text-align: center;
}

/* .team-wrapper h3 ::after{
    position: absolute;
    content: "";
    width: 600px;
    height: 1px;
    background-color: 1px solid var(--text-color);
  
  } */
.founder .title-head h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 2rem;
    color: #333;
}

.founder .team-wrapper {
    margin-top: 2rem;
}

.founder .team-wrapper .founder-member {
    width: 300px !important;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    height: auto;
}

.founder .founder-member img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.founder .founder-member:hover img {
    transform: scale(1.1);
}

.founder .team_overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 1rem;
    text-align: center;
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.founder-member:hover .team_overlay {
    transform: translateY(0);
}

.founder .team_overlay h4 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.founder .team_overlay h5 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.founder .social a {
    color: #fff;
    font-size: 1.2rem;
    margin: 0 0.5rem;
    transition: color 0.3s ease;
}

.founder .social a:hover {
    color: var(--logo-color);
}

.founder-word {
    height: auto;
    background-color: #f8f8f8;
    margin: 0rem 0.6rem;
    /* border-radius: 8px; */
    padding: 1rem;
    /* position: relative; */
}

.founder-word span {
    /* position: absolute; */
    /* padding: 0;
    margin: 0; */
    position: relative;
    margin-bottom: 0;
    padding: 0rem 1rem;
    font-weight: 600;
    color: var(--primary-color);
}

.founder-word span::after {
    position: absolute;
    content: "";
    width: 60px;
    height: 1px;
    background-color: #555;
    bottom: -7px;
    left: 16px;

}

.founder-word p {
    /* margin-top: 1rem; */
    /* margin-bottom: 1rem; */
}







.expert {
    padding: 60px 0px;
}

.expert-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 2rem;
}

.expert-card {
    background: white;
    padding: 20px;
    width: 300px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeIn 0.5s forwards;

}

.expert-card .img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: .3rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.082);
}

.expert-card .img img {

    width: 100%;
    height: 100%;
    object-fit: cover;
    padding-top: 0;
    /* Ensure no extra spacing */
    margin-top: 0;
    object-position: 50% 30%;
}


.expert-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

.expert-name {
    font-size: 18px;
    font-weight: bold;
    color: var(--logo-color);
    margin-bottom: 5px;
    text-align: center;
}

.expert-role {
    font-size: 16px;
    color: #555;
    margin-bottom: 10px;
    text-align: center;
}

.expert-details {
    font-size: 14px;
    color: #666;
    text-align: center;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.contactus {
    padding: 5rem 0;
}


.contactus h2 {
    color: var(--text-color-black);
    font-weight: 500;
}

.contactus h2 span {
    color: var(--text-color);
}

.contactus p {
    color: #555;
    font-size: 0.9rem;
    /* padding: 1rem; */
}

.contactus-logo {
    display: flex;
    width: 100%;
    /* width: 80%; */

}

.contactus-logo span {
    width: 80px;
    height: 150px;
    padding: 1rem;
    background-color: white;
    display: flex;
    align-items: center;

}

.contactus-logo span i {
    font-size: 2rem;
    color: var(--primary-color);
}

.contact-add {
    width: 564px;
    padding: 1rem;
    background-color: #f8f8f8;
}

.contact-add .contact-title {
    font-size: 1.2rem;
    font-weight: 500;
    font-family: "Roboto Slab", serif;
    color: var(--logo-color)
}

.contact-add p {
    font-family: "Roboto Slab", serif;
}

/* Section Styling */
.contact-us-why-choose-us {
    /* background-color: #f8f9fa; */
    background-color: var(--primary-color);
}

.contact-us-section-title {
    font-size: 2rem;
    font-weight: bold;
    color: var(--bg-light-white);
}

/* Feature Box */
.contact-us-feature-box {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
}

.contact-us-feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

/* Icon Styling */
.contact-us-icon {
    /* width: 100%;
    height: 150px; */
    font-size: 2rem;
    color: #1FABE0;
    margin-bottom: 15px;
    /* display: inline-block; */
    transition: transform 0.3s ease;
}

.contact-us-icon i {
    /* color: black; */
}

.contact-us-feature-box:hover .icon {
    transform: scale(1.2);
}

/* Typography */
.contact-us-feature-box h3 {
    font-size: 1.2rem;
    color: #202935;
}

.contact-us-feature-box p {
    font-size: 1rem;
    color: #555;
}

/* Section Styling */
.problem-statements {
    background: #f8f9fa;
    padding: 60px 0;
}

.statement-box {
    display: flex;
    align-items: center;
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    transition: transform 0.3s;
}

.statement-box:hover {
    transform: translateY(-5px);
}

.statement-number {
    font-size: 24px;
    font-weight: bold;
    color: white;
    background: #1FABE0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 15px;
}

.problem-section {
    padding: 50px 0;
}

.fundraising-section {
    padding: 50px 0;
    background-color: var(--primary-color);
    color: white;
    position: relative;
    z-index: 0;
}

.problem-box,
.roadmap-item {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease-in-out;
}

.problem-box.visible,
.roadmap-item.visible {
    opacity: 1;
    transform: translateY(0);
}

.circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #1FABE0;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    margin: 0 20px;
}

.problem-text {
    background: white;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    flex: 1;
    font-weight: 600;
    color: #555;
}

.funding-category {
    text-align: center;
    margin-bottom: 30px;
    background-color: #f8f8f8;
    padding: 1.2rem 1rem;
    border-radius: 8px;
    margin-top: 1.5rem;
}

.funding-category h4 {
    color: var(--primary-color);
    font-size: 1.2rem;
    font-weight: 600;
}

.funding-category p {
    color: #555;
}

.fundraising-section h2 {
    font-weight: 600;
}

.workflow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    margin-top: 40px;
    position: relative;
}

.workflow::after {
    content: "";
    position: absolute;
    width: 80%;
    height: 3px;
    background-color: var(--bg-light-white);
    top: 35%;
    left: 10%;
    z-index: 1;
}

.workflow-item {
    background: #f9f9f9;
    padding: 12px 17px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    color: var(--text-black-col);
    font-size: 0.9rem;
    position: relative;
    font-weight: 500;
    z-index: 2;
}

.roadmap-point,
.roadmap-icon {
    position: relative;
}

.roadmap-point::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: red;
    border-radius: 50%;
    left: 50%;
    top: -20px;
    transform: translateX(-50%);
}

.roadmap-icon::before {
    content: "\f3c5";
    /* Unicode for location dot */
    font-family: "Font Awesome 5 Free";
    /* Ensure Font Awesome is loaded */
    font-weight: 900;
    /* Required for solid icons */
    position: absolute;
    left: 50%;
    top: -31px;
    transform: translateX(-50%);
    font-size: 20px;
    color: red;
}

@media (max-width: 991px) {
    .workflow {
        flex-direction: column;
        gap: 15px;
    }

    .workflow-item {
        width: 100%;
        /* margin-bottom: 1.5rem; */
    }

    .workflow::after {
        width: 3px;
        height: 96%;
        top: 0;
        left: 50%;

    }

    .roadmap-point::before {
        display: none;
    }
}

.our-provided-services {
    padding: 50px 0;
    background: #f5f5f5;
}

.services-card-wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.service-sec-card {
    margin-bottom: 1rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.service-sec-card a {
    text-decoration: none;
    color: var(--primary-color);
}

/* .service-sec-card .row{
    display: flex;
} */
.services-card-wrapper .services-card {
    width: 200px;
    padding: 1rem;
    height: 90px;
    /* height: 200px; */
    background-color: var(--logo-color);
    display: flex;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    cursor: pointer;
    font-size: 1.1rem;
}


.services-card-wrapper .services-card:hover {
    background-color: var(--primary-color);
    color: var(--bg-light-white);
}

.services-title-head h4 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
}

.mobile-size {
    display: none;
}

@media (max-width: 991px) {
    .service-space {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: none;
    }

    .mobile-size {
        display: block;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

}

/* .circle-container {
    position: relative;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}
.our-provided-services{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: #f5f5f5;
    margin: 0;
}
.service-card {
    position: absolute;
    width: 120px;
    height: 60px;
    background: #1FABE0;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.service-card:nth-child(1) { top: 10%; left: 50%; transform: translateX(-50%); }
.service-card:nth-child(2) { top: 30%; right: 5%; }
.service-card:nth-child(3) { bottom: 30%; right: 5%; }
.service-card:nth-child(4) { bottom: 10%; left: 50%; transform: translateX(-50%); }
.service-card:nth-child(5) { bottom: 30%; left: 5%; }
.service-card:nth-child(6) { top: 30%; left: 5%; }
.center-circle {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} */


.hero-section {
    background: url('Images/banner2.jpeg') no-repeat center;
    background-size: cover;
    color: white;
    padding: 100px 0;
    text-align: center;
}

.career-section {
    padding: 60px 0;
    display: flex;
    justify-content: center;
}

.career-section h2 {
    font-family: "Roboto Slab", serif;
}

.career-section .card {
    transition: transform 0.3s ease-in-out;
}

.career-section .card a {}

.career-section .card:hover {
    transform: translateY(-10px);
}

.career-call {
    width: 100%;
    display: flex;
    align-items: center;
    font-family: "Roboto Slab", serif;
}

.carrer-icon {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin-left: 1rem;
    margin-right: 1rem;
}

.carrer-icon i {
    color: var(--bg-light-white);
    font-size: 1.2rem;

}

/* Map Section */
.map {
    padding: 3rem 0;
    background-color: #f8f9fa;
}

.map .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
    text-align: center;
}

.map h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
    font-family: "Roboto Slab", serif;
}

.map p {
    font-size: 1rem;
    margin-bottom: 2rem;
    font-family: "Roboto Slab", serif;
}

.map .map-container {
    width: 100%;
    height: 400px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.map iframe {
    width: 100%;
    height: 100%;
    border: 0;
}





/* Blog Page */

.blog-page {
    padding: 50px 0;
}

.blog-page h2 {
    font-size: 1.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.2;
    padding: 1rem 0;
    color: #242121;
}

/* Blog Articles Grid Section */
.blog-grid {
    margin-bottom: 40px;
}

.blog-item article {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #ddd;
}

.blog-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 15px;
}

.blog-item h4 {
    font-size: 22px;
    color: #444;
    margin-bottom: 10px;
}

.blog-item p {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}

.read-more {
    font-size: 14px;
    color: #007bff;
    text-decoration: none;
}

.read-more span {
    margin-left: 5px;
}

.read-more:hover {
    text-decoration: underline;
}

.blog-pagination .page-item .page-link {
    color: #1FABE0;
    border: 1px solid #ddd;
}

.blog-pagination .page-item.active .page-link {
    background-color: #1FABE0;
    color: #fff;
    border-color: #1FABE0;
}

.blog-pagination .page-item .page-link:hover {
    background-color: #1FABE0;
    color: #fff;
}

.blog-card .blog-title {
    color: #000000;
}

.blog-1 {
    margin-top: 2rem;
    transition: all 0.3s ease-in;
}

.blog-1:hover {
    transform: translateY(-10px);
}

.blog-1 .row {
    display: flex;
    align-items: stretch;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.blog-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    padding: 20px;
    background: #fff;
    border-radius: 8px;

}

.blog-img {
    border-radius: 10px;
}

.blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 1rem;
    border-radius: 10px !important;
}


/* Newsletter Signup Section */
/* .newsletter-section {
    margin-top: 40px;
}

.newsletter-signup {
    background-color: #f7f7f7;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.newsletter-signup h3 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #333;
}

.newsletter-signup p {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

.newsletter-signup form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.newsletter-signup input[type="email"] {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 15px;
    width: 80%;
    max-width: 400px;
}

.newsletter-signup button {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.newsletter-signup button:hover {
    background-color: #0056b3;
} */


/* Full-Width Newsletter Signup Section */
.newsletter-section {
    width: 100%;
    /* background-image: url(''); Replace with your image URL */
    background-color: #F0F0F0;
    background-size: cover;
    background-position: center;
    padding: 70px 0;
    color: #ffffff;
}

.newsletter-signup {
    max-width: 850px;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.7);
    /* Dark overlay */
    padding: 50px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.newsletter-content h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
    letter-spacing: 1px;
    color: #FAFAFA;
}

.newsletter-content p {
    font-size: 16px;
    margin-bottom: 35px;
    color: #d3d3d3;
}

.newsletter-content form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.newsletter-content input[type="email"] {
    padding: 10px;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 500px;
    background-color: #ffffff;
    color: #333333;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.newsletter-content input[type="email"]::placeholder {
    font-size: 14px;
    color: #888888;
}

.newsletter-content button {
    padding: 11px 17px;
    font-size: 14px;
    font-weight: 600;
    /* background-color: #ff6f61; Bold, warm color */
    background-color: var(--primary-color);
    color: #FAFAFA;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.newsletter-content button:hover {
    /* background-color: #ff4b3a; Slightly darker shade on hover */
    border: 1px solid #1e1c1c;
    background-color: transparent;
}

/* Media Query for Mobile Devices */
@media (max-width: 767px) {
    .newsletter-signup {
        padding: 30px;
    }

    .newsletter-content h3 {
        font-size: 28px;
    }

    .newsletter-content p {
        font-size: 18px;
    }
}



/* Floating WhatsApp Icon */
.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 27px;
    background-color: #25D366;
    color: white;
    /* border-radius: 50%; */
    padding: 15px;
    font-size: 24px;
    z-index: 999;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 1.4rem;
    padding: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.whatsapp-float:hover {
    transform: scale(1.1);
}

@media (max-width: 767px) {
    .whatsapp-float {
        top: 491px;
    }

    .scrolltop {
        top: 440px;
    }
}

.enquiry-form {
    width: 100%;
    padding: 2rem 1rem;
}

.enquiry-form input {
    font-family: roboto;
}

.enquiry-log {
    /* width: 100px; */
    height: 100px;
    display: flex;
    justify-content: center;
}

.enquiry-log img {
    width: 100px;
    height: 100%;
    object-fit: cover;
}

.enquiry-img-text {
    font-weight: 500;
    margin-top: 1rem;
}

.enquiry-form-wrapper {
    background-color: #f8f8f8;
    padding: 2rem 4rem;
    border-radius: 4px;
    margin-top: 1rem;
}

.enquiry-form-wrapper .contact-form label {
    font-weight: 700;
}

.contact-form ::placeholder {
    font-size: 14px;
}

@media (max-width: 767px) {
    .enquiry-form-wrapper {
        padding: 1rem;
    }
}

/* .blog-1{
    width: 100%;
    padding: 1rem 0rem;
    display: flex;
    margin-top: 2rem;
} */