@font-face {
    font-family: 'OverusedGrotesk';
    src: url('../fonts/OverusedGrotesk-Black.ttf') format('ttf');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'OverusedGrotesk';
    src: url('../fonts/OverusedGrotesk-Medium.ttf') format('ttf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'OverusedGrotesk';
    src: url('../fonts/OverusedGrotesk-ExtraBold.ttf') format('ttf');
    font-weight: 900;
    font-style: normal;
}

body {
    margin: 0;
    font-family: 'OverusedGrotesk', sans-serif;
}

textarea::placeholder {
    font-family: sans-serif;
}

/* Top Notification Bar */
.agrippon_topbar {
    background-color: #2065D1;
    text-align: center;
    padding: 4px 0;
    color: #FFFFFF;
    position: relative;
    line-height: 24px;
    font-size: 14px;
}

.agrippon_topbar .container {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}

.agrippon_topbar span {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.2px;
}

.topbar-close {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 22px;
    text-decoration: none;
    line-height: 1;
    opacity: 0.8;
    padding: 0 5px;
    font-weight: 300;
}

.topbar-close:hover {
    opacity: 1;
}

.menu-toggle {
    display: none;
    font-size: 28px;
    cursor: pointer;
    position: relative;
}

.menu-toggle .hamburger-icon,
.menu-toggle .close-icon {
    transition: opacity 0.3s ease;
}

.menu-toggle .close-icon {
    opacity: 0;
    position: absolute;
    top: 8px;
    left: 4px;
    font-size: 20px;
}

/* Update the selectors to target the menu toggle when nav is shown */
.agrippon_nav.show + .menu-toggle .hamburger-icon,
.agrippon_nav.show ~ .menu-toggle .hamburger-icon {
    opacity: 0;
}

.agrippon_nav.show + .menu-toggle .close-icon,
.agrippon_nav.show ~ .menu-toggle .close-icon {
    opacity: 1;
}

/* Add a class to handle the icon state directly on the menu toggle */
.menu-toggle.active .hamburger-icon {
    opacity: 0;
}

.menu-toggle.active .close-icon {
    opacity: 1;
}

/* Header */
.agrippon_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    padding: 15px 16px;
}

.main_header_sec {
    box-shadow: 0px 4px 30px 0px #0000000F;
    background-color: #fff;
    position: sticky;
    top: 0;
    z-index: 9999;
}

.agrippon_nav {
    text-align: center;
    display: flex;
    justify-content: center;
    flex: 1;
    padding-left: 35px;
}

.agrippon_nav a:hover {
    color: #2065d1;
}

.agrippon_logo {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: bold;
    font-size: 20px;
    color: #1e73e8;
}

.agrippon_logo img {
    height: 40px;
}

.agrippon_nav a {
    margin: 0 20px;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
    color: #2A3349;
    padding: 5px 0;
    position: relative;
}

.agrippon_nav a.active {
    color: #2065D1;
    font-weight: 600;
}

.agrippon_nav a.active:after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #2065D1;
}

.agrippon_actions {
    display: flex;
    gap: 12px;
}

.agrippon_btn_outline {
    background: white;
    color: #03B2E9;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid #03B2E9;
    border-radius: 50px;
    padding: 10px 25px;
    font-size: 15px;
    line-height: 24px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
}

.agrippon_btn_outline:hover {
    background-color: rgba(3, 178, 233, 0.05);
}

.agrippon_btn_primary {
    background: #2065D1;
    border: none;
    border-radius: 50px;
    padding: 10px 35px;
    cursor: pointer;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
}

.agrippon_btn_primary:hover {
    background: #1854b1;
}

.container {
    margin: 0 auto;
    max-width: 1440px;
    padding-left: 15px;
    padding-right: 15px;
}

.logo-center {
    margin: 0 15px;
}

/* Hero Section */
.agrippon_hero::before,
section.padding_btm.agrippon_hero::before {
    content: "";
    background-image: url(../image/Ellipse.png);
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    background-size: cover;
    z-index: -1;
    background-repeat: no-repeat;
}

section.agrippon-section.padding_btm {
    position: relative;
}

section.padding_btm.bg_color_left_right {
    background: linear-gradient(to right, #f8f9fb 0%, #e9f4fb 20%, #ffffff 50%, #e9f4fb 80%, #f8f9fb 100%);
}

.agrippon_hero {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 80px;
    position: relative;
}

.agrippon_hero_content {
    max-width: 749px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 40px;
}

.agrippon_hero_content .agrippon_welcome {
    color: #03B2E9;
    border: 1px solid #03B2E9;
    padding: 10px 16px;
    border-radius: 120px;
    max-width: fit-content;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

section.bg_color_left {
    background: linear-gradient(to right, #f8f9fb 0%, #e9f4fb 20%, #ffffff 50%, #e9f4fb 80%, #f8f9fb 100%);
}

section.agrippon-section.padding_btm {
    background: linear-gradient(to right, #f8f9fb 0%, #e9f4fb 20%, #ffffff 50%, #e9f4fb 80%, #f8f9fb 100%);
}

.agrippon_title,
.agrippon_title_sub {
    font-size: 45px;
    font-family: 'OverusedGrotesk', sans-serif;
    color: #2065D1;
    margin-bottom: 16px;
    line-height: 60px;
    margin-top: 0px;
}

.agrippon_title_sub {
    font-size: 36px;
    line-height: 50px;
}

.agrippon_subtitle {
    font-size: 26px;
    color: #1e3ea8;
    margin-bottom: 20px;
}

.agrippon_features {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.agrippon_features li {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    color: #475467;
    line-height: 22px;
}

.agrippon_offices {
    font-size: 20px;
    display: block;
    border: 1px solid #0AC683;
    max-width: max-content;
    margin: 0 auto;
    background-color: #CEF4E6;
    color: #0AC683;
    padding: 12px 22px;
    border-radius: 10px;
}

.agrippon_office_count {
    color: #0AC683;
    font-weight: bold;
    margin-right: 8px;
    font-size: 22px;
}

.agrippon_dwayne_img img {
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.agrippon_dwayne_img img,
.features-grid img {
    width: 100%;
}

.agrippon-advantages-section .features-grid .feature-card img {
    width: 70px;
}

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

.problem-solution-container .info-card {
    box-shadow: -9.52px 9.52px 23.8px 0px #01303F1F;
    padding: 20px;
    max-width: 480px;
    flex: 20%;
    background-color: #fff;
    border-radius: 16px;
}

.problem-solution-container h2.card-title {
    text-align: center;
    color: #2065D1;
    font-size: 36px;
    line-height: 54px;
    margin: 0;
    padding-bottom: 36px;
}

.problem-solution-container ul.card-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.problem-solution-container ul.card-list li {
    display: flex;
    align-items: center;
    background-color: #F9FAFB;
    padding: 24px;
    margin-bottom: 12px;
    gap: 10px;
    border-radius: 10px;
}

.product_showcase_sec .agrippon-advantages-section .features-grid {
    max-width: 65%;
}

.product_showcase_sec .agrippon-advantages-section .advantages-text {
    max-width: 40%;
}

.product_showcase_sec .features-grid img {
    width: 100%;
}

.agrippon-section .agrippon_hero_content p {
    font-size: 16px;
    line-height: 22px;
    color: #475467;
}

.problem-solution-container ul.card-list li span {
    font-size: 24px;
    line-height: 36px;
    color: #1D2939;
}

.agrippon-advantages-section {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
}

.agrippon-advantages-section .advantages-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.agrippon-advantages-section .advantages-text {
    max-width: 500px;
    flex: 23%;
}

.agrippon-advantages-section .advantages-text h2 {
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    color: #0052cc;
    line-height: 42px;
    margin-bottom: 20px;
}

body .zcwf_lblLeft .zcwf_col_fld {
    width: 100%;
}

input.zcwf_button[type="reset"] {
    display: none;
}
input#formsubmit {
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 15px 20px;
    background-color: #1e50c8;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s 
ease, transform 0.2s 
ease;
    max-width: 100%;
}
body .zcwf_lblLeft .zcwf_col_fld input[type=text], body input[type=password], body .zcwf_lblLeft .zcwf_col_fld textarea {
    width: 60%;
    border: 1px solid #c0c6cc !important;
    resize: vertical;
    border-radius: 2px;
    float: left;
    width: 100%;
    padding: 14px 18px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    font-size: 16px;
    transition: border-color 0.3s 
ease, box-shadow 0.3s 
ease;
    box-sizing: border-box;
    background-color: #f8f9fa;
    border-left-color: rgb(202, 209, 218);
    box-shadow: rgba(30, 80, 200, 0.004) 0px 0px 0px 0.0731291px;
    border-right-color: rgb(202, 209, 218);
    border-top-color: rgb(202, 209, 218);
    border-bottom-color: rgb(202, 209, 218);
}
.close-button {
    position: absolute;
    right: 0px;
}

#crmWebToEntityForm.zcwf_lblLeft * {
    font-size: 14px;
}
.zcwf_col_lab {
    max-width: 100%;
    width: 100% !important;
}
.close-button svg {
    max-width: 40px;
    height: auto;
    margin-left: auto;
    display: block;
    padding: 10px;
}
.contact-form-popup-wrapper {
    position: relative;
}
.agrippon-advantages-section .advantages-text p {
    font-size: 16px;
    color: #475467;
    margin-bottom: 24px;
    line-height: 26px;
    font-weight: 500;
}
.zcwf_title {
    display: none;
}
.contact-form-popup {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: none;
    background: #ffffffb5;
    z-index: 9999999999;
}
.contact-form-popup-wrapper {
    margin: auto;
    width: 500px;
    max-width: 100%;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #00000057;
    overflow: hidden;
}
.agrippon-advantages-section .get-started-btn {
    display: inline-block;
    background-color: #1a73e8;
    color: white;
    padding: 12px 20px;
    border-radius: 24px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: max-content;
    font-size: 16px;
}

.agrippon-advantages-section .get-started-btn:hover {
    background-color: #155ab6;
}

.agrippon-advantages-section .features-grid {
    display: flex;
    flex-wrap: wrap;
    max-width: 834px;
    gap: 24px;
    justify-content: space-between;
}

.agrippon-advantages-section .feature-card {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    max-width: 363px;
    box-shadow: -9.52px 9.52px 23.8px 0px #01303F1F;
}

.agrippon-advantages-section .feature-card h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 33px;
    color: #1D2939;
    margin: 0;
    padding-top: 15px;
}

.agrippon-advantages-section .feature-card p {
    font-size: 16px;
    color: #475467;
    font-weight: 500;
    line-height: 26px;
}

.reports_sec {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}

.reports_sec .w-50 {
    width: 48%;
}

.reports_sec .box_border_sec h2 {
    margin: 0;
    font-size: 28px;
    line-height: 42px;
    color: #2065D1;
    font-weight: 600;
}

.reports_sec .box_border_sec p,
.agrippon_hero_content p {
    font-size: 16px;
    line-height: 24px;
    color: #475467;
    font-weight: 500;
}

.reports_sec .w-50 img {
    width: 100%;
}

.padding_btm {
    padding-bottom: 80px;
}

.padding_btm_4 {
    padding-bottom: 40px;
}

.all_clients_sec {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}


.all_clients_sec .all_clients_sec_list {
    max-width: 420px;
    width: 100%;
    border-radius: 16px;
    flex: 28%;
    border: 2px solid transparent;
    padding: 20px;
    box-shadow: -9.52px 9.52px 23.8px 0px #01303F1F;
    background-color: #fff;
    transition: all 0.3s ease;
}

.all_clients_sec .all_clients_sec_list:hover {
    border: 2px solid #03B2E9;
    background-color: #E5F7FD;
}

.all_clients_sec .all_clients_sec_list p {
    font-size: 18px;
    line-height: 28px;
    color: #475467;
    margin: 0;
}

.all_clients_sec .all_clients_sec_list h3 {
    font-size: 18px;
    margin: 0;
    color: #344054;
    padding-top: 20px;
    padding-bottom: 5px;
}

.all_clients_sec .all_clients_sec_list p.text {
    color: #667085;
}

.feature_highlights_sec .advantages-wrapper {
    display: flex;
    gap: 40px;
    align-items: center;
}

.feature_highlights_sec .advantages-wrapper .feature_list_sec h2 {
    font-size: 28px;
    line-height: 42px;
    color: #2065D1;
    margin: 0;
    padding-bottom: 20px;
}

.feature_highlights_sec .advantages-wrapper .numbar_list_Sec {
    list-style: auto;
    padding: 0;
    margin: 0;
    padding-left: 24px;
}

.feature_highlights_sec .advantages-wrapper ul.numbar_list_Sec li {
    font-size: 20px;
    color: #475467;
    line-height: 30px;
    padding-bottom: 15px;
}

.feature_highlights_sec .advantages-text,
.feature_highlights_sec .features-grid {
    width: 50%;
}

.agrippon-cta-footer {
    /* background: linear-gradient(-45deg, #0666e5, #03B2E9, #23a6d5, #12d8fa); */
    background: #2065D1  !important;
    color: #fff;
    text-align: center;
    padding-top: 30px;
}

.footer-bottom p b {
    color: #000;
}
body.popup-open .contact-form-popup {
    display: flex;
}
.subscribe_sec {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    padding-bottom: 30px;
}

.cta-box {
    text-align: center;
    width: 100%;
}
.cta-box .bg_color_btn-1{
    margin: 0 auto;
}

.cta-box h3 {
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    line-height: 45px;
    padding-bottom: 10px;
}

.cta-button {
    background-color: #00c2f0;
    color: #fff;
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.3s ease;
    box-shadow: 0px 0px 10px 0px #00000040 inset;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: max-content;
}

.cta-button:hover {
    background-color: #00aad4;
}

.newsletter-form input[type="email"] {
    padding: 14px 16px;
    border: none;
    border-radius: 24px;
    font-size: 16px;
    outline: none;
    width: 100%;
    margin-bottom: 20px;
    background-color: #1F255B;
    color: #fff;
}

form.newsletter-form {
    margin-bottom: 0;
}

.newsletter-form button {
    background-color: #fff;
    color: #2065D1;
    border: none;
    padding: 16px 29px;
    border-radius: 50px;
    font-weight: 6;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.newsletter-form input::placeholder {
    color: #fff;
}

.bg_color_btn-1 {
    padding: 10px;
    max-width: max-content;
    border-radius: 8px;
    background: #03B2E933;
}

.bg_color_btn-2 {
    padding: 8px;
    background: #03B2E933;
    max-width: max-content;
    border-radius: 8px;
}

.footer-bottom {
    font-size: 16px;
    color: #03B2E9;
    line-height: 24px;
    margin: 0;
    padding: 20px 10px;
    border-top: 1px solid #434A92;
}

.footer-bottom p {
    margin: 0;
}

.page_header_section {
    background: #D5E6F2;
    padding: 70px 0;
    position: relative;
    overflow: hidden;
    background-image: url(../image/Slider.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.page_header_content {
    text-align: center;
}

.page_header_content h1 {
    font-size: 52px;
    font-weight: 800;
    color: #131821;
    line-height: 78px;
    margin: 0;
    margin-bottom: 20px;
}

.breadcrumb {
    font-size: 18px;
    line-height: 24px;
}

.breadcrumb a {
    color: #00aaff;
    text-decoration: none;
    padding-right: 6px;
    font-size: 18px;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.advantages-text span {
    color: #131821;
    padding-left: 6px;
}


.breadcrumb .Arrow_size {
    font-size: 24px;
    padding-right: 4px;
    color: #131821;
}

.subscribe_sec .cta-box.border_right {
    border-right: 1px solid #434A92;
}

.contact_us_section,
section.Casestudy_section {
    background: #f9fbfd;
    background: linear-gradient(to right, #f8f9fb 0%, #e9f4fb 20%, #ffffff 50%, #e9f4fb 80%, #f8f9fb 100%);
}

.Casestudy_wrapper {
    position: relative;
    padding-bottom: 40px;
    top: -30px;
}

.contact_us_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08);
}

.contact_us_form {
    flex: 1 1 50%;
}

.contact_us_image {
    flex: 1 1 40%;
    text-align: center;
}

.contact_us_image img {
    max-width: 100%;
    height: auto;
}

.contact-form-title {
    font-size: 32px;
    color: #1e50c8;
    margin-bottom: 8px;
    font-weight: 700;
}

.contact-form-subtitle {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
}

.form_group {
    margin-bottom: 24px;
}

.form_group label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.input-wrapper:focus-within {
    border-color: #1e50c8;
    box-shadow: 0 0 0 3px rgba(30, 80, 200, 0.1);
}

.input-icon {
    color: #1e50c8;
    position: absolute;
    left: 15px;
    font-size: 16px;
}

.textarea-icon {
    top: 15px;
}

.form_group input,
.form_group textarea {
    width: 100%;
    padding: 15px 15px 15px 45px;
    border: none;
    background: none;
    outline: none;
    font-size: 16px;
    color: #333;
}

.form_group textarea {
    min-height: 120px;
    resize: vertical;
    padding-top: 15px;
    padding-bottom: 15px;
}

.submit_btn {
    background: #1e50c8;
    color: white;
    border: none;
    border-radius: 8px;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.submit_btn span {
    margin-right: 10px;
}

.submit_btn:hover {
    background: #1644b5;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(30, 80, 200, 0.2);
}

.submit_btn:active {
    transform: translateY(0);
}

.contact_us_info {
    display: flex;
    flex-direction: column;
    background: linear-gradient(145deg, #1e50c8, #3a6fe9);
    color: white;
    border-radius: 15px;
    overflow: hidden;
}

.contact-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 15px 15px 0 0;
    max-height: 250px;
}

.contact-details {
    padding: 30px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.contact-details h3 {
    font-size: 24px;
    margin-bottom: 25px;
    font-weight: 700;
}

.contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.contact-item i {
    margin-right: 15px;
    font-size: 18px;
    width: 24px;
    text-align: center;
    color: #78d9ff;
}

.contact-item a {
    color: white;
    text-decoration: none;
    transition: all 0.3s ease;
}

.contact-item a:hover {
    color: #78d9ff;
}

.social-media-links {
    margin-top: auto;
    display: flex;
    gap: 15px;
}

.social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    transition: all 0.3s ease;
}

.social-link:hover {
    background: white;
    color: #1e50c8;
    transform: translateY(-3px);
}

#formMessage div {
    border-radius: 8px;
    padding: 15px;
    margin-top: 20px;
    font-weight: 500;
}

/* Responsive styles for contact form */
@media (max-width: 992px) {
    .contact_us_wrapper {
        grid-template-columns: 1fr;
    }
    
    .contact_us_info {
        order: -1;
    }
}

@media (max-width: 576px) {
    .contact-form-title {
        font-size: 28px;
    }
    
    .contact_us_section {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .form_group input,
    .form_group textarea {
        font-size: 14px;
    }
    
    .contact-details {
        padding: 20px;
    }
}

/* About Us Page Styles */
.about-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.about-content p {
    font-size: 18px;
    line-height: 1.6;
    color: #2A3349;
    margin-bottom: 30px;
}

.impact-stats {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 40px;
}

.stat-card {
    text-align: center;
    padding: 30px;
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    min-width: 200px;
}

.stat-card h3 {
    font-size: 36px;
    color: #2065D1;
    margin: 0 0 10px 0;
}

.stat-card p {
    font-size: 16px;
    color: #2A3349;
    margin: 0;
}

.cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.hero-description {
    font-size: 20px;
    line-height: 1.5;
    color: #2A3349;
    max-width: 600px;
    margin: 20px auto;
}

/* Mission & Values Section Styles */
.mission-values-section {
    text-align: center;
}

.section-header {
    max-width: 800px;
    margin: 0 auto 60px;
}

.section-description {
    font-size: 18px;
    line-height: 1.6;
    color: #2A3349;
    margin-top: 20px;
}

.values-grid.three-layer {
    grid-template-columns: repeat(3, 1fr);
}
.values-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.value-card {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 40px 30px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
}

.value-card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.1);
}

.value-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F8F9FB;
    border-radius: 50%;
    padding: 20px;
}

.value-icon img {
    width: 75px;
    height: 75px;
    object-fit: contain;
}

.value-icon.value img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.value-card h3 {
    font-size: 24px;
    color: #2065D1;
    margin: 0 0 15px 0;
    font-weight: 600;
}

.value-card p {
    font-size: 16px;
    line-height: 1.6;
    color: #2A3349;
    margin: 0;
}

/* Responsive styles for Mission & Values section */
@media (max-width: 1200px) {
    .values-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .mission-values-section {
        padding: 0 0 60px 0;
    }

    .section-header {
        margin-bottom: 40px;
        padding: 0 20px;
    }

    .values-grid, .values-grid.three-layer {
        grid-template-columns: 1fr;
        max-width: 400px;
    }

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

/* Footer Styles */
.agrippon-footer {
    background-color: #F8F9FB;
    padding: 80px 0 0;
    margin-top: 80px;
}

.footer-content {
    display: grid;
    grid-template-columns: 2fr 1fr 1.5fr 1.5fr;
    gap: 40px;
    margin-bottom: 60px;
}

.footer-section {
    padding: 0 20px;
}

.footer-logo img {
    height: 40px;
    margin-bottom: 20px;
}

.footer-description {
    font-size: 16px;
    line-height: 1.6;
    color: #2A3349;
    margin-bottom: 30px;
}

.social-links {
    display: flex;
    align-items: center;
    gap: 10px;
}
.social-links img{
    filter: invert(1);
    cursor: pointer;
}

.social-link {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 50%;
    transition: transform 0.3s ease;
}

.social-link:hover {
    transform: translateY(-3px);
}

.social-link img {
    width: 20px;
    height: 20px;
}

.footer-section h3 {
    font-size: 20px;
    color: #2065D1;
    margin-bottom: 25px;
    font-weight: 600;
}

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

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

.footer-links a {
    color: #2A3349;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: #2065D1;
}

.contact-info {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-info li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 20px;
}

.contact-info img {
    width: 20px;
    height: 20px;
    margin-top: 3px;
}

.contact-info span {
    font-size: 16px;
    line-height: 1.6;
    color: #2A3349;
}

.newsletter-form {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.newsletter-form input {
    flex: 1;
    padding: 12px 15px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    font-size: 16px;
    outline: none;
}

.newsletter-form input:focus {
    border-color: #2065D1;
}

.subscribe-btn {
    background: #2065D1;
    color: #FFFFFF;
    border: none;
    padding: 12px 20px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.subscribe-btn:hover {
    background-color: #1a54b0;
}

.footer-bottom {
    border-top: 1px solid #E5E7EB;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-bottom p {
    /* color: #2A3349; */
    font-size: 16px;
    margin: 0;
}

.footer-bottom-links {
    display: flex;
    gap: 30px;
}

.footer-bottom-links a {
    color: #2A3349;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.3s ease;
}

.footer-bottom-links a:hover {
    color: #2065D1;
}

/* Responsive Footer Styles */
@media (max-width: 1200px) {
    .footer-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .agrippon-footer {
        padding: 60px 0 0;
        margin-top: 60px;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .footer-section {
        padding: 0;
    }

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

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

    .newsletter-form {
        flex-direction: column;
    }

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

/* Blue Footer Styles */
.agrippon-footer-blue {
    background: linear-gradient(-45deg, #0666e5, #03B2E9, #23a6d5, #12d8fa);
    color: #fff;
    padding: 70px 0 0 0;
    font-family: 'OverusedGrotesk', sans-serif;
}

.footer-blue-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    gap: 60px;
}

.footer-blue-left,
.footer-blue-right {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-blue-left h2,
.footer-blue-right h2 {
    font-size: 2.3rem;
    font-weight: 800;
    margin-bottom: 32px;
    line-height: 1.2;
    color: #fff;
}

.footer-blue-btn {
    display: inline-block;
    background: linear-gradient(90deg, #00c6fb 0%, #07f7f7 100%);
    color: #fff;
    font-weight: 700;
    font-size: 1.2rem;
    padding: 16px 36px;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 198, 251, 0.15);
    text-decoration: none;
    margin-top: 10px;
    transition: background 0.2s, box-shadow 0.2s;
    border: none;
}
.footer-blue-btn:hover {
    background: linear-gradient(90deg, #07f7f7 0%, #00c6fb 100%);
    box-shadow: 0 8px 32px rgba(0, 198, 251, 0.25);
}

.footer-blue-newsletter {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 18px;
}

.footer-blue-newsletter input[type="email"] {
    flex: 1;
    padding: 18px 28px;
    border-radius: 40px;
    border: none;
    font-size: 1.1rem;
    background: #1a2560;
    color: #fff;
    outline: none;
    margin-right: 0;
}
.footer-blue-newsletter input[type="email"]::placeholder {
    color: #fff;
    opacity: 0.8;
}

.footer-blue-newsletter button {
    background: #fff;
    color: #0666e5;
    font-weight: 700;
    font-size: 1.1rem;
    border: none;
    border-radius: 40px;
    padding: 18px 36px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-blue-newsletter button:hover {
    background: #e6f0ff;
    color: #0666e5;
}

.footer-blue-divider {
    border: none;
    border-top: 2px solid #fff;
    opacity: 0.2;
    margin: 60px 0 0 0;
}

.footer-blue-bottom {
    text-align: left;
    padding: 18px 40px 30px 40px;
    max-width: 1400px;
    margin: 0 auto;
    color: #002b5c;
    font-size: 1.05rem;
}

.footer-blue-bottom p {
    margin: 0;
    color: #002b5c;
    font-weight: 500;
}

.footer-blue-btn .arrow,
.footer-blue-newsletter button .arrow {
    font-size: 1.2em;
    margin-left: 8px;
    display: inline-block;
    transition: transform 0.2s;
}
.footer-blue-btn:hover .arrow,
.footer-blue-newsletter button:hover .arrow {
    transform: translateX(4px);
}

@media (max-width: 900px) {
    .footer-blue-content {
        flex-direction: column;
        gap: 40px;
        padding: 0 20px;
    }
    .footer-blue-left,
    .footer-blue-right {
        align-items: flex-start;
        width: 100%;
    }
    .footer-blue-bottom {
        padding: 18px 20px 30px 20px;
    }
}

@media (max-width: 600px) {
    .agrippon-footer-blue {
        padding: 40px 0 0 0;
    }
    .footer-blue-content {
        gap: 30px;
    }
    .footer-blue-left h2,
    .footer-blue-right h2 {
        font-size: 1.2rem;
        margin-bottom: 18px;
    }
    .footer-blue-btn,
    .footer-blue-newsletter button {
        font-size: 1rem;
        padding: 12px 18px;
    }
    .footer-blue-newsletter input[type="email"] {
        font-size: 1rem;
        padding: 12px 18px;
    }
    .footer-blue-divider {
        margin: 30px 0 0 0;
    }
}

/* Animations for index.html */
.animated-fadein {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(.4,0,.2,1), transform 0.8s cubic-bezier(.4,0,.2,1);
}
.animated-fadein.fadein-visible {
    opacity: 1;
    transform: none;
}
.animated-fadein-img {
    opacity: 0;
    transform: translateY(40px) scale(0.98);
    transition: opacity 1s cubic-bezier(.4,0,.2,1), transform 1s cubic-bezier(.4,0,.2,1);
}
.animated-fadein-img.fadein-visible {
    opacity: 1;
    transform: none;
}

.feature-animate {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s cubic-bezier(.4,0,.2,1), transform 0.6s cubic-bezier(.4,0,.2,1);
}
.feature-animate.feature-visible {
    opacity: 1;
    transform: none;
}

.animated-btn {
    transition: transform 0.18s cubic-bezier(.4,0,.2,1), box-shadow 0.18s cubic-bezier(.4,0,.2,1);
}
.animated-btn.btn-scale {
    transform: scale(1.07);
    box-shadow: 0 4px 24px rgba(32,101,209,0.10);
    z-index: 2;
}

.section-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: opacity 0.8s cubic-bezier(.4,0,.2,1), transform 0.8s cubic-bezier(.4,0,.2,1);
}
.agrippon-section, .bg_color_left, .padding_btm {
    padding-bottom: 80px;
}

/* Responsive tweaks for animation */
@media (max-width: 768px) {
    .animated-fadein, .animated-fadein-img {
        transition-duration: 0.6s;
    }
    .feature-animate {
        transition-duration: 0.4s;
    }
}

/* Aceternity-style Container Scroll Animation */
.scroll-animate-card {
    opacity: 0; /* Ensure initial opacity is set to 0 */
    transform: translateY(50px); /* Add initial transform value */
    transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), 
                transform 1s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.scroll-animate-card.in-view {
    opacity: 1;
    transform: translateY(0); /* Reset transform to none */
}

/* Animation variants for different elements */
.info-card.scroll-animate-card {
    transform: translateY(50px) scale(0.96);
    transition-duration: 0.8s;
}

.logo-center.scroll-animate-card {
    transform: translateY(30px);
}

.feature-card.scroll-animate-card {
    transform: translateY(40px) scale(0.92);
    transition-duration: 0.7s;
}

.box_border_sec.scroll-animate-card {
    /* transform: translateX(-40px); */
    transition-duration: 0.7s;
}

.all_clients_sec_list.scroll-animate-card {
    transform: translateY(50px) scale(0.97);
    transition-duration: 0.8s;
}

/* Delay animation for items in sequence */
.scroll-animate-card[data-index="0"] { transition-delay: 0s; }
.scroll-animate-card[data-index="1"] { transition-delay: 0.15s; }
.scroll-animate-card[data-index="2"] { transition-delay: 0.3s; }
.scroll-animate-card[data-index="3"] { transition-delay: 0.45s; }
.scroll-animate-card[data-index="4"] { transition-delay: 0.6s; }
.scroll-animate-card[data-index="5"] { transition-delay: 0.75s; }

/* Smooth out animation on mobile */
@media (max-width: 768px) {
    .scroll-animate-card {
        transition-duration: 0.5s;
    }
    
    .scroll-animate-card[data-index="0"] { transition-delay: 0s; }
    .scroll-animate-card[data-index="1"] { transition-delay: 0.1s; }
    .scroll-animate-card[data-index="2"] { transition-delay: 0.2s; }
    .scroll-animate-card[data-index="3"] { transition-delay: 0.3s; }
    .scroll-animate-card[data-index="4"] { transition-delay: 0.4s; }
    .scroll-animate-card[data-index="5"] { transition-delay: 0.5s; }
}

.reports_sec .box_border_sec {
    padding: 16px;
    border: 2px solid transparent;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.reports_sec .box_border_sec:hover {
    border: 2px solid #03B2E9;
    border-radius: 16px;
    background-color: #E5F7FD;
}

/* Advanced Animation Effects */

/* 1. Parallax Scrolling Effect */
.parallax-container {
    overflow: hidden;
    position: relative;
}

.parallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    z-index: -1;
    transform: translateZ(0);
    will-change: transform;
}

/* 2. Mouse-Follow Elements */
.mouse-follow-element {
    transition: transform 0.2s cubic-bezier(0.33, 1, 0.68, 1);
    transform-style: preserve-3d;
    will-change: transform;
}

/* 4. Text Reveal Effects */
.text-reveal {
    overflow: hidden;
}

.text-reveal span {
    display: inline-block;
    transform: none;
    opacity: 1;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
                opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.text-reveal.in-view span {
    transform: translateY(0);
    opacity: 1;
}

/* Sequential text reveal */
.text-reveal span:nth-child(1) { transition-delay: 0.05s; }
.text-reveal span:nth-child(2) { transition-delay: 0.1s; }
.text-reveal span:nth-child(3) { transition-delay: 0.15s; }
.text-reveal span:nth-child(4) { transition-delay: 0.2s; }
.text-reveal span:nth-child(5) { transition-delay: 0.25s; }
.text-reveal span:nth-child(6) { transition-delay: 0.3s; }
.text-reveal span:nth-child(7) { transition-delay: 0.35s; }
.text-reveal span:nth-child(8) { transition-delay: 0.4s; }
.text-reveal span:nth-child(9) { transition-delay: 0.45s; }
.text-reveal span:nth-child(10) { transition-delay: 0.5s; }

/* Number counter animation */
.number-counter {
    display: inline-block;
    font-weight: bold;
}

/* Card Flip Animation */
.flip-card {
    perspective: 1000px;
    width: 100%;
    height: 100%;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
}

.flip-card-front {
    background-color: #fff;
}

.flip-card-back {
    background-color: #2065D1;
    color: white;
    transform: rotateY(180deg);
}

/* Background Gradient Animation */
.gradient-bg {
    background: linear-gradient(-45deg, #0666e5, #03B2E9, #23a6d5, #12d8fa);
    background-size: 400% 400%;
    animation: gradientBG 15s ease infinite;
}

@keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* About Us Page New Styles */
.about-us-badge {
    display: inline-block;
    padding: 10px 30px;
    background-color: #ffffff;
    border-radius: 40px;
    margin-bottom: 20px;
    border: 1px solid #03B2E9;
}

.about-us-badge span {
    color: #03B2E9;
    font-size: 16px;
    font-weight: 500;
}

.about-title {
    font-size: 48px !important;
    line-height: 1.2 !important;
    margin-bottom: 30px !important;
    color: #2065D1 !important;
    letter-spacing: -0.5px;
}

.agrippon_hero .hero-description {
    font-size: 16px;
    line-height: 1.7;
    color: #475467;
    max-width: 800px;
    margin: 0 auto;
}

/* About Page Specific Styles */
.about-page .agrippon_hero {
    background-color: #f0f7ff;
    padding-top: 60px;
    padding-bottom: 100px;
}

.about-page .agrippon_hero_content {
    text-align: center;
}

.about-page .about-title {
    font-weight: 800;
}

@media (max-width: 768px) {
    .about-page .about-title {
        font-size: 36px !important;
    }
    
    .about-page .hero-description br {
        display: none;
    }
}

/* About Page Specific Styles */
.agrippon_hero {
    background-color: #f0f7ff;
    padding: 80px 0;
    text-align: center;
}

.hero-center-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 900px;
    margin: 0 auto;
}

.about-us-badge {
    display: inline-block;
    padding: 10px 40px;
    background-color: #ffffff;
    border-radius: 30px;
    margin-bottom: 40px;
    border: 1px solid #03B2E9;
    text-decoration: none;
}

.about-us-badge span {
    color: #03B2E9;
    font-size: 16px;
    font-weight: 500;
}

.about-title {
    font-size: 48px !important;
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
    color: #2065D1 !important;
    letter-spacing: -0.5px;
    font-weight: 800;
}

.about-subtitle {
    font-size: 48px !important;
    line-height: 1.2 !important;
    margin-top: 0 !important;
    margin-bottom: 40px !important;
    color: #2065D1 !important;
    letter-spacing: -0.5px;
    font-weight: 800;
}

.hero-description {
    font-size: 16px;
    line-height: 1.8;
    color: #475467;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

@media (max-width: 768px) {
    .about-title, .about-subtitle {
        font-size: 32px !important;
    }
    
    .hero-description {
        padding: 0 20px;
        font-size: 14px;
    }
}

/* ==========================================
   Contact Us Page Specific Styles V2 (Based on new image)
============================================ */

.contact_us_section.padding_btm {
    padding-top: 60px; /* Add some top padding */
    padding-bottom: 60px;
    background: linear-gradient(to bottom, #eaf4ff 0%, #ffffff 50%, #ffffff 100%); /* Subtle gradient background */
}

.contact_layout_v2 {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two equal columns */
    gap: 50px; /* Gap between form and illustration */
    align-items: flex-start; /* Vertically center items */
    background-color: #ffffff;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
    max-width: 100%;
    margin: 0 auto;
}

.contact_form_container {
    /* Styles for the left column (form) */
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.form_title_v2 {
    font-size: 28px;
    font-weight: 600;
    color: #1e50c8; /* Match button blue */
    margin-bottom: 10px;
}

.form_subtitle_v2 {
    font-size: 16px;
    color: #6c757d; /* Grey subtitle */
    margin-bottom: 35px;
}

.form_group_v2 {
    margin-bottom: 25px;
}

.form_group_v2 label {
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #343a40;
    margin-bottom: 8px;
}
a.get-started-btn.light-blue {
    background: #069AE9;
}
.m-0 { margin: 0px!important;}
.mb-0 { margin-bottom: 0px!important;}
.mb-1 { margin-bottom: 10px!important;}
.mb-2 { margin-bottom: 20px!important;}
.mb-3 { margin-bottom: 30px!important;}
.mb-4 { margin-bottom: 40px!important;}
.mb-5 { margin-bottom: 50px!important;}
.mb-6 { margin-bottom: 60px!important;}
.mb-7 { margin-bottom: 70px!important;}
.mb-8 { margin-bottom: 80px!important;}

.mt-0 { margin-top: 0px!important;}
.mt-1 { margin-top: 10px!important;}
.mt-2 { margin-top: 20px!important;}
.mt-3 { margin-top: 30px!important;}
.mt-4 { margin-top: 40px!important;}
.mt-5 { margin-top: 50px!important;}
.mt-6 { margin-top: 60px!important;}
.mt-7 { margin-top: 70px!important;}
.mt-8 { margin-top: 80px!important;}

.p-0 { padding: 0px!important;}
.pb-0 { padding-bottom: 0px!important;}
.pb-1 { padding-bottom: 10px!important;}
.pb-2 { padding-bottom: 20px!important;}
.pb-3 { padding-bottom: 30px!important;}
.pb-4 { padding-bottom: 40px!important;}
.pb-5 { padding-bottom: 50px!important;}
.pb-6 { padding-bottom: 60px!important;}
.pb-7 { padding-bottom: 70px!important;}
.pb-8 { padding-bottom: 80px!important;}
.pb-9 { padding-bottom: 90px!important;}
.pb-10 { padding-bottom: 100px!important;}

.pt-0 { padding-top: 0px!important;}
.pt-1 { padding-top: 10px!important;}
.pt-2 { padding-top: 20px!important;}
.pt-3 { padding-top: 30px!important;}
.pt-4 { padding-top: 40px!important;}
.pt-5 { padding-top: 50px!important;}
.pt-6 { padding-top: 60px!important;}
.pt-7 { padding-top: 70px!important;}
.pt-8 { padding-top: 80px!important;}
.pt-9 { padding-top: 90px!important;}
.pt-10 { padding-top: 100px!important;}

.pl-0 { padding-left: 0px!important;}
.pl-1 { padding-left: 10px!important;}
.pl-2 { padding-left: 20px!important;}
.pl-3 { padding-left: 30px!important;}
.pl-4 { padding-left: 40px!important;}
.pl-5 { padding-left: 50px!important;}
.pl-6 { padding-left: 60px!important;}
.pl-7 { padding-left: 70px!important;}
.pl-8 { padding-left: 80px!important;}
.pl-9 { padding-left: 90px!important;}

.pr-0 { padding-right: 0px!important;}
.pr-1 { padding-right: 10px!important;}
.pr-2 { padding-right: 20px!important;}
.pr-3 { padding-right: 30px!important;}
.pr-4 { padding-right: 40px!important;}
.pr-5 { padding-right: 50px!important;}
.pr-6 { padding-right: 60px!important;}
.pr-7 { padding-right: 70px!important;}
.pr-8 { padding-right: 80px!important;}
.pr-9 { padding-right: 90px!important;}

.mt-auto { margin-top: auto!important;}
.mb-auto {margin-bottom: auto!important;}
.br-20 {border-radius: 20px;}
.br-10 {border-radius: 10px;}

.text-left { text-align: left!important;}
.text-center { text-align: center!important;}
.text-right { text-align: right!important;}
.p-relative { position: relative;}
.p-absolute { position: absolute;}

.inline-flex {
    display: flex;
    column-gap: 80px;
}
 p {
    line-height: 26px;
    color: #475467;
 }
.column-1 {width: 10%;}
.column-2 {width: 20%;}
.column-25 {width: 25%;}
.column-3 {width: 30%;}
.column-33 {width: 33.33%;}
.column-5 {width: 40%;}
.column-5 {width: 50%;}
.column-6 {width: 60%;}
.column-7 {width: 70%;}
.column-8 {width: 80%;}
.column-9 {width: 90%;}
.column-10 {width: 100%;}

.gap-0 { column-gap: 0px; }
.gap-10 { column-gap: 10px; }
.gap-20 { column-gap: 20px; }
.gap-30 { column-gap: 30px; }
.hero_content.container-narrow {
    max-width: 910px;
    margin: auto;
}
.table-column.blue > * {
    background: #2165d1;
    color: white;
}
.column-row {
    font-size: 16px;
    line-height: 1.8;
    color: #475467;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px 30px;
}
.column-row > * {
    margin: auto;
}
.table-container {
    overflow: hidden;
}
.column-row {
    display: flex;
}
.custom-clients .all_clients_sec_list.scroll-animate-card.in-view {
    max-height: 210px;
}
.box-left {
    max-width: 420px;
    padding-top: 40px;
}
.product_showcase_sec.blue-bg {
    background: #2065D1;
    border-radius: 20px;
}
.product_showcase_sec.blue-bg > div {
    padding: 0px;
}

.product_showcase_sec.blue-bg .advantages-wrapper > div {
    max-width: 50%;
}
.product_showcase_sec.blue-bg * {
    color: white !important;
}
.big-note.v2 {
    max-width: 100%;
    text-align: center;
}

.table-container {
    box-shadow: 0px 0px 30px #0000001f;
    background: white;
    border-radius: 30px;
    margin-top: 50px;
}
.column-row {
    padding: 20px;
    min-height: 95px;
    border-top: 1px solid #E2E2E2;
}
.table-container {
    display: flex;
  }
  .column-header {
    padding: 26px;
    font-weight: bold;
    color: #2065D1;
    font-size: 24px;
}
  .table-container > * {
    flex: 1;   /* all children take equal width */
  }
.big-note {
    font-size: 27px;
    font-style: italic;
    color: rgb(32 101 209 / 79%);
    font-weight: 600;
    max-width: 550px;
}

h2.agrippon_title.weight-varition span {
    font-weight: 100;
    font-style: italic;
}
.agrippon_hero_content.wider {
    max-width: 1000px;
}
.agrippon-advantages-section .feature-card p.above-title {
    font-size: 18px;
    font-weight: bold;
}
.feature-card.scroll-animate-card.icon-small {
    min-height: 280px;
}
.big-image img {
    max-width: 100%;
    width: 100%;
}
.color-white {
    color:white;
}
a.agrippon_btn_primary.color-light {
    background: #069AE9;
}
.container-small-narrow.container {
    max-width: 1100px;
}
.container-small-narrow.container .features-grid.scroll-animate-card.pt-3.in-view {
    max-width: 35%;
}
.container-small-narrow.container .advantages-text.scroll-animate-card.pr-4.pl-4.in-view {
    max-width: 60%;
}

ul.custom-bullets.v2 li:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA5CAYAAACMGIOFAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAXHSURBVHgB7Vo/T2NHEJ/ZxcSCWHKKJILKaZzyiPgA5+vvlEtJFSgg13FRPgC4vyiXKhcTyVAktIS7PuYDkJCWJi4i0JHGEQeywG8ns8/Yfvv8/tr7TAr/pNPx1rP79vdmdnZmdgGmmGKKKaawD4QMkd/5p+IoWEKpHgDBEv8r6nYCLCJQi9/eQoImEfwJEk7m5HWjtfZJCyzDOklNjIA+VwSrTKSYsjsgYoP77t1ufLQLlmCN5B25LSKqgB00WeNVG2THJpn/4bxEM7IeQ+6SX3WOqE71A5vnJSIUCMQC226BW8oRfccmOxbJ92oXmwpgO9AsEY95cg2BzpEieRY1joROoQMzy4KcCnd8yE0FvwyheDk/8646ypodmeTsztst1sL28C/0hlC+5j+OYQRowkqJCmt6nQAWfT83RU49aq8tNCEFRiI5W7uoM5lVcyRXczUYkZwfwnEWlcTH7H03fD+lJpqaZG7n4jskem620j5r71vIADzBMpJ64dNqKqKpSAaaKEKVHchryBBaqyDwlZ/oXO76syRrVEBC6C3iPghqKMmOS9Ez1ojXgZWuOu9vJemfSJPF+l/F69u5P/TAvTZCYPMU+zBBBGlUoHjUXv+wEdkPEuCqM6+/WGnQQvuTJqihNapQVI02UnWthKh+sST1Zu91NNpkBFIN7g/HbEXeD1y6vpl7HtUhliR/PcPuOVrZcWDmEu4R7Adq/LUHc0DYjNJmAnMdhGtaiySydzRx4Hlc8rr0arN4fVOohMlHkszVLlbB62xYizABcCi4KHAo2jFA2id4tIlCbYaOB1Ev45TJ+6yEaEDWUGqDFB6SUodCqUqYGLpBP7zpPesEIcxkI0lymFYZDIqNu4GzAxPkmHUQxiE+jhJnbTa8z+yAKkFyoSTna38vgTe7QLISk4bCTxBc7RxFdeF1eep9RgxO90JJ3opcyRgAxClkhQCC/FyLc3Jdy0IjCgqSCyWJDhkdOr6vZg0hBJXeJhKAZfvz4uX1IEgmlKQuNhmDZbEexyTogtS7OJHEAXoSSM7otftPJGyDIOgYGr0fP713TQO9rymgn7X75/zvFwooYfRhiaDbj6gQJ2ONJJcRuShFPS2WBakfA4laJBiAwNwyfE0iNg3BGDPU7tyX7w0TzYCgW/Hrj2XOuYdQkhIds4Mjo8qGXcc0nNgOiGalQfSUM0n9GyQSSrI9kz/xPhM6yxCDkAy+zCXLwywIooRyt27bmyQ0guTC1+TaB9q+mx7RSE32EETU7xysrcFb9akxrpAnQWIxsSv96nlaTro9hGi0OxF7TsaIbfldzbAySCRJiXRgNFB0wOxFoEYtEuymYtRfQiSwESoLEWivLzT0KVN/IIKVyP3Phz5RJsdmUbWmQT0X5RhrXBDuhcnG7pNIjrdzgb3lBqSAW3xicjYrCl0tekyVFRFVsYsl2d5Y2EXDAcGKrmrDPYJTsFfeZ851q1HyiSIePnJb873mRRqztQrebz2RlVbrrpW6q16b/N/ACfFLJFGi6rVlrJj7LbaEdKpxnRLHrje52TWv2fL2UuFNfmJEUaknHPh/420T4Hyd5NAneYDOwYEC/EJ/vX4b0RNBEzHdFV545gdlb639RZLOqY/u8rXzVfaWdXMUPGMP94wzkTOwCJ2fqq43XzF+INi7+erjVUiI0Q5hf3r7FBTWYfgYfR+F2LdBVpsnO5V1w8lopCTojgUjwr0QIcVv5C8esVZ5p/6d48haWrJacw4Any7rqhsNJwRsokxwG1JirIsRmigXnLd5lC9DRLjIRMcCpVuz9RfDZHctlx33NJkqfJBTDsr0tcPT29idl08NK/d49Drl5HWLQkqCo4OdHDnfz822X45zU8vqjSx7ZO2Q648GGSC/c14hwqdcQnno3qlLNpUWR9kHXAg7ms9dHdi8Y5fpBUINfQjT7uSXHJL6MLdkvpxaJLEppDpJezdniimmmOJ/jf8APLOXyedXY68AAAAASUVORK5CYII=);
    width: 24px;
    height: 24px;
    margin-left: -34px;
    top: 4px;
    position: relative;
}
ul.custom-bullets.v2 li {
    padding-left: 33px;
    font-size: 18px;
    margin-bottom: 20px;
}
.avatar-box {
    background: white;
    padding: 20px;
    border-radius: 30px;
    max-width: 350px;
    box-shadow: -9.52px 9.52px 23.8px 0px #01303F1F;
}
ul.custom-bullets {
    list-style: none;
}
ul.custom-bullets li {
    margin: 10px 0px;
    line-height: 26px;
    color: #475467;
}
ul.custom-bullets {
    list-style: none;
    padding-left: 0px;
}
ul.custom-bullets li:before {
    display: inline-block;
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANxSURBVHgB7ZlLVtswFIZ/yW1HHWQJ7gIg9Q7CCoAVEM4BDjPCCpqsgDDjBM4hrKCwArKDELqAagfNoO0ELPVKefmZyI84GfSbRLYl+49879XVNfCfamAoCbc1rOGPc0B3rOtDKOXSby3wKEHXxoAagfOBuNkZICeFRBuhv3kTjO2TmEaWsVD0Bxh7JAVPorf7mGVoLtFG7N8PF5CyRXeooTiCpHTE7W7fpnNm0e7pa5Ne/VVJYqMIOHJP3HhiWSdr0VObvaL32sS6Ybwtejud1MuwwD0fuvD5s26iKhjrkq1fJl5aNXYjguewPtn5cezssiGbFTwjLpwv7e/z79ioYI1qumejVvBMqmj3ZPSNfr5iG1C4cs9/NGaHiaKNWTC0sU348n7WTJ5p37nH9uGSmbR1I+aI7smwQXHyGdvJGG/yS3ymuXOBqmB4gZKXGUbU8Ik3Q6KNLSt1gCpgtGRzeSjuvC4gPXNsg2L74Zn2nQaqYUyC5zmGuPVe9LGdcNUIi2bYRxUweRxNisyxRN9meFi0ypgT54GhI3peLH92z14PbMPsPHq4TcriPvJfWC/X4rbeip40vvTOh7bp7mKmP6x59aNIkSpY5zcZ8vOFaOVkT+q14zB5CO1Yq/px0y9OjvyGB1rZRE+E7E3skzw/XXgoUgQhO6ZNRfY3zJGHmeBgyEoTnhApNCYhU6qFHCxEyxWvODSKx0NWkvASIkXi4xctX8AWyriMA0WICL8WvXo72seMk6pQQrYQ/Wa5jE6frT1+mfCyIkUSoSzPPR39RDZPttryB+4/RAkbi6gjPiEbqTMe65gzUiQRWcZlpvLUTM8q4UUiRRJh0e+U3yJDFFmQKrxopIjD+iHRou+NabavkY+Y8DIiRQyHPcS3W5PESTtkXg83zmlapddM2IBqIHuxFbHgbGsmYW0dNROHmfpe8jL+jq719icZF6XXTKjSNC3EJ4o2sy3lMbYFPYGOP6+ipiZMtOEckJl0sA0o2gAHFrClWR4Jb1NJ6gEbhbJEkxossKtPn4z61PMIlWME96NnrfJpcVdvVmwqY70jShKssd4EGFOhf14wqljABhTnvaQ8fN4DGZnunNtrMBe9PnQmFafl5P6OWKL4yWL2GV3R9azynsJfbCeJPRq0XB1l+ABKm131CF89kNgXW7Ez/gES5YD+XbjBtgAAAABJRU5ErkJggg==);
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
}

a.text-button {
    color: #03B2E9;
    font-weight: bold;
    text-decoration: initial;
    margin-top: 30px;
    display: block;
    margin-bottom: 10px;
}
div#box-1 {
    top: 30px;
    right: 60%;
}
div#box-2 {
    top: 330px;
    right: 64%;
}
div#box-3 {
    top: 30px;
    left: 60%;
}
div#box-4 {
    top: 330px;
    left: 66%;
}
.column-card.scroll-animate-card {
    box-shadow: -9.52px 9.52px 23.8px 0px #01303F1F;
    background: white;
    border-radius: 30px;
}
.container.narrow { max-width: 1260px;}

.icon-small img {width: 70px;}
.content-wrapper { min-height: 150px;}

.container.narrow-more {max-width: 960px;}


.form_group_v2 input[type="text"],
.form_group_v2 input[type="email"],
.form_group_v2 input[type="tel"],
.form_group_v2 textarea {
    width: 100%;
    padding: 14px 18px; /* Generous padding */
    border: 1px solid #ced4da; /* Standard border */
    border-radius: 8px;
    font-size: 16px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;
    background-color: #f8f9fa; /* Light background for inputs */
}

.form_group_v2 textarea {
    min-height: 130px;
    resize: vertical;
}

.form_group_v2 input[type="text"]:focus,
.form_group_v2 input[type="email"]:focus,
.form_group_v2 input[type="tel"]:focus,
.form_group_v2 textarea:focus {
    outline: none;
    border-color: #1e50c8;
    box-shadow: 0 0 0 3px rgba(30, 80, 200, 0.15);
    background-color: #ffffff;
}

.submit_btn_v2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Space between text and arrow */
    width: 100%;
    padding: 15px 20px;
    background-color: #1e50c8; /* Match form title blue */
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.submit_btn_v2:hover {
    background-color: #1644b5;
    transform: translateY(-2px);
}
h2.title-and-image {
    position: relative;
}
h2.title-and-image img {
    position: absolute;
    bottom: -30px;
}
.submit_btn_v2:active {
    transform: translateY(0);
}

.submit_btn_v2 .arrow_icon {
    font-size: 20px; /* Make arrow slightly larger */
    line-height: 1;
}

.contact_illustration_container {
    text-align: center; /* Center the image */
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_illustration_image {
    max-width: 100%;
    height: auto;
    border-radius: 8px; /* Optional: slight rounding */
    display: block;
}

/* Responsive Adjustments for V2 */
@media (max-width: 992px) {
    .contact_layout_v2 {
        grid-template-columns: 1fr; /* Stack columns */
        gap: 40px;
        padding: 30px;
    }

    .contact_illustration_container {
        order: -1; /* Move illustration above form on small screens */
        margin-bottom: 20px;
    }
    
    .form_title_v2 {
        font-size: 24px;
        text-align: center;
    }
    
    .form_subtitle_v2 {
        text-align: center;
    }
    
    .contact_form_container {
        max-width: 100%;
    }
    .inline-flex > div {
        width: 100% !important;
    }
    .inline-flex {
        flex-wrap: wrap;
    }
    .inline-flex {
        row-gap: 50px;
    }
    p.hero-description.mb-2.text-left {
        margin: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .feature-card.scroll-animate-card.icon-small {
        transform: none;
    }
 
    .avatar-box {
        position: relative;
    }
    .agrippon_avatar_img img {
        max-width: 100%;
    }
    div#box-1 {
        top: 0px;
        right: 0px;
    }
    div#box-2 {
        top: 0px;
        right: 0px;
    }
    div#box-3 {
        top: 0px;
        left: 0px;
    }
    div#box-4 {
        top: 0px;
        left: 0px;
    }
    .avatar-box {
        margin-bottom: 20px;
    }
    .avatar-box .inline-flex {
        row-gap: 0px;
    }   
    div#box-1 > div,    div#box-2 > div {
        flex-direction: column-reverse;
        text-align: left;
    } 

.feature-card.scroll-animate-card.icon-small {
    min-height: auto;
}
}

@media (max-width: 576px) {
    .contact_layout_v2 {
        padding: 20px;
    }

    .form_group_v2 input, 
    .form_group_v2 textarea {
        padding: 12px 15px;
        font-size: 15px;
    }

    .submit_btn_v2 {
        padding: 14px 18px;
        font-size: 15px;
    }
    
    .contact_illustration_image {
        max-width: 90%;
    }
}

/* Ensure buttons/links in header act like buttons visually */
.agrippon_btn_outline,
.agrippon_btn_primary {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.close-button {
    cursor: pointer;
}
.Casestudy_wrapper img {
    width: 100%;
    height: 75%;
    object-fit: cover;
    border-radius: 10px;
}

.Casestudy_text_list p {
    font-size: 24px;
    line-height: 38px;
    margin: 0;
    color: #101828;
    padding-bottom: 20px;
    font-weight: 400;
}
.case_studies_sec .feature_highlights_sec .advantages-wrapper .feature_list_sec h2 {
    font-size: 26px;
    color: #1D2939;
    line-height: 39px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}


.case_studies_sec_2.case_studies_sec .feature_highlights_sec .advantages-wrapper .feature_list_sec .one:before {
    content: "";
    width: 117px;
    height: 92px;
    display: block;
    position: absolute;
    background-image: url(../image/one.png);
    left: 0;
    top: -45px;
    background-repeat: no-repeat;
    background-size: cover;
}

.case_studies_sec_2.case_studies_sec .feature_highlights_sec .advantages-wrapper .feature_list_sec .one.two:before {
    background-image: url(../image/two.png);
    width: 145px;
}

.case_studies_sec_2.case_studies_sec .feature_highlights_sec .advantages-wrapper .feature_list_sec .one.three:before {
    background-image: url(../image/three.png);
    width: 145px;
}

.case_studies_sec_2.case_studies_sec .feature_highlights_sec .advantages-wrapper .feature_list_sec .one.four:before {
    background-image: url(../image/four.png);
    width: 150px;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.advantages-wrapper.padding_btm_4.friction_four_sec .advantages-text {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
}

.case_studies_sec .case_studies_text b {
    color: #2065D1;
}

.case_studies_sec_2 .features-grid p.case_studies_text {
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    color: #475467;
    padding: 0 34px;
    padding-top: 15px;
    padding-bottom: 0;
}

.case_studies_sec .feature_highlights_sec .advantages-wrapper .feature_list_sec h3 {
    color: #03B2E9;
    font-size: 22px;
    line-height: 33px;
    margin: 0;
    padding-bottom: 15px;
}

.case_studies_sec .case_studies_text {
    color: #475467;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 20px;
    margin: 0;
    font-weight: 400;
}

/* Responsive */
@media (max-width: 1400px) {
    .agrippon_hero_content {
        padding-bottom: 25px;
    }

    .problem-solution-container h2.card-title {
        font-size: 30px;
        line-height: 45px;
        padding-bottom: 20px;
    }

    .problem-solution-container ul.card-list li {
        padding: 18px;
    }

    .problem-solution-container ul.card-list li span {
        font-size: 20px;
        line-height: 32px;
        color: #1D2939;
    }

    .problem-solution-container ul.card-list li img {
        width: 40px;
    }
}

@media (max-width: 1366px) {
    .agrippon-advantages-section .features-grid {
        max-width: 744px;
        gap: 20px;
    }

    .agrippon-advantages-section .feature-card h3 {
        font-size: 22px;
        padding-top: 10px;
    }

    .agrippon-advantages-section .feature-card {
        padding: 17px;
        max-width: 325px;
    }

    .product_showcase_sec .agrippon-advantages-section .features-grid {
        max-width: 55%;
    }

    .page_header_content h1 {
        font-size: 45px;
        line-height: 55px;
    }
}

@media (max-width: 1200px) {
    .agrippon-advantages-section .advantages-wrapper {
        display: block;
    }

    .product_showcase_sec .agrippon-advantages-section .advantages-wrapper {
        display: flex;
    }

    .agrippon-advantages-section .advantages-text {
        max-width: 100%;
        padding-bottom: 20px;
    }

    .agrippon-advantages-section .features-grid {
        max-width: 100%;
        justify-content: center;
    }

    .padding_btm {
        padding-bottom: 60px;
    }
}

@media (max-width: 1169px) {
    .agrippon_hero {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .Casestudy_text_list p {
        font-size: 20px;
        line-height: 34px;
        padding-bottom: 12px;
    }

    .agrippon_title {
        font-size: 38px !important;
        line-height: 50px;
    }

    .agrippon_hero_content {
        padding-bottom: 25px;
    }

    .subscribe_sec {
        padding-bottom: 40px;
    }

    .agrippon-cta-footer {
        padding-top: 40px;
    }

    .cta-box h3 {
        font-size: 25px;
        line-height: 38px;
        padding-bottom: 25px;
    }

    .page_header_section {
        background: #D5E6F2;
        background-image: none;
    }

    .problem-solution-container {
        display: block;
    }

    .problem-solution-container .info-card {
        max-width: 100%;
    }

    .logo-center {
        margin: 20px;
        text-align: center;
    }

    .contact_us_wrapper {
        padding: 30px;
        gap: 30px;
    }
}

@media (max-width: 992px) {
    .contact_us_wrapper {
        display: block;
        padding: 20px;
    }

    .form_group textarea {
        height: 90px;
    }

    .product_showcase_sec .agrippon-advantages-section .advantages-wrapper,
    .feature_highlights_sec .advantages-wrapper {
        display: block;
    }

    .feature_highlights_sec .advantages-text,
    .feature_highlights_sec .features-grid {
        width: 100%;
    }

    .product_showcase_sec .agrippon-advantages-section .features-grid,
    .product_showcase_sec .agrippon-advantages-section .advantages-text {
        max-width: 100%;
    }

    .padding_btm {
        padding-bottom: 40px;
    }

    .padding_btm_4 {
        padding-bottom: 20px;
    }

    .reports_sec {
        display: block;
    }

    .reports_sec .w-50 {
        width: 100%;
    }

    .reports_sec .box_border_sec h2 {
        margin: 0;
        font-size: 25px;
        line-height: 36px;
    }
    .inline-flex.flex-reverse {
        flex-direction: column-reverse;
    }

    
    .agrippon-advantages-section .advantages-wrapper .features-grid {
        padding-bottom: 24px;
        margin-top: 20px;
    }
    .table > div {
        width: 750px;
    }
    .table {
        overflow: auto;
        margin: 0px -20px;
        padding-left: 20px;
    }
    .big-note.v2 {
        margin-top: 50px;
    }
    .product_showcase_sec.blue-bg .advantages-wrapper > div {
        max-width: 100%;
    }
    .product_showcase_sec.blue-bg .advantages-wrapper {
        display: flex
    ;
        flex-direction: column-reverse;
    }

.product_showcase_sec.blue-bg img {
    margin-left: -12px;
}

a.get-started-btn.light-blue {
    background: #069AE9;
    text-align: center;
}
.container-small-narrow.container .advantages-text.scroll-animate-card.pr-4.pl-4.in-view {
    max-width: 100%;
}
.product_showcase_sec .advantages-wrapper.flex-reverse {
    display: flex;
    flex-direction: column-reverse;
}

h2 br, h3 br, p br {
    display: none;
}

.container-small-narrow.container {
    padding: 100px 0px;
}
.container-small-narrow.container .features-grid.scroll-animate-card.pt-3.in-view {
    max-width: 100%;
}
}

@media (max-width: 768px) {
    .case_studies_sec_2.case_studies_sec .feature_highlights_sec .advantages-wrapper .feature_list_sec .one:before {
        display: none;
    }

    .case_studies_sec_2 .features-grid p.case_studies_text {
        padding: 0 15px;
    }

    .subscribe_sec .cta-box.border_right {
        border-right: 0;
    }

    .case_studies_sec .feature_highlights_sec .advantages-wrapper .feature_list_sec h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .case_studies_sec .feature_highlights_sec .advantages-wrapper .feature_list_sec h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .agrippon_hero_content .agrippon_welcome {
        padding: 8px 11px;
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .logo-center img.center-logo {
        max-width: 150px;
    }

    .menu-toggle {
        display: block;
    }

    div#menuToggle {
        order: 1;
    }

    .agrippon_header {
        padding-left: 0;
        padding-right: 0;
    }

    .agrippon_btn_outline {
        padding: 7px 12px;
        font-size: 14px;
        line-height: 20px;
    }

    .agrippon_btn_primary {
        padding: 9px 24px;
        font-size: 15px;
        line-height: 20px;
        color: #fff;
    }

    .agrippon_nav {
        display: none;
        flex-direction: column;
        background-color: white;
        position: absolute;
        top: 60px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 53px;
        right: 0;
        gap: 15px;
    }

    .agrippon_nav.show {
        display: flex;
    }

    .agrippon_nav {
        width: 100%;
        margin-top: 10px;
    }

    .impact-stats {
        padding-bottom: 30px;
    }

    .subscribe_sec {
        display: block;
    }

    .all_clients_sec .all_clients_sec_list {
        max-width: 100%;
        flex: 100%;
    }

    .cta-box {
        width: 100%;
        padding-bottom: 20px;
    }

    .agrippon_title,
    .agrippon_subtitle {
        font-size: 22px;
    }

    .product_showcase_sec .agrippon-advantages-section {
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .problem-solution-container .agrippon-advantages-section {
        padding-bottom: 10px;
    }

    .agrippon-advantages-section .advantages-text {
        padding-bottom: 0px;
    }
    
    .bg_color_left {
        padding-bottom: 0px;
    }

    .agrippon_hero {
        padding: 40px 15px !important;
    }

    h2.agrippon_title_sub.p-10  {
        padding-top: 30px;
    }

    .agrippon_nav a.active:after {
        display: none;
    }

    .agrippon_nav a.active  {
        text-decoration: underline;
    }

    .logo-center {
        margin: 40px 0 0 0;
    }

    .page_header_section {
        padding: 50px 0;
    }

    .contact_us_wrapper,
    .Casestudy_wrapper {
        top: 0;
    }

    .contact_us_section,
    .Casestudy_wrapper {
        padding-top: 40px;
    }
}

@media (max-width: 576px) {
    .agrippon_logo img {
        height: auto;
        width: 100px;
    }

    .agrippon_topbar {
        padding: 10px;
        font-size: 14px;
        line-height: 20px;
    }

    .agrippon-advantages-section .feature-card {
        padding: 17px;
        max-width: 100%;
    }

    .product_showcase_sec .agrippon-advantages-section {
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .problem-solution-container .agrippon-advantages-section {
        padding-bottom: 10px;
    }

    .agrippon-advantages-section .advantages-text {
        padding-bottom: 0px;
    }

    .bg_color_left {
        padding-bottom: 0px;
    }

    h2.agrippon_title_sub.p-10  {
        padding-top: 30px;
    }

    .agrippon_nav a.active:after {
        display: none;
    }

    .agrippon_nav a.active  {
        text-decoration: underline;
    }

    .logo-center {
        margin: 40px 0 0 0;
    }

    .mail-call {
        flex-wrap: wrap;
        font-size: 14px !important;
        gap: 10px;
    }
    
    .mail-call > a {
        margin: 0 !important;
        align-items: flex-start !important;
    }
    .mail-call > a:nth-child(3) {
        width: 82% !important;
    }
}

/* Contact Process Styles */
.contact_process_container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    padding: 20px;
}

.contact_process_title {
    font-size: 18px;
    color: #1D2939;
    line-height: 1.5;
    margin: 0;
    font-weight: 500;
    text-align: left;
}

.contact_process_steps {
    width: 100%;
}

.contact_process_card {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 24px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* .contact_process_card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.1);
} */

.contact_process_icon {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #F8F9FB; */
    /* border-radius: 12px; */
    /* padding: 12px; */
}

.contact_process_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.contact_process_content {
    flex: 1;
    text-align: left;
}

.contact_process_content h3 {
    font-size: 18px;
    /* color: #2065D1; */
    margin: 0 0 8px 0;
    font-weight: 600;
}

.contact_process_content p {
    font-size: 14px;
    color: #475467;
    line-height: 1.5;
    margin: 0;
}

@media (max-width: 768px) {
    .contact_process_container {
        padding: 0;
    }

    .contact_process_card:last-child {
        margin-bottom: 0;
    }

    .contact_process_card {
        padding: 10px;
        align-items: flex-start;
    }

    .contact_process_icon {
        width: 50px;
        height: 50px;
    }

    .contact_process_title {
        font-size: 16px;
    }

    .contact_process_content h3 {
        font-size: 16px;
    }

    .contact_process_content p {
        font-size: 12px;
    }
}

/* PRIVACY POLICY STYLES */

.sub-header {
    font-weight: 300;
    font-style: italic;
    margin-bottom: 40px;
}

.privacy-title-header, .privacy-title {
    text-transform: uppercase;
    font-weight: 700;
}

.privacy-title-header {
    margin: 40px 0;
}

.privacy-content {
    max-width: 943px;
    margin: 0 auto;
}

.privacy-section {
    padding: 150px 0;
    font-weight: 400;
    color: #475467;
}

.privacy-table  {
    margin: 50px 0;
    border-spacing: 0 30px;
}

.privacy-table th, .privacy-table td {
    padding: 8px;
    text-align: left;
    border: none;
}

.privacy-table th {
    font-weight: 700;
}

.privacy-table td {
    width: 33%;
    vertical-align: top;
}

.privacy-table td:nth-child(3), .privacy-table th:nth-child(3) {
    padding-left: 30px;
}