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

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    scroll-behavior: smooth;
}

/* =========================
PRELOADER
========================= */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1s;
}

.loader-wrapper {
    text-align: center;
}

.loader-logo {
    width: 220px;
    margin-bottom: 35px;
}

/* Bar */

.loader-bar {
    width: 280px;
    height: 4px;
    background: rgba(255, 255, 255, .1);
    border-radius: 50px;
    overflow: hidden;
    margin: auto;
}

.loader-bar span {
    display: block;
    width: 0;
    height: 100%;
    background: #ffc400;
    border-radius: 50px;
    animation: loaderFill 2.5s ease forwards;
}

@keyframes loaderFill {

    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }

}

/* Hide */

#preloader.hide {
    opacity: 0;
    visibility: hidden;
}


/* ======================
HEADER
====================== */

.custom-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: transparent;
    transition: .4s;
    padding: 0px 0;
    border-bottom: 1px solid #ffffff33;
}

.navbar-toggler {
    background: #ea9c25;
}

.custom-navbar.sticky {
    background: #141313;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
    padding: 12px 0;
}

.nav-link:focus,
.nav-link:hover {
    color: #ea9c25 !important;
}


.logo-text {
    color: #fff;
    font-size: 32px;
    font-weight: 800;
}

.logo-subtitle {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.nav-link {
    color: #fff;
    font-weight: 600;
    margin: 0 10px;
}

.nav-link.active {
    color: #ea9c25 !important;
}

.nav-link:hover {
    color: #ea9c25 !important;
}

.search-icon {
    color: #fff;
    cursor: pointer;
}

.quote-btn {
    text-decoration: none;
    background: #ea9c25;
    color: #fff;
    padding: 14px 28px;
    border-radius: 4px;
    font-weight: 700;
}

/* Sticky Colors */

.custom-navbar.sticky .logo-text {
    color: #fff;
}

.custom-navbar.sticky .logo-subtitle {
    color: #ea9c25;
}

.custom-navbar.sticky .nav-link {
    color: #fff;
}

.custom-navbar.sticky .search-icon {
    color: #fff;
}

.mega-dropdown {
    position: static;
}

.mega-menu {
    width: 100%;
    left: 0 !important;
    right: 0 !important;
    border: none;
    border-radius: 0;
    padding: 0;
    margin-top: 0;
    background: #fff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .12);
}

.mega-menu .row {
    margin: 0;
}

.mega-intro {
    background: #111827;
    padding: 50px 35px;
    height: 100%;
    color: #fff;
    border-radius: 10px;
}

.mega-intro h3 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

.mega-intro p {
    color: #d1d5db;
    line-height: 1.8;
    margin-bottom: 30px;
}

.mega-btn {
    display: inline-block;
    padding: 12px 30px;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
}

.mega-menu .col-lg-3 {
    padding: 40px 30px;
}

.mega-menu h5 {
    font-weight: 700;
    margin-bottom: 20px;
}

.mega-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mega-menu ul li {
    margin-bottom: 12px;
}

.mega-menu ul li a {
    text-decoration: none;
    color: #666;
    font-weight: 600;
    transition: .3s;
    font-size: 14px;
}

.mega-menu ul li a:hover {
    color: #f59e0b;
    padding-left: 8px;
}

@media(min-width:992px) {

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


}

/* ======================
VIDEO HERO
====================== */

.hero-section {
    position: relative;
    overflow: hidden;
    height: 100vh;

}

.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}

.overlay {
    position: absolute;
    inset: 0;
    background: rgba(23, 31, 48, 0.66);
    z-index: -1;
}

.custom-row {
    align-items: end;
}

.hero-title {
    color: #fff;
    font-size: 3.6rem;
    font-weight: 900;
    line-height: 1.2;
    padding-top: 7rem;
}

.experience-box {
    margin-top: 100px;
    display: flex;
    align-items: end;
    gap: 20px;
}

.year-wrapper {
    font-size: 150px;
    font-weight: 800;
    line-height: 1;
}

#yearCounter {
    color: transparent;
    -webkit-text-stroke: 2px #ea9c25;
}

.experience-box p {
    color: #ea9c25;
    font-size: 18px;
    max-width: 300px;
}

.hero-text {
    color: #fff;
    font-size: 18px;
    line-height: 1.8;
}

.circle-badge {
    position: relative;
    width: 200px;
    height: 200px;
    border: solid 1px #fff;
    border-radius: 50%;
}

.circle-badge svg {
    width: 100%;
    height: 100%;
    animation: rotateText 15s linear infinite;
}

.circle-badge text {
    fill: #ffffff;
    font-size: 10px;
    letter-spacing: 4px;
}


.circle-text span {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Circular Text */
.circle-text span {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.circle-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.circle-logo img {
    width: 40px;
}

@keyframes rotateText {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (max-width:992px) {
    .custom-navbar.sticky .search-icon {
        color: #ffa430;
    }

    .custom-row {
        align-items: center;
    }

    .mega-menu .col-lg-3 {
        padding: 0px 0px;
    }
}

/* -------------about----------- */
.about-section {
    background: #f8f8f8;
}

.about-tag {
    font-size: 14px;
    color: #666;
    font-weight: 500;
    letter-spacing: 2px;
}

.about-tag span {
    color: #ea9c25;
    font-size: 28px;
    vertical-align: middle;
}

.about-title {
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 1.05;
    color: #111827;
    max-width: 850px;
}

.about-desc {
    margin-top: 10px;
    max-width: 700px;
    color: #6b7280;
    line-height: 1.8;
}

.about-divider {
    height: 1px;
    background: #ddd;
}

.counter-number {
    font-size: 110px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 20px;

    background: linear-gradient(to bottom,
            #ea9c25,
            #fff);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.counter-box p {
    font-size: 18px;
    line-height: 1.3;
    color: #7c7c7d;
}

.image-box {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.image-box img {
    width: 100%;
    display: block;
    transition: 0.5s;
}

.image-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(255, 255, 255, .5),
            transparent);
    transform: skewX(-25deg);
    z-index: 2;
}

.image-box:hover::before {
    animation: shine 1s;
}

@keyframes shine {
    100% {
        left: 150%;
    }
}

.about-img-small {
    border-radius: 10px;
    margin-bottom: 20px;
}

.about-img-large {
    border-radius: 10px;
}

/* LEARN MORE BUTTON */

.learn-circle {
    width: 160px;
    height: 160px;
    border: 1px solid #111827;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

.circle-fill {
    position: absolute;
    width: 16px;
    height: 16px;
    background: #ea9c25;
    border-radius: 50%;
    bottom: 38px;
    left: 50%;
    transform: translateX(-50%);
    transition: .6s ease;
}

.circle-text {
    color: #111827;
    font-weight: 700;
    position: relative;
    z-index: 2;
    transition: .4s;
}

.learn-circle:hover .circle-fill {
    width: 250px;
    height: 250px;
    bottom: -40px;
}

.learn-circle:hover .circle-text {
    color: #fff;
}

/* -------------about-end---------- */
/* ------------services------------ */
.services-section {
    background: #031326;
    padding: 120px 0;
}

.service-tittle {
    color: #fff;
}

.service-tittle span {
    color: #ea9c25;
    font-size: 28px;
    vertical-align: middle;
}

.service-tittle {
    color: #ea9c25;
}

.section-heading h2 {
    color: #fff;
    font-size: 58px;
    font-weight: 800;
    line-height: 1;
    margin-top: 15px;
    margin-bottom: 60px;
}

.service-row {
    margin-bottom: 15px;
}

.service-number-card,
.service-content-card {
    background: #263140;
    border-radius: 8px;
    min-height: 250px;
    position: relative;
    overflow: hidden;
    transition: .4s;
}

/* NUMBER CARD */

.service-number-card {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    position: relative;
    padding: 0;
}

.service-number-card span {
    position: absolute;
    left: -68px;
    bottom: -52px;
    font-size: 244px;
    font-weight: 600;
    line-height: 1;
    background: linear-gradient(180deg, #ffffff 0%, #d1d5db42 40%, #00000000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    z-index: 2;
}

/* IMAGE LAYER */

.service-number-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transform: scale(1.15);
    transition: .6s;
}

.service-number-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(222 142 13 / 44%);
    opacity: 0;
    transition: .6s;
}

/* IMAGES */

.service-bg-1::before {
    background-image: url("../images/service-01.jpg");
}

.service-bg-2::before {
    background-image: url("../images/service-02.jpg");
}

.service-bg-3::before {
    background-image: url("../images/service-03.jpg");
}

/* HOVER EFFECT */

.service-row:hover .service-number-card::before {
    opacity: 1;
    transform: scale(1);
}

.service-row:hover .service-number-card::after {
    opacity: 1;
}

.service-row:hover .service-number-card {
    transform: translateY(-6px);
}

.service-row:hover .service-content-card {
    transform: translateY(-6px);
}

/* CONTENT CARD */

.service-content-card {
    padding: 25px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.service-tag {
    display: inline-block;
    background: #3b4654;
    color: #fff;
    font-size: 12px;
    padding: 8px 14px;
    border-radius: 4px;
    margin-bottom: 35px;
    width: fit-content;
}

.service-content-card h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
}

.service-content-card p {
    color: #cbd5e1;
    line-height: 1.8;
    max-width: 500px;
}

/* RESPONSIVE */

@media(max-width:991px) {

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

    .service-number-card span {
        font-size: 165px;
    }

    .service-number-card,
    .service-content-card {
        min-height: 170px;
    }

    .service-content-card {
        padding: 24px;
    }

    .service-content-card h3 {
        font-size: 22px;
    }

}

/* ------------services-end----------- */
/* ------------solution-prosses------------ */
.solution-process {
    background: #f6f4f3;
    padding: 100px 0;
}

.section-tag {
    font-size: 13px;
    color: #888;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 15px;
}

.section-title {
    font-size: 3rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.1;
}

.service-title h2 {
    font-size: 45px;
    color: #fff;
    font-weight: 700;
}

.timeline {
    position: relative;
}

.timeline::before {
    content: "";
    position: absolute;
    left: 13px;
    top: 15px;
    width: 2px;
    height: calc(82% - 30px);
    background: #ddd;
}

.timeline-item {
    display: flex;
    gap: 40px;
    margin-bottom: 60px;
    position: relative;
}

.timeline-dot {
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}

.timeline-dot::before {
    content: "";
    width: 14px;
    height: 14px;
    background: #ea9c25;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.timeline-content h4 {
    font-size: 32px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 10px;
}

.timeline-content p {
    color: #666;
    line-height: 1.8;
    max-width: 450px;
}

.process-text {
    border-left: 2px solid #ea9c25;
    padding-left: 25px;
    margin-bottom: 40px;
}

.process-text p {
    color: #333;
    font-size: 20px;
    line-height: 1.8;
    margin: 0;
}

.process-img {
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
}

/* Responsive */

@media(max-width:991px) {

    .section-title {
        font-size: 35px;
    }

    .timeline-content h4 {
        font-size: 20px;
    }

    .process-text p {
        font-size: 18px;
    }
}

@media(max-width:767px) {

    .solution-process {
        padding: 70px 0;
    }

    .section-title {
        font-size: 30px;
    }

    .timeline-item {
        gap: 20px;
        margin-bottom: 40px;
    }

    .timeline-content h4 {
        font-size: 20px;
    }

    .process-text p {
        font-size: 16px;
    }
}

/* ------------solution-prosses-end----------- */
/* ------------stats counter------------ */
.teamdigi-stats-section {
    position: relative;
    padding: 45px 0;
    background: url('../images/bg-01.jpg') center center/cover no-repeat;
    overflow: hidden;
}

.teamdigi-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .75);
}

.teamdigi-stats-section .container {
    position: relative;
    z-index: 2;
}



.teamdigi-stat-item {
    position: relative;
}

.teamdigi-stat-item::after {
    content: "✱";
    position: absolute;
    top: 50%;
    right: -25px;
    transform: translateY(-50%);
    color: #ea9c25;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.col-lg-3:last-child .teamdigi-stat-item::after {
    display: none;
}

@media(max-width:991px) {
    .teamdigi-stat-item::after {
        display: none;
    }
}

.teamdigi-stat-number {
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
    background: linear-gradient(180deg,
            #ff6b35 0%,
            #ff8c42 30%,
            #ffd6a5 70%,
            #fff2e0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.teamdigi-stat-item h5 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}

/* Tablet */

@media(max-width:991px) {

    .teamdigi-stat-number {
        font-size: 60px;
    }

    .teamdigi-stat-item::after {
        display: none;
    }

    .teamdigi-stat-item h5 {
        font-size: 16px;
    }
}

/* Mobile */

@media(max-width:767px) {

    .teamdigi-stats-section {
        padding: 65px 0;
    }

    .teamdigi-stat-number {
        font-size: 45px;
    }

    .teamdigi-stat-item h5 {
        font-size: 16px;
    }
}

/* ------------stats counter-end----------- */
/* ------------proof recard ----------- */
.proof-records-section {
    background: #f6f4f3;
    color: #171616;
    overflow: hidden;
}

.section-head {
    max-width: 850px;
    margin: auto;
    margin-bottom: 60px;
}

.mini-badge {
    display: inline-block;
    color: #ea9c25;
    border: 1px solid rgba(255, 193, 7, .4);
    padding: 8px 15px;
    font-size: 12px;
    margin-bottom: 20px;
}

.section-head h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 20px;
}

.section-head p {
    color: #696969;
    max-width: 700px;
    margin: auto;
}

.proof-tabs .nav-link {
    background: #0f0f0f00;
    border: 1px solid #232323;
    color: #080808;
    border-radius: 5px;
    padding: 14px 28px;
    margin: 0 6px;
    font-size: 13px;
    font-weight: 700;
}

.proof-tabs .nav-link.active {
    background: #ea9c25;
    color: #ffffff !important;
}

.case-label {
    display: inline-block;
    color: #ea9c25;
    padding: 8px 14px;
    font-size: 14px;
    margin-bottom: 25px;
    font-weight: 700;
}

.case-title {
    font-size: 35px;
    line-height: 1.15;
    font-weight: 800;
    margin-bottom: 25px;
}

.case-desc {
    color: #7d7d7d;
    font-size: 18px;
    line-height: 1.8;
}

.feature-box {
    background: #acacac;
    border-left: 6px solid #ea9c25;
    padding: 25px;
    min-height: 115px;
    font-size: 15px;
    font-weight: 700;
}

.result-card {
    border: 1px solid #262626;
    background: #0d0d0d;
    padding: 25px;
}

.result-top {
    background: #000;
    padding: 25px;
    margin-bottom: 25px;
}

.result-top small {
    color: #9d9d9d;
    display: block;
}

.result-top h4 {
    color: #ea9c25;
    font-size: 48px;
    margin: 8px 0;
    font-weight: 800;
}

.result-top span {
    font-size: 11px;
    letter-spacing: 2px;
}

.quote {
    color: #d6d6d6;
    font-style: italic;
    line-height: 1.8;
}

.client-info {
    display: flex;
    align-items: center;
    gap: 15px;
    border-top: 1px solid #262626;
    padding-top: 20px;
    margin-top: 20px;
}

.avatar {
    width: 50px;
    height: 50px;
    background: #ea9c25;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.client-info h6 {
    margin: 0;
    font-size: 14px;
}

.client-info small {
    color: #9e9e9e;
}

@media(max-width:991px) {

    .section-head h2 {
        font-size: 35px;
    }

    .case-title {
        font-size: 28px;
    }

    .result-top h4 {
        font-size: 25px;
    }

    .proof-tabs .nav-link {
        margin-bottom: 10px;
    }
}

@media(max-width:767px) {

    .section-head h2 {
        font-size: 25px;
    }

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

    .feature-box {
        min-height: auto;
    }
}

/* ------------proof recard -end----------- */
/* ------------envesment sec ----------- */
.investment-calculator-section {
    background: #031326;
    color: #fff;
}

.calculator-header {
    max-width: 850px;
    margin: auto;
    margin-bottom: 60px;
}

.calc-badge {
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid #5a4600;
    color: #ea9c25;
    font-size: 12px;
    margin-bottom: 20px;
}

.calculator-header h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 20px;
}

.calculator-header p {
    color: #b5b5b5;
}

.calculator-left {
    border: 1px solid #ffffff1f;
    padding: 20px;
    background: #263140;
}

.calc-title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
}

.calc-title span {
    background: #ea9c25;
    color: #000;
    padding: 2px 6px;
    margin-right: 10px;
}

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

.service-item {
    background: transparent;
    padding: 18px;
    cursor: pointer;
    transition: .3s;
    border: 1px solid #ffffff1f;
    color: #ffffff;
}

.service-item.active {
    border: 1px solid #ea9c25;
    background: #fca104;
}

.service-item h5 {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.service-item small {
    color: #ff9600;
}

.service-item.active small {
    color: #120c04;
}

.ledger-box {
    border: 1px solid #ffffff2b;
    padding: 20px;
    height: 100%;
    background: #263140;
}

.ledger-heading {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #ffffff2b;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.ledger-block {
    border-bottom: 1px solid #ffffff2b;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.ledger-block small {
    color: #888;
    display: block;
    margin-bottom: 10px;
}

.ledger-block h4,
.ledger-block h5 {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.price-card {
    border: 1px solid #ffffff2b;
    padding: 15px;
    text-align: center;
    margin-bottom: 20px;
}

.price-card span {
    color: #888;
    display: block;
}

.price-card h2 {
    color: #ea9c25;
    font-size: 35px;
    font-weight: 800;
}

.proposal-btn {
    width: 100%;
    background: #ea9c25;
    color: #ffffff;
    border: none;
    padding: 16px;
    font-weight: 700;
}

@media(max-width:991px) {

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

    .calculator-header h2 {
        font-size: 35px;
    }

    .price-card h2 {
        font-size: 35px;
    }
}

/* ------------envesment sec end----------- */
/* ---------Growth call sec ----------- */
.growth-call-section {
    background: #f6f3f3;
    color: #080808;
}

.growth-header {
    max-width: 850px;
    margin: auto;
    margin-bottom: 60px;
}

.custom-input.form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 16 16'%3E%3Cpath d='M2 5l6 6 6-6' stroke='%23ea9c25' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.form-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.growth-badge {
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #5e4700;
    color: #ea9c25;
    font-size: 12px;
    margin-bottom: 20px;
}

.growth-header h2 {
    font-size: 45px;
    font-weight: 800;
    line-height: 1.1;
}

.growth-header p {
    color: #7e7c7c;
    max-width: 700px;
    margin: 20px auto 0;
}

.form-wrapper {
    max-width: 900px;
    margin: auto;
    border: 1px solid #263140;
    background: #263140;
    padding: 30px;
}

.error-box {
    display: none;
    background: #2b0c14;
    border: 1px solid #6d1a2a;
    color: #ff5c77;
    padding: 14px 18px;
    margin-bottom: 25px;
    font-size: 13px;
    font-weight: 700;
}

.form-wrapper label {
    display: block;
    color: #ea9c25;
    font-size: 11px;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

.custom-input {
    background: #ffffff !important;
    border: 1px solid #222 !important;
    color: #3a3636 !important;
    border-radius: 0 !important;
    padding: 14px !important;
}

.custom-input:focus {
    box-shadow: none !important;
    border-color: #ea9c25 !important;
}

.agreement-box {
    display: flex;
    gap: 10px;
    color: #a7a7a7;
    font-size: 13px;
}

.agreement-box strong {
    color: #ea9c25;
}

.bottom-row {
    border-top: 1px solid #ffffff2b;
    margin-top: 30px;
    padding-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ssl-text {
    color: #999;
    font-size: 12px;
}

.submit-btn {
    background: linear-gradient(45deg, #ea9c25, #f8c67e);
    border: none;
    color: #000;
    font-weight: 700;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 8px;
}

.submit-btn:hover {
    background: #ffac00;
}

@media(max-width:768px) {

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

    .bottom-row {
        flex-direction: column;
        gap: 15px;
    }

    .submit-btn {
        width: 100%;
    }
}

/* ---------Growth call sec end----------- */
/* ---------testimonials sec ----------- */
.testimonial-section {
    background: #031224;
    padding: 120px 0 80px;
}

.section-subtitle {
    color: #ea9c25;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}

.testimonial-heading {
    color: #fff;
    font-size: 45px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 60px;
}

.project-counter {
    font-size: 100px;
    font-weight: 800;
    line-height: 1;
    background: linear-gradient(180deg,
            #ffffff 0%,
            #c7cfd9 40%,
            #27384c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.project-box p {
    color: #fff;
    font-size: 34px;
    margin-top: 10px;
}

.rating {
    margin-top: 15px;
}

.rating i {
    color: #ea9c25;
    font-size: 22px;
    margin-right: 5px;
}

.testimonialSwiper {
    height: 420px;
}

.testimonial-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.testimonial-content p {
    color: #fff;
    font-size: 22px;
    line-height: 1.8;
}

.client-box {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}

.client-box img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
}

.client-box h5 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 5px;
}

.client-box span {
    color: #7f8790;
}

.testimonial-divider {
    margin: 80px 0 60px;
    height: 1px;
    background: rgba(255, 255, 255, .1);
}

.client-logo {
    max-width: 140px;
    opacity: .7;
    transition: .4s;
}

.client-logo:hover {
    opacity: 1;
}

.logo-row {
    align-items: center;
}

.testimonialSwiper {
    height: 420px;
    overflow: hidden;
}

.testimonial-content {
    min-height: 320px;
}

@media(max-width:991px) {

    .testimonial-heading {
        font-size: 35px;
    }

    .project-counter {
        font-size: 85px;
    }

    .project-box p {
        font-size: 20px;
    }

    .testimonial-content {
        min-height: 250px;
    }

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

    .testimonialSwiper {
        margin-top: 40px;
        height: 400px;
    }

}

/* ---------testimonials sec end----------- */
/* ---------footer sec ----------- */
.footer-section {
    background: linear-gradient(90deg,
            #141313 0%,
            #02172f 100%);

    padding-top: 100px;
}

.footer-logo img {
    max-width: 260px;
}

.footer-text {
    color: #b7bcc6;
    font-size: 16px;
    line-height: 1.5;
    max-width: 420px;
    margin-top: 25px;
}

.footer-social {
    display: flex;
    gap: 15px;
    margin-top: 30px;
}

.footer-social a {
    width: 52px;
    height: 52px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    transition: .4s;
}

.footer-social a:hover {
    background: #ea9c25;
    border-color: #ea9c25;
    transform: translateY(-4px);
}

.footer-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 18px;
}

.footer-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .08);
}

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

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

.footer-links a {
    text-decoration: none;
    color: #b7bcc6;
    font-size: 18px;
    transition: .3s;
}

.footer-links a:hover {
    color: #ea9c25;
    padding-left: 8px;
}

.footer-contact p {
    color: #b7bcc6;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 20px;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, .08);
    margin-top: 80px;
    padding: 30px 0;
}



.footer-bottom-wrap p {
    color: #fff;
    margin: 0;
    font-size: 18px;
}

.footer-bottom-wrap span {
    color: #ea9c25;
}

.footer-bottom-wrap a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

.footer-bottom-wrap a:hover {
    color: #ea9c25;
}

@media(max-width:991px) {

    .footer-bottom-wrap {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

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

}

@media(max-width:576px) {

    .footer-social {
        flex-wrap: wrap;
    }

    .footer-logo img {
        max-width: 220px;
    }

}

/* ---------footer sec end----------- */

/* consultation css
============================== */
.consultation-hero {
    padding: 120px 0;
    background: #07182f;
    position: relative;
    overflow: hidden;
}

.consultation-tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #ea9c25;
    border-radius: 50px;
    font-weight: 600;
    margin-bottom: 20px;
}

.consultation-title {
    font-size: 46px;
    font-weight: 800;
    color: #fff;
    line-height: 1.15;
    margin-bottom: 25px;
}

.consultation-desc {
    color: #cbd5e1;
    font-size: 17px;
    line-height: 30px;
    margin-bottom: 35px;
}

.consultation-list div {
    color: #fff;
    margin-bottom: 15px;
    font-weight: 500;
}

.consultation-list i {
    color: #ea9c25;
    margin-right: 10px;
}

.consultation-counter {
    display: flex;
    gap: 25px;
    margin-top: 45px;
    flex-wrap: wrap;
}


.consultation-image {
    position: relative;
    text-align: center;
}

.consultation-image img {
    max-width: 100%;
    animation: float 5s ease-in-out infinite;
}

.floating-card2 {
    position: absolute;
    background: #fff;
    padding: 16px 18px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .15);
}

.floating-card2 i {
    width: 55px;
    height: 55px;
    background: #ea9c25;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
}

.floating-card2 h5 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.floating-card2 span {
    font-size: 14px;
    color: #666;
}

.card-one {
    top: 30px;
    left: -40px;
}

.card-two {
    bottom: 80px;
    right: -30px;
}

.card-three {
    bottom: -20px;
    left: 30px;
}

@keyframes float {

    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }

    100% {
        transform: translateY(0);
    }

}


@media(max-width:991px) {

    .consultation-title {
        font-size: 40px;
    }

    .card-one,
    .card-two,
    .card-three {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: 20px auto;
    }

    .consultation-counter {
        justify-content: center;
    }

}

/* consultation form section */
.consult-title span {
    font-size: 18px;
    font-weight: 600;
    color: #ea9c25;
}

.consult-title h2 {
    color: #000;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.6;
}

.consult-title p {
    color: #7e7c7c;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    max-width: 600px;
    margin: 0 auto;
}

.consultation-form-section {
    padding: 120px 0;
    background: #f7f9fc;
}

.consultation-form-box {
    background: #fff;
    padding: 45px;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
}

.consultation-form-box span {
    color: #ea9c25;
    font-weight: 700;
    letter-spacing: 1px;
}

.consultation-form-box h2 {
    font-size: 40px;
    font-weight: 700;
    margin: 15px 0;
}

.consultation-form-box label {
    font-weight: 600;
    margin-bottom: 8px;
}

.consultation-form-box .form-control,
.consultation-form-box .form-select {
    height: 58px;
    border-radius: 12px;
}

.consultation-form-box textarea.form-control {
    height: auto;
}

.consultation-btn {
    width: 100%;
    height: 60px;
    border: none;
    background: #ea9c25;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 12px;
    transition: .3s;
}

.consultation-btn:hover {
    background: #07182f;
}

.consultation-info-box {
    background: #07182f;
    padding: 45px;
    border-radius: 20px;
    position: sticky;
    top: 100px;
    color: #fff;
}

.info-badge {
    display: inline-block;
    background: #ea9c25;
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px;
}

.consultation-info-box h3 {
    font-size: 34px;
    margin-bottom: 20px;
}

.consultation-benefit {
    display: flex;
    gap: 18px;
    margin-top: 30px;
}

.consultation-benefit i {
    color: #ea9c25;
    font-size: 22px;
    margin-top: 4px;
}

.consultation-benefit h5 {
    margin-bottom: 6px;
}

.consultation-benefit p {
    margin: 0;
    color: #d8d8d8;
}

/* why consultation  */
.consult-benefits {
    padding: 100px 0;
    background: #f8fafc;
}

.section-tag {
    display: inline-block;
    color: #ea9c25;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px;
}

.section-title {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 18px;
}

.section-desc {
    color: #666;
    font-size: 17px;
    line-height: 30px;
}

.benefit-card {
    background: #fff;
    border-radius: 20px;
    padding: 35px 30px;
    height: 100%;
    transition: .35s;
    border: 1px solid #eee;
}

.benefit-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}

.benefit-icon {
    width: 70px;
    height: 70px;
    background: #ea9c25;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    font-size: 28px;
    margin-bottom: 25px;
}

.benefit-card h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.benefit-card p {
    color: #666;
    line-height: 28px;
    margin: 0;
}

/* how it work consul */
.consultation-process {
    padding: 110px 0;
    background: #fff;
}

.process-title2 {
    font-size: 48px;
    font-weight: 700;
    margin: 20px 0;
}

.process-desc2 {
    color: #666;
    line-height: 30px;
    font-size: 17px;
}

.process-card {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 20px;
    padding: 70px 30px 35px;
    text-align: center;
    transition: .35s;
    overflow: hidden;
    height: 100%;
}

.process-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
}



.process-card i {
    width: 85px;
    height: 85px;
    background: #07182f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: auto;
    font-size: 32px;
    margin-bottom: 25px;
}

.process-card h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.process-card p {
    color: #666;
    line-height: 28px;
    margin: 0;
}

.process-card:hover i {
    background: #ea9c25;
}

.consult-faq-section {
    padding: 110px 0;
    background: #fdf8ef;
}

.faq-title {
    font-size: 48px;
    font-weight: 700;
    margin: 18px 0;
}

.faq-desc {
    color: #666;
    font-size: 17px;
    line-height: 30px;
}

.consultation-faq .accordion-item {
    border: none;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
}

.consultation-faq .accordion-button {
    background: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 22px 25px;
    box-shadow: none;
}

.consultation-faq .accordion-button:not(.collapsed) {
    background: #ea9c25;
    color: #fff;
}

.consultation-faq .accordion-button:focus {
    box-shadow: none;
}

.consultation-faq .accordion-body {
    padding: 22px 25px;
    color: #666;
    line-height: 30px;
    background: #fff;
}

@media(max-width:576px) {
    .consult-title h2 {
        font-size: 30px;
    }

    .consultation-form-box {
        padding: 10px;
        border-radius: 10px;
    }

    .consultation-info-box {
        padding: 12px;
    }

    .consultation-info-box h3 {
        font-size: 25px;
    }

    .consultation-form-section {
        padding: 30px 0;
    }

}

/* ======================
RESPONSIVE
====================== */

@media(max-width:991px) {

    .navbar-collapse {
        background: #fff;
        padding: 20px;
        margin-top: 15px;
        border-radius: 10px;
    }

    .navbar-collapse .nav-link {
        color: #111 !important;
    }

    .search-icon {
        color: #111;
    }

    .hero-title {
        font-size: 40px;
        text-align: center;
        margin-top: 100px;
    }

    .experience-box {
        justify-content: center;
        flex-direction: column;
    }

    .hero-text {
        text-align: center;
        margin-top: 30px;
    }

    .year {
        font-size: 100px;
    }
}

@media(max-width:576px) {

    .hero-title {
        font-size: 30px;
    }

    .year {
        font-size: 80px;
    }

    .section-heading h2 {
        font-size: 30px !important;
    }

    .experience-box p {
        font-size: 18px;
        text-align: center;
    }

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

/* =============
about page css start
=========== */
.td-about-hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;

}

.td-about-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.td-about-overlay {
    position: absolute;
    inset: 0;
    background: rgba(23, 31, 48, 0.66);

}

.td-about-hero .container {
    position: relative;
    z-index: 2;
}

.td-about-badge {
    display: inline-block;
    padding: 10px 22px;
    border: 1px solid rgb(234 156 37);
    border-radius: 50px;
    color: #ea9c25;
    font-size: 13px;
    letter-spacing: 4px;
    margin-bottom: 25px;
    background: #0000005e;
}

.td-about-heading {
    font-size: 56px;
    font-weight: 800;
    line-height: 1.1;
    color: #fff;
    margin-bottom: 22px;
}

.td-about-heading span {
    color: #ea9c25;
}

.td-about-text {
    color: rgba(255, 255, 255, .85);
    font-size: 18px;
    line-height: 1.6;
    max-width: 936px;
    margin: 0 auto 40px;
}

.td-about-btns {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.td-about-btn {
    background: #ea9c25;
    color: #151414;
    text-decoration: none;
    padding: 16px 35px;
    border-radius: 8px;
    font-weight: 600;
    transition: .3s;
}

.td-about-btn:hover {
    background: #8e5705;
    color: #fff;
    transform: translateY(-3px);
}

.td-about-btn-outline {
    border: 1px solid #ea9c25;
    color: #ea9c25;
    text-decoration: none;
    padding: 16px 35px;
    border-radius: 8px;
    font-weight: 600;
    transition: .3s;
}

.td-about-btn-outline:hover {
    background: #ea9c25;
    color: #000;
}

@media(max-width:991px) {
    .about-title {
        font-size: 35px;
    }

    .tdm-why-main-img {
        width: 100%;
    }

    .td-about-heading {
        font-size: 52px;
    }

    .td-about-text {
        font-size: 16px;
    }
}

@media(max-width:576px) {
    .about-title {
        font-size: 30px;
    }

    .testimonial-heading {
        font-size: 25px;
    }

    .tdm-why-desc {
        color: #d3d3d3;
        font-size: 14px !important;
    }

    .td-about-hero {
        min-height: 75vh;
    }

    .td-about-heading {
        font-size: 25px;
    }

    .td-about-text {
        font-size: 14px;
    }

    .td-about-btn,
    .td-about-btn-outline {
        width: 100%;
    }
}

.tdm-about-company-area {
    padding: 120px 0 0 0;
    background: #f7f7f7;
    overflow: hidden;
}

.tdm-company-tag {
    display: inline-block;
    background: #dbe5ff;
    color: #ea9c25;
    padding: 8px 18px;
    border-radius: 6px;
    font-size: 14px;
    letter-spacing: 3px;
    font-style: italic;
    margin-bottom: 20px;
}

.tdm-company-title {
    font-size: 62px;
    line-height: 1.15;
    font-weight: 700;
    color: #ea9c25;
    margin-bottom: 25px;
}

.tdm-company-desc {
    font-size: 20px;
    line-height: 1.8;
    color: #58627d;
    margin-bottom: 30px;
}

.tdm-divider {
    height: 1px;
    background: #d8d8d8;
    margin: 18px 0;
}

.tdm-feature-item {
    font-size: 14px;
    font-weight: 600;
    color: #ea9c25;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.tdm-feature-item i {
    color: #ea9c25;
    font-size: 18px;
}

.tdm-service-card {
    padding-right: 15px;
}

.tdm-service-icon {
    width: 50px;
    height: 50px;
    background: #ea9c25;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 18px;
    box-shadow: 0 2px 16px 0px rgb(255 115 0 / 74%);
}

.tdm-service-card h4 {
    color: #2f3032;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.tdm-service-card p {
    color: #616161;
    font-size: 14px;
}

.tdm-image-wrapper {
    position: relative;
    min-height: 700px;
}

.tdm-main-img {
    width: 68%;
    border-radius: 30px;
    object-fit: cover;
}

.tdm-second-img {
    position: absolute;
    right: 0;
    width: 62%;
    border-radius: 30px;
    object-fit: cover;
    bottom: 160px;
}

.tdm-client-box {
    position: absolute;
    top: 38px;
    right: 0;
    width: 186px;
    background: #fcd192;
    padding: 22px;
    border-radius: 24px;
    text-align: center;
}

.tdm-client-images {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.tdm-client-images img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 3px solid #fff;
    margin-left: -16px;
    object-fit: cover;
}

.tdm-client-images img:first-child {
    margin-left: 0;
}

.tdm-client-box h3 {
    color: #151414;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.tdm-client-box p {
    margin: 0;
    color: #5f6783;
    font-size: 16px;
}

.tdm-exp-box {
    position: absolute;
    left: 35px;
    bottom: 185px;
    width: 175px;
    background: #fcd192;
    border-radius: 24px;
    text-align: center;
    padding: 25px;
}

.tdm-exp-box h3 {
    color: #000000;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 5px;
}

.tdm-exp-box p {
    color: #343434;
    font-size: 14px;
    margin: 0;
}

.tdm-number-count {
    display: inline-block;
}

@media(max-width:991px) {

    .tdm-about-company-area {
        padding: 80px 0;
    }

    .tdm-company-title {
        font-size: 42px;
    }

    .tdm-company-desc {
        font-size: 16px;
    }

    .tdm-image-wrapper {
        min-height: auto;
        margin-top: 50px;
    }

    .tdm-main-img,
    .tdm-second-img {
        position: static;
        width: 100%;
        margin-bottom: 20px;
    }

    .tdm-client-box,
    .tdm-exp-box {
        position: static;
        width: 100%;
        margin-bottom: 20px;
    }

    .tdm-service-card h4 {
        font-size: 24px;
    }

    .tdm-service-card p {
        font-size: 15px;
    }

    .tdm-feature-item {
        font-size: 16px;
    }
}

/* ========
whychoose
==================== */
.tdm-whychoose-area {
    background: #031323;
    padding: 120px 0;
}



.tdm-why-desc {
    color: #d3d3d3;
    font-size: 16px;
}

.tdm-whychoose-images {
    position: relative;
}

.tdm-why-main-img {
    border-radius: 35px;
}



.tdm-why-bottom {
    display: flex;
    gap: 25px;
    margin-top: 40px;
}

.tdm-why-exp-box {
    width: 200px;
    background: #f4c680;
    border-radius: 20px;
    padding: 22px;
    text-align: center;
    box-shadow: 0 10px 30px rgb(234 156 37);
}

.tdm-why-exp-box h3 {
    color: #131415;
    font-size: 70px;
    font-weight: 700;
}

.tdm-why-small-img {
    border-radius: 20px;
    box-shadow: 0 2px 10px #fffefd;
}

.tdm-why-feature {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.tdm-why-icon {
    width: 65px;
    height: 65px;
    background: #ffffff;
    border-radius: 8px;
    color: #ea9c25;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.tdm-why-feature h4 {
    color: #ea9c25;
    font-size: 26px;
    font-weight: 700;
}

.tdm-why-feature p {
    color: #b5b1b1;
    font-size: 14px;
}

@media(max-width:991px) {

    .tdm-why-title {
        font-size: 40px;
    }

    .tdm-why-video-circle {
        right: 20px;
        top: 20px;
        width: 120px;
        height: 120px;
    }

    .tdm-why-bottom {
        flex-direction: column;
    }

    .tdm-why-small-img,
    .tdm-why-exp-box {
        width: 100%;
    }
}

/* ===========cta section =========== */
.tdm-cta-section {
    padding: 100px 0;
    background: #ffffff;
}

.tdm-cta-title {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.15;
    color: #151515;
    ;
    margin-bottom: 25px;
}

.tdm-cta-text {
    font-size: 16px;
    line-height: 1.9;
    color: #5f6783;
    max-width: 800px;
}

.tdm-cta-btns {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.tdm-btn-primary {
    background: #ea9c25;
    color: #161616;
    padding: 18px 35px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: .3s;
}

.tdm-btn-primary:hover {
    background: #a46404;
    color: #fff;
}

.tdm-btn-outline {
    border: 2px solid #ea9c25;
    color: #ea9c25;
    padding: 18px 35px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: .3s;
}

.tdm-btn-outline:hover {
    background: #ea9c25;
    color: #151515;
}

.tdm-btn-primary i,
.tdm-btn-outline i {
    margin-left: 8px;
}

@media(max-width:991px) {

    .tdm-cta-section {
        padding: 70px 0;
        text-align: center;
    }

    .tdm-cta-title {
        font-size: 40px;
    }

    .tdm-cta-btns {
        justify-content: center;
        margin-top: 30px;
    }
}

@media(max-width:576px) {

    .tdm-cta-title {
        font-size: 25px;
    }

    .tdm-btn-primary,
    .tdm-btn-outline {
        width: 100%;
        text-align: center;
    }
}

/* ============
core value section
=========== */

.tdm-values-section {
    padding: 120px 0;
    background: #fff;
}



.tdm-values-heading p {
    color: #666;
    font-size: 18px;
}

.tdm-value-card {
    background: #fff;
    border: 1px solid #ea9c25;
    padding: 40px 30px;
    border-radius: 20px;
    text-align: center;
    transition: .4s;
    height: 100%;
}

.tdm-value-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 5px 22px rgb(255 158 0 / 51%);
}

.tdm-value-icon {
    width: 85px;
    height: 85px;
    background: #f8e0bf;
    color: #ea9c25;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto auto 25px;
    font-size: 34px;
}

.tdm-value-card h4 {
    color: #ea9c25;
    font-size: 28px;
    margin-bottom: 15px;
    font-weight: 700;
}

.tdm-value-card p {
    color: #666;
    line-height: 1.8;
}

@media(max-width:991px) {

    .tdm-values-heading h2 {
        font-size: 40px;
    }
}

/*==========
 service page
 ========================= */

.benefits-section {
    padding: 100px 0;
    background: #fff;
}

.benefits-title {
    font-size: 47px;
    font-weight: 800;
    color: #141519;
    line-height: 1.2;
    margin-bottom: 25px;
}

.benefits-desc {
    font-size: 16px;
    line-height: 1.8;
    color: rgb(102, 102, 102);
    max-width: 1015px;
    margin: auto;
}

.benefit-card {
    height: 100%;
    padding: 20px;
    transition: .4s;
    border: 1px solid #ea9c25;
    border-radius: 8px;
}

.benefit-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 3px 20px #ea9c25;
}

.benefit-icon {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    border: 3px solid #ea9c25;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    color: #ea9c25;
    transition: .4s;
}



.benefit-card h4 {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    line-height: 1.3;
    margin-bottom: 18px;
}

.benefit-card p {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}

/* Responsive */

@media(max-width:991px) {

    .benefits-title {
        font-size: 38px;
    }

    .benefits-desc {
        font-size: 14px;
    }

    .benefit-card h4 {
        font-size: 24px;
    }
}

@media(max-width:576px) {

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

    .benefits-title {
        font-size: 25px;
    }

    .benefit-icon {
        width: 90px;
        height: 90px;
        font-size: 35px;
    }

    .benefit-card h4 {
        font-size: 20px;
    }

    .benefit-card p {
        font-size: 14px;
    }
}

/* slider ---- */
.tdm-growth-slider-section {
    padding: 120px 0;
    background: #f4f3ee;
    overflow: hidden;
}

.tdm-growth-title {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.1;
    color: #151414;
    margin-bottom: 40px;
}

.tdm-divider {
    width: 100%;
    height: 1px;
    background: #0b3a57;
    opacity: .25;
    margin-bottom: 50px;
}

.tdm-growth-card {
    background: #fff;
    border-radius: 30px;
    padding: 34px;
    position: relative;
    overflow: hidden;
}

/* Corner Pattern */
.tdm-growth-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 220px;
    height: 220px;
    background: repeating-linear-gradient(135deg, #fca40278 0px, #e5eaee 14px, transparent 14px, transparent 28px);
    opacity: .9;
}

.tdm-icon {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: #f4f0eb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ea9c25;
    font-size: 22px;
    position: relative;
    z-index: 2;
}

.tdm-growth-card h3 {
    font-size: 28px;
    font-weight: 700;
    color: #07324d;
    line-height: 1.2;
    margin: 35px 0 25px;
    position: relative;
    z-index: 2;
}

.tdm-card-line {
    width: 100%;
    height: 1px;
    background: #07324d;
    opacity: .2;
    margin-bottom: 28px;
}

.tdm-growth-card p {
    font-size: 16px;
    line-height: 1.6;
    color: #26495f;
    position: relative;
    z-index: 2;
}

.tdm-slider-nav {
    display: flex;
    gap: 12px;
    margin-top: 40px;
}

.tdm-prev,
.tdm-next {
    width: 50px;
    height: 50px;
    background: #ea9c25;
    color: #141519;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
}

.tdm-prev:hover,
.tdm-next:hover {
    transform: translateY(-3px);
}

@media(max-width:991px) {

    .tdm-growth-title {
        font-size: 42px;
    }

    .tdm-growth-card {
        min-height: auto;
        padding: 35px;
    }

    .tdm-growth-card h3 {
        font-size: 28px;
    }
}

@media (max-width:576px) {
    .tdm-growth-title {
        font-size: 30px;
    }

    .tdm-section-desc {
        font-size: 14px;
    }

    .tdm-growth-card {
        min-height: auto;
        padding: 22px;
    }

    .tdm-growth-card h3 {
        font-size: 24px;
    }

    .tdm-growth-card p {
        font-size: 14px;
        line-height: 1.4;
    }

    .tdm-card-line {
        margin-bottom: 12px;
    }

    .tdm-growth-card::before {
        width: 198px;
        height: 198px;
    }
}

/* resource section */

.tdm-resources-section {
    background: #050505;
    padding: 120px 0;
}

.tdm-resource-title {
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px;
}

.tdm-resource-line {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .15);
    margin-bottom: 35px;
}

.tdm-resource-desc {
    color: #cfcfcf;
    font-size: 16px;
    line-height: 1.8;
}

.tdm-resource-card {
    background: #111;
    border: 1px solid rgb(194 134 9);
    border-radius: 30px;
    padding: 32px;
    height: 100%;
    transition: .4s;
}

.tdm-resource-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 3px 20px #e5cd7f;
}



.tdm-resource-icon {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #ff4d4d15;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ea9c25;
    font-size: 28px;
    margin-bottom: 25px;
}

.tdm-resource-card h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 25px;
}

.tdm-card-divider {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .15);
    margin-bottom: 25px;
}

.tdm-resource-card p {
    color: #d7d7d7;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.tdm-resource-card a {
    color: #ea9c25;
    text-decoration: none;
    font-size: 22px;
    font-weight: 600;
}

.tdm-resource-card a i {
    margin-left: 8px;
}

@media(max-width:991px) {

    .tdm-resource-title {
        font-size: 30px;
    }

    .tdm-resource-desc {
        font-size: 16px;
    }

    .tdm-resource-card h3 {
        font-size: 25px;
    }

}

/* slider2====== */
.service-level-section {
    background: #050505;
    padding: 120px 0;
    overflow: hidden;
}

.service-level-header h2 {
    color: #fff;
    font-size: 45px;
    font-weight: 800;
    margin-bottom: 25px;
}

.service-line {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .15);
    margin: 30px 0;
}

.service-level-header p {
    max-width: 1200px;
    margin: auto;
    color: #d6d6d6;
    font-size: 16px;
    margin-bottom: 60px;
}

.service-image-card {
    height: 280px;
    border-radius: 30px;
    overflow: hidden;
}

.service-image-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-text-card {
    background: #fff;
    border-radius: 30px;
    padding: 32px;
}

.service-text-card h3 {
    color: #141719;
    font-size: 24px;
    font-weight: 700;
}

.card-line {
    width: 100%;
    height: 1px;
    background: #07324d20;
    margin: 20px 0 30px;
}

.service-text-card p {
    font-size: 16px;
    line-height: 1.9;
    color: #26495f;
}

.service-slider-nav {
    display: flex;
    gap: 12px;
    margin-top: 40px;
}

.service-prev,
.service-next {
    width: 52px;
    height: 52px;
    background: #ea9c25;
    color: #07324d;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
}

.service-prev:hover,
.service-next:hover {
    transform: translateY(-3px);
}

@media(max-width:991px) {

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

    .service-text-card {
        height: auto;
    }

    .service-image-card {
        height: 300px;
    }

    .service-text-card h3 {
        font-size: 25px;
    }
}

/* servis benifits */

.service-benefits {
    padding: 120px 0;
    background: #f8f8f8;
}

.service-benefits-header {
    margin-bottom: 70px;
}

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

.service-benefits-header h2 {
    font-size: 45px;
    line-height: 1.05;
    font-weight: 800;
    color: #141519;
    margin-bottom: 0;
}

.service-benefit-row {
    border-top: 1px solid #ea9c25;
}

.service-benefit-row:last-child {
    border-bottom: 1px solid #ea9c25;
}

.service-benefit-row .col-lg-6:first-child {
    border-right: 1px solid #ea9c25;
}

.benefit-box {
    padding: 24px 15px;
}

.benefit-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #ece9e9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.benefit-icon i {
    color: #ea9c25;
    font-size: 22px;
}

.benefit-box h4 {
    font-size: 24px;
    font-weight: 700;
    color: #041b32;
    margin-bottom: 18px;
}

.benefit-box p {
    color: #56616c;
    font-size: 18px;
    line-height: 1.9;
    margin-bottom: 0;
    text-align: justify;
}

@media(max-width:991px) {

    .service-benefits {
        padding: 60px 0;
    }

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

    .service-benefit-row .col-lg-6:first-child {
        border-right: none;
    }

    .benefit-box {
        padding: 35px 0;
    }

    .benefit-box h4 {
        font-size: 25px;
    }

    .benefit-box p {
        font-size: 16px;
    }

}

/* =============
solution
=========================== */
.solution-hero-content {
    position: relative;
    z-index: 2;
}

.solution-badge {
    display: inline-block;
    color: #ffc400;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 25px;
}

.solution-title {
    font-size: 45px;
    line-height: 1.4;
    font-weight: 800;
    color: #fff;
    max-width: 900px;
    margin-bottom: 30px;
}

.solution-desc {
    max-width: 700px;
    color: rgba(255, 255, 255, .85);
    font-size: 20px;
    line-height: 1.9;
}

.solution-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 40px;
}

.solution-tags span {
    border: 1px solid rgba(255, 255, 255, .2);
    color: #fff;
    padding: 12px 24px;
    border-radius: 50px;
    backdrop-filter: blur(10px);
    transition: .4s;
}

.solution-tags span:hover {
    background: #ea9c25;
    color: #111;
    border-color: #ea9c25;
}

.solution-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 60px;
    background: #ffc400;
    color: #111;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    transition: .4s;
}

.solution-btn:hover {
    transform: translateY(-5px);
}

.solution-scroll-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    gap: 20px;
}

.solution-scroll-box span {
    writing-mode: vertical-rl;
    letter-spacing: 4px;
    font-size: 12px;
    font-weight: 800;
    color: #ea9c25;
}

.scroll-line {
    width: 2px;
    height: 120px;
    background: #ea9c25;
}

.solution-scroll-box i {
    animation: scrollMove 2s infinite;
    color: #ea9c25;
    font-size: 20px;
}

@keyframes scrollMove {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(12px);
    }

}

/* Responsive */

@media(max-width:991px) {

    .solution-title {
        font-size: 60px;
    }

    .solution-scroll-box {
        display: none;
    }

}

@media(max-width:576px) {

   .solution-title {
    font-size: 25px;
}
    .solution-desc {
        font-size: 14px;
    }
    .solution-tags {
        gap: 10px;
    }

    .solution-tags span {
        padding: 10px 16px;
        font-size: 13px;
    }

}

.solution-process {
    padding: 120px 0;
    background: #f6f5f1;
}

.solution-tittle {
    max-width: 800px;
    margin: auto;
}

.solution-tittle h2 {
    font-size: 45px;
    font-weight: 700;
    color: #141519;
}

.industries-tittle h2 {
    font-size: 45px;
    font-weight: 700;
    color: #fff;
    margin: 12px 0;
}

.industries-tittle p {
    color: rgba(255, 255, 255, .5);
    font-size: 18px;
    max-width: 900px;
    margin: 0 auto;
}

.solution-tittle p {
    font-size: 18px;
    color: #6b7280;
}

.process-card {
    background: #fff;
    padding: 40px 30px;
    border-radius: 25px;
    height: 100%;
    transition: .4s;
    position: relative;
    overflow: hidden;
}

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



.process-card h4 {
    font-size: 20px;
    font-weight: 700;
    color: #072b4a;
    margin-bottom: 15px;
}

.process-card p {
    color: #6b7280;
    line-height: 1.8;
    font-size: 15px;
    text-align: justify;
}

.process-card::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #ea9c25;
    transition: .4s;
}

.process-card:hover::before {
    width: 100%;
}

@media(max-width:991px) {

    .solution-process {
        padding: 80px 0;
    }

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

}

/* idustries we serve */
.industries-section {
    padding: 120px 0;
    background: #141519;
}

.industry-card {
    background: #fff;
    border-radius: 25px;
    padding: 40px 35px;
    height: 100%;
    transition: .4s;
    border: 1px solid #ececec;
}

.industry-card:hover {
    transform: translateY(-10px);
    border-color: #e6a329;
}

.industry-card i {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: 50%;
    color: #e6a329;
    font-size: 28px;
    margin-bottom: 25px;
}

.industry-card h4 {
    color: #072b4a;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}

.industry-card p {
    color: #6b7280;
    line-height: 1.9;
    margin: 0;
}

/* growth section */
.growth-section {
    padding: 120px 0;
    background: #071628;
    overflow: hidden;
}

.growth-content .section-subtitle {
    color: #f0b434;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.growth-content h2 {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.1;
    margin: 20px 0;
}

.growth-content p {
    color: #aab4c0;
    line-height: 1.9;
    font-size: 16px;
}

.growth-list {
    margin-top: 30px;
    padding: 0;
    list-style: none;
}

.growth-list li {
    color: #fff;
    margin-bottom: 18px;
    font-size: 16px
}

.growth-list i {
    color: #f0b434;
    margin-right: 10px;
}

.growth-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.stat-box {
    border: 1px solid rgba(255, 255, 255, .1);
    padding: 50px 30px;
    border-radius: 25px;
    backdrop-filter: blur(10px);
    transition: .4s;
}

.stat-box:hover {
    transform: translateY(-10px);
    border-color: #f0b434;
}

.stat-box h3 {
    font-size: 70px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px;
}

.stat-box p {
    color: #aab4c0;
    margin: 0;
}

@media(max-width:991px) {

    .growth-section {
        padding: 80px 0;
    }

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

    .growth-stats {
        margin-top: 50px;
    }

}

@media(max-width:576px) {

    .growth-stats {
        grid-template-columns: 1fr;
    }

    .stat-box h3 {
        font-size: 50px;
    }

}

/* ====  solution show case */

.solution-showcase {
    padding: 120px 0;
    background: #f6f5f1;
}

.showcase-content {
    position: sticky;
    top: 120px;
}

.showcase-content .section-subtitle {
    color: #e6a329;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

.showcase-content h2 {
    font-size: 45px;
    line-height: 1.05;
    color: #141519;
    margin: 10px 0;
}

.showcase-content p {
    font-size: 16px;
    color: #6b7280;
    line-height: 1.9;
}

.solution-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    overflow: hidden;
    transition: .4s;
}

.solution-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #141519;
    transition: .5s;
    z-index: 0;
}

.solution-item:hover::before {
    width: 100%;
}

.solution-item span,
.solution-item h4,
.solution-item i {
    position: relative;
    z-index: 2;
    transition: .4s;
}

.solution-item span {
    font-size: 24px;
    font-weight: 700;
    color: #e6a329;
}

.solution-item h4 {
    flex: 1;
    margin-left: 40px;
    margin-bottom: 0;
    font-size: 32px;
    color: #072b4a;
}

.solution-item i {
    font-size: 22px;
    color: #072b4a;
}

.solution-item:hover h4,
.solution-item:hover i {
    color: #fff;
}

.solution-item:hover i {
    transform: rotate(45deg);
}

@media(max-width:991px) {

    .showcase-content {
        position: relative;
        top: auto;
        margin-bottom: 40px;
    }

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

    .solution-item h4 {
        font-size: 22px;
        margin-left: 20px;
    }

}

/* contanct us
============================ */
.contact-hero {
    position: relative;
    min-height: 650px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;

    background: url("../images/contact-hero.jpg") center center/cover no-repeat;
}

.contact-overlay {
    position: absolute;
    inset: 0;
    background: rgb(32 24 12 / 88%);
}

.contact-content {
    position: relative;
    z-index: 2;
    max-width: 950px;
    margin: auto;
    color: #fff;
}

.contact-tag {
    display: block;
    font-size: 90px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 40px;
    color: #ea9c15;
}

.contact-content h1 {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 22px;
    color: #fff;
}

.contact-content p {
    max-width: 900px;
    margin: auto;
    font-size: 18px;
    line-height: 1.7;
    color: rgba(255, 255, 255, .92);
}

/*==========================
      CONTACT INFO CARD
==========================*/
.contact-section {
    padding: 90px 0;
    background: #fff;
}

.contact-info-box {
    position: relative;
    background: linear-gradient(135deg, #ffa553, #ff8b00);
    color: #000000;
    padding: 25px 30px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(90, 78, 40, 0.25);
    height: 100%;
}

.contact-info-box::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    top: -90px;
    right: -70px;
}

.contact-info-box::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
    bottom: -70px;
    left: -50px;
}

.contact-info-box>* {
    position: relative;
    z-index: 2;
}

.form-group {
    margin: 14px 0px;
}

span.form-icon {
    color: #ea9c25;
    font-size: 20px;
}

.form-control:focus {
    border-color: #ea9c25 !important;
    color: #000 !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(253 188 13 / 25%) !important;
}

/* Tag */

.info-tag {
    display: inline-block;
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .25);
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 25px;
}

/* Heading */

.contact-info-box h2 {
    font-size: 26px;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 18px;
}

.top-text {
    font-size: 14px;
    line-height: 1.5;
    color: rgb(69 66 66 / 85%);
    margin-bottom: 20px;
}

/* Highlight */

.contact-highlight {
    display: flex;
    align-items: center;
    gap: 18px;
    background: rgb(0 0 0 / 17%);
    border: 1px solid rgba(255, 255, 255, .15);
    padding: 12px;
    border-radius: 14px;
    margin-bottom: 25px;
}

.highlight-icon {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: #fff;
    color: #ea9c25;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex-shrink: 0;
}

.contact-highlight h4 {
    margin: 0;
    font-size: 19px;
    font-weight: 600;
}

.contact-highlight span {
    display: block;
    margin-top: 5px;
    color: rgb(31 29 29 / 75%);
    font-size: 14px;
}

/* Info */

.info-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 28px;
}

.info-item i {
    width: 40px;
    height: 40px;
    background: rgb(255 255 255 / 31%);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #000;
    flex-shrink: 0;
}

.info-item h5 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: 600;
}

.info-item span {
    color: rgb(29 27 27 / 67%);
    line-height: 1.7;
    font-size: 15px;
}

/* Social */

.social-contact {
    display: flex;
    gap: 15px;
    margin-top: 40px;
}

.social-contact a {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: .35s;
}

.social-contact a:hover {
    background: #070707;
    color: #ea9c25;
    transform: translateY(-5px);
}

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

@media(max-width:991px) {

    .contact-info-box {
        margin-top: 40px;
        padding: 40px 30px;
    }

    .contact-info-box h2 {
        font-size: 30px;
    }

    .contact-highlight {
        padding: 18px;
    }

}

@media(max-width:576px) {

    .contact-info-box {
        padding: 30px 22px;
        border-radius: 22px;
    }

    .contact-info-box h2 {
        font-size: 26px;
    }

    .info-item {
        gap: 14px;
    }

    .info-item i {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .social-contact {
        justify-content: center;
    }

    .highlight-icon {
        width: 55px;
        height: 55px;
        font-size: 22px;
    }

}

/* Tablet */

@media (max-width:991px) {

    .contact-hero {
        min-height: 520px;
        padding: 100px 20px;
    }

    .contact-tag {
        font-size: 62px;
        margin-bottom: 25px;
    }

    .contact-content h1 {
        font-size: 46px;
    }

    .contact-content p {
        font-size: 19px;
    }

}

/* Mobile */

@media (max-width:576px) {

    .contact-hero {
        min-height: 430px;
        padding: 80px 15px;
    }

    .contact-tag {
        font-size: 42px;
    }

    .contact-content h1 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .contact-content p {
        font-size: 16px;
        line-height: 1.6;
    }

}

/* portfolio css
============================== */

.portfolio-categories-section {
    padding: 100px 0;
    background: #fff;
}

.portfolio-title {
    font-size: 45px;
    font-weight: 700;
    color: #111;
    line-height: 1.2;
    margin-bottom: 20px;
}

.portfolio-desc {
    max-width: 750px;
    margin: auto;
    color: #666;
    font-size: 18px;
    line-height: 1.8;
}

.portfolio-category-card {
    background: #fff;
    border: 1px solid #f9cb25;
    border-radius: 24px;
    padding: 40px;
    height: 100%;
    transition: .4s;
    position: relative;
    overflow: hidden;
}

.portfolio-category-card:hover {
    transform: translateY(-10px);
    border-color: #ea9c25;
    box-shadow: 0 3px 18px rgb(247, 195, 6);
}

.portfolio-icon {
    width: 65px;
    height: 65px;
    border-radius: 18px;
    background: #ffe986;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.portfolio-icon i {
    font-size: 25px;
    color: #ea9c25;
}

.portfolio-category-card h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 9px;
    color: #ea9c25;
}

.portfolio-category-card ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.portfolio-category-card ul li {
    padding: 12px 0;
    border-bottom: 1px solid #f1f1f1;
    color: #555;
    font-size: 16px;
}

.portfolio-subtitle {
    color: #afacac;
    font-size: 18px;
    max-width: 920px;
    margin: 0 auto;
}

.portfolio-category-card ul li:last-child {
    border-bottom: none;
}

@media(max-width:991px) {

    .portfolio-title {
        font-size: 40px;
    }

    .portfolio-category-card {
        padding: 30px;
    }

}

@media(max-width:767px) {

    .portfolio-title {
        font-size: 32px;
    }

    .portfolio-desc {
        font-size: 16px;
    }

}

/* featured work */

.featured-work-section {
    background: #0d1117;
    padding: 110px 0;
}

.featured-title {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
}

.featured-desc {
    color: #bdbdbd;
    font-size: 16px;
    line-height: 1.8;
    border-left: 2px solid #ea9c25;
    padding-left: 10px;
}

.featured-project-card {
    background: #131a22;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 24px;
    overflow: hidden;
    height: 100%;
    transition: .4s;
}

.featured-project-card:hover {
    transform: translateY(-10px);
    border-color: #ffc400;
}

.project-image {
    height: 280px;
    overflow: hidden;
}

.project-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .6s;
}

.featured-project-card:hover img {
    transform: scale(1.08);
}

.project-content {
    padding: 30px;
}

.project-category {
    display: inline-block;
    color: #ffc400;
    font-size: 14px;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.project-content h3 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 15px;
}

.project-content p {
    color: #cfcfcf;
    line-height: 1.8;
    margin-bottom: 20px;
}

.project-results {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.project-results span {
    background: rgba(255, 196, 0, .1);
    color: #ffc400;
    padding: 10px 15px;
    border-radius: 30px;
    font-size: 14px;
}

@media(max-width:991px) {

    .featured-title {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .project-image {
        height: 220px;
    }

}

@media(max-width:767px) {

    .featured-title {
        font-size: 32px;
    }

}

/* work-tab */

.work-tabs-section {
    padding: 120px 0;
    background: #fff;
}

.work-title {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 20px;
}

.work-tabs {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-bottom: 60px;
}

.work-tab {
    border: none;
    padding: 14px 30px;
    border-radius: 50px;
    background: #f3f3f3;
    font-weight: 600;
    transition: .4s;
}

.work-tab.active {
    background: #000;
    color: #fff;
}

.tab-content1 {
    display: none;
}

.tab-content1.active {
    display: block;
}

.work-image {
    border-radius: 25px;
    width: 100%;
}

.work-content span {
    color: #ffc400;
    font-weight: 600;
    letter-spacing: 1px;
}

.work-content h3 {
    font-size: 42px;
    margin: 15px 0;
}

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

.work-content ul {
    margin-top: 25px;
    padding: 0;
    list-style: none;
}

.work-content ul li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px;
}

.work-content ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #ffc400;
}

/* /morquee */

.portfolio-marquee-section {
    background: #0b0b0b;
    padding: 120px 0;
    overflow: hidden;
}

.portfolio-heading {
    margin-bottom: 70px;
}

.portfolio-heading h2 {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
}

.marquee-wrapper {
    overflow: hidden;
}

.marquee-track {
    display: flex;
    width: max-content;
    gap: 30px;
    animation: portfolioScroll 35s linear infinite;
}

.marquee-wrapper:hover .marquee-track {
    animation-play-state: paused;
}

.marquee-item {
    width: 420px;
    height: 520px;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    flex-shrink: 0;
}

.marquee-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .6s;
}

.marquee-item:hover img {
    transform: scale(1.1);
}

.marquee-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    background: linear-gradient(transparent,
            rgba(0, 0, 0, .9));
}

.marquee-overlay span {
    color: #ffc400;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.marquee-overlay h4 {
    color: #fff;
    margin-top: 10px;
    font-size: 24px;
}

@keyframes portfolioScroll {

    from {
        transform: translateX(0);
    }

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

}

@media(max-width:768px) {

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

    .marquee-item {
        width: 300px;
        height: 400px;
    }

}

/*==============================
 Portfolio Showcase
==============================*/

.portfolio-showcase {
    padding: 120px 0;
    background: #fff;
    overflow: hidden;
}

.portfolio-title {
    font-size: 45px;
    line-height: 1.1;
    font-weight: 700;
    color: #111;
    margin-top: 15px;
}

.portfolio-top-text {
    color: #666;
    font-size: 16px;
    line-height: 30px;
    padding-left: 40px;
    border-left: 2px solid #ea9c25;
}

/*==============================
 Left Menu
==============================*/

.portfolio-menu {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.portfolio-menu-item {
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 22px;
    border: 1px solid #ececec;
    border-radius: 18px;
    cursor: pointer;
    transition: .4s;
    background: #fff;
}

.portfolio-menu-item span {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 700;
    color: #999;
    transition: .4s;
}

.portfolio-menu-item h4 {
    font-size: 22px;
    font-weight: 700;
    color: #111;
    margin-bottom: 5px;
}

.portfolio-menu-item small {
    color: #888;
    font-size: 15px;
}

.portfolio-menu-item:hover {
    transform: translateX(12px);
    border-color: #FFC107;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
}

.portfolio-menu-item.active {
    background: #111;
    color: #fff;
    border-color: #111;
}

.portfolio-menu-item.active h4,
.portfolio-menu-item.active small {
    color: #fff;
}

.portfolio-menu-item.active span {
    background: #FFC107;
    color: #111;
}

/*==============================
 Right Preview
==============================*/

.portfolio-preview {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    height: 700px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .15);
}

.portfolio-preview img {
    width: 100%;
    transition: .8s;
}

.portfolio-preview:hover img {
    transform: scale(1.08);
}

/*==============================
 Overlay
==============================*/

.portfolio-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, #ffffff, transparent);
    backdrop-filter: blur(18px);
    border-radius: 22px;
    padding: 35px;
}

.portfolio-tag {
    display: inline-block;
    background: #FFC107;
    color: #111;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 30px;
    margin-bottom: 18px;
}

.portfolio-overlay h3 {
    font-size: 36px;
    color: #111;
    font-weight: 700;
    margin-bottom: 15px;
}

.portfolio-overlay p {
    color: #666;
    line-height: 30px;
    margin-bottom: 25px;
}

.portfolio-tech {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    font-weight: 600;
    color: #111;
}

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

@media(max-width:991px) {

    .portfolio-title {
        font-size: 42px;
    }

    .portfolio-top-text {
        padding-left: 0;
        margin-top: 20px;
    }

    .portfolio-preview {
        height: 500px;
    }

    .portfolio-overlay {
        left: 20px;
        right: 20px;
        bottom: 20px;
        padding: 25px;
    }

    .portfolio-overlay h3 {
        font-size: 28px;
    }

}

@media(max-width:767px) {

    .portfolio-showcase {
        padding: 80px 0;
    }

    .portfolio-title {
        font-size: 34px;
    }

.portfolio-preview {
	height: 100%;
}
.hero-section {
	height: 100%;
	padding-bottom: 60px;
}

    .portfolio-menu-item {
        padding: 18px;
    }

    .portfolio-menu-item h4 {
        font-size: 18px;
    }

    .portfolio-menu-item span {
        width: 55px;
        height: 55px;
        font-size: 18px;
    }

    .portfolio-overlay {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 0;
    }

}

/* web3 page css
========================== */

.web3-ecosystem-section {
    padding: 120px 0;
    background: #fff;
    overflow: hidden;
}

.web3-eco-title {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.1;
    margin: 20px 0;
}

.web3-eco-desc {

    max-width: 820px;
    margin: auto;
    color: #666;
    line-height: 31px;
    font-size: 17px;

}

.eco-feature {

    text-align: center;
    transition: .4s;

}

.eco-icon {

    width: 90px;
    height: 90px;

    margin: auto;

    border-radius: 50%;

    background: #111;

    color: #ffc400;

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

    font-size: 34px;

    transition: .45s;

}

.eco-feature h4 {

    margin: 25px 0 15px;
    font-size: 26px;
    font-weight: 700;

}

.eco-feature p {

    color: #666;
    line-height: 29px;

}

.eco-feature:hover .eco-icon {

    transform: rotate(15deg) scale(1.1);

    background: #ffc400;
    color: #111;

}

.web3-center-circle {

    width: 270px;
    height: 270px;

    margin: auto;

    border-radius: 50%;

    position: relative;

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

}

.center-logo {

    width: 150px;
    height: 150px;

    background: none;

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

    position: relative;
    z-index: 5;

}

.center-logo img {

    width: 100%;
    animation: web3Float 5s ease-in-out infinite;

}

@keyframes web3Float {

    0% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-15px);

    }

    100% {

        transform: translateY(0);

    }

}

.pulse-ring {

    position: absolute;

    width: 220px;
    height: 220px;

    border: 2px dashed #ffc400;

    border-radius: 50%;

    animation: rotateRing 14s linear infinite;

}

.ring2 {

    width: 270px;
    height: 270px;

    animation-direction: reverse;
    opacity: .35;

}

@keyframes rotateRing {

    from {

        transform: rotate(0deg);

    }

    to {

        transform: rotate(360deg);

    }

}

@media(max-width:991px) {

    .web3-eco-title {

        font-size: 40px;

    }

    .web3-center-circle {

        margin: 60px auto;

    }

    .eco-feature {

        margin-bottom: 40px;

    }

}

@media(max-width:576px) {

    .web3-eco-title {

        font-size: 32px;

    }

    .web3-center-circle {

        width: 220px;
        height: 220px;

    }

    .center-logo {

        width: 90px;
        height: 90px;

        font-size: 34px;

    }

    .pulse-ring {

        width: 170px;
        height: 170px;

    }

    .ring2 {

        width: 220px;
        height: 220px;

    }

}

/*==============================
WEB3 BENTO SECTION
==============================*/

.web3-bento-section {
    padding: 120px 0;
    background: #fbe7c761;
    position: relative;
    overflow: hidden;
}

.bento-title {
    font-size: 45px;
    line-height: 1.1;
    font-weight: 700;
    color: #232020;
}

.bento-desc {
    color: #9a9898;
    line-height: 30px;
    font-size: 16px;
    border-left: 2px solid #ea9c25;
    padding-left: 20px;
}

/*================ GRID ================*/

.bento-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-auto-rows: 290px;

    gap: 22px;

    margin-top: 70px;

}

.bento-item {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    cursor: pointer;
    background: #111;
    box-shadow: 0 3px 16px #241f1730;
}

.bento-item.large {

    grid-column: span 2;
    grid-row: span 2;

}

.bento-item.wide {

    grid-column: span 2;

}

/* IMAGE */

.bento-item img {

    width: 100%;
    height: 100%;
    object-fit: cover;

    transition: 1s;

}

/* OVERLAY */

.bento-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgb(0 0 0 / 25%), rgb(0 0 0 / 0%));
    padding: 35px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: .5s;
}

.bento-overlay span {

    color: #ffc400;

    font-size: 14px;

    letter-spacing: 3px;

    margin-bottom: 14px;

    font-weight: 700;

}

.bento-overlay h3 {

    color: #000;

    font-size: 30px;

    margin-bottom: 14px;

    transform: translateY(35px);

    transition: .5s;

}

.bento-item:not(.large) .bento-overlay h3 {

    font-size: 24px;

}

.bento-overlay p {

    color: #ddd;

    line-height: 28px;

    display: none;
    transform: translateY(35px);

    transition: .5s;

}

/* HOVER */

.bento-item:hover img {

    transform: scale(1.12);

}

.bento-item:hover .bento-overlay {

    background: linear-gradient(to top,
            rgba(0, 0, 0, .97),
            rgba(255, 196, 0, .15));

}

.bento-item:hover h3 {
    color: #ea9c25;
    transform: translateY(0);

}

.bento-item:hover p {

    display: block;
    transition: .3s;
    transform: translateY(0);

}

/* Yellow Line */

.bento-overlay::after {

    content: "";

    position: absolute;

    left: 35px;

    bottom: 25px;

    width: 0;

    height: 3px;

    background: #ffc400;

    transition: .5s;

}

.bento-item:hover .bento-overlay::after {

    width: 90px;

}

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

@media (max-width:991px) {

    .web3-bento-section {
        padding: 80px 0;
    }

    .bento-grid {

        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 240px;
        gap: 18px;

    }

    .bento-item.large {

        grid-column: span 2;
        grid-row: span 1;

    }

    .bento-item.wide {

        grid-column: span 2;

    }

    .bento-title {

        font-size: 42px;

    }

    .bento-overlay {

        padding: 25px;

    }

    .bento-overlay h3 {

        font-size: 24px !important;

    }


}

@media (max-width:767px) {

    .web3-bento-section {

        padding: 70px 0;

    }

    .bento-grid {

        display: flex;
        flex-direction: column;
        gap: 18px;

    }

    .bento-item,
    .bento-item.large,
    .bento-item.wide {

        width: 100%;
        height: 260px;

    }

    .bento-title {

        font-size: 30px;

    }

    .bento-desc {

        margin-top: 15px;
        text-align: left;

    }

    .bento-overlay {

        padding: 22px;

    }

    .bento-overlay h3 {

        font-size: 21px !important;
        transform: none;

    }

    .bento-overlay p {

        opacity: 1;
        transform: none;
        font-size: 14px;
        line-height: 22px;

    }

}

@media (max-width:480px) {

    .bento-item {

        height: 220px;

    }

    .bento-overlay {

        padding: 18px;

    }

    .bento-overlay h3 {

        font-size: 18px !important;

    }

    .bento-overlay p {

        display: none;

    }

}

.web3-services-section {
    background: #fff;
    padding: 120px 0;
}

.web3-left-sticky {
    position: sticky;
    top: 120px;
}

.web3-left-sticky h2 {
    font-size: 45px;
    line-height: 1.1;
    font-weight: 700;
    margin: 20px 0;
}

.web3-left-sticky p {
    color: #666;
    line-height: 30px;
}

.web3-service-list {
    display: flex;
    flex-direction: column;
}

.web3-service-item {

    display: flex;
    align-items: center;
    gap: 35px;

    padding: 35px 15px;

    border-bottom: 1px solid #ececec;

    transition: .4s;

    position: relative;

}

.web3-service-item::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    background: #ffc400;

    transition: .45s;

}

.web3-service-item:hover::before {

    width: 6px;

}

.service-number {

    font-size: 50px;

    font-weight: 700;

    color: #d6d6d6;

    min-width: 70px;

    transition: .4s;

}

.service-content {

    flex: 1;

}

.service-content h3 {

    font-size: 28px;

    margin-bottom: 12px;

    transition: .3s;

}

.service-content p {

    color: #666;

    line-height: 30px;

    margin: 0;

}

.service-icon {

    width: 75px;

    height: 75px;

    border-radius: 50%;

    background: #f5f5f5;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 28px;

    transition: .4s;

}

.web3-service-item:hover {

    padding-left: 30px;

    background: #fafafa;

}

.web3-service-item:hover .service-number {

    color: #111;

}

.web3-service-item:hover .service-content h3 {

    color: #ffc400;

}

.web3-service-item:hover .service-icon {

    background: #111;

    color: #ffc400;

    transform: rotate(12deg) scale(1.08);

}

@media(max-width:991px) {

    .web3-left-sticky {

        position: relative;

        top: 0;

        margin-bottom: 60px;

    }

    .web3-left-sticky h2 {

        font-size: 40px;

    }

    .web3-service-item {

        gap: 20px;

    }

    .service-number {

        font-size: 34px;

        min-width: 45px;

    }

    .service-content h3 {

        font-size: 22px;

    }

    .service-icon {

        width: 60px;

        height: 60px;

        font-size: 22px;

    }

}

@media(max-width:767px) {

    .web3-service-item {

        flex-direction: column;

        align-items: flex-start;

        padding: 28px 0;

    }

    .service-icon {

        margin-top: 15px;

    }

}

/*==========================
WEB3 JOURNEY SECTION
==========================*/

.web3-journey-section {
    padding: 120px 0;
    background: #0b0b0b;
    position: relative;
    overflow: hidden;
}

/* Background Glow */

.web3-journey-section::before {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    left: -250px;
    top: -250px;
    background: radial-gradient(circle,
            rgba(255, 196, 0, .08),
            transparent 70%);
}

.web3-journey-section::after {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    right: -250px;
    bottom: -250px;
    background: radial-gradient(circle,
            rgba(255, 196, 0, .06),
            transparent 70%);
}

/*====================*/

.journey-title {
    font-size: 45px;
    color: #fff;
    font-weight: 700;
    line-height: 1.1;
    margin: 20px 0;
}

.journey-desc {

    max-width: 850px;
    margin: auto;
    color: #bdbdbd;
    line-height: 30px;

}

/*====================*/

.journey-wrapper {

    margin-top: 90px;
    position: relative;

}

/* Center Line */

.journey-wrapper::before {

    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    transform: translateX(-50%);
    background: linear-gradient(#ffc400,
            rgba(255, 196, 0, .15),
            #ffc400);

}

/*====================*/

.journey-box {

    width: 46%;
    position: relative;
    margin-bottom: 70px;

}

.journey-box.left {

    margin-right: auto;

}

.journey-box.right {

    margin-left: auto;

}

.journey-content {

    background: #151515;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 18px;
    padding: 35px;
    transition: .45s;

}

.journey-content h4 {

    color: #fff;
    font-size: 26px;
    margin-bottom: 15px;

}

.journey-content p {

    color: #bdbdbd;
    line-height: 28px;

}

/* Number */

.journey-number {

    position: absolute;
    top: 35px;
    width: 65px;
    height: 65px;
    background: #ffc400;
    color: #111;
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;

}

.left .journey-number {
    right: -86px;
}

.right .journey-number {

    left: -82px;

}

/* Yellow Dot */

.journey-number::after {

    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);

}

.left .journey-number::after {

    right: -36px;

}

.right .journey-number::after {

    left: -36px;

}

/* Hover */

.journey-content:hover {

    transform: translateY(-8px);
    border-color: #ffc400;
    box-shadow: 0 20px 60px rgba(255, 196, 0, .12);

}

.journey-content:hover h4 {

    color: #ffc400;

}

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

@media(max-width:991px) {

    .journey-wrapper::before {

        left: 30px;

    }

    .journey-box,
    .journey-box.left,
    .journey-box.right {

        width: 100%;
        margin-left: 0;
        padding-left: 90px;

    }

    .journey-number {

        left: 0 !important;
        right: auto !important;

    }

    .journey-number::after {

        display: none;

    }

    .journey-title {

        font-size: 42px;

    }

}

@media(max-width:576px) {

    .web3-journey-section {

        padding: 80px 0;

    }

    .journey-title {

        font-size: 32px;

    }

    .journey-content {

        padding: 25px;

    }

    .journey-content h4 {

        font-size: 22px;

    }

    .journey-number {

        width: 55px;
        height: 55px;
        font-size: 15px;

    }

}

.main-submenu {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 20px;
}

/* digimarketing page
================================ */
.dm-hero {
    background: repeating-linear-gradient(45deg, #0d0700, #000000d6 29px);
    color: #fff;
    overflow: hidden;
    padding: 120px 0;
}

.dm-tag {
    color: #ea9c25;
    letter-spacing: 2.2px;
}

.dm-title {
    font-size: 52px;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 15px;
}

.dm-desc {
    font-size: 18px;
    color: #b9c0d0;
    margin: 25px 0;
}

.dm-btn {
    display: inline-block;
    padding: 14px 32px;
    background: #fff;
    color: #000;
    text-decoration: none;
    border-radius: 50px;
    transition: .3s;
}

.dm-btn:hover {
    color: #000;
    background-color: #ea9c25;
    transform: translateY(-5px);
}

.dm-image img {
    animation: rotateFloat 40s linear infinite;
}

.dm-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes rotateFloat {
    0% {
        transform: rotate(0deg) translateY(0px);
    }

    50% {
        transform: rotate(180deg) translateY(-12px);
    }

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


/* servise-showcase */
.service-showcase {
    padding: 140px 0;
    background: #fff;
    color: #000;
    overflow: hidden;
}

.showcase-image-wrap {
    position: relative;
}

.showcase-image {
    border-radius: 30px;
    width: 100%;
}

.floating-card {
    position: absolute;
    background: #fff;
    color: #111;
    padding: 20px;
    border-radius: 18px;
    min-width: 180px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .3);
}

.floating-card span {
    display: block;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
}

.floating-card small {
    display: block;
    margin-top: 8px;
    font-size: 14px;
}

.card-1 {
    top: 30px;
    right: -40px;
}

.card-2 {
    bottom: 30px;
    left: -40px;
}

.service-number {
    font-size: 100px;
    font-weight: 800;
    line-height: 1;
    color: rgb(234 156 37 / 48%);
}

.service-heading {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.1;
    margin-top: -40px;
}

.service-desc {
    font-size: 18px;
    color: #b8b8b8;
    margin: 25px 0;
}

.service-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 35px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}

.feature-item i {
    color: #ea9c25;
}

.counter-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    margin: 0 0 10px;
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
    color: #ea9c25;
}

.counter-heading .smm-counter {
    font-size: inherit;
    font-weight: inherit;
    line-height: 1;
}

.service-btn {
    display: inline-block;
    margin-top: 40px;
    padding: 15px 35px;
    color: #ea9c25;
    text-decoration: none;
    border-radius: 60px;
    font-weight: 700;
    border: 1px solid #ea9c25;
    transition: .3s all;
}

.service-btn:hover {
    background-color: #ea9c25;
    color: #000;
    transform: translateY(-5px);
}

/* smm process section */

.smm-process-section {
    background: #0b0b0b;
    position: relative;
    overflow: hidden;
    padding: 90px 0;
}

.process-tag {
    color: #ff6b00;
    font-weight: 700;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 15px;
}

.process-title {
    font-size: 45px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}

.process-desc {
    color: #bdbdbd;
    max-width: 750px;
    margin: auto;
}

.process-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
    flex-wrap: wrap;
}

.process-step {
    width: 260px;
    border: 1px solid rgb(255 255 255 / 28%);
    padding: 40px 30px;
    border-radius: 25px;
    text-align: center;
    transition: .4s;
}

.process-step:hover {
    transform: translateY(-12px);
    border-color: #ea9c25;
}

.process-number {
    width: 80px;
    height: 80px;
    margin: auto;
    border-radius: 50%;
    background: linear-gradient(135deg, #ea9c25, #ff6c00);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 25px;
}

.process-step h4 {
    color: #fff;
    margin-bottom: 15px;
}

.process-step p {
    color: #bdbdbd;
    margin: 0;
}

.process-line {
    width: 80px;
    height: 2px;
    background: linear-gradient(to right, #ea9c25, transparent);
}

@media(max-width:767px) {
    .dm-title {
        font-size: 35px;
    }

    .dm-desc {
        font-size: 16px;
        margin: 5px 0;
    }

    .dm-image {
        margin-top: 55px;
    }

    .card-1 {
        right: -20px;
    }

    .card-2 {
        left: -20px;
    }

    .ads-title {
        font-size: 35px;
    }
}


@media(max-width:991px) {

    .process-wrapper {
        flex-direction: column;
        gap: 25px;
    }

    .process-line {
        width: 2px;
        height: 60px;
        background: linear-gradient(to bottom, #ff6b00, transparent);
    }

    .process-title {
        font-size: 40px;
    }

}




/* ai paid marketing */

.smm-growth-services {
    background: #fff;
    padding: 90px 0;
}

.growth-service-card {
    background: #fff;
    border: 1px solid #ea9c25;
    padding: 35px;
    height: 100%;
    border-radius: 24px;
    transition: .4s;
    position: relative;
    overflow: hidden;
}

.growth-service-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 4px;
    background: #ea9c25;
    transition: .4s;
}

.growth-service-card:hover::before {
    width: 100%;
}

.growth-service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 18px rgb(234 156 37 / 48%);
}

.section-desc {
    border-left: 2px solid #ea9c25;
    padding-left: 20px;
    font-size: 18px;
    color: #777;
}

.growth-icon {
    width: 75px;
    height: 75px;
    border-radius: 18px;
    background: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.growth-icon i {
    font-size: 30px;
    color: #ea9c25;
}

.growth-service-card h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.growth-service-card p {
    color: #666;
    line-height: 1.8;
    margin: 0;
}

/* ======== seo growth========== */

.seo-growth-section {
    padding: 120px 0;
    background: #f8f8f8;
}

.growth-points {
    margin-top: 50px;
}

.growth-item {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 25px;
}

.growth-item span {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #ea9c25;
    color: #0d0c0c;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.growth-item h5 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
}

.seo-growth-box {
    height: 500px;
    background: #000;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}

.growth-line {
    position: absolute;
    width: 100%;
    height: 4px;
    background: #fff;
    left: 60px;
    bottom: 80px;
    transform: rotate(326deg);
    transform-origin: left bottom;
}

.growth-dot {
    width: 20px;
    height: 20px;
    background: #ea9c25;
    border-radius: 50%;
    position: absolute;
}

.dot-1 {
    left: 60px;
    bottom: 80px;
}

.dot-2 {
    left: 180px;
    bottom: 162px;
}

.dot-3 {
    left: 320px;
    bottom: 255px;
}

.dot-4 {
    right: 80px;
    top: 80px;
}

.dot-5 {
    right: 183px;
    top: 149px;
}

.growth-label {
    position: absolute;
    color: #ea9c25;
    font-weight: 600;
}

.label-1 {
    left: 30px;
    bottom: 35px;
}

.label-2 {
    left: 150px;
    bottom: 130px;
}

.label-3 {
    left: 300px;
    bottom: 220px;
}

.label-4 {
    right: 40px;
    top: 40px;
}

.label-5 {
    right: 155px;
    top: 180px;
}

/* ads dashboeard section */

.ads-dashboard-section {
    background: #000;
    padding: 120px 0;
    color: #fff;
}

.light-tag {
    color: #fff;
}

.ads-title {
    font-size: 60px;
    line-height: 1.1;
    font-weight: 700;
    margin: 25px 0;
}

.ads-desc {
    color: #bfbfbf;
    line-height: 1.9;
    margin-bottom: 35px;
}

.ads-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ads-features i {
    color: #ea9c25;
    border: 1px solid #ea9c25;
    padding: 8px;
    border-radius: 8px;
    margin: 10px;
}



.ads-dashboard {
    background: #111;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 30px;
    padding: 40px;
}

.dashboard-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

.dashboard-stat h3 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #ea9c25;
}

.dashboard-stat span {
    color: #999;
}

.chart-area {
    height: 260px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.chart-bar {
    width: 48px;
    border-radius: 15px 15px 0 0;
    background: #ea9c25;
    animation: adsFloat 3s ease-in-out infinite;
}

.bar-1 {
    height: 80px;
}

.bar-2 {
    height: 120px;
}

.bar-3 {
    height: 170px;
}

.bar-4 {
    height: 210px;
}

.bar-5 {
    height: 180px;
}

.bar-6 {
    height: 240px;
}

.dashboard-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    border-top: 1px solid rgba(255, 255, 255, .08);
    padding-top: 30px;
}

.dashboard-bottom p {
    color: #999;
    margin-top: 5px;
}

@keyframes adsFloat {

    0% {
        transform: scaleY(.9);
    }

    50% {
        transform: scaleY(1);
    }

    100% {
        transform: scaleY(.9);
    }

}

/* why teamdigi tdm-scale */

.tdm-scale-section {
    padding: 120px 0;
    background: #fff;
}

.scale-title {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.1;
    margin: 25px 0;

}

.scale-title-wrap {
    position: sticky;
    top: 120px;
}

.scale-desc {
    color: #666;
    line-height: 1.9;
}

.scale-roadmap {
    position: relative;
    padding-left: 40px;
}

.scale-roadmap::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 0;
    width: 2px;
    height: 100%;
    background: #ea9c25;
}

.scale-step {
    display: flex;
    gap: 30px;
    margin-bottom: 60px;
    position: relative;
}

.scale-step span {
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ea9c25;
    color: #121111;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    z-index: 2;
}

.scale-step h4 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}

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

/* branding & content page
========================================== */

.brand-ecosystem-section {
    background: #fff;
    padding: 80px 0;
}

.brand-eco-tag {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
}

.brand-eco-title {
    font-size: 45px;
    font-weight: 700;
    max-width: 970px;
    margin: 20px auto 0;
}

.brand-ecosystem {
    position: relative;
    width: 900px;
    height: 900px;
    margin: 80px auto 0;
}

.center-core {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: #000;
    color: #ea9c25;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.orbit {
    position: absolute;
    border-radius: 50%;
    border: 2px dashed rgb(234 156 37);
}

.orbit-1 {
    width: 320px;
    height: 320px;
    animation: orbitRotate 20s linear infinite;
}

.orbit-2 {
    width: 420px;
    height: 420px;
    animation: orbitRotateReverse 30s linear infinite;
}

.orbit::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: #ea9c25;
    border-radius: 50%;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
}

.orbit::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #ea9c25;
    border-radius: 50%;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}

.center-core i {
    font-size: 60px;
    margin-bottom: 15px;
}

.eco-item {
    position: absolute;
    width: 245px;
    text-align: center;
}

.eco-item i {
    font-size: 40px;
    margin-bottom: 15px;
    color: #ea9c25;
}

.eco-item h5 {
    font-size: 24px;
    font-weight: 800;
}

.eco-item p {
    color: #666;
    line-height: 1.8;
}

/* positions */

.eco-top {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.eco-top-right {
    top: 18%;
    right: 0;
}

.eco-bottom-right {
    bottom: 18%;
    right: 0;
}

.eco-bottom {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.eco-bottom-left {
    bottom: 18%;
    left: 0;
}

.eco-top-left {
    top: 18%;
    left: 0;
}

@keyframes orbitRotate {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}

@keyframes orbitRotateReverse {

    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }

}


/* brand empact */
.brand-impact-section {
    padding: 140px 0;
    background: #fff;
}

.impact-number {
    font-size: 260px;
    font-weight: 900;
    line-height: 1;
    color: #f5f5f5;
    -webkit-text-stroke: 2px #ea9c25;
    border: 1px solid #ea9c25;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 35px;
    box-shadow: 0 2px 20px 1px #ea9c25ba;
    border-radius: 20px;
}

.impact-tag {
    color: #ea9c25;
    font-weight: 700;
    letter-spacing: 3px;
    display: block;
    margin-bottom: 20px;
}

.impact-title {
    font-size: 45px;
    font-weight: 900;
    line-height: 1.05;
    color: #000;
    margin-bottom: 25px;
}

.impact-desc {
    font-size: 18px;
    line-height: 1.9;
    color: #666;
}

.impact-line {
    width: 120px;
    height: 4px;
    background: #ea9c25;
    margin: 35px 0;
}

.impact-points {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.impact-points span {
    border: 1px solid #ddd;
    padding: 12px 22px;
    border-radius: 50px;
    font-weight: 600;
    transition: .3s;
}

.impact-points span:hover {
    background: #ea9c25;
    border-color: #ea9c25;
    color: #fff;
}

/* ========= */


.brand-strategy-section {
    padding: 120px 0;
    background: #0b0b0b;
    color: #fff;
    overflow: hidden;
}

.brand-title {
    font-size: 45px;
    font-weight: 800;
    line-height: 1.1;
    margin: 20px 0;
}

.brand-desc {
    color: #bdbdbd;
    font-size: 18px;
    line-height: 1.9;
}

.brand-framework {
    position: relative;
    padding-left: 80px;
}

.framework-line {
    position: absolute;
    left: 28px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: rgb(234 156 37 / 67%);
}

.framework-step {
    display: flex;
    gap: 25px;
    margin-bottom: 50px;
    position: relative;
}

.framework-step span {
    width: 56px;
    height: 56px;
    min-width: 56px;
    border-radius: 50%;
    background: #ea9c25;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    position: relative;
    z-index: 2;
}

.framework-step h4 {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 700;
}

.framework-step p {
    color: #bdbdbd;
    margin: 0;
    line-height: 1.8;
}

@media(max-width:991px) {

    .brand-title {
        font-size: 40px;
    }

    .brand-framework {
        padding-left: 0;
    }

    .framework-line {
        display: none;
    }
}

/* ============ */
.brand-reveal-section {
    background: #fff;
    padding: 100px 0;
    overflow: hidden;
}

.brand-reveal-text {
    text-align: center;
}

.brand-reveal-text h2 {
    font-size: 180px;
    font-weight: 900;
    line-height: .9;
    letter-spacing: -8px;
    color: #000;
}

.reveal-image {
    width: 700px;
    height: 380px;
    margin: -40px auto;
    overflow: hidden;
    border-radius: 30px;
}

.reveal-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 1s;
}

.reveal-image:hover img {
    transform: scale(1.15);
}

.reveal-image img {
    filter: grayscale(100%);
}

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

.brand-reveal-text h2:last-child {
    color: #ea9c25;
}

/* lead & growth services
=================================== */
.growth-metrics-section {
    padding: 120px 0;
    background: #fff;
}

.growth-metrics-tag {
    color: #ea9c25;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

.growth-metrics-title {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 20px;
}

.growth-metrics-desc {
    color: #666;
    font-size: 18px;
    border-left: 4px solid #ea9c25;
    padding-left: 15px;
}

.metrics-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 60px;
}

.metric-box {
    padding: 45px;
    border: 1px solid #eee;
    border-radius: 30px;
    transition: .4s;
    position: relative;
    overflow: hidden;
}

.metric-box:hover {
    transform: translateY(-10px);
    border-color: #ea9c25;
}

.metric-box.active {
    background: #000;
    color: #fff;
}

.metric-box h3 {
    display: inline-block;
    font-size: 70px;
    font-weight: 800;
    margin: 0;
}

.metric-box span {
    font-size: 30px;
    font-weight: 700;
    color: #ea9c25;
}

.metric-box p {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
}

@media(max-width:768px) {

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

    .growth-metrics-title {
        font-size: 40px;
    }

}

/* =============== */

.campaign-roadmap {
    padding: 120px 0;
    background: #000;
    overflow: hidden;
}

.campaign-heading {
    max-width: 1000px;
    margin: 0 auto 25px;
}

.campaign-tag {
    display: inline-block;
    color: #ea9c25;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.campaign-title {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 25px;
}

.campaign-desc {
    color: #bdbdbd;
    font-size: 18px;
    line-height: 1.8;
    max-width: 750px;
    margin: auto;
}



.campaign-flow {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    gap: 20px;
}

.campaign-node {
    text-align: center;
    width: 250px;
    position: relative;
}

.campaign-icon {
    width: 110px;
    height: 110px;
    margin: auto;
    border: 1px solid rgba(234, 156, 37, .4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    color: #ea9c25;
    position: relative;
}

.campaign-icon::before {
    content: '';
    position: absolute;
    inset: -12px;
    border: 1px dashed rgba(234, 156, 37, .3);
    border-radius: 50%;
    animation: rotateCircle 18s linear infinite;
}

.campaign-node h4 {
    color: #fff;
    margin-top: 25px;
    font-weight: 700;
}

.campaign-node p {
    color: #999;
    font-size: 15px;
}

.flow-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(to right,
            #ea9c25,
            rgba(234, 156, 37, .15));
    position: relative;
    top: -55px;
}

@keyframes rotateCircle {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media(max-width:991px) {

    .campaign-flow {
        flex-direction: column;
    }

    .flow-line {
        width: 2px;
        height: 60px;
        top: 0;
    }

    .campaign-title {
        font-size: 42px;
    }

}

/* ===================== */
.local-growth-section {
    padding: 120px 0;
    background: #fff;
}

.local-growth-heading {
    max-width: 850px;
    margin: auto;
}

.local-tag {
    color: #ea9c25;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

.local-title {
    font-size: 45px;
    font-weight: 800;
    line-height: 1.1;
    margin: 20px 0;
    color: #000;
}

.local-desc {
    color: #666;
    font-size: 18px;
    line-height: 1.8;
}

.local-map-wrapper {
    position: relative;
    height: 650px;
    margin-top: 90px;
}

.business-center {
    position: absolute;
    top: 43%;
    left: 43%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.business-circle {
    width: 140px;
    height: 140px;
    background: #ea9c25;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    color: #fff;
    margin: auto;
    box-shadow: 0 0 50px rgba(234, 156, 37, .35);
}

.business-center h4 {
    margin-top: 20px;
    font-weight: 700;
}

.location-pin {
    position: absolute;
    text-align: center;
}

.location-pin i {
    font-size: 42px;
    color: #ea9c25;
    display: block;
    margin-bottom: 10px;
    animation: pinFloat 3s ease-in-out infinite;
}

.location-pin span {
    font-weight: 600;
}

.pin-1 {
    top: 10%;
    left: 45%;
}

.pin-2 {
    top: 35%;
    left: 10%;
}

.pin-3 {
    top: 35%;
    right: 10%;
}

.pin-4 {
    bottom: 0%;
    left: 25%;
}

.pin-5 {
    bottom: 0;
    right: 25%;
}

@keyframes pinFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-12px);
    }

}

@media(max-width:991px) {

    .local-title {
        font-size: 42px;
    }

    .local-map-wrapper {
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }

    .business-center,
    .location-pin {
        position: static;
        transform: none;
    }

}

/* ====== whatsapp growth =========*/

.whatsapp-growth-section {
    padding: 120px 0;
    background: #000;
}

.wa-chat-box {
    background: #111;
    border: 1px solid rgb(234 156 37 / 29%);
    border-radius: 30px;
    padding: 30px;
}

.wa-header {
    color: #25D366;
    font-weight: 700;
    margin-bottom: 30px;
}

.wa-message {
    max-width: 75%;
    padding: 15px 20px;
    border-radius: 18px;
    margin-bottom: 15px;
}

.wa-message.left {
    background: #1d1d1d;
    color: #fff;
}

.wa-message.right {
    background: #ea9c25;
    color: #000;
    margin-left: auto;
}



.wa-title {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    margin: 20px 0;
}

.wa-desc {
    color: #aaa;
    line-height: 1.8;
    margin-bottom: 35px;
}

.wa-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.wa-feature {
    background: #111;
    color: #fff;
    padding: 25px;
    border-radius: 20px;
    transition: .4s;
    border: 1px solid #ffffff3b;
}

.wa-feature:hover {
    transform: translateY(-8px);
    border: 1px solid #ea9c25;
}

.wa-feature i {
    color: #ea9c25;
    display: block;
    margin-bottom: 15px;
    font-size: 24px;
}


/* email marketing */
.email-marketing-section {
    padding: 120px 0;
    background: #fff;
}

.email-heading {
    max-width: 850px;
    margin: auto;
    margin-bottom: 70px;
}

.email-tag {
    color: #ea9c25;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

.email-title {
    font-size: 45px;
    font-weight: 700;
    color: #000;
    margin: 20px 0;
    line-height: 1.1;
}

.email-desc {
    color: #666;
    font-size: 18px;
    line-height: 1.8;
}

.email-step {
    border: 1px solid #eee;
    border-radius: 30px;
    padding: 50px 40px;
    height: 100%;
    transition: .4s;
    margin-top: 15px;
}

.email-step:hover {
    transform: translateY(-10px);
    border-color: #ea9c25;
}

.email-icon {
    width: 90px;
    height: 90px;
    background: #000;
    color: #ea9c25;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin-bottom: 30px;
}

.email-step h4 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;
}

.email-step p {
    color: #666;
    line-height: 1.8;
}

.email-nav {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
}

.email-prev,
.email-next {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #000;
    color: #ea9c25;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s;
}

.email-prev:hover,
.email-next:hover {
    background: #ea9c25;
    color: #000;
}


/* funnel section */

.funnel-section {
    padding: 120px 0;
    background: #000;
}

.funnel-heading {
    max-width: 850px;
    margin: auto;
    margin-bottom: 80px;
}

.funnel-tag {
    color: #ea9c25;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

.funnel-title {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    margin: 20px 0;
    line-height: 1.1;
}

.funnel-desc {
    color: #aaa;
    font-size: 18px;
    line-height: 1.8;
}

.funnel-wrapper {
    max-width: 850px;
    margin: auto;
}

.funnel-stage {
    margin: auto;
    text-align: center;
    padding: 35px;
    margin-bottom: 20px;
    border-radius: 20px;
    color: #fff;
    transition: .4s;
}

.funnel-stage:hover {
    transform: translateY(-8px);
}

.stage-1 {
    width: 100%;
    background: #ea9c25;
    color: #000;
}

.stage-2 {
    width: 80%;
    background: #1a1a1a;
}

.stage-3 {
    width: 60%;
    background: #222;
}

.stage-4 {
    width: 40%;
    background: #fff;
    color: #000;
}

.funnel-stage h4 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}

.funnel-stage span {
    font-size: 15px;
}


/* landing page mocup */

.landing-promo-section {
    padding: 120px 0;
    background: #fff;
}

.landing-tag {
    color: #ea9c25;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

.landing-title {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.1;
    margin: 20px 0 30px;
    color: #000;
}

.landing-text {
    color: #666;
    line-height: 1.9;
    margin-bottom: 20px;
}

.landing-list {
    list-style: none;
    padding: 0;
    margin-top: 35px;
}

.landing-list li {
    margin-bottom: 15px;
    font-weight: 600;
    color: #000;
}

.landing-list i {
    color: #ea9c25;
    margin-right: 10px;
}

.landing-mockup {
    position: relative;
}

.landing-mockup img {
    border-radius: 30px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .12);
    transition: .4s;
}

.landing-mockup img:hover {
    transform: translateY(-10px);
}

@media(max-width:991px) {

    .landing-title {
        font-size: 40px;
    }

}

/* growth CTA */
.growth-cta-section {
    padding: 140px 0;
    background: #000;
    position: relative;
    overflow: hidden;
}

.growth-cta-section::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    background: #ea9c25;
    filter: blur(180px);
    opacity: .12;
    top: -200px;
    right: -150px;
}

.growth-cta-wrap {
    max-width: 950px;
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

.growth-cta-tag {
    color: #ea9c25;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

.growth-cta-title {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.05;
    margin: 25px 0;
}

.growth-cta-desc {
    color: #b5b5b5;
    font-size: 18px;
    line-height: 1.9;
    max-width: 750px;
    margin: 0 auto 45px;
}

.growth-cta-btns {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.growth-btn-primary {
    background: #ea9c25;
    color: #000;
    padding: 18px 38px;
    border-radius: 60px;
    font-weight: 700;
    text-decoration: none;
    transition: .4s;
}

.growth-btn-primary:hover {
    transform: translateY(-5px);
}

.growth-btn-outline {
    border: 1px solid rgba(255, 255, 255, .2);
    color: #fff;
    padding: 18px 38px;
    border-radius: 60px;
    text-decoration: none;
    transition: .4s;
}

.growth-btn-outline:hover {
    border-color: #ea9c25;
    color: #ea9c25;
}


/* featured-promo-solution
=================================== */
/* ==========================
FEATURED PROMO SOLUTIONS
========================== */

.promo-arsenal-section {
    padding: 120px 0;
    background: #000;
    position: relative;
    overflow: hidden;
}

.promo-arsenal-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: #ea9c25;
    filter: blur(180px);
    opacity: .08;
    top: -250px;
    right: -150px;
}

.promo-arsenal-section::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    background: #ea9c25;
    filter: blur(180px);
    opacity: .05;
    bottom: -200px;
    left: -150px;
}



.promo-card {
    background: linear-gradient(180deg,
            rgba(255, 255, 255, .03),
            rgba(255, 255, 255, .01));
    border: 1px solid rgba(234, 156, 37, .15);
    border-radius: 30px;
    padding: 40px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
}

.promo-card::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    background: #ea9c25;
    border-radius: 50%;
    filter: blur(120px);
    opacity: 0;
    top: -80px;
    right: -80px;
    transition: .4s;
}

.promo-card:hover {
    transform: translateY(-12px);
    border-color: #ea9c25;
}

.promo-card:hover::before {
    opacity: .15;
}

.promo-card i {
    font-size: 60px;
    color: #ea9c25;
    margin-bottom: 25px;
}

.promo-card h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 18px;
}

.promo-card p {
    color: #b8b8b8;
    line-height: 1.9;
    margin-bottom: 0;
}

.promo-card-lg {
    min-height: 100%;
}

.promo-card-lg h3 {
    font-size: 38px;
}

.promo-card-lg p {
    max-width: 90%;
}

@media (max-width: 991px) {

    .promo-arsenal-section {
        padding: 90px 0;
    }

    .section-title {
        font-size: 42px;
    }

    .promo-card {
        padding: 35px;
    }

    .promo-card h3 {
        font-size: 26px;
    }

}

@media (max-width: 575px) {

    .section-title {
        font-size: 32px;
    }

    .promo-card {
        padding: 30px;
        border-radius: 22px;
    }

    .promo-card i {
        font-size: 48px;
    }

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

    .promo-card p {
        font-size: 14px;
        line-height: 1.8;
    }

}

/* ==========================
PROMOTION IMPACT
========================== */

.promo-impact-section {
    padding: 120px 0;
    background: #fff;
}

.promo-impact-image {
    position: relative;
}

.promo-impact-image img {
    border-radius: 30px;
    width: 100%;
    height: 650px;
    object-fit: cover;
}

.impact-badge {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: #000;
    color: #fff;
    padding: 14px 24px;
    border-radius: 50px;
    font-weight: 600;
}

.promo-impact-title {
    font-size: 55px;
    font-weight: 800;
    line-height: 1.15;
    margin: 25px 0;
}

.promo-impact-desc {
    color: #666;
    line-height: 1.9;
    margin-bottom: 35px;
}

.promo-impact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.promo-impact-list li {
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 600;
}

.promo-impact-list i {
    color: #ea9c25;
    margin-right: 12px;
}

/* ==========================
PROMO ADVANTAGE
========================== */

.promo-advantage-section {
    padding: 120px 0;
    background: #faf7f2;
}

.promo-advantage-title {
    font-size: 55px;
    font-weight: 800;
    max-width: 900px;
    margin: 20px auto;
    line-height: 1.15;
}

.promo-advantage-desc {
    max-width: 750px;
    margin: auto;
    color: #666;
    line-height: 1.9;
}

.advantage-card {
    background: #fff;
    padding: 45px;
    border-radius: 30px;
    height: 100%;
    transition: .4s;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .05);
}

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

.move-down {
    margin-top: 60px;
}

.advantage-card i {
    font-size: 55px;
    color: #ea9c25;
    margin-bottom: 25px;
}

.advantage-card h4 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}

.advantage-card p {
    color: #666;
    line-height: 1.9;
    margin: 0;
}

/* ==========================
PROMO SPOTLIGHT
========================== */

.promo-spotlight-section {
    padding: 120px 0;
    background: #000;
}

.promo-spotlight-title {
    color: #fff;
    font-size: 58px;
    font-weight: 800;
    line-height: 1.1;
    margin: 25px 0;
}

.promo-spotlight-desc {
    color: #b5b5b5;
    line-height: 1.9;
    margin-bottom: 35px;
}

.promo-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 28px;
    background: #ea9c25;
    color: #000;
    text-decoration: none;
    border-radius: 60px;
    font-weight: 700;
}

.promo-stack {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.promo-stack-card {
    background: #111;
    border: 1px solid rgba(234, 156, 37, .15);
    border-radius: 24px;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 25px;
    transition: .4s;
}

.promo-stack-card:hover {
    transform: translateX(15px);
    border-color: #ea9c25;
}

.active-card {
    background: linear-gradient(135deg,
            rgba(234, 156, 37, .15),
            rgba(234, 156, 37, .05));
    border-color: #ea9c25;
}

.promo-stack-card i {
    font-size: 42px;
    color: #ea9c25;
    min-width: 50px;
}

.promo-stack-card h4 {
    color: #fff;
    margin-bottom: 8px;
}

.promo-stack-card p {
    color: #aaa;
    margin: 0;
}

/* ==========================
PROMO FAQ
========================== */

.promo-faq-section {
    padding: 120px 0;
    background: #fff;
}

.promo-faq-title {
    font-size: 55px;
    font-weight: 800;
    max-width: 900px;
    margin: 20px auto;
    line-height: 1.15;
}

.promo-faq-desc {
    max-width: 750px;
    margin: auto;
    color: #666;
    line-height: 1.9;
}

.promo-faq .accordion-item {
    border: none;
    background: #faf7f2;
    border-radius: 20px !important;
    overflow: hidden;
    margin-bottom: 20px;
}

.promo-faq .accordion-button {
    background: #faf7f2;
    font-size: 20px;
    font-weight: 700;
    padding: 28px 30px;
    box-shadow: none !important;
}

.promo-faq .accordion-button:not(.collapsed) {
    background: #fff5e5;
    color: #000;
}

.promo-faq .accordion-body {
    padding: 0 30px 30px;
    color: #666;
    line-height: 1.9;
}

.promo-faq .accordion-button::after {
    filter: hue-rotate(20deg);
}

/* social media marketing page
=================================== */
.smm-engine-section {
    padding: 95px 0;
    background: #fff;
}

.smm-engine-title {
    font-size: 45px;
    font-weight: 800;
    line-height: 1.1;
    margin: 25px 0;
}

.smm-engine-desc {
    color: #666;
    line-height: 1.9;
    margin-bottom: 35px;
}

.smm-feature-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.smm-feature {
    font-size: 18px;
    font-weight: 600;
}

.smm-feature i {
    color: #ea9c25;
    margin-right: 12px;
}

.smm-phone-wrap {
    text-align: center;
}

.smm-phone-wrap img {
    animation: floatPhone 5s ease-in-out infinite;
}

@keyframes floatPhone {

    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0);
    }

}

.smm-pillars-section {
    background-image: url(../images/teamdigi-sec-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 120px 0;
    overflow: hidden;
}

.smm-pillars-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #ea9c25;
    opacity: 0.75;
    /* color intensity */
    mix-blend-mode: multiply;
    z-index: 0;
}

.smm-pillars-title {
    font-size: 55px;
    font-weight: 800;
    color: #fff;
    max-width: 850px;
    margin: auto;
}

.pillar-box {
    background: #171717;
    border: 1px solid rgba(255, 255, 255, .08);
    padding: 40px;
    border-radius: 30px;
    height: 100%;
    transition: .4s;
}

.pillar-box:hover {
    transform: translateY(-10px);
    border-color: #ea9c25;
}

.pillar-number {
    font-size: 70px;
    font-weight: 800;
    color: #ea9c25;
    opacity: .25;
    line-height: 1;
    margin-bottom: 20px;
}

.pillar-box h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}

.pillar-box p {
    color: #bdbdbd;
    line-height: 1.9;
    margin: 0;
}

.social-platform-section {
    padding: 120px 0;
    background: #fff;
}

.platform-title {
    font-size: 55px;
    font-weight: 800;
    line-height: 1.1;
    margin: 20px 0;
}

.platform-desc {
    color: #666;
    line-height: 1.9;
}

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

.platform-card {
    background: #faf7f2;
    padding: 35px;
    border-radius: 25px;
    transition: .4s;
}

.platform-card:hover {
    transform: translateY(-10px);
    background: #fff5e5;
}

.platform-card i {
    font-size: 45px;
    color: #ea9c25;

}

.platform-card h4 {
    font-size: 24px;
    font-weight: 700;
}

.platform-card p {
    margin: 0;
    color: #666;
}

.social-platforms {
    background: #f8f9fc;
    padding: 95px 0;
}

.platform-card {

    background: #fff;

    padding: 35px 28px;

    border-radius: 18px;

    text-align: center;

    height: 100%;

    border: 1px solid #ececec;

    transition: .35s;
}

.platform-card:hover {

    transform: translateY(-10px);

    border-color: #ea9c25;

    box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
}

.platform-icon {

    width: 80px;

    height: 80px;

    border-radius: 50%;

    margin: auto;

    margin-bottom: 20px;

    background: rgba(234, 156, 37, .12);

    display: flex;

    align-items: center;

    justify-content: center;

    transition: .35s;
}

.social-plateform-title {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.25;
    color: #151419;
}

.social-plateform-desc {
    color: #777;
    font-size: 18px;
}

.platform-card:hover .platform-icon {

    background: #ea9c25;
}

.platform-icon i {

    font-size: 34px;

    color: #ea9c25;

    transition: .35s;
}

.platform-card:hover .platform-icon i {

    color: #fff;
}

.platform-card h5 {

    font-weight: 700;

    margin-bottom: 12px;
}

.platform-card p {

    color: #666;

    line-height: 1.8;

    margin: 0;
}

/*==============================
 SMM WORKFLOW
===============================*/

.smm-workflow-area {
    background: #fbf5e9;
    padding: 95px 0;
}

.smm-workflow-subtitle {

    display: inline-block;
    padding: 8px 20px;
    border-radius: 30px;

    background: rgba(234, 156, 37, .12);
    color: #ea9c25;

    font-size: 14px;
    font-weight: 600;

}

.smm-workflow-title {
    font-size: 45px;
    font-weight: 700;
    color: #111;
    margin: 18px 0;
    line-height: 1.3;
}

.smm-workflow-desc {

    max-width: 720px;
    margin: auto;

    color: #666;
    line-height: 1.9;

}

.smm-workflow-image img {

    width: 100%;
    border-radius: 20px;

}

.smm-workflow-list {

    position: relative;

    margin-left: 28px;

    border-left: 2px solid #ececec;

}

.smm-workflow-item {

    position: relative;

    padding-left: 50px;

    padding-bottom: 55px;

}

.smm-workflow-item:last-child {

    padding-bottom: 0;

}

.smm-workflow-number {

    position: absolute;

    left: -28px;

    top: 0;

    width: 56px;
    height: 56px;

    border-radius: 50%;

    background: #ea9c25;
    color: #fff;

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

    font-weight: 700;

    font-size: 18px;

}

.smm-workflow-item h4 {

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

    margin-bottom: 10px;

}

.smm-workflow-item p {

    color: #666;

    line-height: 1.8;

    margin: 0;

}

@media(max-width:991px) {

    .smm-workflow-title {

        font-size: 36px;

    }

    .smm-workflow-image {

        position: relative;
        top: 0;
        margin-bottom: 40px;

    }

}

@media(max-width:767px) {

    .py-120 {

        padding: 70px 0;

    }

    .smm-workflow-title {

        font-size: 30px;

    }

    .smm-workflow-list {

        margin-left: 22px;

    }

    .smm-workflow-number {

        width: 46px;
        height: 46px;

        left: -23px;

        font-size: 15px;

    }

    .smm-workflow-item {

        padding-left: 38px;

    }

}

/*==============================
 WHY CHOOSE SMM
==============================*/

.why-smm-area {
    background: #fff;
    padding: 95px 0;
}


.why-smm-title {

    font-size: 45px;

    font-weight: 700;

    line-height: 1.25;

    margin-bottom: 20px;

}

.why-smm-text {

    color: #666;

    line-height: 1.9;

    margin-bottom: 40px;

}

.why-smm-image {

    position: relative;

}

.why-smm-image img {

    width: 100%;

    border-radius: 25px;

}

.why-floating-box {

    position: absolute;

    right: -20px;

    bottom: 30px;

    background: #fff;

    padding: 25px 30px;

    border-left: 5px solid #ea9c25;

    border-radius: 18px;

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

}

.why-floating-box h4 {

    margin: 0;

    font-size: 22px;

    font-weight: 700;

}

.why-floating-box span {

    color: #666;

}

.why-smm-item {

    display: flex;

    gap: 20px;

    margin-bottom: 28px;

}

.why-icon {

    width: 60px;

    height: 60px;

    background: #ea9c25;

    color: #fff;

    border-radius: 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    font-size: 20px;

}

.why-smm-item h5 {

    font-weight: 700;

    margin-bottom: 8px;

}

.why-smm-item p {

    margin: 0;

    color: #666;

}

@media(max-width:991px) {

    .why-smm-title {

        font-size: 36px;

    }

    .why-floating-box {

        position: relative;

        right: 0;

        bottom: 0;

        margin-top: 20px;

    }

}

@media(max-width:767px) {

    .why-smm-title {

        font-size: 30px;

    }

}

@media(max-width:991px) {

    .promo-faq-title {
        font-size: 42px;
    }

}

@media(max-width:575px) {

    .promo-faq-section {
        padding: 90px 0;
    }

    .promo-faq-title {
        font-size: 32px;
    }

    .promo-faq .accordion-button {
        font-size: 17px;
        padding: 22px;
    }

    .promo-faq .accordion-body {
        padding: 0 22px 22px;
    }

}



@media(max-width:991px) {

    .promo-spotlight-title {
        font-size: 42px;
    }

}

@media(max-width:575px) {

    .promo-spotlight-title {
        font-size: 32px;
    }

    .promo-stack-card {
        padding: 22px;
    }

}

@media(max-width:991px) {

    .move-down {
        margin-top: 0;
    }

    .promo-advantage-title {
        font-size: 42px;
    }

}

@media(max-width:575px) {

    .promo-advantage-title {
        font-size: 32px;
    }

    .advantage-card {
        padding: 30px;
    }

}

@media(max-width:991px) {

    .promo-impact-title {
        font-size: 42px;
    }

    .promo-impact-image img {
        height: auto;
    }

}

@media(max-width:575px) {

    .promo-impact-title {
        font-size: 32px;
    }

    .impact-badge {
        left: 15px;
        bottom: 15px;
        font-size: 14px;
    }

}


@media(max-width:991px) {

    .growth-cta-title {
        font-size: 42px;
    }

}

@media (max-width:545px) {
    .counter-heading .smm-counter {
        font-size: 25px;
        font-weight: 600;
        line-height: 0;
    }

    .counter-heading {
        font-size: 25px;
        font-weight: 600;
    }

    .service-heading {
        font-size: 25px;
    }

    .service-desc {
        font-size: 14px;
    }

    .service-features {
        grid-template-columns: 1fr;
    }

    .process-title {
        font-size: 25px;
    }

    .section-desc {
        font-size: 14px;

    }

    .growth-item h5 {
        font-size: 14px;
    }

    .growth-item span {
        width: 40px;
        height: 40px;
    }

    .growth-line {
        left: 66px !important;
        transform: rotate(90deg) !important;
        top: 115px;
    }

    .label-1 {
        left: 85px;
        bottom: 77px;
    }

    .dot-2 {
        left: 59px;
        bottom: 152px;
    }

    .label-2 {
        left: 84px;
        bottom: 149px;
    }

    .label-3 {
        left: 84px;
        bottom: 214px;
    }

    .dot-3 {
        left: 58px;
        bottom: 217px;
    }

    .dot-5 {
        left: 59px;
        top: 193px;
    }

    .label-5 {
        left: 84px;
        top: 192px;
    }

    .dot-4 {
        left: 59px;
        top: 118px;
    }

    .label-4 {
        left: 84px;
        top: 115px;
    }

    .dashboard-stat h3 {
        font-size: 18px;
    }

    .chart-bar {
        width: 20px;
    }

    .dashboard-bottom p {
        font-size: 10px;
    }

    .ads-title {
        font-size: 25px;
        line-height: 1.1;
        font-weight: 700;
        margin: 25px 0;
    }

    .ads-desc {
        color: #bfbfbf;
        line-height: 1.4;
        margin-bottom: 16px;
        font-size: 14px;
    }

    .scale-title {
        font-size: 25px;
        margin: 10px 0;
    }

    .scale-step h4 {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .scale-step p {
        line-height: 1.4;
        font-size: 14px;
    }

    /* branding */
    .dm-title {
        font-size: 25px;
    }

    .brand-eco-title {
        font-size: 25px;
    }

    .impact-title {
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .impact-desc {
        font-size: 16px;
        line-height: 1.5;
    }

    .brand-title {
        font-size: 25px;
    }

    .brand-desc {
        font-size: 16px;
        line-height: 1.5;
    }

    .brand-reveal-text h2 {
        font-size: 95px;
        letter-spacing: -5px;
        line-height: 1.2;
    }

    .growth-metrics-title {
        font-size: 25px;
    }

    .growth-metrics-title {
        font-size: 25px;
    }

    .growth-metrics-desc {
        font-size: 16px;
    }

    .campaign-title {
        font-size: 25px;
    }

    .campaign-desc {
        font-size: 14px;
        line-height: 1.5;
    }

    .local-title {
        font-size: 25px;
    }

    .local-desc {
        font-size: 14px;
        line-height: 1.5;
    }

    .wa-title {
        font-size: 25px;
    }

    .email-title {
        font-size: 25px;
    }

    .email-desc {
        font-size: 14px;
        line-height: 1.5;
    }

    .funnel-title {
        font-size: 25px;
    }

    .funnel-desc {
        font-size: 14px;
        line-height: 1.5;
    }

    .funnel-stage h4 {
        font-size: 20px;
    }

    .stage-3 {
        width: 70%;
    }

    .stage-4 {
        width: 55%;
    }

    .funnel-stage span {
        font-size: 12px;
    }

    .landing-title {
        font-size: 25px;
    }

    .landing-text {
        line-height: 1.5;
        font-size: 14px;
    }

    .landing-list li {
        font-size: 14px;
    }

    .growth-cta-title {
        font-size: 25px;
    }

    .growth-cta-desc {
        font-size: 14px;
        line-height: 1.5;
        margin: 0 auto 20px;
    }

    .growth-btn-primary {
        padding: 10px 28px;
        font-weight: 600;
        font-size: 14px;
    }

    .growth-btn-outline {
        padding: 10px 20px;
        font-size: 14px;
    }

    .wa-feature {
        padding: 16px;
        font-size: 14px;
    }

    .smm-engine-title {
        font-size: 25px;
        font-weight: 700;
    }

    .smm-engine-desc {
        line-height: 1.5;
        margin-bottom: 14px;
        font-size: 14px;
    }

    .smm-pillars-title {
        font-size: 25px;
        font-weight: 700;
    }

    .pillar-number {
        font-size: 60px;
    }

    .pillar-box h4 {
        color: #fff;
        font-size: 22px;
    }

    .pillar-box p {
        line-height: 1.5;
        font-size: 14px;
    }

    .platform-title {
        font-size: 25px;
        font-weight: 700;
    }

    .platform-desc {
        line-height: 1.5;
        font-size: 14px;
    }

    .platform-card h4 {
        font-size: 20px;
        font-weight: 600;
    }

    .platform-card p {
        line-height: 1.5;
        font-size: 14px;
    }

    .platform-card {
        padding: 15px 12px;
    }

    .smm-workflow-title {
        font-size: 25px;
    }

    .smm-workflow-desc {
        line-height: 1.5;
        font-size: 14px;
    }

    .smm-workflow-item h4 {
        font-size: 18px;
    }

    .smm-workflow-item p {
        font-size: 14px;
        line-height: 1.5;
    }

    .why-smm-title {
        font-size: 25px;
    }

    .why-smm-text {
        line-height: 1.5;
        font-size: 14px;
    }

    .why-smm-item h5 {
        font-size: 18px;
    }

    .why-icon {
        width: 50px;
        height: 50px;
    }

    .why-smm-item p {
        font-size: 14px;
    }

    .social-plateform-title {
        font-size: 25px;
    }

    .social-plateform-desc {
        font-size: 14px;
    }
}

@media (max-width: 991px) {


    .brand-ecosystem {
        width: 100%;
        height: auto;
        margin-top: 60px;

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

    .center-core {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin: 0 auto 30px;
        grid-column: 1 / -1;
    }

    .orbit-1,
    .orbit-2 {
        display: none;
    }

    .eco-item {
        position: relative;
        width: 100%;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        transform: none !important;

        padding: 25px;
        border: 1px solid #eee;
        border-radius: 20px;
    }
    .td-about-hero {
	min-height: 75vh;
	padding: 6rem 0;
}

}

@media (max-width: 575px) {

    .brand-eco-title {
        font-size: 32px;
    }

    .brand-ecosystem {
        grid-template-columns: 1fr;
    }

    .center-core {
        width: 180px;
        height: 180px;
    }

    .center-core i {
        font-size: 45px;
    }

    .eco-item h5 {
        font-size: 20px;
    }
    .solution-tittle h2 {
    font-size: 25px;
}

.work-title {
	font-size: 35px;
}
.work-tab {
    font-size: 12px;
    padding: 8px 16px;
}
.work-content h3 {
    font-size: 30px;
}
.portfolio-subtitle {
    font-size: 14px;
}
.portfolio-heading h2 {
    font-size: 25px;
}
.portfolio-overlay h3 {
    font-size: 12px;
}
.portfolio-overlay p {
    line-height: 18px;
    margin-bottom: 3px;
    font-size: 12px;
}
}
/* Technical SEO and accessibility utilities */
.skip-link {
    position: absolute;
    left: 12px;
    top: -48px;
    z-index: 9999;
    background: #071827;
    color: #fff;
    padding: 10px 14px;
    border-radius: 6px;
    text-decoration: none;
    transition: top .2s ease;
}

.skip-link:focus {
    top: 12px;
    color: #fff;
}

.td-breadcrumbs {
    background: #f7fafc;
    border-bottom: 1px solid rgba(7, 24, 39, .08);
    padding: 12px 0;
}

.td-breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

.td-breadcrumbs li {
    color: #526172;
}

.td-breadcrumbs li + li::before {
    content: "/";
    margin-right: 8px;
    color: #95a3b3;
}

.td-breadcrumbs a {
    color: #0c5c8f;
    text-decoration: none;
}

.td-breadcrumbs a:hover,
.td-breadcrumbs a:focus {
    text-decoration: underline;
}

.td-error-section {
    min-height: 68vh;
    padding: 150px 0 90px;
    background: linear-gradient(135deg, #071827, #0c315c);
    display: flex;
    align-items: center;
}

.td-error-card {
    max-width: 760px;
    margin: 0 auto;
    padding: 44px;
    border-radius: 8px;
    background: #fff;
    text-align: center;
    box-shadow: 0 20px 60px rgba(7, 24, 39, .18);
}

.td-error-code {
    display: inline-block;
    margin-bottom: 12px;
    color: #d5a52a;
    font-weight: 800;
    letter-spacing: .2em;
}

.td-error-card h1 {
    margin-bottom: 12px;
    color: #071827;
    font-weight: 800;
}

.td-error-card p {
    color: #526172;
    margin: 0 auto 24px;
    max-width: 560px;
}

.td-error-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

@media (max-width: 575px) {
    .td-error-card {
        padding: 30px 20px;
    }
}