body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}
/* view */

.navbar {
    transition: background-color 0.3s;
    
}
.navbar-scrolled {
    background-color: #343a40 !important; /* Dark color on scroll */
}
.get-started-btn {
    background-color: #007bff;
    color: white;
    border-radius: 5px;
    padding: 8px 15px;
    transition: 0.3s;
}
.get-started-btn:hover {
    background-color: #0056b3;
}
.navbar-brand img{
    height: 14vh;
}
li.nav-item {
    font-size: 17px;
    font-weight: 500;
    font-family: arial;
}
/* herosection */
        .carousel-item {
            height: 100vh;
            background-size: cover;
            background-position: center;
            position: relative;
        }
        .overlay-2 {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5); /* Dark overlay */
        }
        .carousel-caption {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
        }
        .carousel-caption h1 {
            font-size: 3rem;
            font-weight: bold;
        }
        .carousel-caption p {
            font-size: 1.5rem;
        }
        .btn-primary {
            background-color: #007bff;
            border: none;
            padding: 10px 20px;
            font-size: 1.2rem;
            margin-top: 10px;
        }

/* boxes */
.box {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    background: #fff;
    padding: 20px;
}
.box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.box img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.box h3 {
    margin-top: 15px;
    font-size: 1.25rem;
    font-weight: bold;
}
.head {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    font-family: aria;
    margin-bottom: 5px;
}
/* dynamic */
.dynamic-heading {
    font-size: 2rem;
    font-weight: bold;
    color: #ffd900;
    transition: opacity 0.5s ease-in-out;
}
.dynamic-head{
    background-image: url(img/busines-img/bg-img-4.png);
}
section.container.text-center.py-5 {
    background-color: 
}
.digital{
    background-image: url(img/busines-img/bg-img-3.png);
    opacity: ;
    object-fit: cover;
    overflow: hidden;
}
h4.mt-3 {
    color: #10e110;
    font-weight: 700;
}
.col-md-4.mb-4 p {
    color: white;
}
/* reviws */
.stat-box {
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    background: #58eaf7;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
}
.stat-box:hover {
    transform: translateY(-5px);
}
.stat-box i {
    font-size: 2rem;
    color: #0015ff;
    transition: transform 0.3s;
}
.stat-box:hover i {
    transform: scale(1.2);
}
.stat-box h3 {
    font-size: 29px;
    font-family: arial;
    font-weight: 700;
}
/* immgae */
.custom-section {
    padding: 0px 0;
}
.custom-image {
    max-width: 100%;
    height: 70vh;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
h2.way {
    font-size: 34px;
    color: rebeccapurple;
    font-family: arial;
    font-weight: 600;
}
a.btn.btn-primary {
    margin-top: 20px;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f00909;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}
p.paragraph {
    font-family: aria;
    font-size: 20px;
    line-height: 2rem;
    margin-top: 24px;
}
/* logoslider */
.our-client {
    text-align: center;
    font-size: 28px;
    font-family: arial;
    font-weight: 800;
    line-height: 2rem;
    margin-bottom: 20px;
    background-color: #0d65c2a4;
}
.slider-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding: 20px 0;
    background: #f8f9fa;
    background-image: url(img/busines-img/bg-img-2.png);
}

.slider {
    display: flex;
    align-items: center;
    animation: slide 10s linear infinite;
}

.slider:hover {
    animation-play-state: paused;
}

.slider img {
    height: 18vh;
    /* max-height: 80px; */
    margin: 0 20px;
    transition: transform 0.3s;
}

.slider img:hover {
    transform: scale(1.1);
}

.blurred {
    opacity: 0.5;
    filter: blur(3px);
    transform: scale(0.8);
}

@keyframes slide {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
/* FAQ */
.faq-section .accordion-button {
    transition: all 0.3s ease-in-out;
}
.faq-section .accordion-button:hover {
    background-color: #f8f9fa;
}
.faq-section .accordion-button::after {
    content: '\25BC'; /* Down Arrow */
    font-size: 1rem;
    transition: transform 0.3s ease-in-out;
}
.faq-section .accordion-button:not(.collapsed)::after {
    transform: rotate(360deg);
}
.faq {
    text-align: center;
    font-size: 30px;
    font-family: arai;
    font-weight: 600;
    line-height: 6rem;
}
/* section */
/* .service-box {
    padding: 20px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #f9f9f9;
    transition: transform 0.3s ease-in-out;
}
.service-box:hover {
    transform: translateY(-5px);
}
.service-box i {
    font-size: 40px;
    color: #007bff;
    margin-bottom: 15px;
}
.service-box h4 {
    text-decoration: underline;
    color: #079907c7;
} */
/*  */
.service-box {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-align: center;
    transition: 0.3s;
}
.service-box:hover {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.service-icon {
    font-size: 40px;
    margin-bottom: 10px;
    color: #007bff;
}
.service-box h5 {
    color: #19c519;
    font-size: 23px;
    text-decoration: underline;
    font-weight: 700;
}
p.full-text {
    color: white;
}
.short-text{
    color: white;
}
/* cicle-img */
.circle-img {
    width: 100%;
    max-width: 250px;
    height: 250px;
    border-radius: 50%;
    object-fit: cover;
}
h2.mb-4 {
    font-weight: 800;
    font-family: arial;
}
  /* Centering the button */
     .center-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

 /* Blinking effect */
    @keyframes blink {
        0% { opacity: 1; }
        50% { opacity: 0.5; }
        100% { opacity: 1; }
    }
    .blink-btn {
        animation: blink 1s infinite;
    }

/* Hover effect */
    .blink-btn:hover {
        animation: none; /* Stop blinking on hover */
        background-color: #ff5722 !important;
        color: white !important;
        box-shadow: 0 0 15px rgba(255, 87, 34, 0.7);
    }
    .center-container a {
        border-radius: 50px;
    }
/* box-img */
.box a img {
    width: 100%;
    height: 30vh;
    object-fit: cover;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.box a img:hover {
    transform: scale(1.05);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
}
/* bg-img */
.he-section {
    position: relative;
    height: 35vh;
    background: url('img/busines-img/Learn-1.png') center/cover no-repeat;
}
.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.hero-content {
    position: relative;
    z-index: 1;
    color: white;
    text-align: center;
}
h1.display-4 {
    font-size: 40px;
    font-family: arial;
    font-weight: 700;
    color: #ff9a03f6;
}
/* footer */
ul.list-unstyled a {
    text-decoration: none;
}
.col-md-3.mb-3 h5 {
    text-decoration: underline;
}
/* whasapp */
.whatsapp-container {
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.whatsapp-text {
    background-color: #02cc4c;
    color: white;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    animation: fadeInOut 1.5s infinite;
}
.whatsapp-btn {
    width: 60px;
    height: 60px;
    background-color: #09cc51;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    animation: blink 1.5s infinite;
    cursor: pointer;
    text-decoration: none;
}
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}
@keyframes fadeInOut {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}
/* contact-form */
.her-section{
    margin-top:0px;
    background-image: url(img/busines-img/contact-bg.png);
    color: white;
    height: 40vh;
}
.overlay{
    text-align:center;
    font-size: 60px;
    rotate: -40deg;
    font-weight: 900;
}
.heo-content h1{
    text-align:center;
    font-size: 60px;
    font-weight: 900;
    color: white;
    line-height: 9rem;
}
/* secon-nav */
.navbar-nav {
    margin-left: auto;
    gap: 20px;
    position: relative;
}
.nav-item .dropdown-menu {
    display: none;
    position: absolute;
}
.nav-item:hover .dropdown-menu {
    display: block;
    background-color:rgb(59, 226, 59);
    color: rgb(0, 0, 0);
}
.dropdown-menu { min-width: 200px; }
.navbar-toggler {
    border: none;
    outline: none;
}
a.nav-brand {
font-size: 25px;
text-decoration: underline;
font-weight: 900;
}
.bold{
margin-top: 115px
}
/* circle-movig */
.circle-container {
    position: fixed;
    top: 50%;
    right: 20px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #e60707d5;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotateCircle 5s linear infinite;
    z-index: 1;
}
.arrow {
    width: 20px;
    height: 20px;
    border-right: 3px solid white;
    border-bottom: 3px solid white;
    transform: rotate(45deg);
}
.moving-links {
    position: fixed;
    top: 50%;
    right: 20px;
    animation: moveAround 5s linear infinite;
    z-index: 1;
}
.moving-links a {
    position: absolute;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: white;
    background-color: #eff306;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
}
.about-us { top: -120px; right: -50px; }
.services { bottom: -120px; right: -50px; }
.moving-links:hover { animation-play-state: paused; }

@keyframes rotateCircle {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes moveAround {
    0% { transform: rotate(0deg) translateX(120px) rotate(0deg); }
    100% { transform: rotate(360deg) translateX(120px) rotate(-360deg); }
}
/* policy */
.policy{
    background-image: url(img/busines-img/bg-img-5.png);
    opacity: 2;
    object-fit: cover;
    overflow: hidden;
}
/* tools */
.tools{
    background-image: url(img/busines-img/bg-img-.png);
    opacity: ;
    object-fit: cover;
    overflow: hidden;
}
.seo-box{
    background-image: url(img/busines-img/bg-img-4.png);
    opacity: ;
    object-fit: cover;
    overflow: hidden;
}
/* services */
.box-text {
    transition: transform 0.3s ease, background-color 0.3s ease;
    border-radius: 10px;
    overflow: hidden;
    padding: 20px;
    text-align: center;
    background: #f8f9fa;
}
.box-text img {
    max-width: 100%;
    height: auto;
    transition: transform 0.3s ease;
    border-radius: 5px;
}
.box-text:hover {
    background-color: #3e86ce;
    transform: translateY(-5px);
}
.box-text:hover img {
    transform: scale(1.05);
}
.place{
    background-image: url(img/busines-img/contact-bg.png);
}
.circle-2-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50vh;
}
.circle-2 {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #107802;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    animation: rotate 5s linear infinite;
    box-shadow: 0 0 15px rgba(56, 169, 4, 0.711);
}
.circle-2 a {
    text-decoration: none;
    color: white;
    font-size: 20px;
    font-weight: bold;
}
.arrow-2 {
    position: absolute;
    top: -20px;
    font-size: 24px;
    animation: blink 1s infinite alternate;
    transition: transform 0.3s ease;
}
.circle-2:hover .arrow-2 {
    transform: scale(1.3);
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
.click-btn{
    background-image: url(img/busines-img/Learn-1.png);
}
/* services */
.service-box {
    transition: transform 0.3s, box-shadow 0.3s;
}
.service-box:hover {
    transform: translateY(-10px);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
.service-text {
    color: #555;
}
/*about*/
.boxes-g {
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}
.boxes-g:hover {
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
}
.boxes-g img {
    max-width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}
.carousel-container {
    position: relative;
    max-width: 90%;
    margin: auto;
}
.custom-prev, .custom-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    padding: 10px 15px;
    font-size: 24px;
    cursor: pointer;
    border-radius: 5px;
    z-index: 10;
}
.custom-prev { left: -50px; }
.custom-next { right: -50px; }
.custom-prev:hover, .custom-next:hover {
    background: rgb(254, 7, 7);
}
.stable{
font-size: 21px;
font-family: arial;
font-weight: 600;
color: #060608c5;
}
.work-us{
font-size: 35px;
color: #0291ff;
}
.Mission-r{
font-size: 18px;
}
.vision{
color: #0291ff;
}
/*lastpara*/
.banner-box {
            overflow: hidden;
            transition: transform 0.3s ease-in-out;
            border-radius: 10px;
            box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        }
        .banner-box img {
            width: 100%;
            height: auto;
            transition: transform 0.3s ease-in-out;
        }
        .banner-box:hover img {
            transform: scale(1.1);
        }
  .section-team {
            height: 30vh;
            background: url('img/busines-img/Learn-1.png') no-repeat center center/cover;
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            text-align: center;
        }
        @media (max-width: 768px) {
            .section-team {
                height: 25vh; /* Decrease height on mobile screens */
            }
        }