/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
    /*font-family: "Open Sans", sans-serif;*/
    font-family: 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444444;
}

a {
    text-decoration: none;
    color: #160a0a;
}

    a:hover {
        /*  color: #8ec4dd;*/
        color: black;
        text-decoration: none;
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#main {
    margin-top: 67px;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 998;
    background: #b53030;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    transition: all 0.4s;
}

    .back-to-top i {
        margin-top:20%!important;
        font-size: 24px;
        color: #fff;
        line-height: 0;
    }

    .back-to-top:hover {
        background: #d3797d;
        color: #fff;
    }

    .back-to-top.active {
        visibility: visible;
        opacity: 1;
    }

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    transition: all 0.5s;
    z-index: 997;
    transition: all 0.5s;
    /*padding: 7px 0;*/
    background: rgba(103, 176, 209, 0.8);
}

    #header.header-transparent {
        background: #fff;
    }

    #header.header-scrolled {
        /* background: rgba(55, 142, 181, 0.9);*/
        /*  background: rgb(181,18,18);
        padding: 12px;*/
    }

    #header .logo h1 {
        font-size: 24px;
        margin: 0;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 1px;
        font-family: "Poppins", sans-serif;
        text-transform: uppercase;
    }

        #header .logo h1 a,
        #header .logo h1 a:hover {
            color: #fff;
            text-decoration: none;
        }

    #header .logo img {
        padding: 0;
        margin: 0;
        max-height: 40px;
    }

@media (max-width: 768px) {
    #header.header-scrolled {
        /* padding: 15px 0;*/
    }
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
    padding: 0;
    position: static;
}
.navbar {
    position: relative;
    min-height: 44px !important;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
    .navbar ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
    }

    .navbar li {
        position: relative;
    }

    .navbar a,
    .navbar a:focus {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 8px 16px;
        margin-left: 10px;
        /* font-family: "Raleway", sans-serif;*/
        font-family: 'Segoe UI', SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: 700;
        color: #c00d0d;
        white-space: nowrap;
        transition: 0.3s;
    }

        .navbar a i,
        .navbar a:focus i {
            font-size: 12px;
            line-height: 0;
            margin-left: 5px;
        }

        .navbar a:hover,
        .navbar .active,
        .navbar .active:focus,
        .navbar li:hover > a {
            background: rgb(255 0 0 / 20%) !important;
        }

    .navbar .dropdown ul {
        display: block;
        position: absolute;
        left: 10px;
        top: calc(100% + 30px);
        margin: 0;
        padding: 10px 0;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
        transition: 0.3s;
    }

        .navbar .dropdown ul li {
            min-width: 200px;
        }

        .navbar .dropdown ul a {
            padding: 10px 20px;
            font-size: 15px;
            text-transform: none;
            font-weight: 600;
            color: #2f4d5a;
        }

            .navbar .dropdown ul a i {
                font-size: 12px;
            }

            .navbar .dropdown ul a:hover,
            .navbar .dropdown ul .active:hover,
            .navbar .dropdown ul li:hover > a {
                /*color: #67b0d1;*/
                color: rgb(255 0 0 / 20%);
            }

    .navbar .dropdown:hover > ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }

    .navbar .megamenu {
        position: static;
    }

        .navbar .megamenu ul {
            margin: 0;
            padding: 0;
            display: block;
            position: absolute;
            top: 130%;
            left: 0;
            right: 0;
            visibility: hidden;
            opacity: 0;
            display: flex;
            transition: 0.3s;
            border-radius: 4px;
            z-index: 99;
        }

            .navbar .megamenu ul li {
                flex: 1;
                margin-right: 2%;
            }

                .navbar .megamenu ul li strong {
                    padding: 10px 0 10px 20px;
                    display: block;
                }

                .navbar .megamenu ul li a,
                .navbar .megamenu ul li:hover > a {
                    color: rgba(var(--color-white-rgb), 0.5);
                    background: none;
                    padding: 8px 10px;
                }

                    .navbar .megamenu ul li a:hover,
                    .navbar .megamenu ul li .active,
                    .navbar .megamenu ul li .active:hover {
                        /*  color: #67b0d1;*/
                        color: rgb(181,18,18);
                    }

        .navbar .megamenu:hover > ul {
            opacity: 1;
            color: black;
            top: 100%;
            visibility: visible;
        }

    .navbar .dropdown .dropdown ul {
        top: 0;
        left: calc(100% - 30px);
        visibility: hidden;
    }

    .navbar .dropdown .dropdown:hover > ul {
        opacity: 1;
        top: 0;
        left: 100%;
        visibility: visible;
    }

@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }

    .navbar .dropdown .dropdown:hover > ul {
        left: -100%;
    }
}


/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
    color: #000000;
    font-size: 40px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

@media (max-width: 991px) {
    .mobile-nav-toggle {
        display: block;
    }

    .navbar ul {
        display: none;
    }
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(142 43 43 / 52%);
    transition: 0.3s;
}

    .navbar-mobile .mobile-nav-toggle {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .navbar-mobile ul {
        display: block;
        position: absolute;
        top: 55px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        padding: 10px 0;
        background-color: #fff;
        overflow-y: auto;
        transition: 0.3s;
    }

    .navbar-mobile a,
    .navbar-mobile a:focus {
        padding: 10px 20px;
        font-size: 15px;
        color: #c00d0d;
    }

        .navbar-mobile a:hover,
        .navbar-mobile .active,
        .navbar-mobile li:hover > a {
            /* color: #67b0d1;*/
            color: rgb(181,18,18)
        }

    .navbar-mobile .getstarted,
    .navbar-mobile .getstarted:focus {
        margin: 15px;
    }

    .navbar-mobile .dropdown ul {
        position: static;
        display: none;
        margin: 10px 20px;
        padding: 10px 0;
        z-index: 99;
        opacity: 1;
        visibility: visible;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    }

        .navbar-mobile .dropdown ul li {
            min-width: 200px;
        }

        .navbar-mobile .dropdown ul a {
            padding: 10px 20px;
        }

            .navbar-mobile .dropdown ul a i {
                font-size: 12px;
            }

            .navbar-mobile .dropdown ul a:hover,
            .navbar-mobile .dropdown ul .active:hover,
            .navbar-mobile .dropdown ul li:hover > a {
                /*  color: #67b0d1;*/
                color: rgb(181,18,18);
            }

    .navbar-mobile .dropdown > .dropdown-active {
        display: block;
    }

    .navbar-mobile .megamenu ul li a,
    .navbar-mobile .megamenu ul li:hover > a {
        color: rgba(var(--color-white-rgb), 0.5);
        background: none;
    }

        .navbar-mobile .megamenu ul li a:hover,
        .navbar-mobile .megamenu ul li .active,
        .navbar-mobile .megamenu ul li .active:hover {
            /*  color: #67b0d1;*/
            color: rgb(181,18,18);
        }

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

#hero {
    width: 100%;
    /*height: 85vh;
    background: linear-gradient(rgba(0, 0, 0, 0.125), rgb(168 189 199 / 20%)), url(../img/fixed-bg.jpg) top center;*/
    background-size: cover;
    position: relative;
    margin-bottom: -90px;
}

    #hero .hero-container {
        background: linear-gradient(rgba(0, 0, 0, 0.125), rgb(168 189 199 / 20%)), url(../img/fixed-bg.jpg) top center;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    #hero h1 {
        margin: 0 0 10px 0;
        font-size: 64px;
        font-weight: 700;
        line-height: 56px;
        text-transform: uppercase;
        color: #fff;
        text-shadow: -1px 0 2px #2f4d5a;
    }

    #hero h2 {
        color: #fff;
        margin-bottom: 50px;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
        text-shadow: -1px 0 2px #2f4d5a;
    }

    #hero .btn-get-started {
        font-size: 36px;
        display: inline-block;
        padding: 4px 0;
        border-radius: 50px;
        transition: 0.3s ease-in-out;
        margin: 10px;
        width: 64px;
        height: 64px;
        text-align: center;
        border: 2px solid #fff;
        color: #fff;
    }

        #hero .btn-get-started:hover {
            padding-top: 8px;
            background: rgba(255, 255, 255, 0.15);
        }

@media (min-width: 1024px) {
    #hero {
        background-attachment: fixed;
    }
}

@media (max-width: 768px) {
    #hero h1 {
        font-size: 28px;
        line-height: 36px;
    }

    #hero h2 {
        font-size: 25px;
        line-height: 24px;
        margin-bottom: 30px;
    }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
    /* padding: 60px 0;*/
    overflow: hidden;
}

.section-bg {
    background-color: #f4f9fc;
}

.section-title {
    text-align: center;
    padding-bottom: 30px;
}

    .section-title h2 {
        font-size: 25px;
        font-weight: bold;
        position: relative;
        /*margin-bottom: 30px;*/
        color: #2f4d5a;
        z-index: 2;
    }

        .section-title h2::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 122px;
            height: 66px;
            background: url(../img/section-title-bg.png) no-repeat;
            z-index: -1;
        }

    .section-title p {
        margin-bottom: 0;
    }

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
    padding: 15px 0;
    background-color: #f8fbfd;
    min-height: 40px;
}

    .breadcrumbs h2 {
        font-size: 24px;
        font-weight: 300;
    }

    .breadcrumbs ol {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 14px;
    }

        .breadcrumbs ol li + li {
            padding-left: 10px;
        }

            .breadcrumbs ol li + li::before {
                display: inline-block;
                padding-right: 10px;
                color: #6c757d;
                content: "/";
            }

@media (max-width: 768px) {
    .breadcrumbs .d-flex {
        display: block !important;
    }

    .breadcrumbs ol {
        display: block;
    }

        .breadcrumbs ol li {
            display: inline-block;
        }
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about {
    background: url("../img/about-bg.jpg") center center no-repeat;
    background-size: cover;
    /* padding: 60px 0;*/
    position: relative;
}

    .about::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.75);
        z-index: 9;
    }

    .about .container {
        padding:4%;
        position: relative;
        z-index: 10;
    }

    .about .content {
         padding: 30px 30px 30px 0;
    }

        .about .content h3 {
            font-weight: 700;
            font-size: 34px;
            color: #2f4d5a;
            margin-bottom: 30px;
        }

        .about .content p {
          /*  margin-bottom: 30px;*/
        }

        .about .content .about-btn {
            display: inline-block;
            background: #67b0d1;
            padding: 6px 44px 8px 30px;
            color: #fff;
            border-radius: 50px;
            transition: 0.3s;
            position: relative;
        }

            .about .content .about-btn i {
                font-size: 18px;
                position: absolute;
                right: 18px;
                top: 9px;
            }

            .about .content .about-btn:hover {
                background: #7bbad7;
            }

    .about .icon-boxes .icon-box {
        margin-top: 30px;
    }

        .about .icon-boxes .icon-box i {
            font-size: 40px;
            /*  color: #67b0d1;*/
            color: rgb(181,18,18);
            margin-bottom: 10px;
        }

        .about .icon-boxes .icon-box h4 {
            font-size: 20px;
            font-weight: 700;
            margin: 0 0 10px 0;
        }

        .about .icon-boxes .icon-box p {
            font-size: 15px;
            color: #848484;
        }

@media (max-width: 1200px) {
    .about .content {
        padding-right: 0;
    }
}

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

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
    padding: 30px;
    position: relative;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
}

    .services .icon-box::before {
        content: "";
        position: absolute;
        background: white;
        right: 0;
        left: 0;
        bottom: 0;
        top: 100%;
        transition: all 0.3s;
        z-index: -1;
    }

    .services .icon-box:hover::before {
        background: #67b0d1;
        top: 0;
        border-radius: 0px;
    }

.services .icon {
    margin-bottom: 15px;
}

    .services .icon i {
        font-size: 48px;
        line-height: 1;
        /* color: #67b0d1;*/
        color: rgb(181,18,18);
        transition: all 0.3s ease-in-out;
    }

.services .title {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
}

    .services .title a {
        color: #111;
    }

.services .description {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0;
}

.services .icon-box:hover .title a,
.services .icon-box:hover .description {
    color: #fff;
}

.services .icon-box:hover .icon i {
    color: #fff;
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
    padding-bottom: 30px;
}

    .counts .count-box {
        padding: 30px;
        width: 100%;
    }

        .counts .count-box i {
            display: block;
            font-size: 44px;
            /*color: #67b0d1;*/
            color: rgb(181,18,18);
            float: left;
            line-height: 0;
        }

        .counts .count-box span {
            font-size: 48px;
            line-height: 40px;
            display: block;
            font-weight: 700;
            color: #2f4d5a;
            margin-left: 60px;
        }

        .counts .count-box p {
            padding: 15px 0 0 0;
            margin: 0 0 0 60px;
            font-family: "Raleway", sans-serif;
            font-size: 14px;
            color: #49788c;
        }

        .counts .count-box a {
            font-weight: 600;
            display: block;
            margin-top: 20px;
            color: #49788c;
            font-size: 15px;
            font-family: "Poppins", sans-serif;
            transition: ease-in-out 0.3s;
        }

            .counts .count-box a:hover {
                color: #6e9fb4;
            }

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
    /*background: linear-gradient(rgba(103, 176, 209, 0.8), rgba(103, 176, 209, 0.8)), url("../img/cta-bg.jpg") fixed center center;*/
    background-image: url("../img/fixed-background-2.jpg");
    background-size: cover;
    padding: 60px 0;
}

    .cta h2 {
        color: #ad1c1c;
        font-size: 25px;
        font-weight: 600;
    }

    .cta p {
        color: #ffffff;
        font-size: 18px;
    }

    .cta .cta-btn {
        /* font-family: "Raleway", sans-serif;*/
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgb(255 255 255);
        color: #ad1c1c;
    }

        .cta .cta-btn:hover {
            border-color: #fff;
            background: white;
        }
.cta1 {
    /*background: linear-gradient(rgba(103, 176, 209, 0.8), rgba(103, 176, 209, 0.8)), url("../img/cta-bg.jpg") fixed center center;*/
    background-image: url("../img/fixed-background.jpg");
    background-size: cover;
    padding: 60px 0;
}

    .cta1 h3 {
        margin-top: 4% !important;
        color: #c33737;
        font-size: 25px;
        font-weight: 700;
    }

    .cta1 p {
        color: navy;
        font-size: 18px;
    }

    .cta1 .cta1-btn {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .cta1 .cta1-btn:hover {
            border-color: #fff;
        }
/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/

.portfolio .portfolio-item {
    margin-bottom: 30px;
}

.portfolio #portfolio-flters {
    padding: 0;
    margin: 0 auto 35px auto;
    list-style: none;
    text-align: center;
    background: #ecf5f9;
    border-radius: 50px;
    padding: 2px 15px;
}

    .portfolio #portfolio-flters li {
        cursor: pointer;
        display: inline-block;
        padding: 10px 15px 8px 15px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        text-transform: uppercase;
        color: #2f4d5a;
        margin-bottom: 5px;
        transition: all 0.3s ease-in-out;
    }

        .portfolio #portfolio-flters li:hover,
        .portfolio #portfolio-flters li.filter-active {
            /*color: #67b0d1;*/
            color: rgb(181,18,18);
        }

        .portfolio #portfolio-flters li:last-child {
            margin-right: 0;
        }

.portfolio .portfolio-wrap {
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .portfolio .portfolio-wrap::before {
        content: "";
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        transition: all ease-in-out 0.3s;
        z-index: 2;
        opacity: 0;
    }

    .portfolio .portfolio-wrap .portfolio-links {
        opacity: 1;
        left: 0;
        right: 0;
        bottom: -60px;
        z-index: 3;
        position: absolute;
        transition: all ease-in-out 0.3s;
        display: flex;
        justify-content: center;
    }

        .portfolio .portfolio-wrap .portfolio-links a {
            color: #fff;
            font-size: 28px;
            text-align: center;
            /*background: rgba(103, 176, 209, 0.75);*/
            background: rgb(235 92 92 / 75%);
            transition: 0.3s;
            width: 100%;
        }

            .portfolio .portfolio-wrap .portfolio-links a:hover {
                background: rgb(235 92 92 / 75%);
            }

            .portfolio .portfolio-wrap .portfolio-links a + a {
                border-left: 1px solid #8ec4dd;
            }

    .portfolio .portfolio-wrap:hover::before {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 1;
    }
.portfolio .text-center {
    text-align: left !important;
    /*margin-left: 6px !important;*/
}

    .portfolio .portfolio-wrap:hover .portfolio-links {
        opacity: 1;
        bottom: 0;
    }

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
    padding-top: 40px;
}

    .portfolio-details .portfolio-details-slider img {
        width: 100%;
    }

    .portfolio-details .portfolio-details-slider .swiper-pagination {
        margin-top: 20px;
        position: relative;
    }

        .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
            width: 12px;
            height: 12px;
            background-color: #fff;
            opacity: 1;
            border: 1px solid #67b0d1;
        }

        .portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
            background-color:#bf3e3e;
        }

    .portfolio-details .portfolio-info {
        padding: 30px;
        box-shadow: 0px 0 30px rgba(47, 77, 90, 0.08);
    }

        .portfolio-details .portfolio-info h3 {
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eee;
        }

        .portfolio-details .portfolio-info ul {
            list-style: none;
            padding: 0;
            font-size: 15px;
        }

            .portfolio-details .portfolio-info ul li + li {
                margin-top: 10px;
            }

    .portfolio-details .portfolio-description {
        padding-top: 30px;
    }

        .portfolio-details .portfolio-description h2 {
            font-size: 26px;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .portfolio-details .portfolio-description p {
            padding: 0;
        }

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
    overflow: hidden;
}

.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
    overflow: hidden;
}

.testimonials .testimonial-item {
    box-sizing: content-box;
    text-align: center;
    min-height: 280px;
}

    .testimonials .testimonial-item .testimonial-img {
        width: 150px;
        border-radius: 60%;
        margin: 0 auto;
    }

    .testimonials .testimonial-item h3 {
        font-size: 18px;
        font-weight: bold;
        padding: 15px 0 10px 0;
        color: #111;
        background: #fff;
        margin: 10px;
        margin-bottom: 0px !important;
        position: relative;
        text-align: center;
    }

    .testimonials .testimonial-item h4 {
        font-size: 14px;
        color: #999;
        margin: 0;
    }
    .testimonials .testimonial-item h5 {
        font-size: 18px;
        color: #000000f7;
        margin: 0;
    }

    .testimonials .testimonial-item .quote-icon-left,
    .testimonials .testimonial-item .quote-icon-right {
        color: #d5e9f2;
        font-size: 26px;
    }

    .testimonials .testimonial-item .quote-icon-left {
        display: inline-block;
        left: -5px;
        position: relative;
    }

    .testimonials .testimonial-item .quote-icon-right {
        display: inline-block;
        right: -5px;
        position: relative;
        top: 10px;
    }

    .testimonials .testimonial-item p {
        font-size:14px!important;
        background: #fff;
        margin: 10px;
        margin-top: 0px;
        padding: 2%;
        position: relative;
        text-align: Left;
    }

/*.testimonials .testimonial-item p::after {
            content: "";
            width: 0;
            height: 0;
            border-top: 20px solid #fff;
            border-right: 20px solid transparent;
            border-left: 20px solid transparent;
            position: absolute;
            bottom: -20px;
            left: calc(50% - 20px);
        }*/

.testimonials .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

    .testimonials .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background-color: #fff;
        opacity: 1;
        border: 1px solid #c10000;
    }

    .testimonials .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #c10000;
    }

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member {
    text-align: center;
    margin-bottom: 80px;
    position: relative;
}

    .team .member .pic {
        overflow: hidden;
    }

    .team .member .member-info {
        position: absolute;
        top: 85%;
        left: 20px;
        right: 20px;
        background: #fff;
        padding: 20px 0;
        color: #2f4d5a;
        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
        max-height: 95px;
        overflow: hidden;
        transition: max-height 0.5s ease-in-out;
    }

    .team .member:hover .member-info {
        max-height: 300px;
    }

    
    .team .member h4 {
        font-weight: 700;
        margin-bottom: 10px;
        font-size: 16px;
        color: #2f4d5a;
        position: relative;
        padding-bottom: 10px;
    }

        .team .member h4::after {
            content: "";
            position: absolute;
            display: block;
            width: 50px;
            height: 1px;
            background: #b1cbd7;
            bottom: 0;
            left: calc(50% - 25px);
        }

    .team .member span {
        font-style: italic;
        display: block;
        font-size: 13px;
    }

    .team .member .social {
        margin-top: 15px;
    }

        .team .member .social a {
            transition: color 0.3s;
            color: #52869d;
        }

            .team .member .social a:hover {
                color: #dc3545;
            }

        .team .member .social i {
            font-size: 16px;
            margin: 0 2px;
        }

@media (max-width: 992px) {
    .team .member {
        margin-bottom: 110px;
    }
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact {
    padding-bottom: 80px;
}

    .contact .info-box {
        color: #444444;
        background: #fff;
        text-align: center;
        box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
        padding: 20px 0 30px 0;
    }

        .contact .info-box i {
            font-size: 32px;
            color: #cd1e3f;
            border-radius: 50%;
            padding: 8px;
            border: 2px dotted #f0f7fa;
        }

        .contact .info-box h3 {
            font-size: 18px;
            color: #777777;
            font-weight: 700;
            margin: 10px 0;
        }

        .contact .info-box p {
            padding: 0;
            line-height: 24px;
            font-size: 14px;
            margin-bottom: 0;
        }

    .contact .php-email-form {
        box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
        padding: 30px;
        background: #fff;
    }

        .contact .php-email-form .error-message {
            display: none;
            color: #fff;
            background: #ed3c0d;
            text-align: left;
            padding: 15px;
            font-weight: 600;
        }

            .contact .php-email-form .error-message br + br {
                margin-top: 25px;
            }

        .contact .php-email-form .sent-message {
            display: none;
            color: #fff;
            background: #18d26e;
            text-align: center;
            padding: 15px;
            font-weight: 600;
        }

        .contact .php-email-form .loading {
            display: none;
            background: #fff;
            text-align: center;
            padding: 15px;
        }

            .contact .php-email-form .loading:before {
                content: "";
                display: inline-block;
                border-radius: 50%;
                width: 24px;
                height: 24px;
                margin: 0 10px -6px 0;
                border: 3px solid #18d26e;
                border-top-color: #eee;
                animation: animate-loading 1s linear infinite;
            }

        .contact .php-email-form input,
        .contact .php-email-form textarea {
            border-radius: 0;
            box-shadow: none;
            font-size: 14px;
        }

            .contact .php-email-form input:focus,
            .contact .php-email-form textarea:focus {
                background-color: #67b0d1;
            }

        .contact .php-email-form input {
            padding: 10px 15px;
        }

        .contact .php-email-form textarea {
            padding: 12px 15px;
        }

        .contact .php-email-form button[type=submit] {
            background: #67b0d1;
            border: 0;
            padding: 10px 24px;
            color: #fff;
            transition: 0.4s;
        }

            .contact .php-email-form button[type=submit]:hover {
                background: #8ec4dd;
            }

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
    background-image: url('../img/foot/red1.jpg');
   
  /*  background: ##ececec;*/
    padding: 0 0 30px 0;
    color: #fff;
    font-size: 14px;
    background-repeat: no-repeat;
    background-size: cover; /* or contain, depending on your preference */
    background-position: center; /* adjust as needed */
    padding: 0 0 30px 0;
}

    #footer .footer-top {
        padding: 60px 0 30px 0;
    }

        #footer .footer-top .footer-info {
            margin-top: -90px;
            margin-bottom: 15px;
            background: #d7d2d2a1;
            color: #2f4d5a;
            border-top: 4px solid #cd2b2b;
            text-align: left;
            padding: 30px 20px;
            margin-left:-14%;
        }

            #footer .footer-top .footer-info h3 {
                color: #cd2b2b;
                text-align:center;
                background-color: #d7d2d200;
                font-size: 24px;
                margin: 0 0 20px 0;
                padding: 2px 0 2px 0;
                line-height: 1;
                font-weight: 700;
            }

            #footer .footer-top .footer-info p {
                text-align:Left;
                font-size: 14px;
                line-height: 24px;
                margin-bottom: 0;
                /*font-family: "Raleway", sans-serif;*/
            }

        #footer .footer-top .social-links a {
         
            font-size: 18px;
            display: inline-block;
            background: #b12222;
            color: #fff;
            line-height: 1;
            padding: 8px 0;
            margin-right: 4px;
            border-radius: 50%;
            text-align: center!important;
            width: 36px;
            height: 36px;
            transition: 0.3s;
        }

            #footer .footer-top .social-links a:hover {
                background: #d08180;
                color: #fff;
                text-decoration: none;
            }

        #footer .footer-top h4 {
            font-size: 18px;
            font-weight: 600;
            color: #b92222;
            position: relative;
            padding-bottom: 12px;
        }

        #footer .footer-top .footer-links {
            margin-bottom: 30px;
        }

            #footer .footer-top .footer-links ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }

                #footer .footer-top .footer-links ul i {
                    padding-right: 2px;
                    color: #c10808;
                    font-size: 18px;
                    line-height: 1;
                }

                #footer .footer-top .footer-links ul li {
                    padding: 10px 0;
                    display: flex;
                    align-items: center;
                }

                    #footer .footer-top .footer-links ul li:first-child {
                        padding-top: 0;
                    }

                #footer .footer-top .footer-links ul a {
                    color: #231e1e;
                    transition: 0.3s;
                    display: inline-block;
                    line-height: 1;
                }

                    #footer .footer-top .footer-links ul a:hover {
                        color: #b92222;
                    }

        #footer .footer-top .footer-newsletter form {
            margin-top: 30px;
            background: #fff;
            padding: 6px 10px;
            position: relative;
            border-radius: 4px;
        }

            #footer .footer-top .footer-newsletter form input[type=email] {
                border: 0;
                padding: 4px;
                width: calc(100% - 110px);
            }

            #footer .footer-top .footer-newsletter form input[type=submit] {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                border: 0;
                background: none;
                font-size: 16px;
                padding: 0 20px;
                background: #67b0d1;
                color: #fff;
                transition: 0.3s;
                border-radius: 4px;
            }

                #footer .footer-top .footer-newsletter form input[type=submit]:hover {
                    background: #409cc5;
                }

    #footer .copyright {
        border-top: 1px solid #385b6b;
        text-align: center;
        padding-top: 30px;
    }

    #footer .credits {
        padding-top: 10px;
        text-align: center;
        font-size: 13px;
        color: #fff;
    }

@media (max-width: 575px) {
    #footer .footer-top .footer-info {
        margin: -20px 0 30px 0;
    }
}
/*our styles*/
.rpa-container {
    display: flex;
    align-items: center;
}

.rpa-text,
.rpa-img {
    margin: 0;
    padding: 0;
}


.rpa-text {
    margin-right: 61%;
}


.rpa-img {
    width: 20%;
    height: auto;
    margin-top: -3% !important;
    margin-bottom: -3% !important;
}

.AI-container {
    display: flex;
    align-items: center;
    margin-top: 2%;
}

.AI-text,
.AI-img {
    margin: 0;
    padding: 0;
}


.AI-text {
    margin-right: 25%;
}


.AI-img {
    width: 21%;
    height: auto;
    margin-top: -3% !important;
    margin-bottom: -3% !important;
}

.ERP-container {
    display: flex;
    align-items: center;
    margin-top: 2%;
}

.ERP-text,
.ERP-img {
    margin: 0;
    padding: 0;
}


.ERP-text {
    margin-right: 46%;
    padding-right:30px;
}


.ERP-img {
    width: 20%;
    height: auto;
    
}

.Bigdata-container {
    display: flex;
    align-items: center;
    margin-top: 1%;
}

.Bigdata-text,
.Bigdata-img {
    margin: 0;
    padding: 0;
}


.Bigdata-text {
    margin-right: 16%;
}


.Bigdata-img {
    width: 16%;
    height: auto;
    margin-bottom: -1% !important;
    margin-top: -1% !important;
}

.mobile-container {
    display: flex;
    align-items: center;
    margin-top: 1%;
}

.mobile-text,
.mobile-img {
    margin: 0;
    padding: 0;
}


.mobile-text {
    margin-right: 32%;
}


.mobile-img {
    width: 16%;
    height: auto;
    margin-bottom: -3% !important;
    margin-top: -3% !important;
}

.ml-container {
    display: flex;
    align-items: center;
    margin-top: 2%;
}

.ml-text,
.ml-img {
    margin: 0;
    padding: 0;
}


.ml-text {
    margin-right: -4%;
}


.ml-img {
    width: 19%;
    height: auto;
    margin-bottom: -2% !important;
    margin-top: -2% !important;
}

.uiux-container {
    display: flex;
    align-items: center;
    margin-top: 2%;
}

.uiux-text,
.uiux-img {
    margin: 0;
    padding: 0;
}


.uiux-text {
    margin-right: 9%;
}


.uiux-img {
    width: 18%;
    height: auto;
    margin-bottom: -2% !important;
    margin-top: -2% !important;
}

.gen-container {
    display: flex;
    align-items: center;
}

.gen-text,
.gen-img {
    margin: 0;
    padding: 0;
}


.gen-text {
    margin-right: 3%;
}


.gen-img {
    width: 19%;
    height: auto;
    margin-bottom: -2% !important;
    margin-top: -2% !important;
}

.cloud-container {
    display: flex;
    align-items: center;
    margin-top: 2%;
}

.cloud-text,
.cloud-img {
    margin: 0;
    padding: 0;
}


.cloud-text {
    margin-right: 9%;
}


.cloud-img {
    width: 20%;
    height: auto;
    margin-bottom: -3% !important;
    margin-top: -3% !important;
}

@media (min-width: 1200px) {
    .container1, .container1-lg, .container1-md, .container1-sm, .container1-xl {
        max-width: 1256px !important;
        /*margin-left: 17px;
        margin-right: 17px;*/
        padding-left:5%;
    }
}

#top-header {
    background: #c00d0d;
    color: #fff;
    font-size: 14px;
    height:24px;
    padding-left: 1% !important;
    padding-right: 1% !important;
}

    #top-header .container1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #top-header .contact-info i {
        margin-right: 5px;
    }

    #top-header .social-links a {
        color: #fff;
        margin-left: 10px;
        display: inline-block;
    }

        #top-header .social-links a:hover {
            color: #ddd;
        }

.position-relative {
    position: relative !important;
    height: 45px !important;
    padding-left:1% !important;
    padding-right:1% !important;
}

.align-items-center {
    align-items: normal !important;
}


.abt {
    background-image: url('../img/Aboutus/team.jpg');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .abt h3 {
        margin-left: 60%;
        margin-top: 15%;
        color: #d6d4d5;
        font-size: 25px;
        font-weight: 700;
    }

    .abt p {
        font-size: 12px;
        margin-left: 60%;
        color: #d6d4d5;
    }

    .abt .abt-btn {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .abt .abt-btn:hover {
            border-color: #fff;
        }

/* Media query for mobile devices */
@media (max-width: 767px) {
    .abt {
        height: auto; /* Make the height auto to fit content */
        padding: 40px 0; /* Adjust padding if needed */
    }

        .abt h3 {
            font-size: 24px; /* Adjust font size for better readability */
        }

        .abt p {
            font-size: 10px; /* Adjust font size for better readability */
        }

        .abt .abt-btn {
            font-size: 14px; /* Adjust font size for better readability */
            padding: 6px 20px; /* Adjust padding for smaller buttons */
        }
}
.typed-cursor {
    opacity: 0!important;
}
testimonial-item h5{
    margin-top:2%;
}
@media (max-width: 991px) {
    .about .img-fluid {
        max-width: 100%!important;
        height: auto!important;
        align-items: center!important;
        padding-right: 53px!important;
    }
}
.about .content .about-btn {
    display: inline-block;
    background: white;
    padding: 6px 44px 8px 30px;
    color: rgb(181,18,18);
    border-radius: 50px;
    transition: 0.3s;
    position: relative;
    border: 1px solid rgb(181 18 18);
}

    .about .content .about-btn i {
        font-size: 18px;
        position: absolute;
        right: 18px;
        top: 9px;
    }

    .about .content .about-btn:hover {
        background: rgb(181,18,18);
        color: #fff;
    }
.overlay-content {
    position: relative;
    z-index: 20;
}

.overlay-dense::after {
    opacity: 0.9 !important;
}

@media (min-width: 576px) {
    .light-overlay-sm,
    .overlay-hover-light-sm {
        position: relative;
    }

        .light-overlay-sm::after,
        .overlay-hover-light-sm::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: " ";
            background: #fff;
        }
}

@media (min-width: 576px) {
    .overlay-hover-light-sm::after {
        transition: opacity 0.15s linear;
        opacity: 0;
    }
}

@media (min-width: 576px) {
    .light-overlay-sm::after,
    .overlay-hover-light-sm:hover::after {
        opacity: 0.4;
    }
}

@media (min-width: 576px) {
    .light-overlay-sm-0::after,
    .overlay-hover-light-sm-0:hover::after {
        display: none;
    }
}

.dark-overlay-sm {
    position: relative;
}

@media (min-width: 576px) {
    .dark-overlay-sm::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        opacity: 0.4;
        background: #000;
    }
}

@media (min-width: 576px) {
    .dark-overlay-sm-0::after {
        display: none;
    }
}

@media (min-width: 768px) {
    .light-overlay-md,
    .overlay-hover-light-md {
        position: relative;
    }

        .light-overlay-md::after,
        .overlay-hover-light-md::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: " ";
            background: #fff;
        }
}

@media (min-width: 768px) {
    .overlay-hover-light-md::after {
        transition: opacity 0.15s linear;
        opacity: 0;
    }
}

@media (min-width: 768px) {
    .light-overlay-md::after,
    .overlay-hover-light-md:hover::after {
        opacity: 0.4;
    }
}

@media (min-width: 768px) {
    .light-overlay-md-0::after,
    .overlay-hover-light-md-0:hover::after {
        display: none;
    }
}

.dark-overlay-md {
    position: relative;
}

@media (min-width: 768px) {
    .dark-overlay-md::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        opacity: 0.4;
        background: #000;
    }
}

@media (min-width: 768px) {
    .dark-overlay-md-0::after {
        display: none;
    }
}

@media (min-width: 992px) {
    .light-overlay-lg,
    .overlay-hover-light-lg {
        position: relative;
    }

        .light-overlay-lg::after,
        .overlay-hover-light-lg::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: " ";
            background: #fff;
        }
}

@media (min-width: 992px) {
    .overlay-hover-light-lg::after {
        transition: opacity 0.15s linear;
        opacity: 0;
    }
}

@media (min-width: 992px) {
    .light-overlay-lg::after,
    .overlay-hover-light-lg:hover::after {
        opacity: 0.4;
    }
}

@media (min-width: 992px) {
    .light-overlay-lg-0::after,
    .overlay-hover-light-lg-0:hover::after {
        display: none;
    }
}

.dark-overlay-lg {
    position: relative;
}

@media (min-width: 992px) {
    .dark-overlay-lg::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        opacity: 0.4;
        background: #000;
    }
}

@media (min-width: 992px) {
    .dark-overlay-lg-0::after {
        display: none;
    }
}

@media (min-width: 1200px) {
    .light-overlay-xl,
    .overlay-hover-light-xl {
        position: relative;
    }

        .light-overlay-xl::after,
        .overlay-hover-light-xl::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: " ";
            background: #fff;
        }
}

@media (min-width: 1200px) {
    .overlay-hover-light-xl::after {
        transition: opacity 0.15s linear;
        opacity: 0;
    }
}

@media (min-width: 1200px) {
    .light-overlay-xl::after,
    .overlay-hover-light-xl:hover::after {
        opacity: 0.4;
    }
}

@media (min-width: 1200px) {
    .light-overlay-xl-0::after,
    .overlay-hover-light-xl-0:hover::after {
        display: none;
    }
}

.dark-overlay-xl {
    position: relative;
}

@media (min-width: 1200px) {
    .dark-overlay-xl::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        opacity: 0.4;
        background: #000;
    }
}

@media (min-width: 1200px) {
    .dark-overlay-xl-0::after {
        display: none;
    }
}

@media (min-width: 1400px) {
    .light-overlay-xxl,
    .overlay-hover-light-xxl {
        position: relative;
    }

        .light-overlay-xxl::after,
        .overlay-hover-light-xxl::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: " ";
            background: #fff;
        }
}

@media (min-width: 1400px) {
    .overlay-hover-light-xxl::after {
        transition: opacity 0.15s linear;
        opacity: 0;
    }
}

@media (min-width: 1400px) {
    .light-overlay-xxl::after,
    .overlay-hover-light-xxl:hover::after {
        opacity: 0.4;
    }
}

@media (min-width: 1400px) {
    .light-overlay-xxl-0::after,
    .overlay-hover-light-xxl-0:hover::after {
        display: none;
    }
}

.dark-overlay-xxl {
    position: relative;
}

@media (min-width: 1400px) {
    .dark-overlay-xxl::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        opacity: 0.4;
        background: #000;
    }
}

@media (min-width: 1400px) {
    .dark-overlay-xxl-0::after {
        display: none;
    }
}

.light-overlay,
.overlay-hover-light {
    position: relative;
}

    .light-overlay::after,
    .overlay-hover-light::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        background: #fff;
    }

    .overlay-hover-light::after {
        transition: opacity 0.15s linear;
        opacity: 0;
    }

    .light-overlay::after,
    .overlay-hover-light:hover::after {
        opacity: 0.4;
    }

.light-overlay-0::after,
.overlay-hover-light-0:hover::after {
    display: none;
}

.dark-overlay {
    position: relative;
}

    .dark-overlay::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        opacity: 0.4;
        background: #000;
    }

.dark-overlay-0::after {
    display: none;
}

.primary-overlay {
    position: relative;
}

    .primary-overlay::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        opacity: 0.4;
        /*background: #4fbfa8;*/
        background: #235dd5;
        transition: all 0.3s;
    }

.secondary-overlay {
    position: relative;
}

    .secondary-overlay::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        opacity: 0.4;
        background: #949494;
        transition: all 0.3s;
    }

.success-overlay {
    position: relative;
}

    .success-overlay::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        opacity: 0.4;
        background: #28a745;
        transition: all 0.3s;
    }

.info-overlay {
    position: relative;
}

    .info-overlay::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        opacity: 0.4;
        background: #17a2b8;
        transition: all 0.3s;
    }

.warning-overlay {
    position: relative;
}

    .warning-overlay::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        opacity: 0.4;
        background: #ffc107;
        transition: all 0.3s;
    }

.danger-overlay {
    position: relative;
}

    .danger-overlay::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        opacity: 0.4;
        background: #dc3545;
        transition: all 0.3s;
    }

.light-overlay {
    position: relative;
}

    .light-overlay::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        opacity: 0.4;
        background: #f8f9fa;
        transition: all 0.3s;
    }

.dark-overlay {
    position: relative;
}

    .dark-overlay::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: " ";
        opacity: 0.4;
        background: #414141;
        transition: all 0.3s;
    }
    /*<!-RPAService->*/
.RPAdetails {
    background-image: url('../img/RPA/robotics.jpeg');
    /*background-image: url('../img/Aboutus/team.jpg');*/
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .RPAdetails h3 {
        width:65%;
        /*margin-left: 41%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .RPAdetails p {
        font-size: 15px;
        width: 48%;
        /*margin-left: 60%;*/
        color: #ffff;
    }

    .RPAdetails .RPAdetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .RPAdetails .RPAdetails:hover {
            border-color: #fff;
        }
@media (max-width: 768px) {
    .RPAdetails {
        padding: 30px 0;
        height: auto;
    }

        .RPAdetails h3 {
            font-size: 18px;
            width: 100%;
            /*margin-left: auto;*/
            margin-right: auto;
        }

        .RPAdetails p {
            font-size: 14px;
            width: 100%;
           /* margin-left: auto;*/
            margin-right: auto;
        }
}
/*<!-mblService->*/
.mbldetails {
    background-image: url('../img/MobileApps/mobile.jpg');
   
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .mbldetails h3 {
        width: 100%;
        /*margin-left: 41%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .mbldetails p {
        font-size: 15px;
        width:50%;
        /*margin-left: 50%;*/
        color: #ffff;
    }

    .mbldetails .mbldetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .mbldetails .mbldetails:hover {
            border-color: #fff;
        }

@media (max-width: 768px) {
    .mbldetails {
        padding: 30px 0;
        height: auto;
    }

        .mbldetails h3 {
            font-size: 18px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .mbldetails p {
            font-size: 14px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
}
.portfolio1{
   /* background-color:whitesmoke;*/
}
/*<!-mlService->*/
.mldetails {
    background-image: url('../img/ML&AI/machinelearning.jpg');
  
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .mldetails h3 {
        width: 100%;
     /*  margin-left: 55%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .mldetails p {
        font-size: 15px;
        width:50%;
       /* margin-left: 60%;*/
        color: #ffff;
    }

    .mldetails .mldetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .mbldetails .mbldetails:hover {
            border-color: #fff;
        }

@media (max-width: 768px) {
    .mldetails {
        padding: 30px 0;
        height: auto;
    }

        .mldetails h3 {
            font-size: 18px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .mldetails p {
            font-size: 14px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
}
/*<!-genService->*/
.gendetails {
    background-image: url('../img/GenAI/GenAI.jpg');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .gendetails h3 {
        width: 100%;
        /*margin-left: 48%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .gendetails p {
        font-size: 15px;
        width:50%;
        /*margin-left: 60%;*/
        color: #ffff;
    }

    .gendetails .gendetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .gendetails .gendetails:hover {
            border-color: #fff;
        }

@media (max-width: 768px) {
    .gendetails {
        padding: 30px 0;
        height: auto;
    }

        .gendetails h3 {
            font-size: 18px;
            width: 100%;
            /*margin-left: 34%;*/
            margin-right: auto;
        }

        .gendetails p {
            font-size: 14px;
            width: 100%;
            /*margin-left: 14%;*/
            margin-right: auto;
        }
}
/* ERP Details */
.erpdetails {
    background-image: url('../img/ERP/erp.png');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .erpdetails h3 {
        width: 100%;
        /*margin-left: 47%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .erpdetails p {
        font-size: 15px;
        width:50%;
        /*margin-left: 60%;*/
        color: #ffff;
    }

    .erpdetails .erpdetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .erpdetails .erpdetails:hover {
            border-color: #fff;
        }

@media (max-width: 768px) {
    .erpdetails {
        padding: 30px 0;
        height: auto;
    }

        .erpdetails h3 {
            font-size: 18px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .erpdetails p {
            font-size: 14px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
}
.contact-info a {
    color: white;
}
/*.testimonial-item {
    background-color: #ebebeb00;*/ /* Light gray background color */
    /*padding: 20px;*/ /* Add some padding around the content */
    /*border-radius: 10px;*/ /* Optional: adds rounded corners */
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/ /* Optional: adds a subtle shadow */
    /*height: 356px;*/ /* Fixed height */
    /*overflow: hidden;
    margin: 10px;
}*/


.testimonials .testimonial-item1 {
    box-sizing: content-box;
    text-align: center;
    min-height: 280px;
}
.testimonials .testimonial-item1 .testimonial-img {
    width: 150px;
    border-radius: 60%;
    margin: 0 auto;
}

.testimonials .testimonial-item1 h3 {
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0 10px 0;
    color: #111;
    background: #fff;
    margin: 10px;
    margin-bottom: 0px !important;
    position: relative;
    text-align: center;
}

.testimonials .testimonial-item1 h4 {
    font-size: 14px;
    color: #999;
    margin: 0;
}

.testimonials .testimonial-item1 .quote-icon-left,
.testimonials .testimonial-item1 .quote-icon-right {
    color: #d5e9f2;
    font-size: 26px;
}

.testimonials .testimonial-item1 .quote-icon-left {
    display: inline-block;
    left: -5px;
    position: relative;
}

.testimonials .testimonial-item1 .quote-icon-right {
    display: inline-block;
    right: -5px;
    position: relative;
    top: 10px;
}

.testimonials .testimonial-item1 p {
    background: #fff;
    margin: 10px;
    margin-top: 0px;
    padding: 2%;
    position: relative;
    text-align: Left;
}
/*Cloud Details*/
.clouddetails {
    background-image: url('../img/Cloud/cloud.jpg');
   
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .clouddetails h3 {
        width: 100%;
       /* margin-left: 53%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .clouddetails p {
        font-size: 15px;
        width:50%;
        /*margin-left: 60%;*/
        color: #ffff;
    }

    .clouddetails .clouddetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .clouddetails .clouddetails:hover {
            border-color: #fff;
        }

@media (max-width: 768px) {
    .clouddetails {
        padding: 30px 0;
        height: auto;
    }

        .clouddetails h3 {
            font-size: 18px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .clouddetails p {
            font-size: 14px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
}
/* BIG DATA Details */
.datadetails {
    background-image: url('../img/B-DATA/data.jpg');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .datadetails h3 {
        width: 100%;
       /* margin-left: 33%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .datadetails p {
        font-size: 15px;
        width:50%;
        /*margin-left: 40%;*/
        color: #ffff;
    }

    .datadetails .datadetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .datadetails .datadetails:hover {
            border-color: #fff;
        }

@media (max-width: 768px) {
    .datadetails {
        padding: 30px 0;
        height: auto;
    }

        .datadetails h3 {
            font-size: 18px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .datadetails p {
            font-size: 14px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
}

/* SUPPLY CHAIN Details */
.supplydetails {
    background-image: url('../img/SUPPLY_CHAIN/supply.jpg');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .supplydetails h3 {
        width: 100%;
        /*margin-left: 29%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .supplydetails p {
        font-size: 15px;
       /* margin-left: 48%;*/
       width:50%;
        color: #ffff;
    }

    .supplydetails .supplydetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .supplydetails .supplydetails:hover {
            border-color: #fff;
        }

@media (max-width: 768px) {
    .supplydetails {
        padding: 30px 0;
        height: auto;
    }

        .supplydetails h3 {
            font-size: 18px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .supplydetails p {
            font-size: 14px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
}
/* UI/UX Details */
.uiuxdetails {
    background-image: url('../img/UIUX/ui-ux-design1.jpg');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .uiuxdetails h3 {
        width:100%;
        /*margin-left: 38%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .uiuxdetails p {
        font-size: 15px;
        /*margin-left: 39%;*/
        width:50%;
        color: #ffff;
    }

    .uiuxdetails .uiuxdetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .uiuxdetails .uiuxdetails:hover {
            border-color: #fff;
        }

@media (max-width: 768px) {
    .uiuxdetails {
        padding: 30px 0;
        height: auto;
    }

        .uiuxdetails h3 {
            font-size: 18px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .uiuxdetails p {
            font-size: 14px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
}
.mb-3 {
     margin-bottom: 0rem !important; 
}
.img-fluid {
    max-width: 100%;
    height: auto;
    border-radius: 10% !important;
}

/*Industries*/
.aviation-text,
.aviation-img {
    margin: 0;
    padding: 0;
}
.aviation-img {
    width: 18%;
    height: auto;
    margin-top: 1% !important;
    margin-bottom: 2px !important;
}
.aviation-text {
    margin-right: 32%;
}
.aviation-container {
    display: flex;
    align-items: center;
}

.civil-text,
.civil-img {
    margin: 0;
    padding: 0;
}

.civil-img {
    width: 19%;
    height: auto;
    margin-bottom: -1% !important;
    margin-top: -2px !important;
}

.civil-text {
    margin-right: 11%;
    margin-left: 0%;
}
.civil-container {
    display: flex;
    align-items: center;
    margin-top: 1%;
}

.marine-text,
.marine-img {
    margin: 0;
    padding: 0;
}

.marine-img {
    width: 20%;
    height: auto;
    margin-top: 1% !important;
    margin-bottom: 2px !important;
}

.marine-text {
    margin-right: 43%;
    margin-left: 0%;
}

.marine-container {
    display: flex;
    align-items: center;
    margin-top: 2%;
}
.oil-text,
.oil-img {
    margin: 0;
    padding: 0;
}

.oil-img {
    width: 18%;
    height: auto;
    margin-top: 0% !important;
    margin-bottom: -1% !important;
}

.oil-text {
    margin-right: 46%;
    margin-left: 0%;
}

.oil-container {
    display: flex;
    align-items: center;
    margin-top: 1%;
}

.travel-text,
.travel-img {
    margin: 0;
    padding: 0;
}

.travel-img {
    width: 20%;
    height: auto;
    margin-top: -3% !important;
    margin-bottom: -4% !important;
}

.travel-text {
    margin-right: 19%;
    margin-left: 0%;
}

.travel-container {
    display: flex;
    align-items: center;
    margin-top: 2%;
}

.retail-text,
.retail-img {
    margin: 0;
    padding: 0;
}

.retail-img {
    width: 19%;
    height: auto;
    margin-bottom: -1% !important;
}

.retail-text {
    margin-right: 7%;
    margin-left: 0%;
}

.retail-container {
    display: flex;
    align-items: center;
    margin-top: 2%;
}

.health-text,
.health-img {
    margin: 0;
    padding: 0;
}

.health-img {
    width: 20%;
    height: auto;
    margin-top: -1% !important;
    margin-bottom: -3% !important;
}

.health-text {
    margin-right: 38%;
    margin-left: 0%;
}

.health-container {
    display: flex;
    align-items: center;
    margin-top: 1%;
    margin-bottom: 3%;
}

.bank-text,
.bank-img {
    margin: 0;
    padding: 0;
}

.bank-img {
    width: 19%;
    height: auto;
    margin-top: -2% !important;
    margin-bottom: -2% !important;
}

.bank-text {
    margin-right: 15%;
    margin-left: 0%;

}

.bank-container {
    display: flex;
    align-items: center;
    margin-bottom:1%;
}

/*Civil Industry*/
.civildetails {
    background-image: url('../img/civil/civil.jpg');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .civildetails h3 {
        width: 65%;
        /*margin-left: 41%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .civildetails p {
        font-size: 15px;
        width: 48%;
        /*margin-left: 60%;*/
        color: #ffff;
    }

    .civildetails .civildetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }
        .civildetails .civildetails:hover {
            border-color: #fff;
        }

@media (max-width: 768px) {
    .civildetails {
        padding: 30px 0;
        height: auto;
    }

        .civildetails h3 {
            font-size: 18px;
            width: 100%;
            /*margin-left: auto;*/
            margin-right: auto;
        }

        .civildetails p {
            font-size: 14px;
            width: 100%;
            /* margin-left: auto;*/
            margin-right: auto;
        }
}

/*oil Industry*/
.oildetails {
    background-image: url('../img/oil/Oil-1.jpg');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .oildetails h3 {
        width: 65%;
        /*margin-left: 41%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .oildetails p {
        font-size: 15px;
        width: 48%;
        /*margin-left: 60%;*/
        color: #ffff;
    }

    .oildetails .oildetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .oildetails .oildetails:hover {
            border-color: #fff;
        }

@media (max-width: 768px) {
    .oildetails {
        padding: 30px 0;
        height: auto;
    }

        .oildetails h3 {
            font-size: 18px;
            width: 100%;
            /*margin-left: auto;*/
            margin-right: auto;
        }

        .oildetails p {
            font-size: 14px;
            width: 100%;
            /* margin-left: auto;*/
            margin-right: auto;
        }
}

/*travel Industry*/
.traveldetails {
    background-image: url('../img/logistic/Global_Logistics.jpg');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

.traveldetails h3 {
    width: 65%;
    /*margin-left: 41%;*/
    margin-top: 18%;
    color: #ffff;
    font-size: 25px;
    font-weight: 700;
}

.traveldetails p {
    font-size: 15px;
    width: 48%;
    /*margin-left: 60%;*/
    color: #ffff;
}

.traveldetails .traveldetails {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 25px;
    transition: 0.5s;
    margin-top: 10px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    color: #fff;
}

    .traveldetails .traveldetails:hover {
        border-color: #fff;
    }

@media (max-width: 768px) {
    .traveldetails {
        padding: 30px 0;
        height: auto;
    }

        .traveldetails h3 {
            font-size: 18px;
            width: 100%;
            /*margin-left: auto;*/
            margin-right: auto;
        }

        .traveldetails p {
            font-size: 14px;
            width: 100%;
            /* margin-left: auto;*/
            margin-right: auto;
        }
}

/*bank Industry*/
.bankdetails {
    background-image: url('../img/bank/banking1.jpg');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .bankdetails h3 {
        width: 65%;
        /*margin-left: 41%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .bankdetails p {
        font-size: 15px;
        width: 48%;
        /*margin-left: 60%;*/
        color: #ffff;
    }

    .bankdetails .bankdetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

    .bankdetails .bankdetails:hover {
        border-color: #fff;
    }

@media (max-width: 768px) {
    .bankdetails {
        padding: 30px 0;
        height: auto;
    }

        .bankdetails h3 {
            font-size: 18px;
            width: 100%;
            /*margin-left: auto;*/
            margin-right: auto;
        }

        .bankdetails p {
            font-size: 14px;
            width: 100%;
            /* margin-left: auto;*/
            margin-right: auto;
        }
}
/*Marine Details */
.marinedetails {
    background-image: url('../img/Marine/Marine.jpg');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .marinedetails h3 {
        width: 100%;
        /* margin-left: 33%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .marinedetails p {
        font-size: 15px;
        width: 50%;
        /*margin-left: 40%;*/
        color: #ffff;
    }

    .marinedetails .marinedetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .marinedetails .marinedetails:hover {
            border-color: #fff;
        }

@media (max-width: 768px) {
    .marinedetails {
        padding: 30px 0;
        height: auto;
    }

        .marinedetails h3 {
            font-size: 18px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .marinedetails p {
            font-size: 14px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
}
/*Aviation Details */
.Aviationdetails {
    background-image: url('../img/Aviation/Aviation.jpg');
    /*  background-image: url('../img/Marine/Marine.jpg');*/
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .Aviationdetails h3 {
        width: 100%;
        /* margin-left: 33%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .Aviationdetails p {
        font-size: 15px;
        width: 50%;
        /*margin-left: 40%;*/
        color: #ffff;
    }

    .Aviationdetails .Aviationdetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .Aviationdetails .Aviationdetails:hover {
            border-color: #fff;
        }

@media (max-width: 768px) {
    .Aviationdetails {
        padding: 30px 0;
        height: auto;
    }

        .Aviationdetails h3 {
            font-size: 18px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .Aviationdetails p {
            font-size: 14px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
}

p {
    margin-top: 0;
    margin-bottom: 0.5rem !important;
}

/*healthdetails */
.healthdetails {
    background-image: url('../img/Medical/Medical.jpg');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .healthdetails h3 {
        width: 100%;
        /* margin-left: 33%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .healthdetails p {
        font-size: 15px;
        width: 50%;
        /*margin-left: 40%;*/
        color: #ffff;
    }

    .healthdetails .healthdetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .healthdetails .healthdetails:hover {
            border-color: #fff;
        }

@media (max-width: 768px) {
    .healthdetails {
        padding: 30px 0;
        height: auto;
    }

        .healthdetails h3 {
            font-size: 18px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .healthdetails p {
            font-size: 14px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
}

/*retaildetails */
.retaildetails {
    background-image: url('../img/Retail/retail.jpg');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .retaildetails h3 {
        width: 100%;
        /* margin-left: 33%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .retaildetails p {
        font-size: 15px;
        width: 50%;
        /*margin-left: 40%;*/
        color: #ffff;
    }

    .retaildetails .retaildetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .retaildetails .retaildetails:hover {
            border-color: #fff;
        }

@media (max-width: 768px) {
    .retaildetails {
        padding: 30px 0;
        height: auto;
    }

        .retaildetails h3 {
            font-size: 18px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .retaildetails p {
            font-size: 14px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
}

/*our styles*/
@media (max-width: 768px) {
    .rpa-container {
        display: flex;
        align-items: center;
    }

    .rpa-text,
    .rpa-img {
        margin: 0;
        padding: 0;
    }


    .rpa-text {
        margin-right: 66%;
    }


    .rpa-img {
        width: 18%;
        height: auto;
        margin-top: -3% !important;
        margin-bottom: -3% !important;
    }

    .AI-container {
        display: flex;
        align-items: center;
        margin-top: 2%;
    }

    .AI-text,
    .AI-img {
        margin: 0;
        padding: 0;
    }


    .AI-text {
        margin-right: 36%;
    }


    .AI-img {
        width: 17%;
        height: auto;
        margin-top: -3% !important;
        margin-bottom: -3% !important;
    }

    .ERP-container {
        display: flex;
        align-items: center;
        margin-top: 2%;
    }

    .ERP-text,
    .ERP-img {
        margin: 0;
        padding: 0;
    }


    .ERP-text {
        margin-right: 45%;
        padding-right: 30px;
    }


    .ERP-img {
        width: 19%;
        height: auto;
    }

    .Bigdata-container {
        display: flex;
        align-items: center;
        margin-top: 1%;
    }

    .Bigdata-text,
    .Bigdata-img {
        margin: 0;
        padding: 0;
    }


    .Bigdata-text {
        margin-right: 31%;
    }


    .Bigdata-img {
        width: 16%;
        height: auto;
        margin-bottom: -1% !important;
        margin-top: -1% !important;
    }

    .mobile-container {
        display: flex;
        align-items: center;
        margin-top: 1%;
    }

    .mobile-text,
    .mobile-img {
        margin: 0;
        padding: 0;
    }


    .mobile-text {
        margin-right: 31%;
    }


    .mobile-img {
        width: 17%;
        height: auto;
        margin-bottom: -2% !important;
        margin-top: -2% !important;
    
    }

    .ml-container {
        display: flex;
        align-items: center;
        margin-top: 2%;
    }

    .ml-text,
    .ml-img {
        margin: 0;
        padding: 0;
    }


    .ml-text {
        margin-right: 29%;
    }


    .ml-img {
        width: 14%;
        height: auto;
        margin-bottom: -2% !important;
        margin-top: -2% !important;
    }

    .uiux-container {
        display: flex;
        align-items: center;
        margin-top: 2%;
    }

    .uiux-text,
    .uiux-img {
        margin: 0;
        padding: 0;
    }


    .uiux-text {
        margin-right: 32%;
    }


    .uiux-img {
        width: 13%;
        height: auto;
        margin-bottom: -2% !important;
        margin-top: -2% !important;
    }

    .gen-container {
        display: flex;
        align-items: center;
    }

    .gen-text,
    .gen-img {
        margin: 0;
        padding: 0;
    }


    .gen-text {
        margin-right: 30%;
    }


    .gen-img {
        width: 14%;
        height: auto;
        margin-bottom: -2% !important;
        margin-top: -2% !important;
    }

    .cloud-container {
        display: flex;
        align-items: center;
        margin-top: 2%;
    }

    .cloud-text,
    .cloud-img {
        margin: 0;
        padding: 0;
    }


    .cloud-text {
        margin-right: 32%;
    }


    .cloud-img {
        width: 14%;
        height: auto;
        margin-bottom: -3% !important;
        margin-top: -3% !important;
    }
    /*Industries*/
    .aviation-text,
    .aviation-img {
        margin: 0;
        padding: 0;
    }

    .aviation-img {
        width: 18%;
        height: auto;
        margin-top: 1% !important;
        margin-bottom: 2px !important;
    }

    .aviation-text {
        margin-right: 34%;
    }

    .aviation-container {
        display: flex;
        align-items: center;
    }

    .civil-text,
    .civil-img {
        margin: 0;
        padding: 0;
    }

    .civil-img {
        width: 19%;
        height: auto;
        margin-bottom: -1% !important;
        margin-top: -2px !important;
    }

    .civil-text {
        margin-right: 16%;
        margin-left: 0%;
    }

    .civil-container {
        display: flex;
        align-items: center;
    }

    .marine-text,
    .marine-img {
        margin: 0;
        padding: 0;
    }

    .marine-img {
        width: 20%;
        height: auto;
        margin-top: 1% !important;
        margin-bottom: 2px !important;
    }

    .marine-text {
        margin-right: 43%;
        margin-left: 0%;
    }

    .marine-container {
        display: flex;
        align-items: center;
        margin-top: 2%;
    }

    .oil-text,
    .oil-img {
        margin: 0;
        padding: 0;
    }

    .oil-img {
        width: 18%;
        height: auto;
        margin-top: -2% !important;
        margin-bottom: -1% !important;
    }

    .oil-text {
        margin-right: 46%;
        margin-left: 0%;
    }

    .oil-container {
        display: flex;
        align-items: center;
        margin-top: 1%;
    }

    .travel-text,
    .travel-img {
        margin: 0;
        padding: 0;
    }

    .travel-img {
        width: 20%;
        height: auto;
        margin-top: -3% !important;
        margin-bottom: -4% !important;
    }

    .travel-text {
        margin-right: 23%;
        margin-left: 0%;
    }

    .travel-container {
        display: flex;
        align-items: center;
        margin-top: 2%;
    }

    .retail-text,
    .retail-img {
        margin: 0;
        padding: 0;
    }

    .retail-img {
        width: 19%;
        height: auto;
        margin-bottom: -1% !important;
    }

    .retail-text {
        margin-right: 12%;
        margin-left: 0%;
    }

    .retail-container {
        display: flex;
        align-items: center;
        margin-top: 2%;
    }

    .health-text,
    .health-img {
        margin: 0;
        padding: 0;
    }

    .health-img {
        width: 20%;
        height: auto;
        margin-top: -1% !important;
        margin-bottom: -3% !important;
    }

    .health-text {
        margin-right: 38%;
        margin-left: 0%;
    }

    .health-container {
        display: flex;
        align-items: center;
        margin-top: 1%;
        margin-bottom: 3%;
    }

    .bank-text,
    .bank-img {
        margin: 0;
        padding: 0;
    }

    .bank-img {
        width: 19%;
        height: auto;
        margin-top: -2% !important;
        margin-bottom: -2% !important;
    }

    .bank-text {
        margin-right: 18%;
        margin-left: 0%;
    }

    .bank-container {
        display: flex;
        align-items: center;
        margin-bottom: 1%;
    }


}
/*civilxpress*/
.civilxpresdetails {
    background-image: url('../img/CivilXpress/Civilxpress.png');
   /* background-image: url('../img/Medical/Medical.jpg');*/
    background-size: cover;
    background-position: center;
    padding: 60px 0;
    height: 400px;
    animation: none; /* Adjust the height as needed */
}

    .civilxpresdetails h3 {
        width: 100%;
        /* margin-left: 33%;*/
        margin-top: 18%;
        color: #ffff;
        font-size: 25px;
        font-weight: 700;
    }

    .civilxpresdetails p {
        font-size: 15px;
        width: 50%;
        /*margin-left: 40%;*/
        color: #ffff;
    }

    .civilxpresdetails .civilxpresdetails {
        font-family: "Raleway", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid rgba(255, 255, 255, 0.5);
        color: #fff;
    }

        .civilxpresdetails .civilxpresdetails:hover {
            border-color: #fff;
        }

@media (max-width: 768px) {
    .civilxpresdetails {
        padding: 30px 0;
        height: 179px!important;
    }

        .civilxpresdetails h3 {
            font-size: 18px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .civilxpresdetails p {
            font-size: 14px;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
}

.wp-icon{
    margin-bottom:8%;
}

@media (max-width: 768px) {
    #map {
        height: 200px;
        margin: 5%;
        width: 90%;
    }
}


.Projects, .Contracts {
    /*background-color: #333;*/
    overflow: hidden;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

    .Projects ul, .Contracts ul {
        list-style-type: none;
        padding: 0;
        font-weight: 700;
        margin-top: 25px;
        font-size: 16px;
        display: flex;
    }

        .Projects ul li, .Contracts ul li {
            margin-right: 20px;
        }

            .Projects ul li a, .Contracts ul li a {
                display: block;
                color: black;
                text-align: center;
                padding: 14px 16px;
                text-decoration: none;
                transition: color 0.3s ease;
            }



                .Projects ul li a:hover,
                .Contracts ul li a:hover,
                .Projects ul li a:focus,
                .Contracts ul li a:focus,
                .Projects ul li a:active,
                .Contracts ul li a:active {
                    color: #337ab7; /* Change text color to blue on hover, focus, and active state */
                }



                .Projects ul li a.active {
                    font-weight: bold; /* Example of additional styling for active state */
                }

.main-category.active,
.contract.active {
    color: #337ab7; /* Style for active state */
}

.menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: -5%;
    padding: 5%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    padding-left:10%;
    padding-right:10%;
}

.menu-item {
   /* border: 5px solid #9497ac;
    padding: 1px;
    margin: 10px;*/
    text-align: center;
    width: 300px; /* Add a width to better control the layout */
    /*width: 100%;*/ /* Ensure it takes the full width of the column */
    height: 250px; /* Adjusted height for larger boxes */
    overflow: hidden; /* Ensure images fit within the boxes */
}

    .menu-item img {
        width: 300px;
        height: 238px;
        /*padding: 5px;*/ /* Added padding for a cleaner look */
        /*box-sizing: border-box;*/
        border-radius:10%;
    }

    .menu-item p {
        background-color: red;
        color: white;
        padding: 5px;
        font-size: 20px;
        margin: 0;
    }

/* Media query for tablets */
@media (max-width: 1024px) {
    .menu {
        grid-template-columns: repeat(2, 1fr);
        padding: 20px;
        margin-top: 0;
    }

    .menu-item {
        width: auto;
        height: auto;
    }

        .menu-item img {
            width: 100%;
            height: auto;
        }

    .Projects ul {
        font-size: 14px;
    }
}

/* Media query for mobile phones */
@media (max-width: 768px) {
    .menu {
        grid-template-columns: 2fr;
        padding: 10px;
        margin-top: 0;
    }

    .menu-item {
        width: auto;
        height: auto;
    }

        .menu-item img {
            width: 85%;
            height: auto;
            padding: 10px;
        }

    .Projects ul {
        font-size: 12px;
    }
    .email {
        margin-top:20px;
    }
}

.hidden {
    display: none;
}

@media (max-width: 768px) {
    .Projects ul {
        font-size: 12px; /* Further reduce font size for mobile phones */
        flex-wrap: wrap; /* Allow items to wrap */
        justify-content: center; /* Center items */
    }

        .Projects ul li {
            flex: 0 0 20%; /* Two items per row */
            text-align: center;
            margin-bottom: 10px;
        }
}

@media (max-width: 1024px) {
    .Contracts ul {
        font-size: 14px; /* Reduce font size for tablets */
    }
}

@media (max-width: 768px) {
    .Contracts ul {
        font-size: 12px; /* Further reduce font size for mobile phones */
        flex-wrap: wrap; /* Allow items to wrap */
        justify-content: center; /* Center items */
    }

        .Contracts ul li {
            flex: 0 0 40%; /* Two items per row */
            text-align: center;
            margin-bottom: 10px;
        }

            .Projects ul li a, .Contracts ul li a {
                display: block;
                color: black;
                text-align: center;
                padding: 0;
                text-decoration: none;
                transition: color 0.3s ease;
            }
    .Projects, .Contracts {
        /*background-color: #333;*/
        overflow: hidden;
        display: flex;
        justify-content: center;
        margin-bottom: 0px;
    }
}

@media (max-width: 1024px) {
    .Contracts ul {
        font-size: 14px; /* Reduce font size for tablets */
    }
}