:root {
    --blue: #123e76;
    --muted: #e9e8e8;
    --accent: #0b4b8a;
    --thm-font: 'Barlow', sans-serif;
    --thm-font-2: 'Roboto', sans-serif;
    --thm-font-3: 'Yantramanav', sans-serif;
    --thm-base: #d90528;
    --thm-base-rgb: 217, 5, 40;
    --thm-primary: #4287e3;
    --thm-primary-rgb: 66, 135, 227;
    --thm-gray: #444444;
    --thm-gray-rgb: 68, 68, 68;
    --thm-black: #052049;
    --thm-black-rgb: 5, 32, 73;
    --thm-gray-bg: #e8f0f7;
    --thm-gray-bg-2: #f4f5f9;
    --thm-main-bg: #0e2753;
}


body {
    font-family: "Noto Sans", sans-serif;
    color: #111;
}



ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
a, a:hover, a:focus, a:visited {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
    transition-delay: 0.1s;
    transition-timing-function: ease-in-out;
    transition-duration: 0.7s;
    transition-property: all;
}

h1, h2, h3, h4, h5, h6 {
    position: relative;
    font-weight: 600;
    line-height: 1.4em;
    margin: 0px;
    transition: all 500ms ease;
}

/* Top Bar */
.top-bar {
    background: #e2e2e2;
    font-family: "Inter", sans-serif;
}

.text-primary {
    color: #162e6a !important;
}

.border-primary {
    border-color: #162e6a !important;
}

.top-bar a {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    border-right: 1px solid #000;
    padding-right: 15px;
    padding-left: 15px;
}

    .top-bar a:last-child {
        border-right: none;
    }

.lang-select {
    width: 90px;
    font-size: 12px;
}

/* Header */
.header {
    padding: 28px 0;
    border-bottom: 1px solid #ddd;
}

    .header .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .header .d-flex {
        display: flex;
        align-items: center;
        flex: 1;
    }

.logo-section {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

    .logo-section img {
        height: 80px;
        width: auto;
    }

        .logo-section img:first-child {
            height: 90px; /* Slightly smaller for emblem */
        }

.header-title {
    margin-left: 20px;
    flex: 1;
}

    .header-title h5 {
        font-size: 20px;
        margin-bottom: 5px;
        color: #000;
        line-height: 1.3;
        font-family: "Open Sans", sans-serif;
    }

    .header-title p {
        font-size: 15px;
        margin-bottom: 0;
        line-height: 18px;
        font-family: "Open Sans", sans-serif;
        color: #0F3082;
        font-weight: 600;
    }

.header-logos {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.icons {
    height: 90px;
    width: auto;
    max-width: 100%;
    transition: transform 0.3s ease;
}

    .icons:hover {
        transform: scale(1.05);
    }

/* Navigation */
.navbar {
    background-color: #E2EAFF;
    position: relative;
}


.navbar-nav .nav-link {
    font-weight: 700;
    padding: 10px 16px 10px 0px !important;
    color: black;
}


/* Mobile Navigation Improvements */
.navbar-toggler {
    border: none;
    padding: 5px 10px;
}

.navbar-collapse {
    /* margin-top: 10px; */
}

    .navbar-collapse .d-flex {
        /* width: 100%; */
    }

    .navbar-collapse .form-control {
        width: 80%;
    }

/* Slider */
.slider-section {
    position: relative;
}

.slider-img {
    width: 100%;
    height: 535px;
    object-fit: cover;
}

/* Updates Bar */
.updates-bar {
    background: #f8f8f8;
    padding: 0;
    border-top: 1px solid #ddd;
    font-weight: 600;
}

.ticker {
    width: 82%;
    white-space: nowrap;
    overflow: hidden;
}

    .ticker span {
        display: inline-block;
        padding-left: 100%;
        animation: scroll-left 15s linear infinite;
    }

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* Hero Quote Section */
.hero-quote {
    background: var(--muted);
    padding: 40px 20px;
    position: relative;
    overflow: hidden;
}

.hero-flex {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    /* max-width: 1200px; */
    margin: 0 auto;
}

.pm-photo {
    height: auto;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 1);
    background: #fff;
    position: relative;
    margin: 0 auto;
}

    .pm-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.quote-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.quote-header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    margin-top: 50px;
}

.quote-icon {
    font-size: 50px;
    color: var(--accent);
    line-height: 1;
    flex-shrink: 0;
    margin-top: -50px;
    position: absolute;
}

.quote-text {
    font-size: 40px;
    line-height: 54px;
    color: var(--blue);
    font-weight: 600;
    margin: 0;
}

.quote-hr {
    border-top: 3px solid rgb(148 148 148);
    margin: 20px 0;
    width: 100%;
}

.quote-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.quote-meta {
    font-weight: 600;
    color: #1f3a57;
    margin-bottom: 5px;
}

.quote-event {
    color: var(--blue);
    font-weight: 700;
    letter-spacing: 0.4px;
    font-size: 1.1rem;
}

.view-event-btn {
    border: 2px solid var(--accent);
    color: var(--accent);
    padding: 12px 20px;
    border-radius: 8px;
    background: #fff;
    font-weight: 700;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    text-decoration: underline;
}

    .view-event-btn i {
        font-size: 24px;
    }

    .view-event-btn:hover {
        background: var(--accent);
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(11, 75, 138, 0.3);
    }

/* Lower content area */
.lower-section {
    padding: 36px 20px;
    background: #fff;
}

.director-card {
    background: #f2f2f2;
    padding: 40px 20px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #f0f0f0;
    margin-bottom: 20px;
}

.director-photo {
    width: 170px;
    height: 162px;
    border-radius: 80px;
    overflow: hidden;
    margin: 0 auto 12px;
    background: #d6d6d6;
}

    .director-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.welcome-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 6px;
}

.welcome-sub-underline {
    width: 48px;
    height: 6px;
    background: var(--blue);
    border-radius: 6px;
    margin: 8px 0 16px;
}

.lead-paragraph {
    color: #000000;
    line-height: 34px;
    text-align: justify;
    font-family: 'Noto Sans';
    font-size: 17px;
}

.sub-heading {
    font-size: 25px;
    color: #162F6A;
    font-weight: 400;
}

.sub-heading-icon {
    border-radius: 10px;
    width: 22px;
    display: inline-block;
    height: 8px;
    background-color: #DC5D0E;
}

.read-more-btn {
    background: var(--blue);
    color: #fff;
    border-radius: 10px;
    padding: 12px 20px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    margin-top: 0px;
    border: none;
    transition: all 0.3s ease;
}

    .read-more-btn:hover {
        background: var(--accent);
    }

.link-boxes {
    margin-top: 22px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.link-box {
    flex: 1 1 30%;
    border: 2px solid var(--accent);
    padding: 15px 10px;
    text-align: center;
    border-radius: 6px;
    min-width: 160px;
    background: #fff;
    font-weight: 700;
    transition: all 0.3s ease;
    cursor: pointer;
    text-decoration: underline
}



/* Minister's Desk */
.minister-desk h4 {
    font-weight: 700;
    margin-bottom: 18px;
}

.minister-item {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 14px 0;
    border-bottom: 1px solid #b6b6b6;
}

.minister-thumb {
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background: #e9e9e9;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #cacaca;
}

    .minister-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.minister-name {
    font-weight: 700;
}

.minister-role {
    color: #555;
    font-size: 0.92rem;
}


.rec-heading {
    text-decoration: underline;
    font-size: 20px;
}

.important-links ul li {
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: 600;
}

.important-links {
    max-height: 365px;
    overflow: auto
}

.offer-list {
    max-height: 300px;
    overflow: auto;
    padding-right: 20px;
}

.offer-right {
    max-height: 440px;
    overflow: auto
}
/* MAIN TECH SECTION */
.tech-section {
    background: url('../images/bga.png') no-repeat center/cover;
    padding: 60px 0;
    position: relative;
    color: #fff;
    text-align: center;
}

.tech-title {
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #fff;
    margin-bottom: 30px;
}

.tech-slider {
    width: 90%;
    margin: auto;
    position: relative;
}


.tech-card .col-md-8 {
    padding: 20px;
}

.tech-card {
    background: #fff;
    width: 100%;
    margin: auto;
    border-radius: 0px 20px 20px 0px;
    padding: 0px;
    display: flex;
    gap: 20px;
    align-items: center;
    color: #000;
    text-align: left;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.3);
    animation: fadeIn 0.6s ease-in-out;
}

.tech-content {
    padding: 20px
}

.tech-img {
    width: 100%;
}

.tech-content h3 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 8px;
    color: #0d3b77;
}

.tech-content p {
    font-size: 18px;
    line-height: 1.5;
}

.tech-arrows {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.arrow-btn {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 14px;
    font-size: 18px;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
}

    .arrow-btn:hover {
        background: #fff;
        color: #000;
    }

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

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

/* OFFERING SECTION */
.offer-section {
    background: #f4f4f4;
}

.offer-left {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.offer-right {
    background: #012a5c;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.sec-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 15px;
}

.offer-right .sec-title {
    color: white;
}

.tabs {
    display: flex;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
}

.tab {
    flex: 1;
    padding: 10px;
    border: 1px solid #012a5c;
    background: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 20px;
    font-weight: 600;
}

    .tab.active {
        background: #012a5c;
        color: #fff;
    }

    .tab:hover:not(.active) {
        background: #e9ecef;
    }

.offer-list li,
.news-list li {
    list-style: none;
    padding: 19px 0;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    transition: all 0.2s ease;
    font-weight: 500;
}

    .offer-list li span {
        float: right;
    }

    .news-list li a {
        color: #ffffff;
        text-decoration: none;
        text-decoration: underline;
    }

        .news-list li a:hover {
            text-decoration: underline;
        }

    .offer-list li:hover,
    .news-list li:hover {
        background: rgba(255, 255, 255, 0.1);
        padding-left: 10px;
    }

.view-btn {
    background: #ffffff;
    color: #012a5c;
    border: 1px solid;
    border-radius: 5px;
    font-size: 15px;
    padding: 8px 14px;
    float: right;
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: underline;
}

    .view-btn:hover {
        color: #ffffff;
        background-color: #012a5c;
        border: 1px solid;
        border-radius: 5px;
        float: right;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: underline;
    }

    .view-btn:hover {
        background: #034a9c;
        color: white;
    }

/* Government Logos Slider */
.gov-logo {
    max-height: 90px;
    margin: 0 15px;
    object-fit: contain;
}

.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 32px;
    color: #0d1b61;
    cursor: pointer;
    z-index: 10;
}

    .carousel-btn.prev {
        left: -10px;
    }

    .carousel-btn.next {
        right: -10px;
    }

.play-btn {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: #0d1b61;
    color: white;
    border: none;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    font-size: 17px;
    cursor: pointer;
}

/* Footer */
.footer {
    background-color: #e2eaff;
}

    .footer ul li {
        margin-bottom: 10px;
        text-decoration: none;
        padding-left: 0px
    }

        .footer ul li a {
            list-style: none;
            margin-bottom: 10px;
            text-decoration: none;
            padding-left: 0px;
            color: black;
            font-size: 16px;
        }

.footer-section {
    background: #162e6a;
    color: #fff;
    padding: 40px 0 20px;
}

    .footer-section p {
        margin-bottom: 0px;
    }

.footer-links h5 {
    font-size: 18px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 10px;
}

.footer-links ul {
    list-style: none;
    padding-left: 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: #ccc;
    text-decoration: none;
    transition: all 0.3s ease;
}

    .footer-links a:hover {
        color: #fff;
        padding-left: 5px;
    }

.social-link i {
    color: #162F6A;
    font-size: 32px;
}

.copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 20px;
    margin-top: 30px;
    text-align: center;
    font-size: 14px;
    color: #aaa;
}

.scroll-top-btn {
    position: fixed;
    bottom: 30%;
    right: 25px;
    background: #0d3b77;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 50%;
    display: none;
    cursor: pointer;
    z-index: 1000;
    font-size: 34px;
}

    .scroll-top-btn.show {
        display: block;
    }


.recent-document {
    background: #f4f4f4;
}

.resercher-heading {
    text-decoration: underline;
    font-size: 23px;
    font-weight: bold;
    position: relative;
}
/* ===================== RESPONSIVE STYLES ===================== */
/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .header-title h5 {
        font-size: 1.1rem;
    }

    .header-title p {
        font-size: 0.8rem;
    }

    .quote-text {
        font-size: 28px;
    }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .header .container {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }

    .header .d-flex {
        flex-direction: column;
        width: 100%;
    }

    .logo-section {
        justify-content: center;
        margin-bottom: 10px;
    }

    .header-title {
        margin-left: 0;
        margin-bottom: 15px;
        text-align: center;
    }

    .header-logos {
        justify-content: center;
        width: 100%;
    }

    .hero-flex {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 25px;
    }

    .pm-photo {
        width: 180px;
        height: 180px;
        margin: 0 auto;
    }

    .quote-text {
        font-size: 26px;
    }

    .quote-header {
        justify-content: center;
        text-align: center;
    }

    .quote-footer {
        justify-content: center;
        text-align: center;
    }

    .director-card {
        height: auto;
        margin-bottom: 20px;
    }

    .minister-item {
        flex-direction: column;
        text-align: center;
    }

    .degignation {
        width: 100%;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .link-boxes {
        flex-direction: column;
    }

    .link-box {
        flex: 1 1 100%;
    }

    .wdt {
        width: 370px;
    }

    .tabs {
        flex-direction: column;
    }

    .slider-img {
        height: 300px;
    }

    .tech-slider {
        padding: 15px;
    }

    .tech-img {
        width: 100%;
        max-width: 100%;
    }

    .hero-quote {
        padding: 30px 20px;
    }

    .lower-section {
        padding: 20px 15px;
    }

    .quote-text {
        font-size: 22px;
    }

    .carousel-control-prev-custom,
    .carousel-control-next-custom {
        display: none;
    }

    .social-card {
        margin-bottom: 20px;
    }

    .header {
        padding: 12px 0;
    }

    .logo-section {
        flex-direction: column;
        gap: 10px;
    }

        .logo-section img {
            height: 60px;
        }

            .logo-section img:first-child {
                height: 55px;
            }

            .logo-section img.ms-3 {
                margin-left: 0 !important;
            }

    .header-title h5 {
        font-size: 1rem;
        line-height: 1.3;
    }

    .header-title p {
        font-size: 0.75rem;
        line-height: 1.3;
    }

    /* Show government logos on mobile with smaller size */
    .header-logos {
        display: flex;
        justify-content: center;
    }

        .header-logos .icons {
            height: 40px;
            margin: 0 5px;
        }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .slider-img {
        height: 200px;
    }

    .wdt {
        width: 370px;
    }

    .quote-text {
        font-size: 18px;
    }

    .view-event-btn {
        padding: 8px 12px;
        font-size: 0.9rem;
    }

    .icons {
        display: none;
    }

    .read-more-btn {
        padding: 10px 15px;
        font-size: 0.9rem;
    }

    .logo-section img {
        height: 50px;
    }

    .header-title h5 {
        font-size: 0.95rem;
    }

    .header-title p {
        font-size: 0.7rem;
    }

    .top-bar {
        font-size: 11px;
    }

    .navbar-nav .nav-link {
        padding: 8px 5px !important;
        font-size: 0.9rem;
    }

    .tech-title {
        font-size: 24px;
    }

    .welcome-title {
        font-size: 20px;
    }

    .lead-paragraph {
        font-size: 0.9rem;
    }

    .tech-card {
        padding: 40px;
    }

        .tech-card img {
            border-radius: 15px
        }

        .tech-card h3 {
            margin-top: 20px;
        }

    .tech-swiper .swiper-slide-active {
        width: 100% !important;
        transform: scale(1.05);
        z-index: 1000;
    }

    .tech-img {
        width: 100%;
    }

    .gov-logo {
        margin: 0 10px;
        min-height: 120px;
    }

    .footer-section {
        padding: 30px 0 15px;
    }

    .pm-photo {
        width: 130px;
        height: 130px;
    }

    .quote-event {
        font-size: 0.95rem;
    }

    .view-event-btn {
        width: 100%;
        justify-content: center;
    }
}

/* Special case for very small screens */
@media (max-width: 380px) {
    .quote-text {
        font-size: 18px;
    }

    .pm-photo {
        width: 120px;
        height: 120px;
    }

    .header-title h5 {
        font-size: 0.9rem;
    }

    .header-logos .icons {
        height: 35px;
    }
}


.pubSwiper {
    width: 100%;
    padding: 0px 0 60px;
    overflow: hidden; /* IMPORTANT FIX */
    position: relative;
}

    .pubSwiper .swiper-slide {
        width: 260px;
        height: auto;
        transition: 0.4s ease-in-out;
        transform: scale(0.9);
        opacity: 1;
    }

        .pubSwiper .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 6px;
            box-shadow: 0 8px 20px rgba(0,0,0,0.35);
        }

    .pubSwiper .swiper-slide-active {
        transform: scale(0.9) !important;
        opacity: 1;
        z-index: 2;
    }

/* ALL SLIDES VISIBLE */
.swiper-slide {
    opacity: 1;
    transform: scale(0.85);
}

/* BIG CENTER SLIDE */
.swiper-slide-active {
    transform: scale(1.25);
    z-index: 10;
}

/* Left & Right slides */
.swiper-slide-next,
.swiper-slide-prev {
    transform: scale(1.05);
    opacity: 1;
}

.nav-item {
    position: relative;
    font-family: 'Noto Sans';
}

    .nav-item .nav-link .fa {
    }

.sub_menu {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    padding: 10px 0;
    min-width: 200px;
    list-style: none;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: 0.3s ease;
    z-index: 99;
}

.nav-item:hover > .sub_menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(10px);
}

.sub_menu li a {
    padding: 8px 20px;
    display: block;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

    .sub_menu li a:hover {
        background: #f3f3f3;
    }

.label-tag {
    display: inline-block;
    background: #E4E5FF; /* light purple background */
    color: #1E1E2F;
    padding: 8px 20px 8px 15px;
    font-weight: 600;
    position: relative;
}

    .label-tag::after {
        content: "";
        position: absolute;
        top: 0;
        right: -14px;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 15px solid #E4E5FF; /* right small arrow */
    }

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-color: black;
}

.carousel-control-next, .carousel-control-prev {
    opacity: 1 !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 4rem !important;
    height: 4rem !important;
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 16px;
    height: 16px;
    border-radius: 30px;
    padding: 0;
    margin-right: 4px;
    margin-left: 4px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 2px solid #fff;
    transition: opacity .6s ease;
}

.carousel-control-next, .carousel-control-prev {
    width: 8% !important;
}

.carousel-control-prev-icon
Specificity: (0,1,0) {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e);
}

.carousel-control-next-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
}

.searchBox {
    width: 254px;
    position: relative;
}

.searchInput {
    border-radius: 5px 0 0 5px !important;
    padding: 8px 10px;
    border: 1px solid #bebebe;
    border-right: none;
    box-shadow: none;
}

.searchBtn {
    border-radius: 0 5px 5px 0 !important;
    padding: 6px 13px;
    background: #ffffff;
    color: #2e2d4d;
    border: 1px solid #bebebe;
    border-left: 1px solid #cccccc;
    font-size: 18px;
}

    .searchBtn:hover {
        background: #0b5ed7;
        color: #fff;
    }

.color-dropdown {
    display: inline-flex;
    align-items: center;
    background: #e5e5e5;
    padding: 0px 14px;
    border-radius: 6px;
    gap: 5px;
    cursor: pointer;
    position: relative;
}

.icon-box {
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 2px;
    pointer-events: none;
}

.arrow-box {
    font-size: 12px;
    pointer-events: none;
}

.real-picker {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    inset: 0;
}

.carousel-indicators {
    margin-bottom: 3rem !important;
}

.custom-select {
    position: relative;
    display: inline-block;
}

    .custom-select select {
        appearance: none; /* Removes default arrow */
        -webkit-appearance: none;
        -moz-appearance: none;
        padding: 4px 20px 4px 10px;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        background-color: #f5f5f5;
        font-size: 12px;
        cursor: pointer;
        font-weight: 500;
    }

    /* Custom dropdown arrow */
    .custom-select::after {
        content: "\f0d7";
        position: absolute;
        right: 6px;
        font-family: 'FontAwesome';
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        font-size: 16px;
        color: #333;
    }








.personal-user-slider {
    position: relative;
    width: 330px;
}

.personal-user-card {
    text-align: center;
    font-family: sans-serif;
    position: relative;
}

.personal-user-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #1b3d8a;
}



.personal-user-avatar img {
    width: 100%;
    border-radius: 50%;
}

.personal-user-subtitle {
    font-size: 18px;
    margin-top: 10px;
    color: #08245c;
    text-decoration: underline;
}

/* Pagination Dots */
.personal-user-pagination .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #1a3fa8;
    opacity: 0.3;
}

.personal-user-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

/* Arrows position aligned exactly like given design */
.personal-user-prev,
.personal-user-next {
    color: #1a3fa8;
    font-size: 16px;
    font-weight: bold;
}

    .personal-user-prev:after,
    .personal-user-next:after {
        color: #1a3fa8;
        font-size: 18px;
        font-weight: bold;
    }

.personal-user-prev {
    left: 18%;
    bottom: 0px;
    top: auto !important;
}

.personal-user-next {
    right: 18%;
    bottom: 0px;
    top: auto !important;
}

    .personal-user-prev:after, .personal-user-next:after {
        color: #1a3fa8;
        font-weight: 900;
        -webkit-text-stroke: 2px #1a3fa8;
    }

/* Center bullet & arrows under card */
.personal-user-pagination {
    margin-top: 30px;
    position: relative;
    z-index: auto;
}


.gov-swiper {
    width: 100%;
    padding: 30px 0;
}

.gov-logo {
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* Pagination Dots */
.gov-pagination .swiper-pagination-bullet {
    background: #333;
    opacity: 0.4;
}

.gov-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

/* Arrows (if you want them visible) */
.gov-prev,
.gov-next {
    color: #333;
}

    .gov-prev::after,
    .gov-next::after {
        font-weight: 900;
        -webkit-text-stroke: 2px #1a3fa8;
        color: #0b2c68 !important;
    }
/* Pause Button Center */
.gov-pause-btn {
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    background: #0b2c68;
    color: #fff;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: none;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 20;
}

    /* Play icon style inside circle */
    .gov-pause-btn.playing {
        background: #0b2c68;
    }



.gallery-main .swiper-slide a img {
    min-width: 100%;
    object-fit: cover;
    min-height: 460px;
    border-radius: 10px;

}

/* Desktop default (right side vertical) */
.gallery-thumb-vertical {
    height: 460px;
    overflow: auto;
}

    .gallery-thumb-vertical .swiper-wrapper {
        flex-direction: column;
    }

    .gallery-thumb-vertical .swiper-slide {
        opacity: 0.5;
        cursor: pointer;
        margin-bottom: 10px;
    }

    .gallery-thumb-vertical .swiper-slide-thumb-active {
        opacity: 1;
        border: 2px solid #000;
    }

/* ------------------------------ */
/* 📱 Mobile view (thumbnails bottom) */
/* ------------------------------ */

@media (max-width: 767px) {

    /* make thumbnails horizontal */
    .gallery-thumb-vertical {
        height: auto;
        margin-top: 15px;
    }

        .gallery-thumb-vertical .swiper-wrapper {
            flex-direction: row !important;
        }

        .gallery-thumb-vertical .swiper-slide {
            /* height: 80px !important; */
            /* width: 90px !important; */ /* optional but looks nice */
            margin-right: 12px !important; /* 👉 Horizontal gap */
            margin-bottom: 0 !important; /* remove default vertical gap */
            width: 25% !important;
            margin-bottom: 0 !important;
            opacity: 0.5;
            height: 80px !important;
            margin-bottom: 0 !important;
        }




            /* Remove last slide extra spacing */
            .gallery-thumb-vertical .swiper-slide:last-child {
                margin-right: 0 !important;
            }

        /* Thumbnail becomes small & horizontal */
        .gallery-thumb-vertical img {
            width: 100%;
            height: 80px;
            object-fit: cover;
        }
}












@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?orkqwr');
    src: url('../fonts/icomoon.eot?orkqwr#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?orkqwr') format('truetype'), url('../fonts/icomoon.woff?orkqwr') format('woff'), url('../fonts/icomoon.svg?orkqwr#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}







.icon-factory:before {
    content: "\e900";
}

.icon-rating:before {
    content: "\e901";
}

.icon-satisfaction:before {
    content: "\e902";
}

.icon-management:before {
    content: "\e903";
}

.icon-brokerage:before {
    content: "\e904";
}

.icon-play:before {
    content: "\e905";
}

.icon-magnifying-glass:before {
    content: "\e906";
}

.icon-menu:before {
    content: "\e907";
}

.icon-wish-list:before {
    content: "\e908";
}

.icon-decrease:before {
    content: "\e909";
}

.icon-right:before {
    content: "\e90a";
}

.icon-right-1:before {
    content: "\e90b";
}

.icon-log-out:before {
    content: "\e90c";
}

.icon-right-2:before {
    content: "\e90d";
}

.icon-left-arrow:before {
    content: "\e90e";
}

.icon-next:before {
    content: "\e90f";
}

.icon-happy:before {
    content: "\e910";
}

.icon-rating-1:before {
    content: "\e911";
}

.icon-comment:before {
    content: "\e912";
}

.icon-worker:before {
    content: "\e913";
}

.icon-technology:before {
    content: "\e914";
}

.icon-money:before {
    content: "\e915";
}

.icon-project:before {
    content: "\e916";
}

.icon-group:before {
    content: "\e917";
}

.icon-customer-satisfaction:before {
    content: "\e918";
}

.icon-branch:before {
    content: "\e919";
}

.icon-play-1:before {
    content: "\e91a";
}

.icon-quotation:before {
    content: "\e91b";
}

.icon-quote:before {
    content: "\e91c";
}

.icon-caret-down:before {
    content: "\e91d";
}

.icon-player:before {
    content: "\e91e";
}

.icon-link:before {
    content: "\e91f";
}

.icon-link-1:before {
    content: "\e920";
}

.icon-home-address:before {
    content: "\e921";
}

.icon-open-envelope:before {
    content: "\e922";
}

.icon-phone:before {
    content: "\e923";
}

.icon-bars:before {
    content: "\e924";
}

.icon-menu-bar:before {
    content: "\e925";
}

.icon-response:before {
    content: "\e926";
}

.icon-customer-service:before {
    content: "\e927";
}

.icon-review:before {
    content: "\e928";
}

.icon-guarantee:before {
    content: "\e929";
}

.icon-skills:before {
    content: "\e92a";
}

.icon-maps-and-flags:before {
    content: "\e92b";
}

.icon-24-hours:before {
    content: "\e92c";
}

.icon-calendar:before {
    content: "\e92d";
}

.icon-calendar-1:before {
    content: "\e92e";
}

.icon-on-time:before {
    content: "\e92f";
}

.icon-clock:before {
    content: "\e930";
}

.icon-appointment:before {
    content: "\e931";
}

.icon-telephone:before {
    content: "\e932";
}

.icon-clock-1:before {
    content: "\e933";
}

.icon-arrow-right:before {
    content: "\e934";
}

.icon-check:before {
    content: "\e935";
}

.icon-check-mark:before {
    content: "\e936";
}

.icon-telephone-1:before {
    content: "\e937";
}

.icon-email:before {
    content: "\e938";
}

.icon-phone-1:before {
    content: "\e939";
}

.icon-telephone-2:before {
    content: "\e93a";
}

.icon-technical:before {
    content: "\e93b";
}

.icon-save-money:before {
    content: "\e93c";
}

.icon-24-hours-1:before {
    content: "\e93d";
}

.icon-service:before {
    content: "\e93e";
}

.icon-right-arrow:before {
    content: "\e93f";
}

.icon-location:before {
    content: "\e940";
}

.icon-mail:before {
    content: "\e941";
}

.icon-phone-call:before {
    content: "\e942";
}

.icon-working-hours:before {
    content: "\e943";
}

.icon-x-mark:before {
    content: "\e944";
}

.icon-checkmark:before {
    content: "\e945";
}

.icon-checked:before {
    content: "\e946";
}

.icon-download:before {
    content: "\e947";
}

.icon-best-seller:before {
    content: "\e948";
}

.icon-quality:before {
    content: "\e949";
}

.icon-high-quality:before {
    content: "\e94a";
}

.icon-plus:before {
    content: "\e94b";
}

.icon-minus:before {
    content: "\e94c";
}

.icon-down-arrow:before {
    content: "\e94d";
}

.icon-cloud-computing:before {
    content: "\e94e";
}

.icon-reliability:before {
    content: "\e94f";
}

.icon-zoom-in:before {
    content: "\e950";
}

.icon-quote-1:before {
    content: "\e951";
}

.icon-right-arrow-1:before {
    content: "\e952";
}

.icon-full-screen:before {
    content: "\e953";
}

.icon-link-2:before {
    content: "\e954";
}

.icon-close:before {
    content: "\e955";
}

.icon-menu-1:before {
    content: "\e956";
}

.icon-allah .path1:before {
    content: "\e957";
    color: rgb(128, 210, 97);
}

.icon-allah .path2:before {
    content: "\e958";
    margin-left: -1em;
    color: rgb(104, 202, 68);
}

.icon-allah .path3:before {
    content: "\e959";
    margin-left: -1em;
    color: rgb(104, 202, 68);
}

.icon-allah .path4:before {
    content: "\e95a";
    margin-left: -1em;
    color: rgb(128, 210, 97);
}

.icon-allah .path5:before {
    content: "\e95b";
    margin-left: -1em;
    color: rgb(104, 202, 68);
}

.icon-allah .path6:before {
    content: "\e95c";
    margin-left: -1em;
    color: rgb(128, 210, 97);
}

.icon-allah .path7:before {
    content: "\e95d";
    margin-left: -1em;
    color: rgb(104, 202, 68);
}

.icon-allah .path8:before {
    content: "\e95e";
    margin-left: -1em;
    color: rgb(104, 202, 68);
}

.icon-allah .path9:before {
    content: "\e95f";
    margin-left: -1em;
    color: rgb(104, 202, 68);
}

.icon-allah .path10:before {
    content: "\e960";
    margin-left: -1em;
    color: rgb(128, 210, 97);
}

.icon-allah .path11:before {
    content: "\e961";
    margin-left: -1em;
    color: rgb(104, 202, 68);
}

.icon-allah .path12:before {
    content: "\e962";
    margin-left: -1em;
    color: rgb(128, 210, 97);
}

.icon-allah .path13:before {
    content: "\e963";
    margin-left: -1em;
    color: rgb(104, 202, 68);
}

.icon-allah .path14:before {
    content: "\e964";
    margin-left: -1em;
    color: rgb(128, 210, 97);
}

.icon-allah .path15:before {
    content: "\e965";
    margin-left: -1em;
    color: rgb(104, 202, 68);
}

.icon-allah .path16:before {
    content: "\e966";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-allah .path17:before {
    content: "\e967";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-allah .path18:before {
    content: "\e968";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-allah .path19:before {
    content: "\e969";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-allah .path20:before {
    content: "\e96a";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-allah .path21:before {
    content: "\e96b";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-allah .path22:before {
    content: "\e96c";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-allah .path23:before {
    content: "\e96d";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-allah .path24:before {
    content: "\e96e";
    margin-left: -1em;
    color: rgb(0, 0, 0);
}

.icon-technician:before {
    content: "\e96f";
}

.icon-rating-2:before {
    content: "\e970";
}

.icon-stopwatch:before {
    content: "\e971";
}

.icon-fast-time:before {
    content: "\e972";
}

.icon-phone-2:before {
    content: "\e973";
}

.icon-deadline:before {
    content: "\e974";
}

.icon-24-hours-2:before {
    content: "\e975";
}

.icon-24-hours-phone-service:before {
    content: "\e976";
}

.icon-call:before {
    content: "\e977";
}

.icon-tools:before {
    content: "\e978";
}

.icon-calling:before {
    content: "\e979";
}

.icon-heat:before {
    content: "\e97a";
}

.icon-house:before {
    content: "\e97b";
}

.icon-skyline:before {
    content: "\e97c";
}

.icon-email-1:before {
    content: "\e97d";
}

.icon-phone-call-1:before {
    content: "\e97e";
}

.icon-work-from-home:before {
    content: "\e97f";
}

.icon-task:before {
    content: "\e980";
}

.icon-teamwork:before {
    content: "\e981";
}

.icon-facebook:before {
    content: "\e982";
}

.icon-linkedin:before {
    content: "\e983";
}

.icon-twitter:before {
    content: "\e984";
}

.icon-google-plus-logo:before {
    content: "\e985";
}

.icon-apple:before {
    content: "\e986";
}

.icon-playstore:before {
    content: "\e987";
}

.icon-placeholder:before {
    content: "\e988";
}

.icon-shipped:before {
    content: "\e989";
}

.icon-price-tag:before {
    content: "\e98a";
}

.icon-new:before {
    content: "\e98b";
}

.icon-tick:before {
    content: "\e98c";
}

.icon-iso:before {
    content: "\e98d";
}

.icon-project-management:before {
    content: "\e98e";
}

.icon-welder:before {
    content: "\e98f";
}

.icon-raw-materials:before {
    content: "\e990";
}

.icon-local-network:before {
    content: "\e991";
}

.icon-expertise:before {
    content: "\e992";
}

.icon-power-plant:before {
    content: "\e993";
}

.icon-power-plant-1:before {
    content: "\e994";
}

.icon-mining-industry:before {
    content: "\e995";
}

.icon-neural-network:before {
    content: "\e996";
}

.icon-refinery:before {
    content: "\e997";
}

.icon-optimization:before {
    content: "\e998";
}

.icon-chemical:before {
    content: "\e999";
}

.icon-electric-factory:before {
    content: "\e99a";
}

.icon-industrial:before {
    content: "\e99b";
}

.icon-experience:before {
    content: "\e99c";
}

.icon-factory-1:before {
    content: "\e99d";
}

.icon-arrow:before {
    content: "\e99e";
}

.icon-arrow1:before {
    content: "\e99f";
}

.icon-right-arrow-2:before {
    content: "\e9a0";
}

.icon-right-arrow-21:before {
    content: "\e9a1";
}

.icon-share:before {
    content: "\e9a2";
}

.icon-transparency:before {
    content: "\e9a3";
}

.icon-transparency-1:before {
    content: "\e9a4";
}

.icon-diamond:before {
    content: "\e9a5";
}

.icon-target:before {
    content: "\e9a6";
}

.icon-creative-team:before {
    content: "\e9a7";
}

.icon-high-quality-1:before {
    content: "\e9a8";
}

.icon-technical-support:before {
    content: "\e9a9";
}


/*== Section Title Css ======*/
.sec-title {
    position: relative;
    display: block;
    margin-top: -13px;
    padding-bottom: 49px;
}

    .sec-title.withtext {
        padding-bottom: 53px;
    }

    .sec-title .sub-title {
        position: relative;
        display: inline-flex;
        align-items: center;
        margin-bottom: 12px;
    }

        .sec-title .sub-title .border-line {
            position: relative;
            display: block;
            width: 35px;
            height: 2px;
            background-color: var(--thm-base);
        }

            .sec-title .sub-title .border-line.left {
                margin-right: 10px;
            }

            .sec-title .sub-title .border-line.right {
                margin-left: 10px;
            }

        .sec-title .sub-title.item-center {
            justify-content: center;
        }

        .sec-title .sub-title h4 {
            color: var(--thm-base);
            font-size: 15px;
            line-height: 25px;
            font-weight: 700;
            text-transform: uppercase;
            font-family: var(--thm-font-2);
            letter-spacing: 0.1em;
            z-index: 1;
        }

    .sec-title h2 {
        color: var(--thm-black);
        font-size: 45px;
        line-height: 1.2em;
        font-weight: 900;
        text-transform: capitalize;
    }

    .sec-title p {
        font-size: 18px;
        line-height: 28px;
        margin: 21px 0 0;
    }

/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-style1 {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: #ffffff;
    z-index: 10;
}

.breadcrumb-style1-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.breadcrumb-style1 .inner-content {
    position: relative;
    display: block;
    padding: 40px  0 50px;
}

.breadcrumb-style1 .title {
    position: relative;
    display: block;
    z-index: 1;
}

    .breadcrumb-style1 .title h2 {
        color: #ffffff;
        font-size: 40px;
        line-height: 1.1em;
        font-weight: 900;
        font-family: var(--thm-font-3);
        text-transform: capitalize;
    }

.breadcrumb-menu {
    position: relative;
    display: block;
    line-height: 0;
    padding-top: 9px;
    z-index: 1;
}

    .breadcrumb-menu ul {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .breadcrumb-menu ul li {
            position: relative;
            float: left;
            color: #ffffff;
            font-size: 14px;
            line-height: 20px;
            font-weight: 400;
            text-transform: capitalize;
            padding-right: 8px;
            margin-right: 8px;
            font-family: var(--thm-font-3);
        }

            .breadcrumb-menu ul li:before {
                content: "";
                position: absolute;
                top: 9px;
                right: 0;
                bottom: 7px;
                width: 1px;
                background-color: #ffffff;
                transform: rotate(20deg);
            }

            .breadcrumb-menu ul li:last-child:before {
                display: none;
            }

            .breadcrumb-menu ul li:last-child {
                padding-right: 0;
                margin-right: 0;
            }

            .breadcrumb-menu ul li a {
                color: #ffffff;
                transition: all 200ms linear;
                transition-delay: 0.1s;
            }

            .breadcrumb-menu ul li:hover a,
            .breadcrumb-menu ul li.active {
                color: #fff;
            }



/*** 
=============================================
   About Style4 Css   
=============================================
***/
.about-style4 {
    position: relative;
    display: block;
    background-color: #00234a;
    padding: 0px 0px 0px;
    z-index: 10;
}

    .about-style4 .row {
        align-items: flex-end;
    }


.about-style4-content {
    position: relative;
    display: block;
    padding-top: 110px;
    padding-right: 70px;
    padding-bottom: 110px;
}

    .about-style4-content .sec-title {
        padding-bottom: 35px;
    }

        .about-style4-content .sec-title h2 {
            color: #eaeaee;
        }

    .about-style4-content .text-box {
        position: relative;
        display: block;
    }

        .about-style4-content .text-box p {
            color: #a9c2d0;
        }

.about-style4-bottom-box {
    position: relative;
    display: flex;
    margin-top: 48px;
}


    .about-style4-bottom-box .left {
        position: relative;
        display: flex;
        align-items: center;
    }

        .about-style4-bottom-box .left .img-box {
            position: relative;
            display: block;
            overflow: hidden;
            width: 80px;
            height: 80px;
            border-radius: 50%;
        }

        .about-style4-bottom-box .left .title-box {
            position: relative;
            display: block;
            margin-left: 30px;
        }

            .about-style4-bottom-box .left .title-box h3 {
                color: #ffffff;
                font-size: 20px;
                line-height: 28px;
                font-family: var(--thm-font);
                font-weight: 700;
                text-transform: uppercase;
            }

            .about-style4-bottom-box .left .title-box p {
                color: #ffffff;
            }

    .about-style4-bottom-box .right {
        position: relative;
        display: block;
    }

        .about-style4-bottom-box .right .signature {
            position: relative;
            display: block;
            margin-left: 45px;
        }





.about-style4__img {
    position: relative;
    display: block;
    width: 560px;
    height: 560px;
}

    .about-style4__img .round-box-bg {
        position: absolute;
        top: 80px;
        left: 0;
        bottom: 0;
        right: 0px;
        width: 560px;
        height: 560px;
        border-radius: 50%;
        border: 1px solid #ffffff;
        background-color: transparent;
        opacity: 0.10;
    }

    .about-style4__img .round-box-border {
        position: absolute;
        top: 110px;
        bottom: 0;
        right: 0;
        width: 500px;
        height: 500px;
        border-radius: 50%;
        border: 1px solid #ffffff;
        background-color: #0a5493;
        opacity: 0.10;
    }

    .about-style4__img .inner {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: -40px;
    }


/*** 
=============================================
   About Style6 Css   
=============================================
***/
.about-style6 {
    position: relative;
    display: block;
    background-color: #f2f3f9;
    padding: 120px 0px 120px;
    z-index: 10;
}

.about-style6__img {
    position: relative;
    display: block;
    padding-right: 60px;
}

    .about-style6__img .inner {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: 8px;
    }

        .about-style6__img .inner img {
            width: 100%;
            transform: scale(1.0);
        }

        .about-style6__img .inner:hover img {
            transform: scale(1.02) rotate(0deg);
        }

    .about-style6__img .overlay-box {
        position: absolute;
        bottom: -20px;
        right: 27px;
        width: 165px;
        background-color: var(--thm-base);
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 18px 0px 28px;
        z-index: 3;
    }

        .about-style6__img .overlay-box h2 {
            color: #ffffff;
            font-size: 60px;
            line-height: 70px;
            font-family: var(--thm-font);
        }

        .about-style6__img .overlay-box p {
            color: #ffffff;
            font-weight: 600;
            font-family: var(--thm-font);
        }

.about-style6__content {
    position: relative;
    display: block;
}

    .about-style6__content .sec-title {
        padding-bottom: 26px;
    }

.about-style6__content-inner {
    position: relative;
    display: block;
}

    .about-style6__content-inner .top-text {
        position: relative;
        display: block;
        margin-bottom: 30px;
    }

        .about-style6__content-inner .top-text p {
            color: #242424;
            font-size: 20px;
            line-height: 28px;
            font-weight: 500;
        }

    .about-style6__content-inner .bottom-text {
        position: relative;
        display: block;
    }

        .about-style6__content-inner .bottom-text p {
            margin: 0;
        }

.features-box-style1 {
    position: relative;
    display: block;
    margin-top: 33px;
}

.single-features-box-style1 {
    position: relative;
    display: flex;
    align-items: center;
}

    .single-features-box-style1 .icon {
        position: relative;
        display: block;
        line-height: 0;
    }

        .single-features-box-style1 .icon span {
            position: relative;
            display: inline-block;
            color: var(--thm-base);
            font-size: 64px;
            line-height: 64px;
        }

    .single-features-box-style1 .inner-title {
        position: relative;
        display: block;
        margin-left: 20px;
    }

        .single-features-box-style1 .inner-title h3 {
            color: #1f1e3b;
            font-size: 22px;
            line-height: 25px;
            font-family: var(--thm-font-3);
        }









/*** 
=============================================
    Project Details Style1 Css     
=============================================
***/
.project-details-style1 {
    position: relative;
    display: block;
    background-color: #f4f4f4;
    padding: 45px 0 113px;
}

.project-details-style1-content {
    position: relative;
    display: block;
}

    .project-details-style1-content h2 {
        font-size: 45px;
        line-height: 55px;
        font-weight: 900;
        margin-top: -9px;
        margin-bottom: 19px;
    }

    .project-details-style1-content ul {
        position: relative;
        display: block;
        margin-top: 32px;
    }

        .project-details-style1-content ul li {
            position: relative;
            display: block;
            padding-left: 30px;
        }

            .project-details-style1-content ul li + li {
                margin-top: 27px;
            }

            .project-details-style1-content ul li .dot-box {
                position: absolute;
                top: 9px;
                left: 0px;
                width: 8px;
                height: 8px;
                background-color: #5b5b5b;
                border-radius: 50%;
            }

            .project-details-style1-content ul li .text-box {
                position: relative;
                display: block;
            }

                .project-details-style1-content ul li .text-box h3 {
                    font-size: 20px;
                    line-height: 26px;
                    font-family: var(--thm-font);
                    font-weight: 600;
                    margin-bottom: 6px;
                }


.project-details-style1-img-box {
    position: relative;
    display: block;
}

    .project-details-style1-img-box img {
        width: 100%;
    }


/*** 
=============================================
    About Style1 Css d   
=============================================
***/
.about-style1 {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 120px 0 120px;
    z-index: 10;
}


.about-style1__content {
    position: relative;
    display: block;
    padding-right: 20px;
}

    .about-style1__content .sec-title {
        padding-bottom: 30px;
    }

.about-style1__content-text-box {
    position: relative;
    display: block;
}

    .about-style1__content-text-box ul {
        position: relative;
        display: block;
        overflow: hidden;
        padding-top: 30px;
        padding-bottom: 45px;
    }

        .about-style1__content-text-box ul li {
            position: relative;
            display: block;
            padding-left: 35px;
            color: #2a2a2a;
            font-size: 20px;
            font-family: var(--thm-font-3);
            font-weight: 700;
        }

            .about-style1__content-text-box ul li + li {
                margin-top: 13px;
            }

            .about-style1__content-text-box ul li .icon {
                position: absolute;
                top: 3px;
                left: 1px;
                color: var(--thm-base);
                font-size: 20px;
                line-height: 0;
            }

                .about-style1__content-text-box ul li .icon span {
                    font-weight: 700;
                }


.about-style1__img {
    position: relative;
    display: block;
    padding-top: 30px;
    padding-left: 3px;
}

    .about-style1__img ul.row {
        --bs-gutter-x: 15px;
    }

        .about-style1__img ul.row li:last-child {
            position: relative;
            top: -30px;
        }

    .about-style1__img .single-box {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .about-style1__img .single-box img {
            width: 100%;
            transform: scale3d(1, 1, 1);
            transition: transform 1s ease-in-out;
        }


        .about-style1__img .single-box:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-color: var(--thm-base);
            opacity: 0.20;
            -webkit-mask-image: linear-gradient(to left, transparent 47.5%, #fff 52.5%);
            -webkit-mask-size: 210%;
            -webkit-mask-position: right;
            z-index: 1;
            display: none;
        }

        .about-style1__img .single-box:hover:before {
            -webkit-mask-position: left;
            transition: -webkit-mask-position 1s linear;
        }

/*---------------------------------------
  Features Style1 Css
-----------------------------------------*/
.features-style1 {
    position: relative;
    display: block;
    background-color: #ffffff;
    padding: 120px 0 120px;
    z-index: 10;
}

    .features-style1 .sec-title h2 {
        color: var(--thm-black);
        font-size: 38px;
        line-height: 1.2em;
        font-weight: 300;
        text-transform: capitalize;
    }

.features-style1__content {
    position: relative;
    display: block;
}

.features-style1__tab {
    position: relative;
    display: block;
}

.features-style1-tab-content-box-item {
    position: relative;
    display: block;
    text-align: center;
}

    .features-style1-tab-content-box-item .text {
        position: relative;
        display: block;
        padding: 0 60px;
    }


.features-style1__tab-button {
    position: relative;
    display: block;
    padding-top: 83px;
    z-index: 1;
}

    .features-style1__tab-button .tabs-button-box {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .features-style1__tab-button .tabs-button-box .tab-btn-item {
            position: relative;
            display: block;
            width: 210px;
            float: left;
            text-align: center;
            cursor: pointer;
            padding-top: 7px;
            padding-bottom: 7px;
            z-index: 1;
        }

            .features-style1__tab-button .tabs-button-box .tab-btn-item + .tab-btn-item {
                border-left: 1px solid #cfcfcf;
            }

            .features-style1__tab-button .tabs-button-box .tab-btn-item:hover,
            .features-style1__tab-button .tabs-button-box .tab-btn-item.active-btn-item {
            }



.features-style1__tab-button__inner {
    position: relative;
    display: block;
}

    .features-style1__tab-button__inner .icon {
        position: relative;
        display: block;
    }

        .features-style1__tab-button__inner .icon span {
            position: relative;
            display: inline-block;
            color: #2d6293;
            font-size: 50px;
            transition: all 200ms linear;
            transition-delay: 0.1s;
        }

.features-style1__tab-button .tabs-button-box .tab-btn-item:hover .features-style1__tab-button__inner .icon span,
.features-style1__tab-button .tabs-button-box .tab-btn-item.active-btn-item .features-style1__tab-button__inner .icon span {
    color: var(--thm-base);
    transform: translateY(4px);
}

.features-style1__tab-button__inner h3 {
    color: #242424;
    font-size: 22px;
    line-height: 30px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 15px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.features-style1__tab-button .tabs-button-box .tab-btn-item:hover .features-style1__tab-button__inner h3,
.features-style1__tab-button .tabs-button-box .tab-btn-item.active-btn-item .features-style1__tab-button__inner h3 {
    color: var(--thm-base);
}
/*------------------------------------------
  Service style1
--------------------------------------------*/
.service-style1 {
    position: relative;
    display: block;
    background-color: #f4f4f4;
    padding: 120px 0px 90px;
    z-index: 10;
}

    .service-style1 .sec-title.withtext {
        padding-bottom: 54px;
    }

    .service-style1 .sec-title h2 {
        color: #ffffff;
    }

    .service-style1 .sec-title p {
        color: rgb(255, 255, 255, 0.70);
        font-size: 20px;
        line-height: 28px;
    }

.single-service-style1 {
    position: relative;
    display: block;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 12px 12.5px 0;
    margin-bottom: 30px;
    transition: all 100ms linear;
    transition-delay: 0.1s;
}

    .single-service-style1:hover {
        transform: translateY(-5px);
    }

    .single-service-style1 .img-box {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: 8px;
    }

        .single-service-style1 .img-box::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            opacity: 0.50;
            background-color: #ffffff;
            transition: -webkit-transform 0.4s ease;
            transition: transform 0.4s ease;
            transition: transform 0.4s ease, -webkit-transform 0.4s ease;
            transform-origin: bottom right;
            -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
            z-index: 1;
        }

    .single-service-style1:hover .img-box::before {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        transform-origin: top center;
    }

    .single-service-style1 .img-box img {
        width: 100%;
    }

    .single-service-style1 .title-box {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px 12.5px 15px;
    }

        .single-service-style1 .title-box h3 {
            font-size: 23px;
            line-height: 33px;
            font-weight: 700;
        }

            .single-service-style1 .title-box h3 a {
                color: #0b1970;
                transition: all 200ms linear;
                transition-delay: 0.1s;
            }

                .single-service-style1 .title-box h3 a:hover {
                    color: var(--thm-base);
                }

        .single-service-style1 .title-box .icon {
            position: relative;
            display: block;
        }

            .single-service-style1 .title-box .icon a {
                position: relative;
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                background-color: transparent;
                border-radius: 50%;
                transition: all 200ms linear;
                transition-delay: 0.1s;
            }

                .single-service-style1 .title-box .icon a span {
                    position: relative;
                    top: 1px;
                    display: inline-block;
                    color: var(--thm-black);
                    font-size: 25px;
                    line-height: 25px;
                    transition: all 200ms linear;
                    transition-delay: 0.1s;
                }

    .single-service-style1:hover .title-box .icon a {
        background-color: var(--thm-base);
    }

        .single-service-style1:hover .title-box .icon a span {
            color: #ffffff;
        }




/*== Btn One Css ======*/
.btn-box {
    position: relative;
    display: block;
}

.btn-one {
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    padding-top: 9px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 7px;
    background-color: transparent;
    color: #ffffff;
    font-size: 14px;
    line-height: 44px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
    letter-spacing: 0.1em;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-family: var(--thm-font-2);
    z-index: 2;
}

    .btn-one:before {
        position: absolute;
        top: 0px;
        left: 100%;
        right: -50px;
        content: "";
        background: var(--thm-black);
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        border-radius: 0%;
        transition-duration: 800ms;
        z-index: 1;
        bottom: 0;
    }

    .btn-one:hover:before {
        left: 0;
        right: 0px;
    }

    .btn-one:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        opacity: 1;
        transform: scaleX(1);
        transition-duration: 800ms;
        background-color: var(--thm-base);
        z-index: -1;
    }

    .btn-one:hover:after {
        transform: scaleX(0);
        transition-duration: 1500ms;
    }

    .btn-one .txt {
        position: relative;
        display: inline-flex;
        align-items: center;
        z-index: 1;
    }

    .btn-one:hover,
    .btn-one:focus {
        color: #ffffff;
        -webkit-box-shadow: 2px 2px 20px 0px rgba(var(--thm-black-rgb), 0.1);
        -moz-box-shadow: 2px 2px 20px 0px rgba(var(--thm-black-rgb), 0.1);
        box-shadow: 2px 2px 20px 0px rgba(var(--thm-black-rgb), 0.1);
    }

    .btn-one i {
        position: relative;
        display: inline-block;
        margin-left: 10px;
        color: #ffffff;
        font-size: 22px;
        font-weight: 600;
        transition: all 200ms linear;
        transition-delay: 0.1s;
    }























@media only screen and (min-width: 1200px) and (max-width: 1350px) {

    .choose-style1__content .sec-title.withtext {
        padding-bottom: 1px;
    }

    .choose-style1__content {
        margin-right: -70px;
    }

    .choose-style1__content-inner ul.row {
        --bs-gutter-x: 20px;
    }



    .approach-style1::before {
        display: none;
    }
}






/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sec-title p br {
        display: none;
    }

    .about-style1__content {
        padding-right: 0px;
    }

    .about-style1__img {
        padding-top: 80px;
        padding-left: 0px;
    }



    .choose-style1__img {
        margin-left: 0;
        margin-right: 0;
    }

    .choose-style1__bg {
        bottom: auto;
        width: calc((100% - 0px) / 2);
        height: 1000px;
    }

    .choose-style1__content {
        padding-top: 60px;
        margin-right: 0px;
    }



    .single-fact-counter {
        max-width: 50%;
    }



    .video-gallery-style1__img {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        width: calc((100% - 0px) / 1);
        min-height: 600px;
    }

    .video-gallery-style1__content {
        position: relative;
        display: block;
        max-width: 100%;
        width: 100%;
        padding-top: 70px;
        padding-bottom: 120px;
    }



    .team-style1 {
        padding: 60px 0px 80px;
    }

    .single-team-style1 {
        margin-bottom: 40px;
    }



    .video-gallery-style2 {
        padding: 150px 0px 150px;
    }

    .video-gallery-style2__content {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

        .video-gallery-style2__content .btn-box {
            margin-top: 40px;
            margin-left: 30px;
        }



    .footer-main {
        padding-top: 100px;
        padding-bottom: 43px;
    }

    .single-footer-widget {
        margin-bottom: 50px;
    }

        .single-footer-widget.margin-left {
            margin-left: 0px;
        }

        .single-footer-widget.margin-left-minus2 {
            margin-left: 0px;
        }

    .footer-widget-contact-info {
        margin-top: 0px;
        margin-left: 0px;
    }




    .about-style2-content {
        padding-right: 0px;
    }

    .about-style2__img {
        margin-top: 60px;
        margin-right: 0px;
    }



    .service-style2__top .text {
        top: -3px;
        max-width: 420px;
    }



    .features-style1 .sec-title h2 br {
        display: none;
    }



    .about-faq-style1__about {
        max-width: 100%;
    }

    .about-faq-style1__faq {
        margin-top: 60px;
        margin-left: 0px;
    }



    .slogan-style1 {
        padding: 40px 0px 50px;
    }

    .slogan-style1__content {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .slogan-style1__content .btn-box {
            margin-top: 19px;
        }



    .testimonials-style1 .sec-title {
        padding-bottom: 49px;
    }

        .testimonials-style1 .sec-title h2 br {
            display: none;
        }



    .approach-style1::before {
        display: none;
    }

    .approach-style1__title {
        margin-bottom: 50px;
    }



    .about-style3-content {
        padding-right: 0px;
    }

    .about-style3__img {
        margin-top: 60px;
        margin-left: 50px;
    }



    .testimonials-style2 .sec-title {
        padding-bottom: 49px;
    }

        .testimonials-style2 .sec-title h2 br {
            display: none;
        }



    .about-style4-content {
        padding-top: 120px;
        padding-right: 0px;
        padding-bottom: 70px;
    }



    .features-style2__content {
        padding-left: 140px;
    }

    .features-style2__content-inner .single-box {
        margin-top: 30px;
    }

    .features-style2__content .sec-title h2 br {
        display: none;
    }



    .team-style1-in-style4__top {
        display: block;
        padding-bottom: 53px;
    }

        .team-style1-in-style4__top .text {
            top: 0px;
            max-width: 100%;
            width: 100%;
            margin-top: 20px;
        }



    .slogan-style2 {
        padding: 53px 0px 56px;
    }

    .slogan-style2__content {
        flex-direction: column;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

        .slogan-style2__content .btn-box {
            margin-top: 13px;
        }


    .approach-style1__content {
        margin-top: 60px;
    }


    .case-studies-style1__title .sec-title.withtext {
        padding-bottom: 150px;
    }

    .case-studies-carousel.owl-theme .owl-nav {
        top: -100px;
        left: -10px;
        bottom: 0;
    }


    .single-industries-served {
        margin-bottom: 2px;
    }



    .features-style3__content-box {
        margin-left: 0px;
        max-width: 570px;
        margin: 0 auto;
    }

    .features-style3__img-box {
        max-width: 570px;
        margin: 0 auto;
    }

    .features-style3__content-box h2 br {
        display: none;
    }



    .video-gallery-style3 {
        padding: 120px 0px 180px;
    }

    .video-gallery-style3__content {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .video-gallery-style3__content .btn-box {
            margin-top: 114px;
        }

    .about-style5__right {
        margin-top: 20px;
    }

        .about-style5__right .single-box {
            margin-top: 40px;
        }



    .get-in-touch-style1 {
        padding: 780px 0 120px;
    }

    .get-in-touch-style1__bg {
        position: absolute;
        top: 120px;
        left: 0;
        right: 0;
        height: 600px;
        max-width: 930px;
        width: calc((100% - 0px) / 1);
        margin: 0 auto;
    }

    .get-in-touch-style1__form {
        padding-right: 0;
    }


    .mission-style1 {
        padding-bottom: 113px;
    }

    .mission-style1__inner {
        padding: 60px 90px 0px;
    }

    .mission-style1-img-box .single-img-box {
        margin-top: 30px;
    }

    .mission-style1-content-box .text-box1 {
        padding-top: 70px;
    }

    .mission-style1-content-box .text-box2 {
        padding-top: 60px;
        padding-left: 0;
    }


    .about-style6__img {
        padding-right: 0px;
        max-width: 700px;
        margin: 0 auto;
    }

    .about-style6__content {
        padding-top: 70px;
        max-width: 700px;
        margin: 0 auto;
    }

    .about-style6__img .overlay-box {
        right: 20px;
    }


    .team-style1-in-style4 {
        padding: 120px 0px 80px;
    }


    .service-style5__top {
        display: block;
    }

        .service-style5__top .sec-title {
            padding-bottom: 30px;
        }

        .service-style5__top .text {
            max-width: 100%;
        }

    .our-values-style1__img {
        margin-right: 0;
        max-width: 700px;
        margin: 0 auto;
    }

    .our-values-style1__content {
        padding-top: 60px;
        max-width: 700px;
        margin: 0 auto;
    }



    .vision-style1__bg {
        top: 0px;
        right: 0;
        bottom: auto;
        width: calc((100% - 0px) / 1);
        background-position: top right;
        max-width: 960px;
        margin: 0 auto;
        height: 700px;
    }

    .vision-style1__bg-2 {
        width: calc((100% + 0px) / 1);
    }

    .vision-style1__content {
        max-width: 100%;
        width: 100%;
        padding-top: 700px;
        padding-left: 0px;
    }

    .vision-style1__content-inner {
        margin-top: 0;
    }

    .fact-counter-box-style2 {
        border-right: 0px solid rgb(255, 255, 255, 0.35);
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .vision-style1__main-content {
        padding-left: 60px;
        margin-right: 0px;
    }



    .history-style1__img-box {
        padding-right: 0px;
    }

        .history-style1__img-box .single-img-box {
            margin-top: 30px;
        }



    .team-style1-in-style3 {
        padding: 120px 0px 80px;
    }



    .about-style7-content {
        padding-right: 0px;
    }



    .more-service-style1__content-box ul {
        margin-top: 14px;
    }


    .service-details-page__text2 .image-holder-box {
        margin-top: 40px;
    }


    .blog-page-two__content {
        padding-right: 0px;
    }

    .thm-sidebar-box {
        margin-top: 90px;
    }


    .blog-details-area {
        padding: 120px 0 60px;
    }

    .blog-details-box {
        padding-right: 0px;
    }


    .testimonial-style1-title-box {
        padding-bottom: 49px;
    }

    .testimonials-page-one .sec-title h2 br {
        display: none;
    }


    .accordion-box-style1--instyle2 {
        margin-top: 44px;
    }


    .contact-info-box-style1 {
        margin-top: 50px;
        padding-left: 0px;
    }


    .project-info-box {
        margin-top: 50px;
    }

    .project-details-style1-img-box {
        margin-top: 50px;
        max-width: 570px;
    }
}





/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sec-title p br {
        display: none;
    }

    .coming-soon-page-style1 {
        height: auto !important;
        padding: 110px 0 120px;
    }

    .coming-soon-page-style1__content .big-title {
        font-size: 50px;
        line-height: 60px;
    }

    .timer-box .countdown-timer li {
        float: none;
    }

        .timer-box .countdown-timer li + li {
            margin-top: 20px;
        }

    .coming-soon-page-style1__content {
        top: 0%;
        transform: translateY(0%);
    }

    .subscribe-box-style1 {
        max-width: 370px;
    }

        .subscribe-box-style1 form input[type="email"] {
            padding-left: 30px;
            padding-right: 30px;
        }

        .subscribe-box-style1 form button {
            position: relative;
            top: 0px;
            left: 0;
            right: 0px;
            bottom: 0px;
            width: 100%;
            margin-top: 20px;
        }


    /* Footer */
    .footer-main {
        padding-top: 100px;
        padding-bottom: 43px;
    }

    .single-footer-widget {
        margin-bottom: 50px;
    }

        .single-footer-widget.margin-left {
            margin-left: 0px;
        }

        .single-footer-widget.margin-left-minus2 {
            margin-left: 0px;
        }

    .footer-widget-contact-info {
        margin-top: 0px;
        margin-left: 0px;
    }



    .about-style1__content {
        padding-right: 0px;
    }

    .about-style1__img {
        padding-top: 80px;
        padding-left: 0px;
    }



    .single-service-style1 .title-box h3 {
        font-size: 20px;
    }



    .choose-style1__img {
        margin-left: 0;
        margin-right: 0;
    }

    .choose-style1__bg {
        bottom: auto;
        width: calc((100% - 0px) / 2);
        height: 600px;
    }

    .choose-style1__content {
        padding-top: 60px;
        margin-right: 0px;
    }



    .single-fact-counter {
        max-width: 50%;
    }



    .video-gallery-style1__img {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        width: calc((100% - 0px) / 1);
        min-height: 600px;
    }

    .video-gallery-style1__content {
        position: relative;
        display: block;
        max-width: 100%;
        width: 100%;
        padding-top: 70px;
        padding-bottom: 120px;
    }




    .team-style1 {
        padding: 60px 0px 80px;
    }

    .single-team-style1 {
        margin-bottom: 40px;
    }



    .video-gallery-style2 {
        padding: 150px 0px 150px;
    }

    .video-gallery-style2__content {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

        .video-gallery-style2__content .title-box .sec-title h2 br {
            display: none;
        }

        .video-gallery-style2__content .btn-box {
            margin-top: 40px;
            margin-left: 30px;
        }




    .about-style2-content {
        padding-right: 0px;
    }

    .about-style2__img {
        margin-top: 60px;
        margin-right: 0px;
    }



    .service-style2__top {
        display: block;
        padding-bottom: 52px;
    }

        .service-style2__top .text {
            top: 0px;
            max-width: 100%;
            width: 100%;
            margin-top: 19px;
        }



    .features-style1 .sec-title h2 br {
        display: none;
    }



    .project-style2 .sec-title {
        padding-bottom: 0;
        margin-bottom: 159px;
    }

    .project-style2-carousel.owl-nav-style-one.owl-theme .owl-nav {
        top: -110px;
        max-width: 690px;
        text-align: left;
    }

        .project-style2-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
            margin: 0 0px;
        }

            .project-style2-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] + [class*="owl-"] {
                margin-left: 10px;
            }



    .about-faq-style1__about {
        max-width: 100%;
    }

    .about-faq-style1__faq {
        margin-top: 60px;
        margin-left: 0px;
    }



    .slogan-style1 {
        padding: 40px 0px 50px;
    }

    .slogan-style1__content {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .slogan-style1__content .btn-box {
            margin-top: 19px;
        }



    .testimonials-style1 .sec-title {
        padding-bottom: 49px;
    }

        .testimonials-style1 .sec-title h2 br {
            display: none;
        }



    .approach-style1::before {
        display: none;
    }

    .approach-style1__title {
        margin-bottom: 50px;
    }



    .about-style3-content {
        padding-right: 0px;
    }

    .about-style3__img {
        margin-top: 60px;
        margin-left: 50px;
    }



    .project-style3__top {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 60px;
    }

        .project-style3__top .btn-box {
            top: 0;
            margin-top: 29px;
        }



    .testimonials-style2 .sec-title {
        padding-bottom: 49px;
    }

        .testimonials-style2 .sec-title h2 br {
            display: none;
        }



    .blog-style2__top {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        padding-bottom: 53px;
    }

        .blog-style2__top .text {
            margin-top: 20px;
            top: 0;
            max-width: 100%;
            width: 100%;
        }


    .about-style4-content {
        padding-top: 120px;
        padding-right: 0px;
        padding-bottom: 70px;
    }




    .features-style2 {
        padding: 0px 0 113px;
    }

    .features-style2__bg::before {
        width: 180px;
    }

    .features-style2__bg::after {
        width: 200px;
    }

    .features-style2__bg {
        bottom: auto;
        width: calc((100% - 0px) / 1);
        background-position: top center;
        height: 500px;
    }

    .features-style2__content {
        max-width: 100%;
        width: 100%;
        padding-top: 570px;
        padding-left: 0px;
    }

    .features-style2__content-inner .single-box {
        margin-top: 40px;
    }



    .team-style1-in-style4__top {
        display: block;
        padding-bottom: 53px;
    }

        .team-style1-in-style4__top .text {
            top: 0px;
            max-width: 100%;
            width: 100%;
            margin-top: 20px;
        }



    .slogan-style2 {
        padding: 53px 0px 56px;
    }

    .slogan-style2__content {
        flex-direction: column;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

        .slogan-style2__content .btn-box {
            margin-top: 13px;
        }



    .approach-style1__content {
        margin-top: 60px;
    }



    .case-studies-style1__title .sec-title.withtext {
        padding-bottom: 150px;
    }

    .case-studies-carousel.owl-theme .owl-nav {
        top: -100px;
        left: -10px;
        bottom: 0;
    }



    .single-industries-served {
        margin-bottom: 2px;
    }


    .features-style3__content-box {
        margin-left: 0px;
        max-width: 570px;
        margin: 0 auto;
    }

    .features-style3__img-box {
        max-width: 570px;
        margin: 0 auto;
    }

    .features-style3__content-box h2 br {
        display: none;
    }



    .video-gallery-style3 {
        padding: 120px 0px 180px;
    }

    .video-gallery-style3__content {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .video-gallery-style3__content .btn-box {
            margin-top: 114px;
        }


    .about-style5__right {
        margin-top: 20px;
    }

        .about-style5__right .single-box {
            margin-top: 40px;
        }


    .project-style4 .sec-title {
        padding-bottom: 145px;
    }



    .get-in-touch-style1 {
        padding: 780px 0 120px;
    }

    .get-in-touch-style1__bg {
        position: absolute;
        top: 120px;
        left: 0;
        right: 0;
        height: 600px;
        max-width: 690px;
        width: calc((100% - 0px) / 1);
        margin: 0 auto;
    }

    .get-in-touch-style1__form {
        padding-right: 0;
    }


    .mission-style1 {
        padding-bottom: 113px;
    }

    .mission-style1__inner {
        padding: 60px 90px 0px;
    }

    .mission-style1-img-box .single-img-box {
        margin-top: 30px;
    }

    .mission-style1-content-box .text-box1 {
        padding-top: 70px;
    }

    .mission-style1-content-box .text-box2 {
        padding-top: 60px;
        padding-left: 0;
    }


    .about-style6__img {
        padding-right: 0px;
        max-width: 700px;
        margin: 0 auto;
    }

    .about-style6__content {
        padding-top: 70px;
        max-width: 700px;
        margin: 0 auto;
    }

    .about-style6__img .overlay-box {
        right: 20px;
    }


    .team-style1-in-style4 {
        padding: 120px 0px 80px;
    }


    .service-style5__top {
        display: block;
    }

        .service-style5__top .sec-title {
            padding-bottom: 30px;
        }

        .service-style5__top .text {
            max-width: 100%;
        }


    .our-values-style1__img {
        margin-right: 0;
        max-width: 700px;
        margin: 0 auto;
    }

    .our-values-style1__content {
        padding-top: 60px;
        max-width: 700px;
        margin: 0 auto;
    }




    .vision-style1__bg {
        top: 0px;
        right: 0;
        bottom: auto;
        width: calc((100% - 0px) / 1);
        background-position: top right;
        max-width: 960px;
        margin: 0 auto;
        height: 700px;
    }

    .vision-style1__bg-2 {
        width: calc((100% + 0px) / 1);
    }

    .vision-style1__content {
        max-width: 100%;
        width: 100%;
        padding-top: 700px;
        padding-left: 0px;
    }

    .vision-style1__content-inner {
        margin-top: 0;
    }

    .fact-counter-box-style2 {
        border-right: 0px solid rgb(255, 255, 255, 0.35);
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .vision-style1__main-content {
        padding-left: 60px;
        margin-right: 0px;
    }

        .vision-style1__main-content .sec-title h2 br {
            display: none;
        }



    .history-style1__img-box {
        padding-right: 0px;
    }

        .history-style1__img-box .single-img-box {
            margin-top: 30px;
        }



    .team-style1-in-style3 {
        padding: 120px 0px 80px;
    }



    .about-style7-content {
        padding-right: 0px;
    }



    .more-service-style1__content-box ul {
        margin-top: 14px;
    }



    .service-details-page__content {
        margin-top: 100px;
        padding-left: 0px;
    }

    .service-details-page__text2 .image-holder-box {
        margin-top: 60px;
        margin-left: 0px;
    }



    .blog-page-two__content {
        padding-right: 0px;
    }

    .thm-sidebar-box {
        margin-top: 90px;
    }




    .blog-details-area {
        padding: 120px 0 60px;
    }

    .blog-details-box {
        padding-right: 0px;
    }



    .testimonial-style1-title-box {
        padding-bottom: 49px;
    }

    .testimonials-page-one .sec-title h2 br {
        display: none;
    }


    .accordion-box-style1--instyle2 {
        margin-top: 44px;
    }


    .contact-info-box-style1 {
        margin-top: 50px;
        padding-left: 0px;
    }



    .project-page-two__top {
        position: relative;
        display: block;
        text-align: center;
    }

        .project-page-two__top .text {
            top: 0px;
            margin-top: 20px;
            max-width: none;
        }

    .project-filter li {
        margin: 0 10px 11px;
    }


    .project-info-box {
        margin-top: 50px;
    }

    .project-details-style1-img-box {
        margin-top: 50px;
        max-width: 570px;
    }
}





/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {


    .sec-title {
        margin-top: -10px;
        padding-bottom: 52px;
    }

        .sec-title h2 br {
            display: none;
        }

        .sec-title p br {
            display: none;
        }

        .sec-title .sub-title.item-center .border-line.left {
            display: none;
        }

        .sec-title .sub-title.item-center .border-line.right {
            display: none;
        }


    .error-content .big-title h2 {
        font-size: 120px;
        line-height: 100px;
    }

    .error-content .title h2 {
        font-size: 40px;
        line-height: 50px;
        font-weight: 700;
    }

    .error-content .text p br {
        display: none;
    }



    .coming-soon-page-style1 {
        height: auto !important;
        padding: 110px 0 120px;
    }

    .coming-soon-page-style1__content .big-title {
        font-size: 50px;
        line-height: 60px;
    }

    .timer-box .countdown-timer li {
        float: none;
    }

        .timer-box .countdown-timer li + li {
            margin-top: 20px;
        }

    .coming-soon-page-style1__content {
        top: 0%;
        transform: translateY(0%);
    }

    .subscribe-box-style1 {
        max-width: 370px;
    }

        .subscribe-box-style1 form input[type="email"] {
            padding-left: 30px;
            padding-right: 30px;
        }

        .subscribe-box-style1 form button {
            position: relative;
            top: 0px;
            left: 0;
            right: 0px;
            bottom: 0px;
            width: 100%;
            margin-top: 20px;
        }



    /* footer */
    .footer-main {
        padding-top: 100px;
        padding-bottom: 73px;
    }

    .single-footer-widget {
        margin-bottom: 50px;
    }

        .single-footer-widget.margin-left {
            margin-left: 0px;
        }

        .single-footer-widget.margin-left-minus2 {
            margin-left: 0px;
        }

    .footer-widget-contact-info {
        margin-top: 0px;
        margin-left: 0px;
    }

    .footer-bottom .bottom-inner {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .footer-bottom-right {
        margin-top: 9px;
    }



    .blog-details-area {
        padding: 120px 0 60px;
    }

    .blog-details-box {
        padding-right: 0px;
    }

    .comment-box .single-comment-box--reply {
        margin-left: 30px;
    }

    .comment-box .single-comment-box {
        padding-left: 0px;
        min-height: auto;
    }

        .comment-box .single-comment-box .img-holder {
            position: relative;
        }

        .comment-box .single-comment-box .text-holder {
            padding-left: 0px;
            min-height: auto;
            margin-top: 24px;
        }




    .about-style1__content {
        padding-right: 0px;
    }

    .about-style1__img {
        padding-top: 50px;
        padding-left: 0px;
    }

        .about-style1__img ul.row li:last-child {
            margin-top: 30px;
            top: 0px;
        }



    .single-service-style1 .title-box h3 {
        font-size: 18px;
    }



    .choose-style1__img {
        margin-left: 0;
        margin-right: 0;
    }

    .choose-style1__bg {
        bottom: auto;
        width: calc((100% - 0px) / 1);
        height: 400px;
    }

    .choose-style1__content {
        padding-top: 50px;
        margin-right: 0px;
    }



    .fact-counter_box ul {
        align-items: center;
        justify-content: center;
    }

    .single-fact-counter {
        max-width: 100%;
        width: 300px;
    }



    .video-gallery-style1__img {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        width: calc((100% - 0px) / 1);
        min-height: 550px;
    }

    .video-gallery-style1__content {
        position: relative;
        display: block;
        max-width: 100%;
        width: 100%;
        padding-top: 70px;
        padding-bottom: 120px;
    }



    .team-style1 {
        padding: 60px 0px 90px;
    }

    .single-team-style1 {
        margin-bottom: 30px;
    }



    .video-gallery-style2 {
        padding: 146px 0px 144px;
    }

    .video-gallery-style2__content {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

        .video-gallery-style2__content .title-box .sec-title h2 {
            font-size: 45px;
        }

            .video-gallery-style2__content .title-box .sec-title h2 br {
                display: none;
            }

        .video-gallery-style2__content .btn-box {
            margin-top: 40px;
            margin-left: 30px;
            flex-direction: column;
            justify-content: center;
            text-align: center;
        }

            .video-gallery-style2__content .btn-box h4 {
                margin-top: 30px;
                margin-left: 0px;
            }



    .about-style2-content {
        padding-right: 0px;
    }

    .about-style2__img {
        margin-top: 60px;
        margin-right: 0px;
    }

        .about-style2__img ul li:last-child {
            margin-top: 30px;
        }

    .about-style2-bottom-box {
        align-items: flex-start;
        flex-direction: column;
    }

        .about-style2-bottom-box .right {
            margin-top: 30px;
            padding-left: 0px;
        }



    .service-style2__top {
        display: block;
        padding-bottom: 52px;
    }

        .service-style2__top .text {
            top: 0px;
            max-width: 100%;
            width: 100%;
            margin-top: 19px;
        }



    .features-style1-tab-content-box-item .text {
        padding: 0 0px;
    }

    .features-style1__tab-button__inner .icon span {
        font-size: 40px;
    }

    .features-style1__tab-button__inner h3 {
        font-size: 16px;
    }



    .project-style2 .sec-title {
        padding-bottom: 0;
        margin-bottom: 159px;
    }

    .project-style2-carousel.owl-nav-style-one.owl-theme .owl-nav {
        top: -110px;
        max-width: 540px;
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
    }

        .project-style2-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] {
            margin: 0 0px;
        }

            .project-style2-carousel.owl-nav-style-one.owl-theme .owl-nav [class*="owl-"] + [class*="owl-"] {
                margin-left: 10px;
            }



    .about-faq-style1__about {
        max-width: 100%;
    }

    .about-faq-style1__faq {
        margin-top: 60px;
        margin-left: 0px;
    }



    .slogan-style1 {
        padding: 40px 0px 50px;
    }

    .slogan-style1__content {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .slogan-style1__content .btn-box {
            margin-top: 19px;
        }



    .testimonials-style1 .sec-title {
        padding-bottom: 49px;
    }

        .testimonials-style1 .sec-title h2 br {
            display: none;
        }



    .approach-style1::before {
        display: none;
    }

    .approach-style1__title {
        margin-bottom: 50px;
    }



    .about-style3-content {
        padding-right: 0px;
    }

    .about-style3__img {
        margin-top: 60px;
        margin-left: 50px;
    }

        .about-style3__img .overlay-box {
            left: -50px;
            bottom: 40px;
        }



    .quality-policy {
        padding: 120px 0 113px;
    }

    .quality-policy__content {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 35px;
    }

        .quality-policy__content .right {
            border-left: 0px solid rgb(255, 255, 255, 0.40);
            margin-top: 30px;
            padding-left: 0px;
            margin-left: 0px;
            text-align: center;
        }



    .project-style3__top {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 60px;
    }

        .project-style3__top .btn-box {
            top: 0;
            margin-top: 29px;
        }




    .testimonials-style2 .sec-title {
        padding-bottom: 49px;
    }

        .testimonials-style2 .sec-title h2 br {
            display: none;
        }



    .blog-style2__top {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        padding-bottom: 53px;
    }

        .blog-style2__top .text {
            margin-top: 20px;
            top: 0;
            max-width: 100%;
            width: 100%;
        }




    .about-style4-content {
        padding-top: 120px;
        padding-right: 0px;
        padding-bottom: 180px;
    }

    .about-style4__img {
        width: 360px;
        height: 360px;
        margin: 0 auto;
    }

        .about-style4__img .round-box-bg {
            top: 0px;
            left: 0;
            bottom: 0;
            right: 0px;
            width: 360px;
            height: 360px;
        }

        .about-style4__img .round-box-border {
            top: -40px;
            bottom: 0;
            left: 0;
            right: 0;
            width: 350px;
            height: 350px;
            border-radius: 50%;
            border: 1px solid #ffffff;
        }

    .about-style4-bottom-box {
        display: block;
        margin-top: 48px;
    }

        .about-style4-bottom-box .right .signature {
            margin-top: 30px;
            margin-left: 0px;
        }




    .features-style2 {
        padding: 0px 0 113px;
    }

    .features-style2__bg::before {
        width: 130px;
        bottom: -1px;
    }

    .features-style2__bg::after {
        width: 150px;
    }

    .features-style2__bg {
        bottom: auto;
        width: calc((100% - 0px) / 1);
        background-position: top center;
        height: 500px;
    }

    .features-style2__content {
        max-width: 100%;
        width: 100%;
        padding-top: 570px;
        padding-left: 0px;
    }

    .features-style2__content-inner .single-box {
        margin-top: 40px;
    }



    .team-style1-in-style4__top {
        display: block;
        padding-bottom: 53px;
    }

        .team-style1-in-style4__top .text {
            top: 0px;
            max-width: 100%;
            width: 100%;
            margin-top: 20px;
        }



    .slogan-style2 {
        padding: 53px 0px 56px;
    }

    .slogan-style2__content {
        flex-direction: column;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

        .slogan-style2__content .btn-box {
            margin-top: 13px;
        }


    .approach-style1__content {
        margin-top: 60px;
    }


    .case-studies-style1__title .sec-title.withtext {
        padding-bottom: 150px;
    }

    .case-studies-carousel.owl-theme .owl-nav {
        top: -100px;
        left: -10px;
        bottom: 0;
    }

    .case-studies-carousel.owl-carousel .owl-stage-outer {
        margin-right: 0px;
    }



    .single-testimonial-style3 .client-info {
        display: block;
    }

        .single-testimonial-style3 .client-info .img-box {
            width: 100px;
            height: 100px;
        }

        .single-testimonial-style3 .client-info .name {
            margin-top: 22px;
            margin-left: 0px;
        }


    .single-industries-served {
        margin-bottom: 2px;
    }



    .features-style3__content-box {
        margin-left: 0px;
        max-width: 570px;
        margin: 0 auto;
        padding: 42px 30px 50px;
    }

    .features-style3__img-box {
        max-width: 570px;
        margin: 0 auto;
    }

    .features-style3__content-box h2 br {
        display: none;
    }



    .video-gallery-style3 {
        padding: 120px 0px 180px;
    }

    .video-gallery-style3__content {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .video-gallery-style3__content .btn-box {
            margin-top: 114px;
        }

        .video-gallery-style3__content .sec-title h2 {
            font-size: 50px;
        }


    .about-style5__right {
        margin-top: 20px;
    }

        .about-style5__right .single-box {
            margin-top: 40px;
        }

    .about-style5-bottom-box {
        display: block;
    }

        .about-style5-bottom-box .right {
            margin-top: 40px;
            margin-left: 0px;
        }


    .project-style4 .sec-title {
        padding-bottom: 145px;
    }


    .accordion-box-style1 .accordion .accord-content {
        padding-left: 0px;
        padding-right: 0px;
    }



    .get-in-touch-style1 {
        padding: 560px 0 120px;
    }

    .get-in-touch-style1__bg {
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        height: 500px;
        max-width: 930px;
        width: calc((100% - 0px) / 1);
        margin: 0 auto;
    }

    .get-in-touch-style1__form {
        padding-right: 0;
    }


    .mission-style1 {
        padding-bottom: 113px;
    }

    .mission-style1__inner {
        padding: 60px 10px 0px;
    }

    .mission-style1-img-box .single-img-box {
        margin-top: 30px;
    }

    .mission-style1-content-box .text-box1 {
        padding-top: 60px;
    }

    .mission-style1-content-box .text-box2 {
        padding-top: 60px;
        padding-left: 0;
    }

    .mission-style1-content-box .text-box1 .bottom-box .left {
        display: block;
        margin-top: 30px;
    }

        .mission-style1-content-box .text-box1 .bottom-box .left .title-box {
            margin-top: 30px;
            margin-left: 0;
        }

    .mission-style1-content-box .text-box1 .bottom-box {
        display: block;
        margin-top: 0px;
    }

        .mission-style1-content-box .text-box1 .bottom-box .right {
            margin-top: 25px;
            margin-left: 0;
        }


    .about-style6__img {
        padding-right: 0px;
        max-width: 700px;
        margin: 0 auto;
    }

    .about-style6__content {
        padding-top: 60px;
        max-width: 700px;
        margin: 0 auto;
    }

    .about-style6__img .overlay-box {
        right: -10px;
        bottom: -10px;
    }

    .features-box-style1 ul li + li {
        margin-top: 50px;
    }


    .team-style1-in-style4 {
        padding: 120px 0px 80px;
    }


    .service-style5__top {
        display: block;
    }

        .service-style5__top .sec-title {
            padding-bottom: 30px;
        }

        .service-style5__top .text {
            max-width: 100%;
        }

    .single-service-style5 {
        text-align: center;
    }


    .our-values-style1__img {
        margin-right: 0;
        max-width: 700px;
        margin: 0 auto;
    }

    .our-values-style1__content {
        padding-top: 60px;
        max-width: 700px;
        margin: 0 auto;
    }

        .our-values-style1__content .text p u::before {
            display: none;
        }




    .vision-style1__bg {
        top: 0px;
        right: 0;
        bottom: auto;
        width: calc((100% - 0px) / 1);
        background-position: top right;
        max-width: 960px;
        margin: 0 auto;
        height: 500px;
    }

    .vision-style1__bg-2 {
        width: calc((100% + 0px) / 1);
    }

    .vision-style1__content {
        max-width: 100%;
        width: 100%;
        padding-top: 500px;
        padding-left: 0px;
    }

    .vision-style1__content-inner {
        margin-top: 0;
        display: block;
        padding-bottom: 113px;
    }

    .fact-counter-box-style2 {
        border-right: 0px solid rgb(255, 255, 255, 0.35);
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .vision-style1__main-content {
        padding-top: 60px;
        padding-left: 0px;
        margin-right: 0px;
    }

        .vision-style1__main-content .sec-title h2 br {
            display: none;
        }

    .fact-counter-box-style2 ul li + li {
        margin-top: 55px;
    }

    .fact-counter-box-style2 ul li {
        align-items: flex-start;
    }



    .history-style1__img-box {
        padding-left: 0;
        padding-right: 0px;
    }

    .single-history-box {
        padding-left: 0px;
    }

    .history-box li::before {
        display: none;
    }

    .history-style1__img-box .single-img-box {
        margin-top: 30px;
    }

    .single-history-box .date-box {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .single-history-box .text-box {
        text-align: center;
        margin-top: 28px;
    }



    .team-style1-in-style3 {
        padding: 120px 0px 80px;
    }



    .about-style7-content {
        padding-right: 0px;
    }



    .more-service-style1__content-box ul {
        margin-top: 14px;
    }



    .service-details-page__content {
        margin-top: 100px;
        padding-left: 0px;
    }

    .service-details-page__text2 .image-holder-box {
        margin-top: 60px;
        margin-left: 0px;
    }



    .blog-page-two {
        padding: 120px 0 60px;
    }

    .blog-page-two__content {
        padding-right: 0px;
    }

    .thm-sidebar-box {
        margin-top: 90px;
    }



    .testimonial-style1-title-box {
        padding-bottom: 49px;
    }

    .testimonials-page-one .sec-title h2 {
        font-size: 35px;
    }

        .testimonials-page-one .sec-title h2 br {
            display: none;
        }

    .single-testimonials-style1__inner {
        padding: 43px 30px 44px;
    }



    .accordion-box-style1--instyle2 {
        margin-top: 44px;
    }

    .faq-form-area__bg {
        opacity: 0.10;
    }


    .contact-info-box-style1 {
        margin-top: 50px;
        padding-left: 0px;
    }


    .project-page-two__top {
        position: relative;
        display: block;
        text-align: center;
    }

        .project-page-two__top .text {
            top: 0px;
            margin-top: 20px;
            max-width: none;
        }

    .project-filter li {
        margin: 0 10px 11px;
    }

    .project-page-two .project-filter {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }


    .project-info-box {
        margin-top: 50px;
    }

    .project-info-box {
        padding: 35px 40px 32px;
    }

    .project-details-style1-img-box {
        margin-top: 60px;
    }
}