/*
Theme Name: Group - G
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
*/
/* ========================================
   GROUP G MARKETING PARTNER - STYLES
   ======================================== */

/* ========================================
   RESET & BASE STYLES
   ======================================== */
   * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Raleway', sans-serif;
    line-height: 1.6;
    overflow-x: hidden;
}
.row { display: flex; flex-wrap: wrap; margin: 0 -25px; } 
.container { max-width: 1250px; margin: 0 auto; padding: 0 25px;position: relative;}
section.error-404.not-found { background: #0E789F; position: relative; padding: 180px 0 150px 0; text-align: center; } 
section.error-404.not-found .banner-title { margin-bottom: 30px; }
/* ========================================
   HERO SECTION
   ======================================== */
.hero-section {
    position: relative;
    overflow: hidden;
    padding: 216px 0 161px 0px;
    background-size: cover;
    background-position: top center;
}
header#masthead.site-header.fixed { background: #0E789F; position: fixed; transform: translateY(0px);padding: 20px 0} 
header#masthead.site-header.fixed:before { content: ''; background-image: radial-gradient(circle at 20% 80%, rgba(60, 253, 186, 0.3) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(60, 253, 186, 0.2) 0%, transparent 50%), radial-gradient(circle at 40% 40%, rgba(60, 253, 186, 0.1) 0%, transparent 50%); }
.background-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(60, 253, 186, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(60, 253, 186, 0.2) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(60, 253, 186, 0.1) 0%, transparent 50%);
    animation: float 6s ease-in-out infinite;
}

.gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(78, 230, 178, 0.37) 0%, rgba(30, 127, 93, 0) 100%);
    pointer-events: none;
}

.hero-content {
    position: relative;
    width: 100%;
}

.content-left {
    padding: 0 45px 53px 25px;
    width: 50%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    flex: 1;
}

.hero-title {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 700;
    line-height: 1.125;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 16px;
    animation: fadeInUp 0.8s ease-out forwards;
}

.hero-subtitle {
    font-size: clamp(1rem, 2vw, 1.25rem);
    font-weight: 500;
    line-height: 1.5;
    color: #FFFFFF;
    margin-bottom: 31px;
    opacity: 0.9;
    animation: fadeInUp 0.8s ease-out forwards;
    animation-delay: 0.2s;
}

.content-right {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 25px;
    width: 51.2%;
}

.hero-image {
    width: 100%;
    max-width: 500px;
    height: auto;
}

/* ========================================
   BUTTONS
   ======================================== */
.cta-buttons {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    animation: fadeInUp 0.8s ease-out forwards;
    animation-delay: 0.4s;
}

.btn {
    padding: 10px 30.5px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-primary {
    background: #FFFFFF;
    color: #4887A0;
}

.btn-primary:hover {
    background: #f0f0f0;
    transform: translateY(-2px);
}

.btn-secondary {
    background: transparent;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
}

.btn-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

.btn-outline {
    background: transparent;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
    padding: 12px 32px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

.btn-outline:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

.btn-outline-nav {
    background: transparent;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 12px 24px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.174;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-outline-nav:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

/* ========================================
   ANIMATIONS
   ======================================== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}

/* ========================================
   SERVICES SECTION
   ======================================== */
   .services-section {
    padding: 121px 25px 120px 25px;
}

.services-container {width: 100%;}

.services-header {
    max-width: 890px;
    text-align: center;
    margin: 0 auto 64px auto;
}

.services-title {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #323232;
    margin: 0 auto 16px auto;
    max-width: 800px;
}

.services-description {
    font-size: clamp(1rem, 2vw, 1.25rem);
    font-weight: 400;
    line-height: 1.7;
    color: #323232;
    max-width: 884px;
    margin: 0;
}

.services-grid {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
}

.services-row {
    display: flex;
    gap: 48px;
    flex-wrap: wrap;
    justify-content: center;
}

.service-card {
    width: 576px;
    min-height: 280px;
    background: #FFFFFF;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
    max-width: calc(50% - 24px);
}


.card-front {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 0 48px 0;
    transition: all 0.4s ease;
}
.service-card.option_1 .card-front:hover {background: #a51f66;} 
.service-card.option_2 .card-front:hover { background: #ab1d36; } 
.service-card.option_3 .card-front:hover { background: #d06930; } 
.service-card.option_4 .card-front:hover { background: #d39431; }
.card-header {
    padding: 24px;
    flex-shrink: 0;
}

.card-header h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.174;
    color: #FFFFFF;
    margin: 0;
}

.card-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px 24px 0 24px;
    flex: 1;
    gap: 24px;
}

.card-content p {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.7;
    color: #FFFFFF;
    margin: 0;
}

.card-arrow {
    align-self: flex-start;
}

/* Service Card Color Variants */
.service-card.option_1 .card-front {
    background: #B74D85;
}

.service-card.option_1 .card-header {
    background: #A51F66;
}

.service-card.option_2 .card-front {
    background: #BC4B5F;
}

.service-card.option_2 .card-header {
    background: #AB1D36;
}

.service-card.option_3 .card-front {
    background: #DA885A;
}

.service-card.option_3 .card-header {
    background: #D06930;
}

.service-card.option_4 .card-front {
    background: #DCAA5B;
}

.service-card.option_4 .card-header {
    background: #D39431;
}
.card-arrow svg { transform: rotate(180deg); } 
.service-card>a { text-decoration: none; }
/* ========================================
   ABOUT SECTION
   ======================================== */
   .about-section {
    position: relative;
    padding: 120px 0 81px 0;
    background-size: cover;
}

.about-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pattern-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.04;
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(60, 253, 186, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(60, 253, 186, 0.2) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(60, 253, 186, 0.1) 0%, transparent 50%);
}

.gradient-overlay-about {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(78, 230, 178, 0.37) 0%, rgba(30, 127, 93, 0) 100%);
    pointer-events: none;
}

.about-container {
    position: relative;
    z-index: 2;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    gap: 60px;
    align-items: center;
}

.about-content {
    flex: 1;
    max-width: 549px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about-header {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.about-subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    color: #FFFFFF;
    margin: 0;
}

.about-title {
    font-size: clamp(2.5rem, 5vw, 4rem);
    font-weight: 700;
    line-height: 1.174;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}

.about-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.about-description {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    color: #FFFFFF;
    margin: 0;
}

.about-image {
    flex-shrink: 0;
    max-width: 490px;
    padding-top: 40px;
}

.team-image {
    width: 100%;
    display: block;
}

.about-description p { margin-bottom: 28px; }
/* ========================================
   CLIENTS SECTION
   ======================================== */
   .clients-section {
    padding: 114px 0 126px 0;
}

.clients-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    width: 100%;
}

.clients-header {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 934px;
    text-align: center;
}

.clients-title {
    font-size: clamp(2.5rem, 4vw, 3rem);
    font-weight: 700;
    line-height: 1.167;
    letter-spacing: -0.02em;
    color: #323232;
    margin: 0;
}

.clients-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.client-logo {
    width: 245px;
    min-height: 145px;
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 18px;
    transition: all 0.3s ease;
}
.client-logo img{transition: all 0.3s ease;}
.client-logo img:hover {
    transform: translateY(-4px);
}

.logo-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: filter 0.3s ease;
    display: block;
}

/* ========================================
   CTA SECTION
   ======================================== */
   .cta-section {
    position: relative;
    background-size: cover;
    background-position: top center;
    padding: 120px 0;
}

.cta-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cta-pattern-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.04;
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(60, 253, 186, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(60, 253, 186, 0.2) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(60, 253, 186, 0.1) 0%, transparent 50%);
}

.cta-gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(78, 230, 178, 1) 0%, rgba(30, 127, 93, 0) 100%);
    opacity: 0.37;
    pointer-events: none;
}

.cta-container {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cta-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    max-width: 808px;
    text-align: center;
}

.cta-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.cta-title {
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 700;
    line-height: 1.167;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}

.cta-subtitle {
    font-size: clamp(1.125rem, 2vw, 1.5rem);
    font-weight: 500;
    line-height: 1.5;
    color: #FFFFFF;
    margin: 0;
    max-width: 586px;
}

.cta-button {
    display: flex;
    gap: 24px;
}
.full-width-image-content img { width: 100%; display: block; }

/* ========================================
   INNER PAGE BANNER
   ======================================== */
   .inner-page-banner {
    position: relative;
    background: #0E789F;
    overflow: hidden;
    padding: 225px 0 101px 0;
}

.banner-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner-pattern-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.04;
    background-image: 
        radial-gradient(circle at 20% 80%, rgba(60, 253, 186, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(60, 253, 186, 0.2) 0%, transparent 50%),
        radial-gradient(circle at 40% 40%, rgba(60, 253, 186, 0.1) 0%, transparent 50%);
}

.banner-gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(78, 230, 178, 1) 0%, rgba(30, 127, 93, 0) 100%);
    opacity: 0.37;
    pointer-events: none;
}

.banner-nav {
    position: relative;
    z-index: 2;
    padding: 40px 120px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 78px;
}

.nav-logo {
    flex-shrink: 0;
}

.logo-img {
    width: 231.51px;
    height: 40px;
    object-fit: cover;
}

.nav-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 32px;
}

.nav-item {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.nav-item:hover {
    opacity: 0.8;
}

.nav-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.02em;
    color: #FFFFFF;
}

.dropdown-icon {
    width: 24px;
    height: 24px;
    color: #FFFFFF;
    transition: transform 0.3s ease;
}

.nav-item:hover .dropdown-icon {
    transform: rotate(180deg);
}

.nav-button {
    flex-shrink: 0;
}

.banner-content {
    position: relative;
    z-index: 2;
}

.banner-text {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.banner-title {
    font-size: clamp(3rem, 6vw, 4rem);
    font-weight: 700;
    line-height: 1.125;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin: 0;
}

.banner-subtitle {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 600;
    line-height: 1.5;
    color: #FFFFFF;
    margin: 0;
}
.banner-subtitle p a{color: #fff;text-decoration: underline;}

/* ========================================
   STRATEGY CONTENT SECTION
   ======================================== */
.strategy-content-section {
    position: relative;
    overflow: hidden;
    background-size: cover;
    padding: 120px 0;
}

.strategy-background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.strategy-content-container {
    position: relative;
    z-index: 2;
    max-width: 1140px;
    margin: 0 auto;
}

.strategy-text-overlay {
    background: rgba(0, 0, 0, 0.25);
    padding: 32px 32px 32px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.strategy-description {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.7em;
    color: #FFFFFF;
    margin: 0;
    text-align: left;
}

/* ========================================
   STRATEGY SERVICES SECTION
   ======================================== */
.strategy-services-section {
    padding: 120px 0px 60px 0px;
}

.strategy-services-container {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.strategy-card {
    background: #FFFFFF;
    overflow: hidden;
    transition: all 0.3s ease;
    margin-bottom: 0px;
}

.strategy-card:not(.expanded) .card-content {
    display: none;
}


.strategy-card .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 60px 22px 24px;
    background: #FFFFFF;
    cursor: pointer;
    border-bottom: 2px solid #A51F66;
    position: relative;
    cursor: pointer;
}

.card-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: #023255;
    margin: 0;
    width: 720px;
}

.expand-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.strategy-card.expanded .expand-button {
    transform: rotate(45deg);
}

.strategy-card .card-content {
    padding: 40px 40px 21px;
}

.content-wrapper {
    display: flex;
    gap: 40px;
}

.description-section {
    flex: 1;
}

.card-description {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.7em;
    color: #000000;
    margin: 0 0 20px 0;
}

.features-section {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 32px;
}

.feature-bullet {
    width: 10px;
    height: 10px;
    background: #A51F66;
    border-radius: 50%;
    flex-shrink: 0;
}

.feature-text {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.7em;
    color: #000000;
    margin: 0;
}

/* ========================================
   WHY CHOOSE SECTION
   ======================================== */
.why-choose-section {
    padding: 50px 0px 117px 0px;
}

.why-choose-container {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    gap: 60px;
    align-items: flex-start;
}

.why-choose-left {
    display: flex;
    flex-direction: column;
    gap: 28px;
    width: 482px;
    flex-shrink: 0;
}

.why-choose-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    color: #323232;
    margin: 0;
}

.why-choose-image {
    width: 260px;
    height: 283px;
    overflow: hidden;
    border-radius: 12px;
}

.strategy-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.why-choose-right {
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 598px;
    flex: 1;
    margin-top: 11px;
}

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

.feature-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 478px;
}

.feature-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.174em;
    color: #023255;
    margin: 0;
}

.feature-description {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7em;
    color: #000000;
    margin: 0;
}
.strategy-description p { margin-bottom: 34px; } 
.strategy-description>*:last-child { margin-bottom: 0px; } 
.strategy-card .card-header:before, .strategy-card .card-header:after { content: ''; height: 3px; width: 25px; background: #023255; position: absolute; right: 28px;transition: all 0.3s ease;} 
.strategy-card.expanded .card-header:after { opacity: 0; }
.strategy-card .card-header:after { transform: rotate(90deg); } 
.strategy-card .card-header h3 { color: #023255; } 
.strategy-card .card-content p { color: #000; font-weight: 400; margin-bottom: 20px; } 
.strategy-card .card-content ul {padding-left: 32px;} 
.strategy-card .card-content ul>li { display: block; margin-bottom: 20px; position: relative; padding-left: 21px; } 
.strategy-card .card-content ul>li:before { content: ''; height: 10px; width: 10px; background: #A51F66; position: absolute; border-radius: 50%; left: 0; top: 12px; }
/* ========================================
   MARKETING CHANNELS SECTION
   ======================================== */
   .marketing-channels-section {
    background: #FFFFFF;
    padding: 100px 0px 60px;
}

.channels-container {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.channels-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 50px 0;
    width: 1130px;
    border: 2px solid #EE7522;
    border-radius: 60px 0 0 0;
}

.channels-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.channels-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    color: #323232;
    margin: 0;
    text-align: center;
}

.channels-description {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.7em;
    color: #323232;
    margin: 0;
    text-align: center;
    max-width: 884px;
}

.channels-grid {
    display: flex;
    max-width: 710px;
}

.channels-column {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.channels-column:first-child {
    width: 90px;
}

.channels-column:nth-child(2) {
    width: 118px;
}

.channels-column:last-child {
    width: 208px;
}

.channel-item {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.channel-item:last-child {
    align-self: stretch;
}

.channel-bullet {
    width: 7px;
    height: 7px;
    background: #EE7522;
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    top: 12px;
}

.channel-name {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.7em;
    color: #000000;
}

.channels-grid > ul { display: flex; flex-wrap: wrap; gap: 8px 24px; } 
.channels-grid > ul li { width: calc(33.33% - 16px); display: block; }
/* ========================================
   TEAM SECTION
   ======================================== */
   .team-section {
    padding: 120px 0px 118px 0px;
}

.team-container {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.team-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.team-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 31px;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    color: #323232;
    margin: 0;
    text-align: center;
}

.team-description {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.7em;
    color: #323232;
    margin: 0;
    text-align: center;
    max-width: 736px;
}

.team-grid {
    display: flex;
    justify-content: flex-start;
    gap: 33px 37px;
    width: 100%;
    flex-wrap: wrap;
    max-width: 1011px;
    margin: 0 auto;
}

.team-grid-centered {
    padding: 0 64.5px;
}

.team-member {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 225px;
}

.member-photo {
    width: 100%;
    height: 221px;
    border: 1px solid #FFFFFF;
    border-radius: 35px 0px 0px 0px;
    background: #fff;
    overflow: hidden;
}

.member-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.member-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.member-name {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    color: #023255;
    margin: 0;
}

.member-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.7em;
    color: #323232;
    margin: 0;
}



/* ========================================
   CONTACT SECTION
   ======================================== */
   .contact-section {
    background: #fff;
    padding: 109px 0px 118px 0px;
}

.contact-container {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 50px;
}

.contact-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    width: 454px;
}

.contact-header {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 16px;
}

.contact-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    color: #323232;
    margin: 0;
}

.contact-details {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 24px;
    padding: 8px 0;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.contact-item.address {
    align-self: stretch;
}

.contact-item.linkedin {
    align-self: stretch;
}

.contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 28px;
    color: #A51F66;
    min-width: 33px;
}

.contact-text {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.7em;
    color: #323232;
}

.address-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 514px;
}

.address-text span {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.7em;
    color: #323232;
}

.contact-divider {
    width: 2px;
    height: inherit;
    background: #A51F66;
    flex-shrink: 0;
}

.contact-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    width: 536px;
}

.form-header {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.form-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    color: #323232;
    margin: 0;
}

.contact-form-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.form-row {
    display: flex;
    gap: 32px;
    width: 100%;
}

.form-input {
    flex: 1;
    padding: 12px 20px;
    border: 1px solid rgba(72, 135, 160, 0.25);
    border-radius: 100px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #323232;
    background: #FFFFFF;
    outline: none;
    transition: border-color 0.3s ease;
}

.form-input::placeholder {
    color: #666666;
}

.form-input:focus {
    border-color: #4887A0;
}

.form-input.full-width {
    width: 100%;
}

.form-select-container {
    position: relative;
    width: 100%;
}

.form-select {
    width: 100%;
    padding: 8px 20px;
    border: 1px solid rgba(72, 135, 160, 0.25);
    border-radius: 100px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #323232;
    background: #FFFFFF;
    outline: none;
    appearance: none;
    cursor: pointer;
    height: 48px;
}

.form-select:focus {
    border-color: #4887A0;
}

.select-arrow {
    position: absolute;
    right: 27px;
    top: 11px;
    pointer-events: none;
}

.form-textarea {
    width: 100%;
    padding: 12px 20px;
    border: 1px solid rgba(72, 135, 160, 0.25);
    border-radius: 16px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #323232;
    background: #FFFFFF;
    outline: none;
    resize: vertical;
    min-height: 116px;
    transition: border-color 0.3s ease;
}

.form-textarea::placeholder {
    color: #666666;
}

.form-textarea:focus {
    border-color: #4887A0;
}

.submit-button {
    background: #4887A0;
    color: #FFFFFF;
    border: 2px solid #4887A0;
    padding: 12px 32px;
    border-radius: 8px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4em;
    cursor: pointer;
    transition: all 0.3s ease;
    width: fit-content;
}

.submit-button:hover {
    background: #3a6b7f;
    border-color: #3a6b7f;
    transform: translateY(-2px);
}
.contact-item>a { display: flex; align-items: center; gap: 16px; text-decoration: none; } 
.contact-item>a:hover { color: #a51f66; }
.contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form input[type="tel"], .contact-form form select { flex: 1; padding: 12px 20px; border: 1px solid rgba(72, 135, 160, 0.25); border-radius: 100px; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5em; color: #666666; background: #FFFFFF; outline: none; transition: border-color 0.3s ease; outline: none; width: 100%; appearance: none; -webkit-appearance: none; } 
.contact-form form .wpcf7-form-control-wrap{margin-bottom: 30px;}
.form-row p {width: 100%;display: block;} 
.contact-form form span { width: 100%; display: block; } 
.contact-section form br { display: none; } 
.contact-form form textarea { width: 100%; padding: 12px 20px; border: 1px solid rgba(72, 135, 160, 0.25); border-radius: 16px; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5em; color: #666; background: #FFFFFF; height: 118px; outline: none; resize: vertical; min-height: 116px; transition: border-color 0.3s ease; } 
.contact-form form input[type="submit"] { background: #4887A0; color: #FFFFFF; border: 2px solid #4887A0; padding: 10px 30px; border-radius: 8px; font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 18px; line-height: 1.4em; cursor: pointer; transition: all 0.3s ease; width: fit-content;transition: all 0.3s ease;}
.contact-form form input[type="submit"]:hover { background: #3a6b7f; border-color: #3a6b7f;}
.contact-form form { padding-right: 12px; } 
.select-arrow path { stroke: #4887A0; }
.contact-form  .submit { position: relative; } 
.contact-form .submit span.wpcf7-spinner { display: inline-block; width: 24px; position: absolute; left: 26px; top: 12px; }
/* ========================================
   FOOTER SECTION
   ======================================== */
   .footer-section {
    background: #023255;
    padding: 80px 0;
}

.footer-container {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.footer-content {
    display: flex;
    gap: 128px;
    align-items: flex-start;
}

.newsletter-section {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 500px;
}

.footer-logo {
    width: 283.6px;
    height: 49px;
}

.newsletter-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #FFFFFF;
    margin: 0;
}

.newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.newsletter-form-container {
    display: flex;
    gap: 16px;
}

.newsletter-input {
    flex: 1;
    padding: 12px 20px;
    border: 1px solid rgba(72, 135, 160, 0.25);
    border-radius: 100px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #FFFFFF;
    background: transparent;
    outline: none;
    transition: border-color 0.3s ease;
}

.newsletter-input::placeholder {
    color: #666666;
}

.newsletter-input:focus {
    border-color: #4887A0;
}

.newsletter-button {
    background: transparent;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 12px 24px;
    border-radius: 100px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.newsletter-button:hover {
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

.newsletter-disclaimer {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5em;
    color: #000000;
    margin: 0;
}

.footer-links {
    display: flex;
    gap: 40px;
    flex: 1;
}

.footer-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-column:first-child {
    width: 104px;
}

.footer-column-title {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5em;
    color: #FFFFFF;
    margin: 0;
}

.footer-link-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.footer-link-list li {
    padding: 6px 0;
}

.footer-link {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    color: #FFFFFF;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.footer-link:hover {
    opacity: 0.8;
}

.social-links {
    display: flex;
    flex-direction: column;
}

.social-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
    color: #FFFFFF;
    transition: opacity 0.3s ease;
}

.social-link:hover {
    opacity: 0.8;
}

.social-link svg {
    width: 24px;
    height: 24px;
}

.footer-credits {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.credits-divider {
    width: 100%;
    height: 1px;
    background: #FFFFFF;
}

.credits-content {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 64px;
}

.copyright-section {
    display: flex;
    align-items: center;
    gap: 24px;
}

.copyright-text {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    color: #FFFFFF;
    margin: 0;
}

.legal-links {
    display: flex;
    gap: 24px;
}

.legal-link {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    color: #FFFFFF;
    text-decoration: none;
    transition: opacity 0.3s ease;
    text-decoration: underline;
}

.legal-link:hover {
    opacity: 0.8;
}
.newsletter-form form .newsletter-title { margin-bottom: 24px; } 
.newsletter-form-inner { display: flex; gap: 16px; margin-bottom: 16px; }   
.newsletter-form-inner input[type="email"] { height: 48px; border-radius: 100px; border: 1px solid #fff; width: 100%;outline: none;font-size: 16px; line-height: 1.5; color: #666666; font-family: 'Raleway', sans-serif; font-weight: 400; padding: 0px 19px;} 
.newsletter-form-inner input[type="submit"] { border: 1px solid #fff; border-radius: 100px; height: 48px; font-size: 16px; font-weight: 400; width: 122px; background: transparent; color: #fff;cursor: pointer;transition: all 0.3s ease;} 
.newsletter-form-inner input[type="submit"]:hover { background: #fff; color: #023255; }
.newsletter-form-inner .submit_field { position: relative; } 
.newsletter-form-inner .submit_field span.wpcf7-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; } 
.newsletter-form-inner .email_field { flex: 1; } 
.newsletter-disclaimer { font-size: 12px; color: #fff; line-height: 1.5; font-weight: 400; font-family: 'Raleway', sans-serif; } 
ul.footer-link-list>li>a { font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.5em; color: #FFFFFF; text-decoration: none; transition: opacity 0.3s ease; }
ul.footer-link-list>li>a:hover{text-decoration: underline;}
.footer-column.follow-us { flex: 1; display: flex; align-items: flex-end; }
.follow-us-content { display: flex; flex-direction: column; gap: 16px; } 
.follow-us-content .social-link { font-size: 20px;text-decoration: none;}
/* ========================================
   HEADER SECTION
   ======================================== */
   header#masthead { position: absolute; top: 0; left: 0; z-index: 9; width: 100%; padding: 40px 0;transition: all 0.3s ease;} 
   .site-branding img { display: block;max-width: 232px;} 
   .main-navigation ul.sub-menu { display: none; position: absolute; background: #fff; min-width: 140px; border-radius: 12px; top: 100%; padding: 10px 0; } 
   .main-navigation  button.menu-toggle { display: none; } 
   .main-navigation ul#primary-menu>li>a { font-family: Poppins, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.5; letter-spacing: -0.02em; color: rgb(255, 255, 255); text-decoration: none;transition: 0.4s ease;} 
   .main-navigation ul#primary-menu>li>a:hover{opacity: 0.8;}
   .main-navigation ul#primary-menu>li { display: block; position: relative; } 
   .main-navigation ul#primary-menu>li.menu-item-has-children>a { padding-right: 37px; position: relative;background: url(./images/dropdown.svg) no-repeat center right 7px;} 
   header#masthead .btn { font-size: 17px; font-weight: 600; border: 1px solid #FFFFFF; padding: 9px 23px; } 
   .nav-menu-outer { display: flex; align-items: center; gap: 64px; } 
   .main-navigation ul#primary-menu>li.menu-item-has-children:hover .sub-menu { display: block; } 
   .main-navigation ul.sub-menu>li { display: block; } 
   .main-navigation ul.sub-menu>li>a { display: block; text-decoration: none; color: #000; padding: 5px 10px; text-align: center; } 
   .main-navigation ul.sub-menu>li:not(:last-child) { border-bottom: 1px solid #ddd; }

   .main-navigation .focus ul.sub-menu { display: block; }
/******************/
section.inner-page-banner.text-center { text-align: center;} 
.page-navigator-text p { font-size: 20px; line-height: 1.7; font-weight: 400; color: #000; margin-bottom: 34px; } 
.page-navigator-text ul li { display: block; font-size: 20px; line-height: 1.7; font-weight: 400; margin-bottom: 15px; } 
.page-navigator-text ul { margin-bottom: 30px; }
.page-navigator-content { text-align: center; max-width: 975px; margin: 0 auto; } 
section.page-navigator-section { padding: 120px 0 130px 0; } 
.page-navigator-text p a { color: #4887A0; font-weight: 700; text-decoration: none; } 
.page-navigator-text p a:hover { text-decoration: underline; } 
.section-nav .section-nav-link { color: #4887A0; font-size: 20px; font-weight: 500; line-height: 1.2; letter-spacing: -0.02em; text-decoration: none; } 
.section-nav .section-nav-link:hover { text-decoration: underline; } 
.page-navigator-text { margin-bottom: 47px; } 
.section-nav { display: flex; flex-wrap: wrap; gap: 34px; justify-content: center; } 
section.text-section { position: relative; background: #0E789F; overflow: hidden; text-align: center; padding: 120px 0 85px 0;color: #fff;} 
section.text-section .banner-title { font-size: 31px; line-height: 1.2; letter-spacing: -0.02em; font-weight: 700; } 
section.text-section .description p { color: #FFFFFF; font-size: 20px; line-height: 1.7; margin-bottom: 34px; } 
section.text-section .banner-text { gap: 17px; } 
.text-content { max-width: 1150px; margin: 0 auto; }
/* Section background and spacing */
.group-g-section {
    background: linear-gradient(135deg, #9b0055, #71003c);
    padding: 115px 0px 121px 0px;
    color: #fff;
    text-align: center;
    background-size: cover;
    background-position: center;
  }
  
  .group-g-section .container {
    margin: 0 auto;
    max-width: 1100px;
  }
  
  /* Headings */
  .group-g-section h2 {
    font-size: 30px;
    margin-bottom: 11px;
  }
  
  .group-g-section .subtitle {
    font-size: 20px;
    margin-bottom: 48px;
    line-height: 1.7;
  }
  
  /* Slider area */
  .slider-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .group-g-slider {
    width: 100%;
    max-width: 889px;
  }
  
  /* Individual slide box */
  .slide {
    background: #fff;
    color: #333;
    padding: 37px 30px 20px 30px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  }
  
  .slide h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 17px;
    color: #023255;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  
  .slide p {
    font-size: 20px;
    line-height: 1.7;
    color: #323232;
    margin-bottom: 15px;
  }
  
  /* Arrow buttons */
  .custom-arrow {
    cursor: pointer;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    height: 60px;
    width: 60px;
    border: 1px solid #FFFFFF;
    font-size: 0px;
    border-radius: 50%;
    background: url(images/arrow-g.svg) no-repeat center;
    transition: 0.4s ease;
  }
  
  .slick-prev {
    left: -4px;
  }
  
  .slick-next {
    right: -4px;
    transform: translateY(-50%) rotate(180deg);
  }
  .custom-arrow:hover { filter: invert(1); border-color: #000; background-color: #000; }
  section.strategy-services-section.creative .strategy-card .card-content ul>li:before { background: #AB1D36; } 
  section.strategy-services-section.creative .strategy-card .card-header { border-color: #AB1D36; }
  section.strategy-services-section.execution .strategy-card .card-content ul>li:before { background: #EE7522; } 
  section.strategy-services-section.execution .strategy-card .card-header { border-color: #EE7522; }
  section.strategy-services-section.analytics .strategy-card .card-content ul>li:before { background: #FCB424; } 
  section.strategy-services-section.analytics .strategy-card .card-header { border-color: #FCB424; }
  header#masthead .btn:hover { transform: none; }
  span.wpcf7-not-valid-tip { font-size: 14px; display: block; margin-top: 5px; } 
  form.wpcf7-form.invalid .wpcf7-response-output { color: #dc3232; }
  .wpcf7 form.sent .wpcf7-response-output { color: #46b450; }
/* ========================================
   RESPONSIVE DESIGN - MEDIA QUERIES
   ======================================== */
@media (min-width: 1200px) {
    section.inner-page-banner.text-center {padding-top: 195px; } 
}
/* Large Desktop (1200px and below) */
@media (max-width: 1199px) {
    /* Hero Section */
    section.hero-section { padding: 180px 0 120px 0px; }
    /* Services Section */
    .services-section {
        padding: 80px 30px;
    }

    .service-card {
        width: 480px;
    }

    /* About Section */
    .about-section {
        padding: 80px 30px;
    }

    .about-container {
        gap: 40px;
    }

    .about-image {
        width: 400px;
    }

    /* Clients Section */
    .clients-section {
        padding: 80px 0px;
    }

    .clients-container {
        gap: 50px;
    }

    .clients-grid {
        gap: 30px;
    }

    .client-logo {
        width: 200px;
        height: 120px;
    }

    /* CTA Section */
    .cta-section {
        padding: 80px 0px;
    }

    /* Inner Page Banner */
    .banner-nav {
        padding: 30px 60px;
    }

    .nav-container {
        gap: 40px;
    }

    .nav-menu {
        gap: 40px;
    }

    .banner-content {
        padding: 0px 0px 0px;
    }

    /* Strategy Content Section */
    .strategy-content-container {
        padding: 0px 0px;
        gap: 80px;
    }

    /* Strategy Services Section */
    .strategy-services-section {
        padding: 80px 0px;
    }

    .content-wrapper {
        flex-direction: column;
        gap: 30px;
    }

    .card-title {
        width: auto;
        font-size: 28px;
    }

    /* Why Choose Section */
    .why-choose-section {
        padding: 80px 0px;
    }

    .why-choose-container {
        gap: 40px;
    }

    .why-choose-left {
        width: calc(48% - 20px);
    }

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

    .why-choose-right {
        width: calc(52% - 20px);
    }

    .feature-content {
        width: 400px;
    }

    /* Marketing Channels Section */
    .marketing-channels-section {
        padding: 40px 0px 60px;
    }

    .channels-content {
        width: 100%;
        max-width: 900px;
    }

    .channels-grid {
        gap: 60px;
    }

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

    /* Team Section */
    .team-section {
        padding: 80px 0px;
    }

    .team-grid {
        gap: 30px;
        max-width: 890px;
        margin: 0 auto;
    }

    .team-member {
        width: 200px;
    }

    .member-photo {
        height: 200px;
    }

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

    .team-description {
        font-size: 18px;
    }

    /* Contact Section */
    .contact-section {
        padding: 80px 0px;
    }

    .contact-container {
        gap: 40px;
    }

    .contact-info {
        width: 400px;
    }

    .contact-form {
        width: 480px;
    }

    .contact-title,
    .form-title {
        font-size: 40px;
    }

    /* Footer Section */
    .footer-section {
        padding: 60px 0px;
    }

    .footer-content {
        gap: 80px;
    }

    .newsletter-section {
        width: 400px;
    }

    .footer-logo {
        width: 240px;
        height: 42px;
    }
    section.page-navigator-section { padding: 80px 0 90px 0; } section.text-section { padding: 80px 0 65px 0; }
    section#Group_G_Guarantee { padding: 80px 0px 90px 0px; } .slider-wrapper { padding: 0 70px; }
}
@media (max-width: 1023px) {
    .content-right { width: 45%; } 
    .content-left { width: 55%; padding-right: 25px; } 
    .about-container { flex-wrap: wrap; flex-flow: column-reverse; } 
    .about-content { max-width: 100%; flex: unset; width: 100%; text-align: left; } 
    .about-image { margin: 0 auto; } 
    .about-text { align-items: left; } 
    section.clients-section { padding: 80px 0px; } 
    section.cta-section { padding: 80px 0px; } 
    .footer-content { flex-wrap: wrap; } 
    .newsletter-section { width: 100%; }
    .inner-page-banner { padding: 180px 0 80px 0; } 
    .strategy-content-section { padding: 80px 0; } 
    .strategy-card .card-content { padding: 30px 15px 20px; } 
    .why-choose-left { width: 100%; } 
    .why-choose-right { width: 100%; gap: 35px; } 
    .why-choose-container { flex-wrap: wrap; } 
    .feature-content { width: 100%; }
    .contact-info { width: 100%; } 
    .contact-container { flex-wrap: wrap; } 
    .contact-divider { display: none; } 
    .contact-form { width: 100%; }
    .team-grid { max-width: 660px; }
    .channels-content{padding: 50px 20px;}
}

/* Tablet (768px and below) */
@media (max-width: 767px) {
    /* Hero Section */
    .hero-section {
        min-height: auto;
        padding: 60px 0;
    }

    .hero-content {
        flex-direction: column;
        gap: 40px;
    }

    .content-left {
        max-width: 100%;
        width: 100%;
    }
    .card-front { padding-bottom: 0; }

    .btn {
        padding: 14px 28px;
        font-size: 16px;
    }

    /* Services Section */
    .services-section {
        padding: 60px 20px;
    }

    .services-container {
        gap: 40px;
    }

    .services-grid {
        gap: 32px;
    }

    .services-row {
        gap: 24px;
    }

    .service-card {
        width: 100%;
        max-width: 600px;
        min-height: unset;
    }

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

    .card-content p {
        font-size: 18px;
    }

    /* About Section */
    .about-section {
        padding: 60px 20px;
    }

    .about-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 40px;
    }

    .about-content {
        max-width: 100%;
    }

    .about-image {
        width: 100%;
        max-width: 400px;
        padding-top: 0;
    }

    .about-title {
        font-size: 2.5rem;
    }

    .about-description {
        font-size: 18px;
    }

    /* Clients Section */
    section.clients-section {
        padding: 60px 20px;
    }

    .clients-container {
        gap: 40px;
    }

    .clients-header {
        gap: 24px;
    }

    .clients-grid {
        gap: 15px;
    }

    .client-logo {
        width: 180px;
        height: 100px;
        padding: 16px;
    }

    .clients-title {
        font-size: 2.5rem;
    }

    /* CTA Section */
    section.cta-section {
        padding: 60px 20px;
    }

    .cta-content {
        gap: 24px;
    }

    .cta-header {
        gap: 12px;
    }

    .cta-title {
        font-size: 2.5rem;
    }

    .cta-subtitle {
        font-size: 1.25rem;
    }

    /* Inner Page Banner */
    .banner-nav {
        padding: 20px 30px;
    }

    .nav-container {
        gap: 20px;
        text-align: center;
    }

    .nav-menu {
        gap: 20px;
    }

    .nav-links {
        gap: 20px;
    }

    .logo-img {
        width: 180px;
        height: 32px;
    }

    .banner-content {
        padding: 0;
    }

    .banner-title {
        font-size: 2.5rem;
    }

    .banner-subtitle {
        font-size: 1.25rem;
    }

    /* Strategy Content Section */
    .strategy-content-container {
        padding: 0;
        gap: 40px;
        flex-direction: column;
    }

    .strategy-text-overlay {
        padding: 24px;
    }

    .strategy-description {
        font-size: 18px;
    }

    /* Strategy Services Section */
    .strategy-services-section {
        padding: 60px 0px;
    }

    .strategy-services-container {
        gap: 25px;
    }

    .card-header {
        padding: 20px;
    }

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

    .card-content {
        padding: 30px 20px;
    }

    .content-wrapper {
        gap: 20px;
    }

    .card-description {
        font-size: 18px;
    }

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

    .feature-item {
        padding-left: 20px;
    }

    /* Why Choose Section */
    .why-choose-section {
        padding: 60px 0px;
    }

    .why-choose-container {
        flex-direction: column;
        gap: 40px;
    }

    .why-choose-left {
        width: 100%;
        text-align: center;
    }

    .why-choose-title {
        font-size: 36px;
    }

    .why-choose-image {
        align-self: center;
    }

    .why-choose-right {
        width: 100%;
        gap: 40px;
    }

    .feature-card {
        gap: 16px;
    }

    .feature-content {
        width: 100%;
    }

    .feature-title {
        font-size: 22px;
    }

    /* Marketing Channels Section */
    .marketing-channels-section {
        padding: 30px 0px 40px;
    }

    .channels-content {
        padding: 40px 20px;
        border-radius: 40px 0 0 0;
    }

    .channels-header {
        gap: 24px;
    }

    .channels-title {
        font-size: 36px;
    }

    .channels-description {
        font-size: 18px;
    }

    .channels-grid {
        gap: 40px;
        flex-direction: column;
        align-items: center;
    }

    .channels-column {
        width: auto !important;
        min-width: 200px;
    }

    .channel-name {
        font-size: 18px;
    }

    /* Team Section */
    .team-section {
        padding: 60px 0px;
    }

    .team-container {
        gap: 24px;
    }

    .team-header {
        gap: 12px;
    }

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

    .team-description {
        font-size: 16px;
    }

    .team-grid {
        flex-wrap: wrap;
        gap: 24px;
        justify-content: center;
    }

    .team-grid-centered {
        padding: 0;
    }

    .team-member {
        width: 180px;
    }

    .member-photo {
        height: 180px;
    }

    .member-name {
        font-size: 18px;
    }

    .member-title {
        font-size: 16px;
    }

    /* Contact Section */
    .contact-section {
        padding: 60px 0px;
    }

    .contact-container {
        flex-direction: column;
        gap: 40px;
    }

    .contact-info {
        width: 100%;
    }

    .contact-form {
        width: 100%;
    }

    .contact-divider {
        width: 100%;
        height: 2px;
    }

    .contact-title,
    .form-title {
        font-size: 36px;
    }

    .form-row {
        flex-direction: column;
        gap: 16px;
    }

    .contact-text,
    .address-text span {
        font-size: 18px;
    }

    /* Footer Section */
    .footer-section {
        padding: 40px 30px;
    }

    .footer-container {
        gap: 40px;
    }

    .footer-content {
        flex-direction: column;
        gap: 40px;
    }

    .newsletter-section {
        width: 100%;
    }

    .footer-links {
        gap: 30px;
    }

    .footer-column:first-child {
        width: auto;
    }

    .credits-content {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    .copyright-section {
        flex-direction: column;
        gap: 16px;
    }

    .legal-links {
        gap: 16px;
    }
    .content-right { width: 100%; } 
    .hero-image { margin: 0 auto; } 
    section.hero-section { padding: 150px 0 80px 0px; }
    .main-navigation button.menu-toggle { display: flex; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; z-index: 1001; position: relative; width: 30px; height: 24px; } 
    button.menu-toggle .bar { width: 100%; height: 3px; background-color: white; transition: all 0.3s ease; } 
    /* Open state */ 
    .toggled .menu-toggle .bar:nth-child(1) { transform: rotate(45deg) translate(6px, 5px); } 
    .toggled .menu-toggle .bar:nth-child(2) { opacity: 0; } 
    .toggled .menu-toggle .bar:nth-child(3) { transform: rotate(-45deg) translate(6px, -5px); } 
    .menu-main-menu-container { position: absolute; top: 100%; left: 0; right: 0; background-color: #023255; display: none; flex-direction: column; padding: 30px 25px; z-index: 1000; } 
    .menu-main-menu-container>ul { flex-flow: column; } 
    .main-navigation ul#primary-menu>li { width: 100%; } 
    .main-navigation ul#primary-menu>li>a { width: 100%; display: block; text-align: left; padding: 10px 0px 10px 0px; } 
    .main-navigation.toggled .menu-main-menu-container { display: flex; }
    .main-navigation ul.sub-menu { position: relative; border-radius: 0px; padding: 10px 0; }
    .nav-menu-outer { gap: 24px; }
    .strategy-card .card-header { padding: 24px 50px 22px 15px; } 
    .strategy-card .card-header:before, .strategy-card .card-header:after { right: 15px; }
    .contact-form form{padding-right: 0px;}
    
    .slide {
        padding: 30px 20px;
      }
    
      .group-g-section h2 {
        font-size: 24px;
      }
      section.page-navigator-section { padding: 60px 0 70px 0; } 
      .page-navigator-text p { font-size: 16px; } 
      .page-navigator-text ul li { font-size: 16px;  } 
      .page-navigator-text ul { margin-bottom: 25px; }
      .section-nav .section-nav-link { font-size: 18px; } 
      .section-nav { gap: 24px; } 
      section#Group_G_Guarantee { padding: 60px 0px 70px 0px; } 
      .group-g-section .subtitle { font-size: 16px; margin-bottom: 30px; } 
      section.text-section .banner-title { font-size: 24px; } 
      section.text-section .description p { font-size: 16px; margin-bottom: 20px; } 
      section.text-section { padding: 60px 0 45px 0; }
      section#Group_G_Guarantee .slick-dots { display: flex; justify-content: center; gap: 7px; } 
      section#Group_G_Guarantee .slick-dots>li { display: block; } 
      section#Group_G_Guarantee .slick-dots>li button { font-size: 0; padding: 0; border: 0; height: 10px; width: 10px; border-radius: 50%;background: rgb(255 255 255 / 50%);} 
      section#Group_G_Guarantee .slick-dots>li.slick-active button { background: #fff;}
      .slide h3{font-size: 22px;}
      .channels-grid > ul li { width: calc(50% - 12px); }
      .contact-icon { font-size: 22px; min-width: 24px; } 
      .contact-item>a { gap: 12px; }
}
@media (max-width: 599px) {
    .custom-arrow { display: none; } .slider-wrapper { padding: 0; }
}
/* Mobile (480px and below) */
@media (max-width: 479px) {
    /* Hero Section */
    .hero-content {
        padding: 0px 0px;
    }

    .hero-title {
        font-size: 2rem;
    }

    .hero-subtitle {
        font-size: 1rem;
    }

    .cta-buttons {
        flex-direction: column;
        width: 100%;
    }

    .btn {
        width: 100%;
        padding: 16px 24px;
    }

    /* Services Section */
    .services-section {
        padding: 40px 25px;
    }

    .services-title {
        font-size: 1.75rem;
    }

    .services-description {
        font-size: 1rem;
    }

    .card-header {
        padding: 20px;
    }

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

    .card-content {
        padding: 0 20px;
    }

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

    /* About Section */
    .about-section {
        padding: 40px 25px;
    }

    .about-container {
        gap: 30px;
    }

    .about-title {
        font-size: 2rem;
    }

    .about-subtitle {
        font-size: 18px;
    }

    .about-description {
        font-size: 16px;
    }

    .about-image {
    }

    .btn-outline {
        padding: 14px 28px;
        font-size: 16px;
    }

    /* Clients Section */
    .clients-section {
        padding: 40px 16px;
    }

    .clients-container {
        gap: 30px;
    }

    .clients-header {
        gap: 20px;
    }

    .clients-grid {
        gap: 20px;
    }

    .client-logo {
        width: 150px;
        height: unset;
        padding: 0px;
        min-height: unset;
    }

    .clients-title {
        font-size: 2rem;
    }

    /* CTA Section */
    .cta-section {
        padding: 40px 16px;
    }

    .cta-content {
        gap: 20px;
    }

    .cta-header {
        gap: 10px;
    }

    .cta-title {
        font-size: 2rem;
    }

    .cta-subtitle {
        font-size: 1.125rem;
    }

    .cta-button {
        width: 100%;
    }

    .cta-button .btn {
        width: 100%;
        padding: 16px 24px;
    }

    /* Inner Page Banner */
    .banner-nav {
        padding: 16px 20px;
    }

    .nav-container {
        gap: 16px;
    }

    .nav-menu {
        gap: 16px;
    }

    .nav-links {
        gap: 16px;
    }

    .nav-text {
        font-size: 14px;
    }

    .btn-outline-nav {
        padding: 10px 20px;
        font-size: 14px;
    }

    .banner-content {
        padding: 0;
    }

    .banner-title {
        font-size: 2rem;
    }

    .banner-subtitle {
        font-size: 1.125rem;
    }

    /* Strategy Content Section */
    .strategy-content-container {
        padding: 0;
        gap: 20px;
    }

    .strategy-text-overlay {
        padding: 20px;
    }

    .strategy-description {
        font-size: 16px;
    }

    /* Strategy Services Section */
    .strategy-services-section {
        padding: 40px 0px;
    }

    .strategy-services-container {
        gap: 20px;
    }

    .card-header {
        padding: 16px;
    }

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

    .card-content {
        padding: 20px 16px;
    }

    .content-wrapper {
        gap: 16px;
    }

    .card-description {
        font-size: 16px;
    }

    .feature-text {
        font-size: 16px;
    }

    .feature-item {
        padding-left: 16px;
    }

    /* Why Choose Section */
    .why-choose-section {
        padding: 40px 0px;
    }

    .why-choose-container {
        gap: 30px;
    }

    .why-choose-left {
        gap: 30px;
    }

    .why-choose-title {
        font-size: 28px;
    }

    .why-choose-image {
        width: 220px;
        height: 240px;
    }

    .why-choose-right {
        gap: 30px;
    }

    .feature-card {
        gap: 12px;
    }

    .feature-content {
        gap: 12px;
    }

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

    .feature-description {
        font-size: 15px;
    }

    /* Marketing Channels Section */
    .marketing-channels-section {
        padding: 20px 0px 30px;
    }

    .channels-content {
        padding: 30px 16px;
        border-radius: 30px 0 0 0;
    }

    .channels-header {
        gap: 20px;
    }

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

    .channels-description {
        font-size: 16px;
    }

    .channels-grid {
        gap: 30px;
    }

    .channels-column {
        min-width: 180px;
    }

    .channel-item {
        gap: 8px;
    }

    .channel-bullet {
        width: 6px;
        height: 6px;
    }

    .channel-name {
        font-size: 16px;
    }

    /* Team Section */
    .team-section {
        padding: 40px 0px;
    }

    .team-container {
        gap: 20px;
    }

    .team-header {
        gap: 10px;
    }

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

    .team-description {
        font-size: 14px;
    }

    .team-grid {
        gap: 20px;
    }

    .team-member {
        width: 160px;
    }

    .member-photo {
        height: 160px;
    }

    .member-info {
        gap: 6px;
    }

    .member-name {
        font-size: 16px;
    }

    .member-title {
        font-size: 14px;
    }

    /* Contact Section */
    .contact-section {
        padding: 40px 0px;
    }

    .contact-container {
        gap: 30px;
    }

    .contact-info {
        gap: 24px;
    }

    .contact-details {
        gap: 20px;
    }

    .contact-title,
    .form-title {
        font-size: 28px;
    }

    .contact-text,
    .address-text span {
        font-size: 16px;
    }

    .form-input,
    .form-select,
    .form-textarea {
        font-size: 14px;
        padding: 10px 16px;
    }
    .contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form input[type="tel"], .contact-form form select { margin-bottom: 15px; } 
    .contact-form form .wpcf7-form-control-wrap{margin-bottom: 30px;}
    .submit-button {
        padding: 10px 24px;
        font-size: 16px;
    }

    /* Footer Section */
    .footer-section {
        padding: 30px 0px;
    }

    .footer-container {
        gap: 30px;
    }

    .footer-content {
        gap: 30px;
    }

    .newsletter-form-container {
        flex-direction: column;
        gap: 12px;
    }

    .newsletter-button {
        width: 100%;
    }

    .footer-links {
        gap: 20px 0px;
        flex-wrap: wrap;
        width: 100%;
    }

    .footer-column {
        gap: 12px;
        width: 50%;
        text-align: center;
        flex: unset;
    }

    .footer-column-title {
        font-size: 14px;
    }

    .footer-link {
        font-size: 13px;
    }

    .copyright-text,
    .legal-link {
        font-size: 12px;
    }
    .content-right { width: 100%; } 
    .hero-image { margin: 0 auto; } 
    section.hero-section { padding: 120px 0 60px 0px; } 
    section.clients-section { padding: 60px 25px; } 
    section.cta-section { padding: 60px 0px; } 
    .newsletter-form-inner { flex-flow: column; } 
    .newsletter-form-inner input[type="submit"] { width: 100%; } 
    .footer-column.follow-us { flex: unset; align-items: center; }
    p.newsletter-disclaimer { text-align: center; } 
    .newsletter-form form .newsletter-title { text-align: center; } 
    .footer-logo { margin: 0 auto; } 
    .footer-column:first-child { width: 50%; }
    .nav-logo { max-width: 165px; } 
    header#masthead .btn { padding: 8px 10px; font-size: 16px; } 
    .nav-menu-outer { gap: 15px; } 
    .site-branding img { width: 100%; } 
    header#masthead { padding: 25px 0; }
    header#masthead.site-header.fixed{padding: 15px 0;}
    section.inner-page-banner { padding: 140px 0 60px 0; } 
    .strategy-description p { margin-bottom: 20px; } 
    section.strategy-content-section { padding: 60px 0px; } 
    .strategy-card .card-header { padding: 24px 50px 22px 0px; } 
    .strategy-card .card-content { padding: 25px 0px 20px; } 
    .strategy-card .card-content ul { padding-left: 5px; } 
    .strategy-card .card-content ul>li:before { height: 6px; width: 6px; left: 0; top: 11px; } 
    .strategy-card .card-content ul>li { margin-bottom: 15px; }
}