/********** Template CSS **********/
:root {
    --primary: #0d6efd;
    --light: #F8F8F8;
    --dark: #252525;
}

h1,
h2,
.h1,
.h2,
.fw-bold {
    font-weight: 600 !important;
}

h3,
h4,
.h3,
.h4,
.fw-medium {
    font-weight: 500 !important;
}

h5,
h6,
.h5,
.h6,
.fw-normal {
    font-weight: 400 !important;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-secondary {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

.btn-outline-body {
    color: var(--primary);
    border-color: #777777;
}

.btn-outline-body:hover {
    color: #FFFFFF;
    background: var(--primary);
    border-color: var(--primary);
}


/*** Navbar ***/
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.navbar .navbar-nav .nav-link {
    margin-right: 30px;
    padding: 30px 0;
    color: var(--dark);
    font-weight: 500;
    text-transform: uppercase;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--primary);
}

.navbar.sticky-top {
    top: -100px;
    transition: .5s;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
        transition: .5s;
        opacity: 0;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transform: rotateX(0deg);
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
.owl-carousel-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, .5);
}

@media (max-width: 768px) {
    .header-carousel .owl-carousel-item {
        position: relative;
        min-height: 500px;
    }

    .header-carousel .owl-carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .header-carousel .owl-carousel-item p {
        font-size: 16px !important;
    }
}

.header-carousel .owl-dots {
    position: absolute;
    width: 60px;
    height: 100%;
    top: 0;
    right: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.header-carousel .owl-dots .owl-dot {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 5px 0;
    background: var(--dark);
    transition: .5s;
}

.header-carousel .owl-dots .owl-dot.active {
    width: 60px;
    height: 60px;
}

.header-carousel .owl-dots .owl-dot img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 2px;
    transition: .5s;
    opacity: .3;
}

.header-carousel .owl-dots .owl-dot.active img {
    opacity: 1;
}

.page-header {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--light);
}


/*** Section Title ***/
.section-title {
    color: #1E88E5;
    font-weight: 600;
    letter-spacing: 5px;
    text-transform: uppercase;
}


/*** Facts ***/
.fact-item .fact-icon {
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-bottom: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 120px;
    transition: .5s;
}

.fact-item:hover .fact-icon {
    background: var(--dark);
}

.fact-item .fact-icon i {
    color: var(--primary);
    transition: .5;
}

.fact-item:hover .fact-icon i {
    color: #FFFFFF;
}


/*** About & Feature ***/
.about-img,
.feature-img {
    position: relative;
    height: 100%;
    min-height: 400px;
}

.about-img img,
.feature-img img {
    position: absolute;
    width: 60%;
    height: 80%;
    object-fit: cover;
}

.about-img img:last-child,
.feature-img img:last-child {
    margin: 20% 0 0 40%;
}

.about-img::before,
.feature-img::before {
    position: absolute;
    content: "";
    width: 60%;
    height: 80%;
    top: 10%;
    left: 20%;
    border: 5px solid var(--primary);
    z-index: -1;
}


/*** Service ***/
.service-item .bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.service-item .service-text {
    background: var(--light);
    transition: .5s;
}

.service-item:hover .service-text {
    background: rgba(0, 0, 0, .7);
}

.service-item * {
    transition: .5;
}

.service-item:hover * {
    color: #FFFFFF;
}

.service-item .btn {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    color: var(--dark);
    background: #FFFFFF;
    white-space: nowrap;
    overflow: hidden;
    transition: .5s;
}

.service-item:hover .btn {
    width: 140px;
}


/*** Project ***/
.project .nav .nav-link {
    background: var(--light);
    transition: .5s;
}

.project .nav .nav-link.active {
    background: var(--primary);
}

.project .nav .nav-link.active h3 {
    color: #FFFFFF !important;
}


/*** Team ***/
.team-items {
    margin: -.75rem;
}

.team-item {
    padding: .75rem;
}

.team-item::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: #FFFFFF;
    transition: .5s;
    z-index: -1;
}

.team-item:hover::after {
    height: 100%;
    background: var(--primary);
}

.team-item .team-social {
    position: absolute;
    width: 100%;
    bottom: -20px;
    left: 0;
}

.team-item .team-social .btn {
    display: inline-flex;
    margin: 0 2px;
    color: var(--primary);
    background: var(--light);
}

.team-item .team-social .btn:hover {
    color: #FFFFFF;
    background: var(--primary);
}


/*** Appointment ***/
.bootstrap-datetimepicker-widget.bottom {
    top: auto !important;
}

.bootstrap-datetimepicker-widget .table * {
    border-bottom-width: 0px;
}

.bootstrap-datetimepicker-widget .table th {
    font-weight: 500;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    padding: 10px;
    border-radius: 2px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background: var(--primary);
}

.bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: var(--primary);
}


/*** Testimonial ***/
.testimonial-carousel {
    display: flex !important;
    flex-direction: column-reverse;
    max-width: 700px;
    margin: 0 auto;
}

.testimonial-carousel .owl-dots {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.testimonial-carousel .owl-dots .owl-dot {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 5px;
    transition: .5s;
}

.testimonial-carousel .owl-dots .owl-dot.active {
    width: 100px;
    height: 100px;
}

.testimonial-carousel .owl-dots .owl-dot::after {
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--primary);
    background: #FFFFFF;
    border-radius: 40px;
    transition: .5s;
    opacity: 0;
}

.testimonial-carousel .owl-dots .owl-dot.active::after {
    opacity: 1;
}

.testimonial-carousel .owl-dots .owl-dot img {
    opacity: .4;
    transition: .5s;
}

.testimonial-carousel .owl-dots .owl-dot.active img {
    opacity: 1;
}


/*** Footer ***/
.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #777777;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--primary);
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--primary);
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .form-control {
    border-color: #777777;
}

.footer .copyright {
    padding: 25px 0;
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: var(--light);
}

.footer .copyright a:hover {
    color: var(--primary);
}

/* css by me  */
.gal-showcase {
    width: 100%;
    padding: 90px 4%;
    background: #fff;
}

.gal-header {
    text-align: center;
    max-width: 850px;
    margin: auto;
    margin-bottom: 60px;
}

.gal-subtitle {
    display: inline-block;
    padding: 8px 18px;
    background: #0d6efd15;
    color: #0d6efd;
    font-weight: 600;
    margin-bottom: 15px;
}

.gal-header h2 {
    font-size: 52px;
    color: #111;
    font-weight: 800;
    margin-bottom: 15px;
}

.gal-header p {
    color: #666;
    font-size: 18px;
    line-height: 1.8;
}

.gal-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.gal-item {
    position: relative;
    overflow: hidden;
    min-height: 260px;
    cursor: pointer;
    border: 2px solid rgba(13, 110, 253, .15);
    transition: .4s;
}

.gal-large {
    grid-column: span 2;
    grid-row: span 2;
    min-height: 550px;
}

.gal-tall {
    grid-row: span 2;
    min-height: 550px;
}

.gal-wide {
    grid-column: span 2;
}

.gal-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .6s;
    border: 3px solid black;
}

.gal-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 25px;
    background: linear-gradient(transparent,
            rgba(0, 0, 0, .85));
}

.gal-overlay span {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

.gal-item:hover {
    transform: translateY(-8px);
    border-color: #0d6efd;
    box-shadow: 0 20px 50px rgba(13, 110, 253, .25);
}

.gal-item:hover img {
    transform: scale(1.12);
}

@media(max-width:991px) {

    .gal-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .gal-large,
    .gal-wide,
    .gal-tall {
        grid-column: unset;
        grid-row: unset;
        min-height: 320px;
    }

    .gal-header h2 {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .gal-grid {
        grid-template-columns: 1fr;
    }

    .gal-header h2 {
        font-size: 30px;
    }

    .gal-header p {
        font-size: 15px;
    }

    .gal-item {
        min-height: 260px;
    }

}

/* new section  */

.gal-industries {
    padding: 90px 5%;
    background: #f8f9fa;
}

.gal-title {
    text-align: center;
    margin-bottom: 50px;
}

.gal-title h2 {
    font-size: 48px;
    font-weight: 800;
    color: #0d6efd;
    margin-bottom: 12px;
}

.gal-title p {
    font-size: 22px;
    color: #555;
}

.gal-industry-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    max-width: 1200px;
    margin: auto;
}

.gal-industry-card {
    position: relative;
    overflow: hidden;
    height: 140px;
    cursor: pointer;
    transition: .4s;
}

.gal-industry-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .6s;
}

.gal-overlay {
    position: absolute;
    backdrop-filter: blur(2px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.gal-overlay h3 {
    color: #0d6efd;
    font-size: 28px;
    font-weight: 700;
}

.gal-industry-card:hover img {
    transform: scale(1.1);
}

.gal-industry-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(13, 110, 253, .25);
}

@media(max-width:992px) {

    .gal-industry-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width:576px) {

    .gal-title h2 {
        font-size: 32px;
    }

    .gal-title p {
        font-size: 16px;
    }

    .gal-industry-grid {
        grid-template-columns: 1fr;
    }

    .gal-industry-card {
        height: 180px;
    }

    .gal-overlay h3 {
        font-size: 22px;
    }

}

.gal-about {
    padding: 100px 6%;
    background: #fff;
    overflow: hidden;
}

.gal-content {
    max-width: 650px;
}

.gal-tag {
    display: inline-block;
    padding: 10px 18px;
    background: #0d6efd15;
    color: #0d6efd;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.gal-content h2 {
    font-size: 58px;
    font-weight: 800;
    line-height: 1.1;
    color: #111;
    margin-bottom: 25px;
}

.gal-content p {
    font-size: 18px;
    line-height: 1.9;
    color: #666;
    margin-bottom: 20px;
}

.gal-btn {
    display: inline-block;
    margin-top: 15px;
    padding: 16px 34px;
    background: #0d6efd;
    color: #fff;
    text-decoration: none;
    border-radius: 12px;
    font-weight: 600;
    transition: .4s;
}

.gal-btn:hover {
    background: #084ec5;
    transform: translateY(-4px);
    color: #fff;
}

.gal-image-wrap {
    position: relative;
    text-align: right;
}

.gal-shape {
    position: absolute;
    width: 250px;
    height: 250px;
    background: #0d6efd;
    right: -40px;
    top: -40px;
    opacity: .12;
}

.gal-image-wrap img {
    width: 100%;
    max-width: 700px;


    position: relative;
    z-index: 2;
    transition: .5s;
}

.gal-image-wrap img:hover {
    transform: scale(1.03);
}

@media(max-width:991px) {

    .gal-about {
        padding: 70px 5%;
    }

    .gal-content {
        margin-bottom: 40px;
    }

    .gal-content h2 {
        font-size: 42px;
    }

    .gal-image-wrap {
        text-align: center;
    }

}

@media(max-width:576px) {

    .gal-content h2 {
        font-size: 32px;
    }

    .gal-content p {
        font-size: 16px;
    }

    .gal-btn {
        width: 100%;
        text-align: center;
    }

}

.gal-process-v2 {
    padding: 120px 5%;
    background: #f8fbff;
    position: relative;
    overflow: hidden;
}

.gal-process-v2::before {
    content: '';
    width: 500px;
    height: 500px;
    background: #0d6efd20;
    position: absolute;
    top: -250px;
    right: -150px;
    border-radius: 50%;
    filter: blur(100px);
}

.gal-process-heading {
    text-align: center;
    max-width: 800px;
    margin: auto;
    margin-bottom: 80px;
}

.gal-process-heading span {
    color: #0d6efd;
    font-weight: 700;
    letter-spacing: 2px;
}

.gal-process-heading h2 {
    font-size: 60px;
    font-weight: 800;
    margin-top: 10px;
}

.gal-process-heading p {
    color: #666;
    margin-top: 15px;
}

.gal-timeline {
    position: relative;
    max-width: 1200px;
    margin: auto;
}

.gal-timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 4px;
    height: 100%;
    background: #0d6efd;
    transform: translateX(-50%);
}

.gal-process-card {
    width: 45%;
    background: rgba(255, 255, 255, .7);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(13, 110, 253, .2);
    padding: 35px;
    margin-bottom: 50px;
    position: relative;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
    transition: .4s;
}

.gal-process-card:nth-child(odd) {
    margin-right: auto;
}

.gal-process-card:nth-child(even) {
    margin-left: auto;
}

.gal-process-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 70px rgba(13, 110, 253, .2);
}

.gal-number {
    position: absolute;
    top: -20px;
    right: 25px;
    font-size: 60px;
    font-weight: 900;
    color: #0d6efd15;
}

.gal-process-card h3 {
    font-size: 28px;
    margin-bottom: 12px;
}

.gal-process-card p {
    color: #666;
    line-height: 1.8;
}

@media(max-width:991px) {

    .gal-timeline::before {
        left: 20px;
    }

    .gal-process-card {
        width: 100%;
        margin-left: 40px !important;
    }

}

@media(max-width:576px) {

    .gal-process-heading h2 {
        font-size: 38px;
    }

    .gal-process-card h3 {
        font-size: 22px;
    }

}

/* CLIENT SECTION */

.clients-section {
    padding: 100px 0;
    background: #ffffff;
    overflow: hidden;
    position: relative;
}

.container {
    width: 90%;
    max-width: 1400px;
    margin: auto;
}

.section-heading {
    text-align: center;
    margin-bottom: 60px;
}

.section-heading span {
    color: #0ea5e9;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

.section-heading h2 {
    font-size: 48px;
    margin: 15px 0;
    color: #111827;
    font-weight: 800;
}

.section-heading p {
    color: #6b7280;
    font-size: 18px;
}

.logo-slider {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.logo-slider::before,
.logo-slider::after {
    content: "";
    position: absolute;
    top: 0;
    width: 180px;
    height: 100%;
    z-index: 2;
}

.logo-slider::before {
    left: 0;
    background: linear-gradient(to right, #fff, transparent);
}

.logo-slider::after {
    right: 0;
    background: linear-gradient(to left, #fff, transparent);
}

.logo-track {
    display: flex;
    align-items: center;
    gap: 40px;
    width: max-content;
    animation: scroll 80s linear infinite;
}

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

.logo-item {
    width: 220px;
    height: 120px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e7eb;
    transition: .4s ease;
    flex-shrink: 0;
    cursor: pointer;
}

.logo-item:hover {
    transform: translateY(-10px) scale(1.08);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
    border-color: #0ea5e9;
}

.logo-item img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
    filter: grayscale(100%);
    transition: .4s ease;
}

.logo-item:hover img {
    filter: grayscale(0%);
    transform: scale(1.1);
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* MOBILE */

@media(max-width:768px) {

    .clients-section {
        padding: 70px 0;
    }

    .section-heading h2 {
        font-size: 32px;
    }

    .logo-item {
        width: 160px;
        height: 90px;
    }

    .logo-track {
        gap: 20px;
        animation: scroll 25s linear infinite;
    }
}

/* css of about page  */

.et-expertise-card,
.et-industry-card,
.et-review-card,
.et-step {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    transition: .4s;
    text-align: center;
    height: 100%;
}

.et-expertise-card:hover,
.et-industry-card:hover,
.et-review-card:hover,
.et-step:hover {
    transform: translateY(-10px);
}

.et-achievement {
    background: #1E88E5;
    color: #fff;
}

.et-achievement h2 {
    font-size: 50px;
    font-weight: 700;
}

.et-step span {
    font-size: 50px;
    font-weight: 700;
    color: #1E88E5;
}

.et-cta {
    background: #f8f9fa;
}

:root {
    --primary: #0d6efd;
    --light: #F8F8F8;
    --dark: #252525;
}

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

.ad-services-section {
    padding: 90px 0;
    background: var(--light);
    overflow: hidden;
}

.ad-container {
    width: 92%;
    max-width: 1400px;
    margin: auto;
}

.ad-heading {
    text-align: center;
    margin-bottom: 60px;
}

.ad-heading span {
    color: var(--primary);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
}

.ad-heading h2 {
    font-size: 42px;
    color: var(--dark);
    margin: 15px 0;
    font-weight: 700;
}

.ad-heading p {
    max-width: 720px;
    margin: auto;
    color: #666;
    line-height: 1.8;
    font-size: 16px;
}

.ad-service-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.ad-service-card {
    background: #fff;

    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
    transition: .35s;
    cursor: pointer;
}

.ad-service-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .15);
}

.ad-service-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.ad-content {
    padding: 22px;
}

.ad-content h3 {
    color: var(--dark);
    font-size: 20px;
    line-height: 1.4;
    transition: .3s;
}

.ad-service-card:hover h3 {
    color: var(--primary);
}

/* Laptop */

@media(max-width:1200px) {

    .ad-service-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}

/* Tablet */

@media(max-width:991px) {

    .ad-heading h2 {
        font-size: 34px;
    }

    .ad-service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

/* Mobile */

@media(max-width:767px) {

    .ad-services-section {
        padding: 60px 0;
    }

    .ad-heading h2 {
        font-size: 28px;
    }

    .ad-heading p {
        font-size: 15px;
    }

    .ad-service-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .ad-service-card img {
        height: 230px;
    }

    .ad-content {
        padding: 18px;
    }

    .ad-content h3 {
        font-size: 18px;
    }

}


.ad-about-section {
    padding: 90px 0;
    background: var(--light);
}

.ad-about-container {
    width: 92%;
    max-width: 1400px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}

.ad-about-left {
    height: 100%;
}

.ad-about-left img {
    width: 100%;
    height: 100%;
    min-height: 650px;
    object-fit: fill;
    display: block;
}

.ad-about-right {
    background: var(--primary);
    color: #fff;
    padding: 70px;
}

.ad-small-title {
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    opacity: .9;
}

.ad-about-right h2 {
    font-size: 48px;
    margin: 15px 0;
    font-weight: 700;
}

.ad-about-right h3 {
    font-size: 34px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 20px;
}

.ad-line {
    width: 70px;
    height: 4px;
    background: #fff;
    margin: 25px 0 35px;
    border-radius: 20px;
}

.ad-about-right p {
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 20px;
    color: #f3f3f3;
}

.ad-counter-box {
    margin-top: 40px;
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    text-align: center;
}

.ad-counter h4 {
    color: var(--primary);
    font-size: 52px;
    margin-bottom: 12px;
    font-weight: 700;
}

.ad-counter p {
    color: #666;
    margin: 0;
    font-size: 17px;
}

/* Laptop */

@media(max-width:1200px) {

    .ad-about-right {
        padding: 50px;
    }

    .ad-about-right h2 {
        font-size: 40px;
    }

    .ad-about-right h3 {
        font-size: 28px;
    }

}

/* Tablet */

@media(max-width:991px) {

    .ad-about-container {
        grid-template-columns: 1fr;
    }

    .ad-about-left img {
        min-height: 450px;
    }

    .ad-about-right {
        padding: 40px;
    }

    .ad-counter-box {
        grid-template-columns: repeat(3, 1fr);
    }

}

/* Mobile */

@media(max-width:767px) {

    .ad-about-section {
        padding: 60px 0;
    }

    .ad-about-right {
        padding: 30px 25px;
    }

    .ad-about-right h2 {
        font-size: 34px;
    }

    .ad-about-right h3 {
        font-size: 24px;
    }

    .ad-about-right p {
        font-size: 15px;
        line-height: 1.8;
    }

    .ad-counter-box {
        grid-template-columns: 1fr;
        padding: 25px;
        gap: 30px;
    }

    .ad-counter h4 {
        font-size: 42px;
    }

    .ad-about-left img {
        min-height: 300px;
    }

}

/*=========================
TK INFRA ABOUT
==========================*/

.tkff_about_section {
    background: #fff;
    overflow: hidden;
}

.tkff_about_gallery {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 250px 250px;
    gap: 20px;
}

.tkff_about_gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 35px;
    transition: .5s;
}

.tkff_about_gallery img:hover {
    transform: scale(1.05);
}

.tkff_img1 {
    overflow: hidden;
}

.tkff_big_img {
    grid-row: 1 / span 2;
    overflow: hidden;
}

.tkff_img2 {
    overflow: hidden;
}

/* Decorative Shape */

.tkff_center_shape {
    position: absolute;
    left: 40%;
    top: 45%;
    width: 130px;
    height: 130px;
    background: #0d2d63;
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tkff_center_shape span {
    width: 120px;
    height: 120px;
    background: repeating-linear-gradient(-45deg,
            transparent 0px,
            transparent 6px,
            #ff8b2c 6px,
            #ff8b2c 10px);
}

/* CONTENT */

.tkff_about_content {
    padding-left: 35px;
}

.tkff_subtitle {
    color: #ff7a00;
    font-weight: 700;
    margin-bottom: 15px;
    position: relative;
    padding-left: 18px;
}

.tkff_subtitle:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 4px;
    height: 22px;
    background: #ff7a00;
}

.tkff_about_content h2 {
    font-size: 46px;
    font-weight: 700;
    color: #123a76;
    margin-bottom: 25px;
}

.tkff_about_content p {
    font-size: 17px;
    line-height: 1.9;
    color: #555;
}

/* EXPERIENCE */

.tkff_exp_box {
    display: flex;
    align-items: center;
    margin: 35px 0;
}

.tkff_exp_year {
    width: 110px;
    height: 110px;
    background: #ff7a00;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    margin-right: 20px;
}

.tkff_exp_year h2 {
    margin: 0;
    color: #fff;
    font-size: 55px;
}

.tkff_exp_text span {
    color: #ff7a00;
    font-weight: 700;
}

.tkff_exp_text h5 {
    margin-top: 8px;
    font-size: 26px;
    color: #123a76;
    font-weight: 700;
}

/*====================
Responsive
=====================*/

@media(max-width:991px) {

    .tkff_about_gallery {

        grid-template-columns: 1fr 1fr;
        grid-template-rows: 220px 220px;

    }

    .tkff_about_content {

        padding-left: 0;
        margin-top: 50px;

    }

    .tkff_about_content h2 {

        font-size: 34px;

    }

    .tkff_center_shape {

        width: 100px;
        height: 100px;

    }

    .tkff_center_shape span {

        width: 90px;
        height: 90px;

    }

}

@media(max-width:767px) {

    .tkff_about_gallery {

        grid-template-columns: 1fr;
        grid-template-rows: 220px 300px 220px;

    }

    .tkff_big_img {

        grid-row: auto;

    }

    .tkff_center_shape {

        display: none;

    }

    .tkff_about_content h2 {

        font-size: 28px;

    }

    .tkff_exp_box {

        flex-direction: column;
        align-items: flex-start;

    }

    .tkff_exp_year {

        margin-bottom: 20px;

    }

}

/*=========================
    Full Width Banner
==========================*/

.ffff_full_banner {
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.ffff_full_banner_img {
    width: 100%;
    height: 650px;
    object-fit: cover;
    display: block;
}

/* Large Desktop */
@media (min-width:1400px) {
    .ffff_full_banner_img {
        height: 750px;
    }
}

/* Laptop */
@media (max-width:1199px) {
    .ffff_full_banner_img {
        height: 550px;
    }
}

/* Tablet */
@media (max-width:991px) {
    .ffff_full_banner_img {
        height: 420px;
    }
}

/* Mobile */
@media (max-width:767px) {
    .ffff_full_banner_img {
        height: 280px;
    }
}

/* Small Mobile */
@media (max-width:480px) {
    .ffff_full_banner_img {
        height: 220px;
    }
}

/*==================================
        TK INFRA BANNER
===================================*/

.ffff_about_banner {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.ffff_banner_bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;

}

.ffff_banner_overlay {
    position: absolute;
    inset: 0;

}

.ffff_about_banner .container {
    position: relative;
    z-index: 2;
    height: 100%;
}

.ffff_about_banner .row {
    height: 100%;
}

.ffff_banner_content {
    color: #fff;
    padding: 40px;
    background: rgba(18, 58, 118, .75);
    backdrop-filter: blur(5px);
}

.ffff_banner_subtitle {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: #ff8c1a;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.ffff_banner_content h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.ffff_banner_content p {
    font-size: 17px;
    line-height: 1.9;
    margin: 0;
}

/*=========================
Responsive
==========================*/

@media (max-width:991px) {

    .ffff_about_banner {
        height: 520px;
    }

    .ffff_banner_content {
        margin-top: 80px;
        padding: 30px;
    }

    .ffff_banner_content h2 {
        font-size: 32px;
    }

}

@media (max-width:767px) {

    .ffff_about_banner {
        height: 480px;
    }

    .ffff_about_banner .row {
        justify-content: center;
        align-items: center;
    }

    .ffff_banner_content {
        padding: 25px;
        text-align: center;
        margin-top: 0;
    }

    .ffff_banner_content h2 {
        font-size: 26px;
    }

    .ffff_banner_content p {
        font-size: 15px;
        line-height: 1.7;
    }

}

@media (max-width:480px) {

    .ffff_about_banner {
        height: 420px;
    }

    .ffff_banner_content {
        padding: 20px;
    }

    .ffff_banner_content h2 {
        font-size: 22px;
    }

}

/* Image Wrapper */
.gal-image-wrap {
    position: relative;
    overflow: hidden;
}

/* Right Slide Animation */
.gal-right-animation {
    width: 100%;
    display: block;
    animation: galSlideRight 1.2s ease forwards;
    opacity: 0;
}

@keyframes galSlideRight {
    0% {
        transform: translateX(120px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.ddd_testimonial_section {
    background: #f8f9fa;
}

.ddd_subtitle {
    color: #b78d65;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.ddd_title {
    font-size: 42px;
    font-weight: 700;
    margin: 15px 0;
}

.ddd_desc {
    max-width: 650px;
    margin: auto;
    color: #666;
}

.ddd_card {

    background: #fff;
    padding: 35px;
    border-radius: 18px;
    position: relative;
    transition: .4s;
    margin: 15px;
    border: 1px solid #eee;
    overflow: hidden;
    height: 100%;

}

.ddd_card:hover {

    transform: translateY(-10px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .12);

}

.ddd_quote {

    width: 70px;
    height: 70px;
    background: #0d6efd;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    margin-bottom: 20px;

}

.ddd_star {

    color: #ffc107;
    font-size: 20px;
    letter-spacing: 3px;
    margin-bottom: 15px;

}

.ddd_card p {

    color: #666;
    line-height: 1.8;
    min-height: 145px;

}

.ddd_bottom {

    display: flex;
    align-items: center;
    margin-top: 25px;

}

.ddd_bottom img {

    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
    border: 4px solid #f2f2f2;

}

.ddd_bottom h5 {

    margin: 0;
    font-weight: 700;

}

.ddd_bottom span {

    color: #999;
    font-size: 14px;

}

.ddd_testimonial_slider .owl-stage {

    display: flex;

}

.ddd_testimonial_slider .owl-item {

    display: flex;

}

.ddd_testimonial_slider .owl-nav {

    margin-top: 30px;

}

.ddd_testimonial_slider .owl-nav button {

    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    background: #b78d65 !important;
    color: #fff !important;
    font-size: 24px !important;
    margin: 0 8px;

}

.ddd_testimonial_slider .owl-nav button:hover {

    background: #222 !important;

}

.ddd_testimonial_slider .owl-dots {

    margin-top: 20px;

}

.ddd_testimonial_slider .owl-dot span {

    width: 12px;
    height: 12px;
    background: #ccc !important;

}

.ddd_testimonial_slider .owl-dot.active span {

    background: #b78d65 !important;

}

@media(max-width:768px) {

    .ddd_title {

        font-size: 30px;

    }

    .ddd_card {

        padding: 25px;

    }

    .ddd_card p {

        min-height: auto;

    }

}

/*==============================
   INDUSTRIES SECTION
===============================*/

.tk-industries-section {
    padding: 90px 0;
    background: #f8fafc;
}

.tk-heading {
    text-align: center;
    margin-bottom: 60px;
}

.tk-heading span {
    display: inline-block;
    padding: 8px 18px;
    background: #ff6b00;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .8px;
    margin-bottom: 18px;
}

.tk-heading h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #222;
}

.tk-heading p {
    max-width: 650px;
    margin: auto;
    color: #666;
    line-height: 28px;
}

/* Grid */

.tk-industry-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

/* Card */

.tk-industry-card {
    position: relative;
    height: 300px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
    transition: .45s;
    background: #000;
}

.tk-industry-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s;
}

/* Overlay */

.tk-card-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    padding: 25px;
    background: linear-gradient(to top,
            rgba(0, 0, 0, .88),
            rgba(0, 0, 0, .20),
            transparent);
    transition: .4s;
}

.tk-card-overlay h3 {
    color: #fff;
    font-size: 24px;
    margin: 0;
    font-weight: 700;
    transform: translateY(15px);
    transition: .4s;
}

.tk-card-overlay::before {
    content: "";
    width: 100%;
    height: 4px;
    background: #ff6b00;
    margin-bottom: 15px;
    transition: .4s;
}

/* Hover */

.tk-industry-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 55px rgba(0, 0, 0, .20);
}

.tk-industry-card:hover img {
    transform: scale(1.12);
}



.tk-industry-card:hover h3 {
    transform: translateY(0);
}

/* Tablet */

@media(max-width:991px) {

    .tk-industry-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .tk-heading h2 {
        font-size: 34px;
    }

}

/* Mobile */

@media(max-width:576px) {

    .tk-industry-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .tk-industry-card {
        height: 260px;
    }

    .tk-heading h2 {
        font-size: 28px;
    }

    .tk-heading p {
        font-size: 15px;
        line-height: 26px;
    }

}

/*==========================
      TK INFRA MISSION
===========================*/

.rr-mission-section {
    position: relative;
    padding: 100px 0;
    background: linear-gradient(135deg, #f8f9fc, #ffffff);
    overflow: hidden;
}

.rr-mission-section::before {
    content: '';
    position: absolute;
    width: 350px;
    height: 350px;
    background: #ff6b00;
    opacity: .08;
    border-radius: 50%;
    top: -120px;
    left: -100px;
}

.rr-mission-section::after {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: #0d6efd;
    opacity: .06;
    border-radius: 50%;
    bottom: -100px;
    right: -80px;
}

.rr-mission-image {
    position: relative;
}

.rr-mission-image img {
    width: 100%;
    border-radius: 25px;
    height: 620px;
    object-fit: cover;
    transition: .5s;
}

.rr-mission-image:hover img {
    transform: scale(1.03);
}

.rr-floating-box {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: rgba(255, 255, 255, .95);
    backdrop-filter: blur(10px);
    border-radius: 18px;
    padding: 20px 30px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .12);
}

.rr-floating-box h3 {
    margin: 0;
    color: #0d6efd;
    font-size: 38px;
    font-weight: 700;
}

.rr-floating-box span {
    color: #444;
    font-weight: 600;
}

.rr-subtitle {
    display: inline-block;
    background: #0d6efd;
    color: #fff;
    padding: 10px 22px;

    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.rr-mission-content h2 {
    font-size: 44px;
    line-height: 1.2;
    font-weight: 700;
    color: #222;
    margin-bottom: 25px;
}

.rr-intro {
    color: #666;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 35px;
}

.rr-feature {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 22px;
    padding: 18px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
    transition: .4s;
}

.rr-feature:hover {
    transform: translateX(10px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
}

.rr-icon {
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #0d6efd;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: bold;
}

.rr-feature div:last-child {
    color: #555;
    line-height: 28px;
}

/* Tablet */

@media(max-width:991px) {

    .rr-mission-image img {
        height: 500px;
        margin-bottom: 40px;
    }

    .rr-mission-content h2 {
        font-size: 34px;
    }

}

/* Mobile */

@media(max-width:576px) {

    .rr-mission-section {
        padding: 70px 0;
    }

    .rr-mission-image img {
        height: 340px;
    }

    .rr-mission-content h2 {
        font-size: 28px;
    }

    .rr-feature {
        padding: 15px;
        gap: 15px;
    }

    .rr-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
        font-size: 18px;
    }

    .rr-floating-box {
        padding: 15px 20px;
    }

    .rr-floating-box h3 {
        font-size: 28px;
    }

}

/*===================================
      TK INFRA DESIGN SECTION
====================================*/

.gf_design_section {
    padding: 100px 0;
    background: #f8f9fc;
}

.gf_content {
    padding-right: 40px;
}

.gf_subtitle {

    display: inline-block;
    color: #ff8c1a;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
    position: relative;
    padding-left: 18px;

}

.gf_subtitle:before {

    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 4px;
    height: 22px;
    background: #ff8c1a;

}

.gf_content h2 {

    font-size: 46px;
    color: #123a76;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 25px;

}

.gf_content p {

    color: #666;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 20px;

}

/* Gallery */

.gf_gallery {

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;

}

.gf_img {

    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .10);

}

.gf_img img {

    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;

}

.gf_img:hover img {

    transform: scale(1.08);

}

.gf_big {

    grid-row: span 2;
    height: 520px;

}

.gf_gallery .gf_img:not(.gf_big) {

    height: 250px;

}

.gf_last {

    margin-top: -70px;

}

/* Responsive */

@media(max-width:991px) {

    .gf_design_section {

        padding: 70px 0;

    }

    .gf_content {

        padding-right: 0;
        margin-bottom: 45px;

    }

    .gf_content h2 {

        font-size: 34px;

    }

    .gf_big {

        height: 420px;

    }

    .gf_gallery .gf_img:not(.gf_big) {

        height: 200px;

    }

    .gf_last {

        margin-top: 0;

    }

}

@media(max-width:767px) {

    .gf_gallery {

        grid-template-columns: 1fr 1fr;
        gap: 12px;

    }

    .gf_big {

        grid-row: auto;
        height: 230px;

    }

    .gf_gallery .gf_img {

        height: 180px !important;

    }

    .gf_content h2 {

        font-size: 28px;

    }

    .gf_content p {

        font-size: 15px;

    }

}

@media(max-width:480px) {

    .gf_gallery {

        grid-template-columns: 1fr;

    }

    .gf_gallery .gf_img {

        height: 220px !important;

    }

    .gf_big {

        height: 220px;

    }

}

/*======================================
      TK INFRA ORGANIZATIONAL CHART
======================================*/

.orgf_section {

    padding: 90px 0;
    background: #fffdf3;

}

.orgf_heading {

    text-align: center;
    margin-bottom: 60px;

}

.orgf_heading h2 {

    font-size: 48px;
    color: #123a76;
    font-weight: 700;
    margin-bottom: 10px;

}

.orgf_heading p {

    color: #777;
    font-size: 18px;

}

.orgf_level {

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    flex-wrap: wrap;

}

.orgf_three {

    margin-top: 20px;

}

.orgf_box {

    min-width: 240px;
    min-height: 70px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 2px solid #123a76;

    background: #fff;

    font-size: 20px;
    font-weight: 700;

    color: #123a76;

    text-align: center;

    padding: 18px;

    transition: .35s;

    position: relative;

}

.orgf_box:hover {

    background: #123a76;
    color: #fff;
    transform: translateY(-5px);

}

.orgf_director {

    min-width: 260px;
    font-size: 34px;

    background: #123a76;
    color: #fff;

}

.orgf_line_vertical {

    width: 2px;
    height: 35px;
    background: #123a76;
    margin: 0 auto;

}

/*=========================
Tablet
==========================*/

@media(max-width:991px) {

    .orgf_heading h2 {

        font-size: 38px;

    }

    .orgf_box {

        min-width: 210px;
        font-size: 18px;

    }

    .orgf_director {

        font-size: 28px;

    }

}

/*=========================
Mobile
==========================*/

@media(max-width:767px) {

    .orgf_section {

        padding: 60px 0;

    }

    .orgf_heading h2 {

        font-size: 30px;

    }

    .orgf_heading p {

        font-size: 16px;

    }

    .orgf_level {

        flex-direction: column;
        gap: 18px;

    }

    .orgf_box {

        width: 100%;
        max-width: 340px;

        font-size: 17px;

    }

    .orgf_director {

        font-size: 24px;

    }

    .orgf_line_vertical {

        height: 22px;

    }

}

/*=========================
OUR VISION
=========================*/

.iii_vision_section {
    padding: 100px 0;

}

.iii_heading span {
    color: #ff6b2c;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.iii_heading h2 {
    color: #123a76;
    font-size: 46px;
    font-weight: 700;
    margin: 15px 0 20px;
}

.iii_heading p {
    color: #666;
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 40px;
}

.iii_cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.iii_card {

    background: #0d6efd;
    color: #fff;
    padding: 30px;

    display: flex;
    align-items: flex-start;
    transition: .4s;
    min-height: 210px;

}

.iii_card:hover {

    transform: translateY(-8px);
    background: #0d2c59;

}

.iii_icon {

    width: 60px;
    height: 60px;
    background: #fff;
    color: #ff6b2c;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    margin-right: 20px;
    flex-shrink: 0;

}

.iii_card h4 {

    font-size: 24px;
    margin-bottom: 15px;

}

.iii_card p {

    color: #d8d8d8;
    line-height: 1.8;
    margin: 0;

}

.iii_image {

    overflow: hidden;
    border-radius: 25px;


}

.iii_image img {

    width: 100%;
    height: 720px;
    object-fit: contain;
    display: block;
    transition: .5s;

}

.iii_image:hover img {

    transform: scale(1.05);

}

/*=================
Responsive
==================*/

@media(max-width:991px) {

    .iii_heading h2 {
        font-size: 34px;
    }

    .iii_cards {
        grid-template-columns: 1fr;
    }

    .iii_image {
        margin-top: 40px;
    }

    .iii_image img {
        height: 500px;
    }

}

@media(max-width:767px) {

    .iii_vision_section {
        padding: 70px 0;
    }

    .iii_heading h2 {
        font-size: 28px;
    }

    .iii_heading p {
        font-size: 15px;
    }

    .iii_card {
        padding: 25px;
        min-height: auto;
    }

    .iii_card h4 {
        font-size: 20px;
    }

    .iii_image img {
        height: 350px;
    }

}

/*===============================
      TK INFRA PROJECTS
===============================*/

.yy_project_section {

    background: #1f2229;
    padding: 100px 0;

}

.yy_heading {

    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 70px;
    gap: 40px;

}

.yy_left span {

    color: #ff6b2c;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;

}

.yy_left h2 {

    color: #fff;
    font-size: 42px;
    font-weight: 700;
    margin-top: 15px;

}

.yy_right {

    max-width: 520px;

}

.yy_right p {

    color: #bdbdbd;
    line-height: 1.8;

}

/* Row */

.yy_project_row {

    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 35px;
    margin-bottom: 60px;
    align-items: center;

}

.yy_reverse {

    grid-template-columns: 1fr 2fr;

}

/* Image */

.yy_image {

    overflow: hidden;

}

.yy_image img {

    width: 100%;
    height: 420px;
    object-fit: cover;
    display: block;
    transition: .6s;

}

.yy_image:hover img {

    transform: scale(1.08);

}

/* Content */

.yy_content {

    background: #2a2d35;
    padding: 45px;

}

.yy_content span {

    color: #ff6b2c;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;

}

.yy_content h3 {

    color: #fff;
    font-size: 34px;
    margin: 18px 0;

}

.yy_content p {

    color: #cfcfcf;
    line-height: 1.9;
    margin-bottom: 18px;

}

.yy_content strong {

    color: #fff;

}

/* Hover */

.yy_content {

    transition: .4s;

}

.yy_content:hover {

    transform: translateY(-8px);

}

/* Tablet */

@media(max-width:991px) {

    .yy_heading {

        display: block;

    }

    .yy_right {

        margin-top: 20px;
        max-width: 100%;

    }

    .yy_project_row,
    .yy_reverse {

        grid-template-columns: 1fr;

    }

    .yy_reverse .yy_content {

        order: 2;

    }

    .yy_reverse .yy_image {

        order: 1;

    }

    .yy_image img {

        height: 350px;

    }

}

/* Mobile */

@media(max-width:767px) {

    .yy_project_section {

        padding: 70px 0;

    }

    .yy_left h2 {

        font-size: 30px;

    }

    .yy_content {

        padding: 25px;

    }

    .yy_content h3 {

        font-size: 24px;

    }

    .yy_image img {

        height: 250px;

    }

}

/*====================================
      TK INFRA FEATURES
=====================================*/

.yy_work_section {

    padding: 90px 0;
    background: #f7f9fc;

}

.yy_title span {

    color: #ff6b2c;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;

}

.yy_line {

    width: 80px;
    height: 3px;
    background: #123a76;
    margin-top: 25px;

}

.yy_heading {

    color: #123a76;
    font-size: 48px;
    line-height: 1.5;
    font-weight: 600;

}

/* Boxes */

.yy_box {

    background: #ffffff;
    border-radius: 12px;
    padding: 45px 25px;

    text-align: center;

    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);

    transition: .4s;

    height: 100%;

    border-top: 5px solid #123a76;

}

.yy_box i {

    font-size: 45px;

    color: #123a76;

    margin-bottom: 25px;

}

.yy_box h4 {

    color: #123a76;

    font-size: 24px;

    margin: 0;

}

.yy_active {

    background: #123a76;

}

.yy_active i,

.yy_active h4 {

    color: #fff;

}

.yy_box:hover {

    transform: translateY(-10px);

    background: #ff6b2c;

}

.yy_box:hover i,

.yy_box:hover h4 {

    color: #fff;

}

/* Tablet */

@media(max-width:991px) {

    .yy_heading {

        font-size: 34px;
        margin-top: 30px;

    }

    .yy_title span {

        font-size: 28px;

    }

}

/* Mobile */

@media(max-width:767px) {

    .yy_work_section {

        padding: 70px 0;

    }

    .yy_heading {

        font-size: 26px;

    }

    .yy_title span {

        font-size: 22px;

    }

    .yy_box {

        padding: 35px 20px;

    }

    .yy_box h4 {

        font-size: 20px;

    }

}

/*====================================
        FOUNDER SECTION
====================================*/

.tf_founder_section {

    padding: 100px 0;
    background: #f7f9fc;

}

.tf_founder_img {

    position: relative;
    overflow: hidden;

    box-shadow: 0 20px 50px rgba(0, 0, 0, .15);

}

.tf_founder_img img {

    width: 100%;
    display: block;
    transition: .5s;

}

.tf_founder_img:hover img {

    transform: scale(1.05);

}

.tf_founder_content {

    padding-left: 50px;

}

.tf_subtitle {

    display: inline-block;

    color: #ff6b2c;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 2px;

    margin-bottom: 15px;

}

.tf_founder_content h2 {

    color: #123a76;

    font-size: 48px;

    font-weight: 700;

}

.tf_founder_content h5 {

    color: #ff6b2c;

    margin: 15px 0 25px;

    font-weight: 600;

}

.tf_founder_content p {

    color: #666;

    line-height: 1.9;

    font-size: 17px;

    margin-bottom: 20px;

}

.tf_founder_info {

    display: flex;

    gap: 20px;

    margin-top: 35px;

}

.tf_info_box {

    flex: 1;

    background: #fff;

    text-align: center;

    padding: 25px;

    border-radius: 15px;

    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);

    border-top: 4px solid #123a76;

    transition: .4s;

}

.tf_info_box:hover {

    background: #123a76;

    transform: translateY(-8px);

}

.tf_info_box:hover h3,

.tf_info_box:hover span {

    color: #fff;

}

.tf_info_box h3 {

    color: #123a76;

    font-size: 38px;

    margin-bottom: 10px;

}

.tf_info_box span {

    color: #666;

}

/*====================
Responsive
=====================*/

@media(max-width:991px) {

    .tf_founder_content {

        padding-left: 0;

        margin-top: 45px;

    }

    .tf_founder_content h2 {

        font-size: 36px;

    }

    .tf_founder_info {

        flex-wrap: wrap;

    }

    .tf_info_box {

        flex: 0 0 calc(50% - 10px);

    }

}

@media(max-width:767px) {

    .tf_founder_section {

        padding: 70px 0;

    }

    .tf_founder_content {

        text-align: center;

    }

    .tf_founder_content h2 {

        font-size: 30px;

    }

    .tf_founder_content p {

        font-size: 15px;

    }

    .tf_founder_info {

        flex-direction: column;

    }

    .tf_info_box {

        flex: 100%;

    }

}

/*====================================
        OUR PROCESS
====================================*/

.opd_process_section {

    padding: 100px 0;
    background: #f8f9fc;

}

.opd_process_image {

    overflow: hidden;

}

.opd_process_image img {

    width: 100%;
    height: 720px;
    display: block;
    transition: .5s;

}

.opd_process_image:hover img {

    transform: scale(1.06);

}

/* Heading */

.opd_heading {

    margin-bottom: 40px;
    padding-left: 40px;

}

.opd_heading span {

    color: #ff6b2c;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;

}

.opd_heading h2 {

    font-size: 44px;
    color: #123a76;
    margin: 15px 0;
    font-weight: 700;

}

.opd_heading p {

    color: #666;
    line-height: 1.8;

}

/* Timeline */

.opd_timeline {

    position: relative;
    margin-left: 35px;

}

.opd_timeline:before {

    content: "";
    position: absolute;
    left: 22px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #123a76;

}

.opd_step {

    position: relative;
    display: flex;
    margin-bottom: 35px;

}

.opd_number {

    width: 48px;
    height: 48px;

    background: #123a76;

    color: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 700;

    z-index: 2;

    flex-shrink: 0;

}

.opd_content {

    background: #fff;

    margin-left: 25px;

    padding: 22px;

    border-radius: 15px;

    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);

    transition: .4s;

}

.opd_content:hover {

    transform: translateX(8px);

    border-left: 5px solid #ff6b2c;

}

.opd_content h4 {

    color: #123a76;
    margin-bottom: 10px;

}

.opd_content p {

    color: #666;
    margin: 0;
    line-height: 1.7;

}

/* Responsive */

@media(max-width:991px) {

    .opd_process_image {

        margin-bottom: 40px;

    }

    .opd_process_image img {

        height: 450px;

    }

    .opd_heading {

        padding-left: 0;

    }

    .opd_timeline {

        margin-left: 0;

    }

}

@media(max-width:767px) {

    .opd_process_section {

        padding: 70px 0;

    }

    .opd_heading h2 {

        font-size: 30px;

    }

    .opd_process_image img {

        height: 300px;

    }

    .opd_content {

        padding: 18px;

    }

    .opd_content h4 {

        font-size: 20px;

    }

}

/*====================================
      WHY CLIENTS TRUST US
====================================*/

.gol_trust_section {

    padding: 100px 0;
    background: #f8f9fc;

}

.gol_heading {

    max-width: 850px;
    margin: auto;
    margin-bottom: 60px;

}

.gol_heading span {

    color: #ff6b2c;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;

}

.gol_heading h2 {

    color: #123a76;
    font-size: 46px;
    font-weight: 700;
    margin: 18px 0;

}

.gol_heading p {

    color: #666;
    font-size: 17px;
    line-height: 1.9;

}

.gol_card {

    background: #fff;

    padding: 35px 30px;

    text-align: center;

    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);

    transition: .4s;

    height: 100%;

    border-top: 5px solid #123a76;

}

.gol_card:hover {

    transform: translateY(-10px);

    border-top-color: #ff6b2c;

}

.gol_icon {

    width: 80px;

    height: 80px;

    margin: auto;

    border-radius: 50%;

    background: #123a76;

    color: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 30px;

    margin-bottom: 25px;

    transition: .4s;

}

.gol_card:hover .gol_icon {

    background: #ff6b2c;

    transform: rotate(10deg);

}

.gol_card h4 {

    color: #123a76;

    font-size: 24px;

    margin-bottom: 15px;

    font-weight: 700;

}

.gol_card p {

    color: #666;

    line-height: 1.8;

    margin: 0;

}

/* Responsive */

@media(max-width:991px) {

    .gol_heading h2 {

        font-size: 36px;

    }

}

@media(max-width:767px) {

    .gol_trust_section {

        padding: 70px 0;

    }

    .gol_heading h2 {

        font-size: 28px;

    }

    .gol_heading p {

        font-size: 15px;

    }

    .gol_card {

        padding: 30px 20px;

    }

    .gol_card h4 {

        font-size: 21px;

    }

    .gol_icon {

        width: 70px;
        height: 70px;
        font-size: 26px;

    }

}
/*====================================
        CONTACT SECTION
====================================*/

.fol_contact_section{

    padding:100px 0;
    background:#f8f9fc;

}

.fol_contact_info span{

    color:#ff6b2c;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;

}

.fol_contact_info h2{

    color:#123a76;
    font-size:44px;
    margin:18px 0;

}

.fol_contact_info p{

    color:#666;
    line-height:1.9;

}

.fol_info{

    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-top:30px;

}

.fol_icon{

    width:60px;
    height:60px;
    background:#123a76;
    color:#fff;
    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:22px;

    flex-shrink:0;

    transition:.4s;

}

.fol_info:hover .fol_icon{

    background:#ff6b2c;
    transform:rotate(10deg);

}

.fol_info h5{

    color:#123a76;
    margin-bottom:5px;

}

.fol_form_box{

    background:#fff;
    padding:40px;
    
    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.fol_input{

    height:55px;
    border-radius:10px;
    border:1px solid #ddd;

}

textarea.fol_input{

    height:auto;
    resize:none;

}

.fol_input:focus{

    border-color:#123a76;
    box-shadow:none;

}

.fol_btn{

    background:#123a76;
    color:#fff;
    border:none;
    padding:15px 35px;
    border-radius:50px;
    font-weight:600;
    transition:.4s;

}

.fol_btn:hover{

    background:#ff6b2c;

}

.fol_btn i{

    margin-left:8px;

}

/* Responsive */

@media(max-width:991px){

.fol_contact_info{

margin-bottom:50px;

}

.fol_contact_info h2{

font-size:34px;

}

}

@media(max-width:767px){

.fol_contact_section{

padding:70px 0;

}

.fol_form_box{

padding:25px;

}

.fol_contact_info{

text-align:center;

}

.fol_info{

justify-content:center;
text-align:left;

}

.fol_contact_info h2{

font-size:28px;

}

.fol_btn{

width:100%;

}

}
/*===================================
      VISION & MISSION
====================================*/

.ddd_vm_section{

    padding:100px 0;
    background:#f8f9fc;

}

.ddd_row_space{

    margin-bottom:100px;

}

.ddd_image{

    overflow:hidden;
   
    box-shadow:0 20px 50px rgba(0,0,0,.12);

}

.ddd_image img{

    width:100%;
    height:500px;
    object-fit:cover;
    display:block;
    transition:.5s;

}

.ddd_image:hover img{

    transform:scale(1.05);

}

.ddd_content{

    padding:20px 40px;

}

.ddd_subtitle{

    display:inline-block;
    color:#ff6b2c;
    font-size:15px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:15px;

}

.ddd_content h2{

    color:#123a76;
    font-size:42px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:20px;

}

.ddd_content p{

    color:#666;
    line-height:1.9;
    font-size:17px;

}

.ddd_list{

    margin-top:30px;
    padding:0;
    list-style:none;

}

.ddd_list li{

    margin-bottom:18px;
    color:#444;
    font-size:17px;
    font-weight:500;
    position:relative;
    padding-left:35px;

}

.ddd_list li:before{

    content:"✔";
    position:absolute;
    left:0;
    top:0;
    width:24px;
    height:24px;
    background:#123a76;
    color:#fff;
    border-radius:50%;
    text-align:center;
    line-height:24px;
    font-size:13px;

}

/* Responsive */

@media(max-width:991px){

.ddd_row_space{

margin-bottom:70px;

}

.ddd_content{

padding:40px 0;

}

.ddd_content h2{

font-size:34px;

}

.ddd_image img{

height:400px;

}

}

@media(max-width:767px){

.ddd_vm_section{

padding:70px 0;

}

.ddd_content{

text-align:center;

}

.ddd_content h2{

font-size:28px;

}

.ddd_content p{

font-size:15px;

}

.ddd_list{

text-align:left;
display:inline-block;

}

.ddd_image img{

height:280px;

}

}
/*====================================
            CORE VALUES
====================================*/

.cvv_section{

    padding:100px 0;
    background:#f8f9fc;

}

.cvv_heading{

    max-width:750px;
    margin:auto;
    margin-bottom:60px;

}

.cvv_heading span{

    color:#ff6b2c;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;

}

.cvv_heading h2{

    color:#123a76;
    font-size:46px;
    font-weight:700;
    margin:18px 0;

}

.cvv_heading p{

    color:#666;
    font-size:17px;
    line-height:1.8;

}

/* Card */

.cvv_card{

    background:#fff;
    padding:40px 30px;
    border-radius:18px;
    text-align:center;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.4s;

    height:100%;

    position:relative;

    overflow:hidden;

}

.cvv_card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:#123a76;

    transition:.4s;

}

.cvv_card:hover::before{

    background:#ff6b2c;

}

.cvv_card:hover{

    transform:translateY(-10px);

}

.cvv_icon{

    width:80px;
    height:80px;

    margin:auto;

    border-radius:50%;

    background:#123a76;

    color:#fff;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:30px;

    margin-bottom:25px;

    transition:.4s;

}

.cvv_card:hover .cvv_icon{

    background:#ff6b2c;

    transform:rotate(10deg);

}

.cvv_card h4{

    color:#123a76;
    font-size:24px;
    margin-bottom:15px;

}

.cvv_card p{

    color:#666;
    line-height:1.8;
    margin:0;

}

/* Responsive */

@media(max-width:991px){

.cvv_heading h2{

font-size:34px;

}

}

@media(max-width:767px){

.cvv_section{

padding:70px 0;

}

.cvv_heading h2{

font-size:28px;

}

.cvv_heading p{

font-size:15px;

}

.cvv_card{

padding:30px 20px;

}

.cvv_card h4{

font-size:21px;

}

.cvv_icon{

width:70px;
height:70px;
font-size:26px;

}

}
/*====================================
      DIRECTOR'S MESSAGE
====================================*/

.drt_section{

    padding:100px 0;
    background:#f8f9fc;

}

.drt_image{

    overflow:hidden;
   
    box-shadow:0 20px 50px rgba(0,0,0,.12);

}

.drt_image img{

    width:100%;
    display:block;
    transition:.5s;

}

.drt_image:hover img{

    transform:scale(1.05);

}

.drt_content{

    padding-left:50px;

}

.drt_subtitle{

    color:#ff6b2c;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    display:inline-block;
    margin-bottom:15px;

}

.drt_content h2{

    font-size:42px;
    color:#123a76;
    font-weight:700;
    margin-bottom:25px;

}

.drt_quote{

    background:#ffffff;
    padding:25px;
    border-left:5px solid #ff6b2c;
    border-radius:12px;
    color:#444;
    font-style:italic;
    line-height:1.9;
    margin-bottom:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.drt_quote i{

    color:#ff6b2c;
    margin-right:8px;

}

.drt_content p{

    color:#666;
    line-height:1.9;
    margin-bottom:20px;

}

.drt_sign{

    margin-top:35px;

}

.drt_sign h4{

    color:#123a76;
    margin-bottom:5px;
    font-size:28px;

}

.drt_sign span{

    color:#ff6b2c;
    font-weight:600;

}

.drt_line{

    width:80px;
    height:3px;
    background:#123a76;
    margin:15px 0;

}

.drt_sign small{

    color:#555;
    font-size:15px;
    letter-spacing:1px;

}

/* Responsive */

@media(max-width:991px){

.drt_content{

padding-left:0;
margin-top:40px;

}

.drt_content h2{

font-size:34px;

}

}

@media(max-width:767px){

.drt_section{

padding:70px 0;

}

.drt_content{

text-align:center;

}

.drt_content h2{

font-size:28px;

}

.drt_quote{

text-align:left;

}

.drt_sign{

text-align:center;

}

.drt_line{

margin:15px auto;

}

}
/*====================================
        COMPANY HISTORY
====================================*/

.his_company_section{
    padding:100px 0;
    background:#f8f9fc;
}

.his_content{
    padding-right:35px;
}

.his_subtitle{
    display:inline-block;
    color:#ff6b2c;
    font-size:15px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.his_content h2{
    font-size:46px;
    font-weight:700;
    color:#123a76;
    line-height:1.3;
    margin-bottom:25px;
}

.his_content p{
    font-size:17px;
    color:#666;
    line-height:1.9;
    margin-bottom:20px;
}

.his_content strong{
    color:#123a76;
    font-weight:700;
}

.his_image{
    position:relative;
    overflow:hidden;
   
   
}

.his_image img{
    width:100%;
    height:560px;
    object-fit:cover;
    display:block;
    transition:.5s ease;
}

.his_image:hover img{
    transform:scale(1.05);
}

.his_image::before{
    content:"";
    position:absolute;
    top:20px;
    left:20px;
    width:100%;
    height:100%;
    border:3px solid #ff6b2c;
    border-radius:20px;
    z-index:-1;
}

/* Responsive */

@media (max-width:991px){

.his_company_section{
    padding:80px 0;
}

.his_content{
    padding-right:0;
    margin-bottom:40px;
}

.his_content h2{
    font-size:36px;
}

.his_image img{
    height:420px;
}

}

@media (max-width:767px){

.his_company_section{
    padding:60px 0;
}

.his_content{
    text-align:center;
}

.his_subtitle{
    font-size:14px;
}

.his_content h2{
    font-size:28px;
}

.his_content p{
    font-size:15px;
    line-height:1.8;
}

.his_image img{
    height:280px;
}

.his_image::before{
    display:none;
}

}
/*====================================
        WHY CHOOSE US
====================================*/

.why_section{
    padding:100px 0;
    background:#f8f9fc;
    overflow:hidden;
}

.why_heading{
    max-width:750px;
    margin:0 auto 70px;
}

.why_heading span{
    color:#ff6b2c;
    font-size:15px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.why_heading h2{
    font-size:46px;
    color:#123a76;
    font-weight:700;
    margin:15px 0;
}

.why_heading p{
    color:#666;
    line-height:1.9;
    font-size:17px;
}

/*=========================
        TIMELINE
=========================*/

.why_timeline{
    position:relative;
}

.why_timeline::before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    width:4px;
    height:100%;
    background:#123a76;
    border-radius:50px;
}

.why_item{
    position:relative;
    width:50%;
    margin-bottom:70px;
}

.why_left{
    padding-right:70px;
    left:0;
}

.why_right{
    left:50%;
    padding-left:70px;
}

/*=========================
        NUMBER
=========================*/

.why_number{
    position:absolute;
    width:65px;
    height:65px;
    background:#123a76;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:700;
    top:35px;
    z-index:2;
    transition:.4s;
}

.why_left .why_number{
    right:-34px;
}

.why_right .why_number{
    left:-34px;
}

/*=========================
          CARD
=========================*/

.why_card{
    background:#fff;
    padding:35px;
    border-radius:18px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.4s;
    position:relative;
}

.why_card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.why_card:hover .why_number{
    background:#ff6b2c;
}

.why_card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:6px;
    height:100%;
    background:#123a76;
    border-radius:20px 0 0 20px;
    transition:.4s;
}

.why_card:hover::before{
    background:#ff6b2c;
}

.why_card h3{
    color:#123a76;
    font-size:28px;
    margin-bottom:15px;
    font-weight:700;
}

.why_card p{
    color:#666;
    line-height:1.8;
    margin:0;
    font-size:17px;
}

/*=========================
        DOT
=========================*/

.why_item::after{
    content:"";
    position:absolute;
    width:18px;
    height:18px;
    background:#ff6b2c;
    border:4px solid #fff;
    border-radius:50%;
    top:58px;
    z-index:1;
}

.why_left::after{
    right:-9px;
}

.why_right::after{
    left:-9px;
}

/*=========================
      TABLET
=========================*/

@media(max-width:991px){

.why_heading h2{
    font-size:36px;
}

.why_timeline::before{
    left:35px;
}

.why_item{
    width:100%;
    left:0;
    padding-left:90px;
    padding-right:0;
}

.why_left,
.why_right{
    left:0;
}

.why_number{
    left:3px !important;
    right:auto !important;
}

.why_item::after{
    left:27px !important;
    right:auto;
}

}

/*=========================
        MOBILE
=========================*/

@media(max-width:767px){

.why_section{
    padding:70px 0;
}

.why_heading{
    margin-bottom:50px;
}

.why_heading h2{
    font-size:30px;
}

.why_heading p{
    font-size:15px;
}

.why_timeline::before{
    left:28px;
}

.why_item{
    padding-left:75px;
    margin-bottom:40px;
}

.why_card{
    padding:25px;
}

.why_card h3{
    font-size:22px;
}

.why_card p{
    font-size:15px;
}

.why_number{
    width:50px;
    height:50px;
    font-size:18px;
    left:3px !important;
    top:28px;
}

.why_item::after{
    width:14px;
    height:14px;
    left:21px !important;
    top:46px;
}

}
/*====================================
            FAQ SECTION
====================================*/

.faq_section{
    padding:100px 0;
    background:#f8f9fc;
}

.faq_heading{
    max-width:750px;
    margin:auto;
    margin-bottom:60px;
}

.faq_heading span{
    color:#ff6b2c;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.faq_heading h2{
    color:#123a76;
    font-size:46px;
    margin:15px 0;
    font-weight:700;
}

.faq_heading p{
    color:#666;
    line-height:1.9;
}

.faq_wrapper{
    max-width:900px;
    margin:auto;
}

.faq_item{
    background:#fff;
    margin-bottom:20px;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
}

.faq_item:hover{
    transform:translateY(-4px);
}

.faq_question{
    width:100%;
    background:none;
    border:none;
    padding:25px 30px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    color:#123a76;
    font-size:22px;
    font-weight:700;
    text-align:left;
}

.faq_question span{
    width:40px;
    height:40px;
    background:#123a76;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    transition:.4s;
    flex-shrink:0;
}

.faq_answer{
    max-height:0;
    overflow:hidden;
    transition:.45s ease;
}

.faq_answer p{
    padding:0 30px 30px;
    margin:0;
    color:#666;
    line-height:1.9;
}

.faq_item.active .faq_answer{
    max-height:250px;
}

.faq_item.active .faq_question span{
    background:#ff6b2c;
    transform:rotate(45deg);
}

/* Responsive */

@media(max-width:991px){

.faq_heading h2{
    font-size:36px;
}

.faq_question{
    font-size:20px;
}

}

@media(max-width:767px){

.faq_section{
    padding:70px 0;
}

.faq_heading h2{
    font-size:28px;
}

.faq_question{
    padding:20px;
    font-size:17px;
}

.faq_question span{
    width:34px;
    height:34px;
    font-size:20px;
}

.faq_answer p{
    padding:0 20px 20px;
    font-size:15px;
}

}
/*====================================
        SAFETY & QUALITY
====================================*/

.saq_section{
    padding:100px 0;
    background:#f8f9fc;
}

.saq_content span{
    color:#ff6b2c;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.saq_content h2{
    color:#123a76;
    font-size:46px;
    font-weight:700;
    margin:18px 0;
    line-height:1.3;
}

.saq_content p{
    color:#666;
    line-height:1.9;
    margin-bottom:35px;
}

.saq_btn{
    display:inline-block;
    padding:15px 35px;
    background:#123a76;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    transition:.4s;
    font-weight:600;
}

.saq_btn:hover{
    background:#ff6b2c;
    color:#fff;
}

.saq_card{
    background:#fff;
    padding:35px 30px;
    border-radius:18px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    height:100%;
    transition:.4s;
    border-top:5px solid #123a76;
}

.saq_card:hover{
    transform:translateY(-8px);
    border-color:#ff6b2c;
}

.saq_icon{
    width:70px;
    height:70px;
    background:#123a76;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
    margin-bottom:20px;
    transition:.4s;
}

.saq_card:hover .saq_icon{
    background:#ff6b2c;
    transform:rotate(10deg);
}

.saq_card h4{
    color:#123a76;
    font-size:24px;
    margin-bottom:15px;
    font-weight:700;
}

.saq_card p{
    color:#666;
    line-height:1.8;
    margin:0;
}

/* Responsive */

@media(max-width:991px){

.saq_content{
    margin-bottom:50px;
}

.saq_content h2{
    font-size:36px;
}

}

@media(max-width:767px){

.saq_section{
    padding:70px 0;
}

.saq_content{
    text-align:center;
}

.saq_content h2{
    font-size:28px;
}

.saq_card{
    padding:25px;
}

.saq_card h4{
    font-size:21px;
}

.saq_icon{
    width:60px;
    height:60px;
    font-size:24px;
}

.saq_btn{
    width:100%;
    text-align:center;
}

}